From 2b4abfa6fc83152b800a7696636fe682b7ec6cbf Mon Sep 17 00:00:00 2001 From: qushaowei <qushaowei@163.com> Date: 星期五, 12 一月 2024 16:39:50 +0800 Subject: [PATCH] 问题项修改 --- src/views/eam/modules/daily3MaintenanceOrder/TechnologyStatusAuthenticateModal.vue | 207 +++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 173 insertions(+), 34 deletions(-) diff --git a/src/views/eam/modules/daily3MaintenanceOrder/TechnologyStatusAuthenticateModal.vue b/src/views/eam/modules/daily3MaintenanceOrder/TechnologyStatusAuthenticateModal.vue index 1290a4a..583ce51 100644 --- a/src/views/eam/modules/daily3MaintenanceOrder/TechnologyStatusAuthenticateModal.vue +++ b/src/views/eam/modules/daily3MaintenanceOrder/TechnologyStatusAuthenticateModal.vue @@ -1,6 +1,6 @@ <template> <a-modal - :width="800" + :width="1000" :visible="visible" :maskClosable="false" @ok="handleOk" @@ -79,173 +79,240 @@ </div> <div> - <div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <span class="ant-descriptions-title" style="font-size: large;font-style: normal;font-size: 15px;" >妫�鏌ラ儴浣�</span> </div> - <div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <span class="ant-descriptions-title" style="font-size: large;font-style: normal;font-size: 15px;" >妫�鏌ユ爣鍑�</span> </div> - <div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <span class="ant-descriptions-title" style="font-size: large;font-style: normal;font-size: 15px;" - >妫�鏌ョ粨鏋�(鍚堟牸/涓嶅悎鏍�)</span> + >鏈夋棤姝ら」</span> + </div> + <div :style="{height: '45px',float: 'right',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <span + class="ant-descriptions-title" + style="font-size: large;font-style: normal;font-size: 15px;" + >妫�鏌ョ粨鏋�</span> </div> </div> <div> - <div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <span class="ant-descriptions-title" style="font-size: large;font-style: normal;font-size: 15px;" >鎿嶇旱鎵嬫焺鍙婂紑鍏�</span> </div> - <div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <span class="ant-descriptions-title" style="font-size: large;font-style: normal;font-size: 15px;" >瀹夊叏銆佹棤鐮存崯</span> </div> - <div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <a-switch + checked-children="鏈�" + un-checked-children="娌℃湁" + :checked="model.result_8 == '0'" + @change="handle8Switch(model.result_8)" + /> + </div> + <div :style="{height: '45px',float: 'right',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <a-switch checked-children="鍚堟牸" un-checked-children="涓嶅悎鏍�" :checked="model.result_1 == '0'" @change="handleSwitch(model.result_1)" + :hidden="model.hidden1Switch" /> </div> </div> <div> - <div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <span class="ant-descriptions-title" style="font-size: large;font-style: normal;font-size: 15px;" >浼犲姩绯荤粺</span> </div> - <div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <span class="ant-descriptions-title" style="font-size: large;font-style: normal;font-size: 15px;" >鐏垫椿銆佹棤寮傚搷</span> </div> - <div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <a-switch + checked-children="鏈�" + un-checked-children="娌℃湁" + :checked="model.result_9 == '0'" + @change="handle9Switch(model.result_9)" + /> + </div> + <div :style="{height: '45px',float: 'right',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <a-switch checked-children="鍚堟牸" un-checked-children="涓嶅悎鏍�" :checked="model.result_2 == '0'" @change="handle2Switch(model.result_2)" + :hidden="model.hidden2Switch" /> </div> </div> <div> - <div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <span class="ant-descriptions-title" style="font-size: large;font-style: normal;font-size: 15px;" >瀹夊叏瑁呯疆</span> </div> - <div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <span class="ant-descriptions-title" style="font-size: large;font-style: normal;font-size: 15px;" >瀹夊叏銆佺伒鏁忋�佸彲闈�</span> </div> - <div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <a-switch + checked-children="鏈�" + un-checked-children="娌℃湁" + :checked="model.result_10 == '0'" + @change="handle10Switch(model.result_10)" + /> + </div> + <div :style="{height: '45px',float: 'right',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <a-switch checked-children="鍚堟牸" un-checked-children="涓嶅悎鏍�" :checked="model.result_3 == '0'" @change="handle3Switch(model.result_3)" + :hidden="model.hidden3Switch" /> </div> </div> <div> - <div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <span class="ant-descriptions-title" style="font-size: large;font-style: normal;font-size: 15px;" >璁惧澶栬</span> </div> - <div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <span class="ant-descriptions-title" style="font-size: large;font-style: normal;font-size: 15px;" >鏁存磥</span> </div> - <div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <a-switch + checked-children="鏈�" + un-checked-children="娌℃湁" + :checked="model.result_11 == '0'" + @change="handle11Switch(model.result_11)" + /> + </div> + <div :style="{height: '45px',float: 'right',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <a-switch checked-children="鍚堟牸" un-checked-children="涓嶅悎鏍�" :checked="model.result_4 == '0'" @change="handle4Switch(model.result_4)" + :hidden="model.hidden4Switch" /> </div> </div> <div> - <div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <span class="ant-descriptions-title" style="font-size: large;font-style: normal;font-size: 15px;" >鐢垫皵绾胯矾</span> </div> - <div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <span class="ant-descriptions-title" style="font-size: large;font-style: normal;font-size: 15px;" >绾胯矾鏁撮綈銆佹帴绾挎纭�</span> </div> - <div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <a-switch + checked-children="鏈�" + un-checked-children="娌℃湁" + :checked="model.result_12 == '0'" + @change="handle12Switch(model.result_12)" + /> + </div> + <div :style="{height: '45px',float: 'right',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <a-switch checked-children="鍚堟牸" un-checked-children="涓嶅悎鏍�" :checked="model.result_5 == '0'" @change="handle5Switch(model.result_5)" + :hidden="model.hidden5Switch" /> </div> </div> <div> - <div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <span class="ant-descriptions-title" style="font-size: large;font-style: normal;font-size: 15px;" >妫�鏌ュ悇绱у浐瑁呯疆</span> </div> - <div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <span class="ant-descriptions-title" style="font-size: large;font-style: normal;font-size: 15px;" >鏃犳澗鍔�</span> </div> - <div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <a-switch + checked-children="鏈�" + un-checked-children="娌℃湁" + :checked="model.result_13 == '0'" + @change="handle13Switch(model.result_13)" + /> + </div> + <div :style="{height: '45px',float: 'right',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <a-switch checked-children="鍚堟牸" un-checked-children="涓嶅悎鏍�" :checked="model.result_6 == '0'" @change="handle6Switch(model.result_6)" + :hidden="model.hidden6Switch" /> - </div> </div> <div> - <div :style="{height: '45px',float: 'left',width: '70%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <div :style="{height: '45px',float: 'left',width: '50%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <span class="ant-descriptions-title" style="font-size: large;font-style: normal;font-size: 15px;float: center" >鏄惁婊¤冻鐢熶骇鍔犲伐瑕佹眰</span> </div> - <div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> - + <div :style="{height: '45px',float: 'left',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> + <a-switch + checked-children="鏈�" + un-checked-children="娌℃湁" + :checked="model.result_14 == '0'" + @change="handle14Switch(model.result_14)" + /> + </div> + <div :style="{height: '45px',float: 'right',width: '25%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> <a-switch checked-children="鍚堟牸" un-checked-children="涓嶅悎鏍�" :checked="model.result_7 == '0'" @change="handle7Switch(model.result_7)" + :hidden="model.hidden7Switch" /> </div> </div> @@ -360,13 +427,6 @@ }, confirmLoading: false, form: this.$form.createForm(this), - validatorRules: { - num: { - rules: [ - { required: true, message: '璇疯緭鍏ヤ繚鍏诲伐鍗曠紪鐮�!' }, - ] - }, - }, url: { add: "/eam/technologyStatus/technologyStatusAuthenticate", getTechnologyStatus: "/eam/technologyStatus/getTechnologyStatus", @@ -532,6 +592,85 @@ this.model = Object.assign({}, this.model); }, + handle8Switch(result_8) { + if ('0' == result_8) { + this.model.result_8 = '1' + this.model.hidden1Switch = true + } else { + this.model.result_8 = '0' + this.model.hidden1Switch = false + } + + this.model = Object.assign({}, this.model); + }, + + handle9Switch(result_9) { + if ('0' == result_9) { + this.model.result_9 = '1' + this.model.hidden2Switch = true + } else { + this.model.result_9 = '0' + this.model.hidden2Switch = false + } + this.model = Object.assign({}, this.model); + }, + + handle10Switch(result_10) { + + if ('0' == result_10) { + this.model.result_10 = '1' + this.model.hidden3Switch = true + } else { + this.model.result_10 = '0' + this.model.hidden3Switch = false + } + this.model = Object.assign({}, this.model); + }, + + handle11Switch(result_11) { + if ('0' == result_11) { + this.model.result_11 = '1' + this.model.hidden4Switch = true + } else { + this.model.result_11 = '0' + this.model.hidden4Switch = false + } + this.model = Object.assign({}, this.model); + }, + + handle12Switch(result_12) { + if ('0' == result_12) { + this.model.result_12 = '1' + this.model.hidden5Switch = true + } else { + this.model.result_12 = '0' + this.model.hidden5Switch = false + } + this.model = Object.assign({}, this.model); + }, + + handle13Switch(result_13) { + if ('0' == result_13) { + this.model.result_13 = '1' + this.model.hidden6Switch = true + } else { + this.model.result_13 = '0' + this.model.hidden6Switch = false + } + this.model = Object.assign({}, this.model); + }, + + handle14Switch(result_14) { + if ('0' == result_14) { + this.model.result_14 = '1' + this.model.hidden7Switch = true + } else { + this.model.result_14 = '0' + this.model.hidden7Switch = false + } + this.model = Object.assign({}, this.model); + }, + // handle21Switch(result_21) { -- Gitblit v1.9.3