From 6e419a02ade6f0f606d2baabd5307eee8c332bc2 Mon Sep 17 00:00:00 2001 From: Admin <978517621@qq.com> Date: 星期三, 23 十一月 2022 15:47:39 +0800 Subject: [PATCH] 修改页面 --- src/views/specialCheck/components/feedbackDetails.vue | 191 ++++++++++++++++++++++++----------------------- 1 files changed, 99 insertions(+), 92 deletions(-) diff --git a/src/views/specialCheck/components/feedbackDetails.vue b/src/views/specialCheck/components/feedbackDetails.vue index ba8cfa2..9b86dbb 100644 --- a/src/views/specialCheck/components/feedbackDetails.vue +++ b/src/views/specialCheck/components/feedbackDetails.vue @@ -21,95 +21,95 @@ <div>检查层级: <span class="m-color">{{ corpInfo.checkUnitType == 1 ? '省级':(corpInfo.checkUnitType == 2 ? '市级' : '区县级') }}</span></div> <div>检查单位: <span class="m-color">{{ corpInfo.checkUnit }}</span></div> </div> - <div v-if="(unitType==1 && checkData.provinceCheckStatus==0)||(unitType==2 && checkData.cityCheckStatus==0)||(unitType==3 && checkData.areaCheckStatus==0)"> - <el-form :model="feedbackForm" :rules="rules" ref="feedbackForm" class="demo-ruleForm"> - <el-row :gutter="40" type="flex" align="middle" style="margin: 20px 0"> - <el-col :span="8"> - <el-form-item label="检查时间:" prop="checkTime" style="display: flex;align-items: center"> -<!-- <span style="white-space: nowrap">检查时间:</span>--> - <el-date-picker - v-model="feedbackForm.checkTime" - type="datetime" - value-format="yyyy-MM-dd HH:mm:ss" - placeholder="选择日期时间"> - </el-date-picker> - </el-form-item> - </el-col> - <el-col :span="12" style="display: flex;align-items: center"> - <el-form-item label="是否检查出隐患:" prop="hiddendangerStatus" style="display: flex;align-items: center"> -<!-- <span style="white-space: nowrap">是否检查出隐患:</span>--> - <el-radio-group v-model="feedbackForm.hiddendangerStatus"> - <el-radio :label="1">是</el-radio> - <el-radio :label="0">否</el-radio> - </el-radio-group> - </el-form-item> - </el-col> - </el-row> - <div class="report-list" v-if="feedbackForm.hiddendangerStatus == 1"> - <table class="report-table"> - <th class="m-color b-font" style="background: #337ecc;color: #fff">检查情况</th> - <tr><td class="m-color">序号</td><td class="m-color">检查出的隐患问题</td><td class="m-color">隐患等级</td><td class="m-color">操作</td></tr> - <tr v-for="(item,index) in feedbackForm.hiddendangerInfos"> - <td>{{index + 1}}</td> - <td> - <el-input type="textarea" :rows="1" placeholder="请输入内容" v-model="item.spotCheckHiddendanger"></el-input> - </td> - <td> - <el-radio-group v-model="item.hiddendangerLevel"> - <el-radio :label="1">一般隐患</el-radio> - <el-radio :label="2">重大隐患</el-radio> - </el-radio-group> - </td> - <td> - <el-button type="text" @click="deleteItem(index)">删除</el-button> - </td> - </tr> - <tr style="text-align: center"><el-button icon="el-icon-plus" 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> - <td class="w-25 mid"> - <el-form-item prop="amerceMoney"> - <el-input v-model="feedbackForm.amerceMoney" type="number" placeholder="请输入罚款金额,未罚款则填“0”"></el-input> - </el-form-item> - </td> - <td class="m-color w-25 mid">是否责令停产整顿</td> - <td class="w-25 mid"> - <el-form-item prop="stopProductionStatus"> - <el-radio-group v-model="feedbackForm.stopProductionStatus"> + <div style="width: 100%" v-if="(unitType==1 && provinceCheckStatus==0)||(unitType==2 && cityCheckStatus==0)||(unitType==3 && areaCheckStatus==0)"> + <el-form :model="feedbackForm" :rules="rules" ref="feedbackForm" class="demo-ruleForm"> + <el-row :gutter="40" type="flex" align="middle" style="margin: 20px 0"> + <el-col :span="8"> + <el-form-item label="检查时间:" prop="checkTime" style="display: flex;align-items: center"> + <!-- <span style="white-space: nowrap">检查时间:</span>--> + <el-date-picker + v-model="feedbackForm.checkTime" + type="datetime" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="选择日期时间"> + </el-date-picker> + </el-form-item> + </el-col> + <el-col :span="12" style="display: flex;align-items: center"> + <el-form-item label="是否检查出隐患:" prop="hiddendangerStatus" style="display: flex;align-items: center"> + <!-- <span style="white-space: nowrap">是否检查出隐患:</span>--> + <el-radio-group v-model="feedbackForm.hiddendangerStatus"> + <el-radio :label="1">是</el-radio> + <el-radio :label="0">否</el-radio> + </el-radio-group> + </el-form-item> + </el-col> + </el-row> + <div class="report-list" v-if="feedbackForm.hiddendangerStatus == 1"> + <table class="report-table"> + <th class="m-color b-font" style="background: #337ecc;color: #fff">检查情况</th> + <tr><td class="m-color">序号</td><td class="m-color">检查出的隐患问题</td><td class="m-color">隐患等级</td><td class="m-color">操作</td></tr> + <tr v-for="(item,index) in feedbackForm.hiddendangerInfos"> + <td>{{index + 1}}</td> + <td> + <el-input type="textarea" :rows="1" placeholder="请输入内容" v-model="item.spotCheckHiddendanger"></el-input> + </td> + <td> + <el-radio-group v-model="item.hiddendangerLevel"> + <el-radio :label="1">一般隐患</el-radio> + <el-radio :label="2">重大隐患</el-radio> + </el-radio-group> + </td> + <td> + <el-button type="text" @click="deleteItem(index)">删除</el-button> + </td> + </tr> + <tr style="text-align: center"><el-button icon="el-icon-plus" 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> + <td class="w-25 mid"> + <el-form-item prop="amerceMoney"> + <el-input v-model="feedbackForm.amerceMoney" type="number" placeholder="请输入罚款金额,未罚款则填“0”"></el-input> + </el-form-item> + </td> + <td class="m-color w-25 mid">是否责令停产整顿</td> + <td class="w-25 mid"> + <el-form-item prop="stopProductionStatus"> + <el-radio-group v-model="feedbackForm.stopProductionStatus"> + <el-radio :label="1">是</el-radio> + <el-radio :label="0">否</el-radio> + </el-radio-group> + </el-form-item> + </td> + </tr> + <tr> + <td class="m-color w-25 mid">是否吊销许可证</td> + <td class="w-25 mid"> + <el-form-item prop="revokeLicenseStatus"> + <el-radio-group v-model="feedbackForm.revokeLicenseStatus"> <el-radio :label="1">是</el-radio> <el-radio :label="0">否</el-radio> </el-radio-group> - </el-form-item> - </td> - </tr> - <tr> - <td class="m-color w-25 mid">是否吊销许可证</td> - <td class="w-25 mid"> - <el-form-item prop="revokeLicenseStatus"> - <el-radio-group v-model="feedbackForm.revokeLicenseStatus"> - <el-radio :label="1">是</el-radio> - <el-radio :label="0">否</el-radio> - </el-radio-group> - </el-form-item> - </td> - <td class="m-color w-25 mid">是否暂扣许可证</td> - <td class="w-25 mid"> - <el-form-item prop="detainLicenseStatus"> - <el-radio-group v-model="feedbackForm.detainLicenseStatus"> - <el-radio :label="1">是</el-radio> - <el-radio :label="0">否</el-radio> - </el-radio-group> - </el-form-item> - </td> - </tr> - </table> - </div> - </el-form> - <div style="display: flex;justify-content: center;margin: 20px 0"> - <el-button @click="confirmBack()">返回列表</el-button> - <el-button type="primary" @click="confirmSubmit('feedbackForm')">提交</el-button> - </div> + </el-form-item> + </td> + <td class="m-color w-25 mid">是否暂扣许可证</td> + <td class="w-25 mid"> + <el-form-item prop="detainLicenseStatus"> + <el-radio-group v-model="feedbackForm.detainLicenseStatus"> + <el-radio :label="1">是</el-radio> + <el-radio :label="0">否</el-radio> + </el-radio-group> + </el-form-item> + </td> + </tr> + </table> + </div> + </el-form> + <div style="display: flex;justify-content: center;margin: 20px 0"> + <el-button @click="confirmBack()">返回列表</el-button> + <el-button type="primary" @click="confirmSubmit('feedbackForm')">提交</el-button> + </div> </div> </div> <!-- <div style="margin-top: 20px;text-align: center">--> @@ -120,7 +120,7 @@ <div class="m-color data-time">{{tabCheckTime}}</div> <el-tabs v-model="activeTab" type="border-card" @tab-click="handleSwitch"> <el-tab-pane :label="unitType==1 ? '本级': '省级'" name="1"> - <div v-if="checkData.provinceCheckStatus == 1" class="record-list"> + <div v-if="provinceCheckStatus == 1" class="record-list"> <div class="record-item"> <table class="record-table"> <tr class="m-color b-font" style="background: #409EFF;color: #fff;text-align: center">烟花爆竹批发企业检查情况反馈表</tr> @@ -202,7 +202,7 @@ </div> </el-tab-pane> <el-tab-pane :label="unitType==2 ? '本级': '市级'" name="2"> - <div v-if="checkData.cityCheckStatus == 1" class="record-list"> + <div v-if="cityCheckStatus == 1" class="record-list"> <div class="record-item"> <table class="record-table"> <tr class="m-color b-font" style="background: #409EFF;color: #fff;text-align: center">烟花爆竹批发企业检查情况反馈表</tr> @@ -284,7 +284,7 @@ </div> </el-tab-pane> <el-tab-pane :label="unitType==3 ? '本级': '区县级'" name="3"> - <div v-if="checkData.areaCheckStatus == 1" class="record-list"> + <div v-if="areaCheckStatus == 1" class="record-list"> <div class="record-item"> <table class="record-table"> <tr class="m-color b-font" style="background: #409EFF;color: #fff;text-align: center">烟花爆竹批发企业检查情况反馈表</tr> @@ -474,6 +474,9 @@ return{ id: null, unitType: null, + provinceCheckStatus: null, + cityCheckStatus: null, + areaCheckStatus: null, enterpriseType: null, dialogVisible:false, editDialog: false, @@ -556,14 +559,17 @@ let res = await getSpotCheckReportInfo({id: t.id}) if(res.data.code === "200"){ if(res.data.result == null){ - t.checkData.provinceCheckStatus = 0 - t.checkData.cityCheckStatus = 0 - t.checkData.areaCheckStatus = 0 + t.provinceCheckStatus = 0 + t.cityCheckStatus = 0 + t.areaCheckStatus = 0 t.checkData.provinceCheckTime = '' t.checkData.cityCheckTime = '' t.checkData.areaCheckTime = '' }else{ t.checkData = res.data.result + t.provinceCheckStatus = res.data.result.provinceCheckStatus + t.cityCheckStatus = res.data.result.cityCheckStatus + t.areaCheckStatus = res.data.result.areaCheckStatus t.tabCheckTime = res.data.result.provinceCheckTime } @@ -769,6 +775,7 @@ }) }, resetForm(){ + this.activeTab = '1' this.feedbackForm = { id: null, checkTime: '', -- Gitblit v1.9.2