From 2cfbc714c3e96e6f0f4cb69b4b1ee4f928c1c919 Mon Sep 17 00:00:00 2001 From: Admin <978517621@qq.com> Date: 星期一, 28 十一月 2022 16:48:47 +0800 Subject: [PATCH] 修改样式 --- src/views/selfCheck/components/supervisionDetails.vue | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 54 insertions(+), 4 deletions(-) diff --git a/src/views/selfCheck/components/supervisionDetails.vue b/src/views/selfCheck/components/supervisionDetails.vue index f08b203..78c4f1f 100644 --- a/src/views/selfCheck/components/supervisionDetails.vue +++ b/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; -- Gitblit v1.9.2