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 | 58 +++++++++++++++++++++++++++++++++++----------------------- 1 files changed, 35 insertions(+), 23 deletions(-) diff --git a/src/views/specialCheck/components/wholesaleForm.vue b/src/views/specialCheck/components/wholesaleForm.vue index be125b7..0e4546f 100644 --- a/src/views/specialCheck/components/wholesaleForm.vue +++ b/src/views/specialCheck/components/wholesaleForm.vue @@ -2,16 +2,16 @@ <div class="table"> <div class="filter-container"> <div class="table-tit"> - <h2 v-show="enterpriseType == 1">2023年上半年烟花爆竹生产经营安全检查(批发)</h2> - <h2 v-show="enterpriseType == 2">2023年上半年烟花爆竹生产经营安全检查(零售)</h2> + <h2 v-show="enterpriseType == 1">{{taskName}}(批发)</h2> + <h2 v-show="enterpriseType == 2">{{taskName}}(零售)</h2> <span>(检查一家反馈一家,没有检查出隐患问题的也要登记反馈)</span> </div> <div class="control-bar"> <div v-show="enterpriseType == 1"> - 批发企业共计<span class="point-data" @click="getEnterpriseCompleteInfoList">{{enterpriseCount}}</span>家,其中:已自查<span class="point-data" @click="toSelfEnterprise(1)">{{ selfCheckEnterpriseCount }}</span>家,未自查<span @click="toSelfEnterprise(0)" class="undone point-data">{{ noSelfCheckEnterpriseCount }}</span>家;本级已经抽查<span class="point-data" @click="toLevelEnterprise(1)">{{ thislevelAlreadyCheckCount }}</span>家,未检查<span @click="toLevelEnterprise(0)" class="undone point-data">{{ thislevelNoCheckCount }}</span>家,完成率<span>{{ thislevelCompletionRate + '%' }}</span>。 + 批发企业共计<span class="point-data" @click="resetSearch()">{{enterpriseCount}}</span>家,其中:已自查<span class="point-data" @click="toSelfEnterprise(1)">{{ selfCheckEnterpriseCount }}</span>家,未自查<span @click="toSelfEnterprise(0)" class="undone point-data">{{ noSelfCheckEnterpriseCount }}</span>家;本级已经抽查<span class="point-data" @click="toLevelEnterprise(1)">{{ thislevelAlreadyCheckCount }}</span>家,未检查<span @click="toLevelEnterprise(0)" class="undone point-data">{{ thislevelNoCheckCount }}</span>家,检查覆盖要求<span class="undone">{{ thislevelCompletionRateRequire }}{{thislevelCompletionRateRequireUnit ==1?'家':'%'}}</span>,完成率<span>{{ thislevelCompletionRate == null?'--':thislevelCompletionRate + '%' }}</span>。 </div> <div v-show="enterpriseType == 2"> - 零售企业共计<span class="point-data" @click="getEnterpriseCompleteInfoList">{{enterpriseCount}}</span>家,其中:已自查<span class="point-data" @click="toSelfEnterprise(1)">{{ selfCheckEnterpriseCount }}</span>家,未自查<span @click="toSelfEnterprise(0)" class="undone point-data">{{ noSelfCheckEnterpriseCount }}</span>家;本级已经抽查<span class="point-data" @click="toLevelEnterprise(1)">{{ thislevelAlreadyCheckCount }}</span>家,未检查<span @click="toLevelEnterprise(0)" class="undone point-data">{{ thislevelNoCheckCount }}</span>家,完成率<span>{{ thislevelCompletionRate + '%' }}</span>。 + 零售企业共计<span class="point-data" @click="resetSearch()">{{enterpriseCount}}</span>家,其中:已自查<span class="point-data" @click="toSelfEnterprise(1)">{{ selfCheckEnterpriseCount }}</span>家,未自查<span @click="toSelfEnterprise(0)" class="undone point-data">{{ noSelfCheckEnterpriseCount }}</span>家;本级已经抽查<span class="point-data" @click="toLevelEnterprise(1)">{{ thislevelAlreadyCheckCount }}</span>家,未检查<span @click="toLevelEnterprise(0)" class="undone point-data">{{ thislevelNoCheckCount }}</span>家,检查覆盖要求<span class="undone">{{ thislevelCompletionRateRequire }}{{thislevelCompletionRateRequireUnit ==1?'家':'%'}}</span>,完成率<span>{{ thislevelCompletionRate == null?'--':thislevelCompletionRate + '%' }}</span>。 </div> <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-search" @click="showFilter = !showFilter">{{showFilter?'关闭查询':'自定义查询'}}</el-button> </div> @@ -40,7 +40,7 @@ </el-col> <el-col :span="4"> <el-button style="margin-right: 10px;" type="primary" @click="searchData()">查询</el-button> - <el-button class="resetBtn" type="primary" plain @click="resetSearch()">重置</el-button> + <el-button class="resetBtn" plain @click="resetSearch()">重置</el-button> </el-col> </el-row> </transition> @@ -71,7 +71,7 @@ <span>{{ scope.row.selfcheckStatus == 1 ? '已填报' : '未填报' }}</span> </template> </el-table-column> - <el-table-column label="详情" align="center" class-name="small-padding fixed-width"> + <el-table-column label="自查详情" align="center" class-name="small-padding fixed-width"> <template slot-scope="scope"> <el-button type="text" @click="viewDetails(scope.row)">查看</el-button> </template> @@ -81,9 +81,9 @@ <span>{{ scope.row.thislevelCheckStatus == 1 ? '已反馈' : '未反馈' }}</span> </template> </el-table-column> - <el-table-column fixed="right" :label="unitType==1?'执法抽查':'执法检查'" align="center" class-name="small-padding fixed-width"> + <el-table-column v-if="unitType!=0" fixed="right" :label="unitType==1?'执法抽查':'执法检查'" align="center" class-name="small-padding fixed-width"> <template slot-scope="scope"> - <el-button type="text" @click="toFeedback(scope.row)">情况反馈</el-button> + <el-button type="text" @click="toFeedback(scope.row)">情况反馈</el-button> </template> </el-table-column> </el-table> @@ -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" /> @@ -129,6 +129,7 @@ currentPage: 1, unitType: null, taskId: null, + taskName: '', enterpriseType: null, selfcheckStatus: null, thislevelCheckStatus: null, @@ -148,6 +149,8 @@ selfCheckEnterpriseCount: null, noSelfCheckEnterpriseCount: null, thislevelAlreadyCheckCount: null, + thislevelCompletionRateRequire: null, + thislevelCompletionRateRequireUnit: null, thislevelNoCheckCount: null, thislevelCompletionRate: null, checkData: [] @@ -156,11 +159,7 @@ created() { const t = this t.getCheckUnitType() - if(t.taskId && t.enterpriseType){ - t.getEnterpriseCompleteInfoList() - }else{ - t.getCheckTask() - } + t.getCheckTask() }, computed: { ...mapGetters([ @@ -171,7 +170,6 @@ methods:{ async getCheckUnitType(){ const t = this - t.listLoading = true let res = await getCheckUnitType() if(res.data.code === "200"){ t.unitType = res.data.result.checkUnitType @@ -181,13 +179,14 @@ message:res.data.message }) } - t.listLoading = false }, async getCheckTask(){ const t = this + t.listLoading = true const res = await getSpecialCheckTask() if(res.data.code === "200"){ t.taskId = res.data.result.specialCheckTaskSimplifyInfos[0].id + t.taskName = res.data.result.specialCheckTaskSimplifyInfos[0].taskName t.enterpriseType = 1 t.getEnterpriseCompleteInfoList() }else{ @@ -196,6 +195,7 @@ message:res.data.message }) } + t.listLoading = false }, async getEnterpriseCompleteInfoList(){ const t = this @@ -208,6 +208,8 @@ t.noSelfCheckEnterpriseCount = res.data.result.noSelfCheckEnterpriseCount t.thislevelAlreadyCheckCount = res.data.result.thislevelAlreadyCheckCount t.thislevelNoCheckCount = res.data.result.thislevelNoCheckCount + t.thislevelCompletionRateRequire = res.data.result.thislevelCompletionRateRequire + t.thislevelCompletionRateRequireUnit = res.data.result.thislevelCompletionRateRequireUnit t.thislevelCompletionRate = res.data.result.thislevelCompletionRate t.checkData = res.data.result.iPage.records t.recordTotal = res.data.result.iPage.total @@ -231,6 +233,8 @@ }, locationChange(value) { const t = this + t.selfcheckStatus = null + t.thislevelCheckStatus = null t.search.province = value[0] t.search.city = value[1] ? value[1] : '' t.search.area = value[2] ? value[2] : '' @@ -238,7 +242,10 @@ }, changeRadio(){ - this.getEnterpriseCompleteInfoList() + const t = this + t.selfcheckStatus = null + t.thislevelCheckStatus = null + t.getEnterpriseCompleteInfoList() }, searchData(){ @@ -246,17 +253,19 @@ }, resetSearch(){ - this.search = { + const t = this + t.selfcheckStatus = null + t.thislevelCheckStatus = null + t.search = { name: '', province: '', city: '', area: '', isRisky: null } - this.selectedOptions = [] - this.getEnterpriseCompleteInfoList() + t.selectedOptions = [] + t.getEnterpriseCompleteInfoList() }, - toSelfEnterprise(value){ const t = this t.thislevelCheckStatus = null @@ -273,6 +282,7 @@ const t = this t.$refs.report.id = row.id t.$refs.report.getEnterpriseInfo() + t.$refs.report.enterpriseType = t.enterpriseType t.$refs.report.dialogVisible = true }, @@ -283,6 +293,9 @@ t.$refs.feedback.feedbackForm.id = row.id t.$refs.feedback.getSpotCheckReportInfo() t.$refs.feedback.unitType = t.unitType + t.$refs.feedback.enterpriseType = t.enterpriseType + t.$refs.feedback.getSpotCheckReportInfo() + console.log(t.$refs.feedback.unitType,t.$refs.feedback.checkData,'data') t.$refs.feedback.dialogVisible = true } } @@ -350,8 +363,7 @@ width: 100%; } .resetBtn{ - color: #034EA2; - background-color: #ecf5ff; + color: #fff; } } } -- Gitblit v1.9.2