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/specialCheck/components/wholesaleForm.vue | 2 src/views/selfCheck/components/supervisionDetails.vue | 58 +++++++++++++++++++++++++++-- src/views/patrol/selfcheck.vue | 2 src/views/specialCheck/components/feedbackDetails.vue | 8 ++-- 4 files changed, 60 insertions(+), 10 deletions(-) diff --git a/src/views/patrol/selfcheck.vue b/src/views/patrol/selfcheck.vue index f9aab94..6f19a26 100644 --- a/src/views/patrol/selfcheck.vue +++ b/src/views/patrol/selfcheck.vue @@ -1,7 +1,7 @@ <template> <div class="app-container"> - <div> + <div style="margin-bottom: 20px"> <el-button class="filter-item" style="margin-left: 10px;" 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; diff --git a/src/views/specialCheck/components/feedbackDetails.vue b/src/views/specialCheck/components/feedbackDetails.vue index a104645..48bde5e 100644 --- a/src/views/specialCheck/components/feedbackDetails.vue +++ b/src/views/specialCheck/components/feedbackDetails.vue @@ -64,7 +64,7 @@ <el-button type="text" @click="deleteItem(index)">删除</el-button> </td> </tr> - <tr style="text-align: center"><el-button icon="el-icon-plus" style="height: 32px;padding: 0 30px;margin-top: 6px" type="primary" plain round @click="addItem()">添加行</el-button></tr> + <tr style="text-align: center"><el-button icon="el-icon-plus" style="height: 32px;padding: 0 30px;margin: 12px" type="primary" plain round @click="addItem()">添加行</el-button></tr> <tr class="m-color b-font" style="text-align: center">执法处罚情况</tr> <tr> <td class="m-color w-25 mid">罚款金额(万元)</td> @@ -192,7 +192,7 @@ </td> </tr> <tr style="text-align: center" v-if="unitType == 1"> - <el-button style="height: 32px;padding: 0 30px;margin-top: 6px" type="primary" icon="el-icon-edit" plain @click="editRecord(1)">修改</el-button> + <el-button style="height: 32px;padding: 0 30px;margin: 12px" type="primary" icon="el-icon-edit" plain @click="editRecord(1)">修改</el-button> </tr> </table> </div> @@ -274,7 +274,7 @@ </td> </tr> <tr style="text-align: center" v-if="unitType == 2"> - <el-button type="primary" icon="el-icon-edit" plain @click="editRecord(2)">修改</el-button> + <el-button style="height: 32px;padding: 0 30px;margin: 12px" type="primary" icon="el-icon-edit" plain @click="editRecord(2)">修改</el-button> </tr> </table> </div> @@ -356,7 +356,7 @@ </td> </tr> <tr style="text-align: center" v-if="unitType == 3"> - <el-button type="primary" icon="el-icon-edit" plain @click="editRecord(3)">修改</el-button> + <el-button style="height: 32px;padding: 0 30px;margin: 12px" type="primary" icon="el-icon-edit" plain @click="editRecord(3)">修改</el-button> </tr> </table> </div> diff --git a/src/views/specialCheck/components/wholesaleForm.vue b/src/views/specialCheck/components/wholesaleForm.vue index 8d4f245..0e4546f 100644 --- a/src/views/specialCheck/components/wholesaleForm.vue +++ b/src/views/specialCheck/components/wholesaleForm.vue @@ -97,7 +97,7 @@ :total="recordTotal" layout="total, sizes, prev, pager, next, jumper" background - style="float:right;margin:3px" + style="float:right;margin:20px 0 0" @size-change="handleSizeChange" @current-change="handleCurrentChange" /> -- Gitblit v1.9.2