修改样式

Admin

2022-11-28 2cfbc714c3e96e6f0f4cb69b4b1ee4f928c1c919

 src/views/selfCheck/components/supervisionDetails.vue

@@ -9,7 +9,8 @@
        @close="resetForm()"
    >
         <div slot="title" class="dialog-title">
            烟花爆竹{{enterpriseType==1?'批发':(enterpriseType==2?'零售':'')}}企业检查情况反馈表
             烟花爆竹{{enterpriseType==1?'批发':(enterpriseType==2?'零售':'')}}企业检查情况反馈表
             <div v-if="corpInfo.hiddendangerStatus==0">应急检查无隐患</div>
         </div>
        <div class="table-tit">
            <div>企业名称: <span class="m-color">{{corpInfo.enterpriseName}}</span></div>
@@ -19,11 +20,11 @@
        </div>
        <div class="corp-list">
            <table class="corp-table">
                <tr>
                <tr class="special-tr">
                    <td class="m-color w-25">检查时间</td>
                    <td class="m-color w-25">{{corpInfo.checkTime}}</td>
                    <td class="m-color w-25">是否检查出隐患问题</td>
                    <td class="m-color w-25">{{corpInfo.hiddendangerStatus==1?'是':'否'}}</td>
                    <td class="m-color w-25 spe"><div><span>是否检查出隐患问题</span><p>（如与其他单位共同检查，检查次数计入本单位，但隐患问题不计入本单位，亦选“否”）</p></div></td>
                    <td class="m-color w-25" :class="corpInfo.hiddendangerStatus==1?'warning':'normal'">{{corpInfo.hiddendangerStatus==1?'是':'否'}}</td>
                </tr>
                <tr class="m-color b-font" style="text-align: center" v-if="corpInfo.hiddendangerStatus == 1">自查与整改情况</tr>
                <tr v-if="corpInfo.hiddendangerStatus == 1">
@@ -283,6 +284,21 @@
    .dialog-title{
        font-size: 22px;
        font-weight: bolder;
        position: relative;

        div{
            position: absolute;
            background: #67C23A;
            color: #fff;
            right: 40px;
            top: 50%;
            font-size: 16px;
            padding: 6px 15px;
            border-radius: 2px;
            letter-spacing: 1px;
            font-weight: normal;
            transform: translateY(-50%);
        }
    }
    .table-tit{
        width: 100%;
@@ -374,6 +390,40 @@
                        &::scrollbar { width: 0; height: 0; color: transparent }
                    }
                }
                .warning{
                    color: red;
                }
                .normal{
                    color: #67C23A;
                }
            }
            .special-tr{
                height: 84px;
                td{
                    height: 84px;
                    line-height: 84px;

                    &.spe{
                        line-height: 16px !important;
                        div{
                            height: 84px;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;

                            span{
                                margin-bottom: 6px;
                            }
                            p{
                                color: red;
                                margin: 0;
                                line-height: 16px !important;
                            }
                        }

                    }

                }
            }
            .b-font{
                font-size: 16px;