From 8611a1ba1696e76cced04ff5d658ba138a05dafd Mon Sep 17 00:00:00 2001 From: zenglf <18502938215@163.com> Date: 星期六, 19 八月 2023 14:37:32 +0800 Subject: [PATCH] 设备管理前端代码提交 截止 20230819 13:55 分 --- src/views/eam/modules/projectMaintenanceOrder/ProjectMaintenanceOrderForm.vue | 222 ++++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 155 insertions(+), 67 deletions(-) diff --git a/src/views/eam/modules/projectMaintenanceOrder/ProjectMaintenanceOrderForm.vue b/src/views/eam/modules/projectMaintenanceOrder/ProjectMaintenanceOrderForm.vue index 413db86..89b0747 100644 --- a/src/views/eam/modules/projectMaintenanceOrder/ProjectMaintenanceOrderForm.vue +++ b/src/views/eam/modules/projectMaintenanceOrder/ProjectMaintenanceOrderForm.vue @@ -2,20 +2,47 @@ <a-spin :spinning='confirmLoading'> <j-form-container :disabled='formDisabled'> <!-- 涓昏〃鍗曞尯鍩� --> - <a-form-model ref='form' :model='model' :rules='validatorRules' slot='detail'> + <a-form-model + ref='form' + :model='model' + :rules='validatorRules' + slot='detail' + > <a-row> <a-col :span='12'> - <a-form-model-item label='璁″垝鍗曠紪鍙�' :labelCol='labelCol' :wrapperCol='wrapperCol' prop='num'> - <a-input v-model='model.num' placeholder='璇疯緭鍏ヨ鍒掑崟缂栧彿'></a-input> + <a-form-model-item + label='璁″垝鍗曠紪鍙�' + :labelCol='labelCol' + :wrapperCol='wrapperCol' + prop='num' + > + <a-input + v-model='model.num' + placeholder='璇疯緭鍏ヨ鍒掑崟缂栧彿' + ></a-input> </a-form-model-item> </a-col> <a-col :span='12'> - <a-form-model-item label='璁″垝鍚嶇О' :labelCol='labelCol' :wrapperCol='wrapperCol' prop='璁″垝鍚嶇О'> - <a-input v-model='model.name' rows='4' placeholder='璇疯緭鍏ヨ鍒掑悕绉�' /> + <a-form-model-item + label='璁″垝鍚嶇О' + :labelCol='labelCol' + :wrapperCol='wrapperCol' + prop='璁″垝鍚嶇О' + > + <a-input + v-model='model.name' + rows='4' + placeholder='璇疯緭鍏ヨ鍒掑悕绉�' + /> </a-form-model-item> </a-col> <a-col :span='12'> - <a-form-model-item label='璁″垝寮�濮嬫棩鏈�' :labelCol='labelCol' :wrapperCol='wrapperCol' prop='planStartTime'> + <a-form-model-item + label='璁″垝寮�濮嬫棩鏈�' + :labelCol='labelCol' + :wrapperCol='wrapperCol' + prop='planStartTime' + > <j-date placeholder='璇烽�夋嫨璁″垝寮�濮嬫棩鏈�' v-model='model.planStartTime' @@ -26,7 +53,12 @@ </a-form-model-item> </a-col> <a-col :span='12'> - <a-form-model-item label='璁″垝缁撴潫鏃ユ湡' :labelCol='labelCol' :wrapperCol='wrapperCol' prop='planEndTime'> + <a-form-model-item + label='璁″垝缁撴潫鏃ユ湡' + :labelCol='labelCol' + :wrapperCol='wrapperCol' + prop='planEndTime' + > <j-date placeholder='璇烽�夋嫨璁″垝缁撴潫鏃ユ湡' v-model='model.planEndTime' @@ -59,7 +91,12 @@ </a-form-model-item> </a-col> --> <a-col :span='12'> - <a-form-model-item label='闄勪欢' :labelCol='labelCol' :wrapperCol='wrapperCol' prop='annex'> + <a-form-model-item + label='闄勪欢' + :labelCol='labelCol' + :wrapperCol='wrapperCol' + prop='annex' + > <j-image-upload :isMultiple="false" v-model="model.annex" @@ -67,8 +104,17 @@ </a-form-model-item> </a-col> <a-col :span='12'> - <a-form-model-item label='澶囨敞' :labelCol='labelCol' :wrapperCol='wrapperCol' prop='remark'> - <a-textarea v-model='model.remark' rows='4' placeholder='璇疯緭鍏ュ娉�' /> + <a-form-model-item + label='澶囨敞' + :labelCol='labelCol' + :wrapperCol='wrapperCol' + prop='remark' + > + <a-textarea + v-model='model.remark' + rows='4' + placeholder='璇疯緭鍏ュ娉�' + /> </a-form-model-item> </a-col> @@ -76,39 +122,68 @@ </a-form-model> </j-form-container> <!-- 瀛愯〃鍗曞尯鍩� --> - <a-tabs v-model='activeKey' @change='handleChangeTabs'> - <a-tab-pane tab='椤圭洰鎬х淮淇槑缁�' :key='refKeys[0]' :forceRender='true'> - <j-vxe-table keep-source :ref='refKeys[0]' :loading='projectMaintenanceOrderDetailTable.loading' - :columns='projectMaintenanceOrderDetailTable.columns' - :dataSource='projectMaintenanceOrderDetailTable.dataSource' - :maxHeight='300' - :disabled='formDisabled' :rowNumber='true' :rowSelection='true' :toolbar='true' - :toolbarConfig='toolbarConfig' - :linkage-config='linkageConfig'> + <a-tabs + v-model='activeKey' + @change='handleChangeTabs' + > + <a-tab-pane + tab='椤圭洰鎬х淮淇槑缁�' + :key='refKeys[0]' + :forceRender='true' + > + <j-vxe-table + keep-source + :ref='refKeys[0]' + :loading='projectMaintenanceOrderDetailTable.loading' + :columns='projectMaintenanceOrderDetailTable.columns' + :dataSource='projectMaintenanceOrderDetailTable.dataSource' + :maxHeight='400' + :disabled='formDisabled' + :rowNumber='true' + :rowSelection='true' + :alwaysEdit='true' + :toolbar='true' + :bordered='true' + :toolbarConfig='toolbarConfig' + :linkage-config='linkageConfig' + > <template slot='toolbarPrefix'> - <a-button type='primary' @click='selectEquipmentList' :disabled='formDisabled'>閫夋嫨璁惧 + <a-button + type='primary' + @click='selectEquipmentList' + :disabled='formDisabled' + >閫夋嫨璁惧 </a-button> </template> <template v-slot:supplierId='props'> - <a-select v-model='props.row.supplierId' :options='supplierVoList' - style='width: 100%' - placeholder='璇烽�夋嫨' - @change='(e) => handleChange(e, props.row)' /> + <a-select + v-model='props.row.supplierId' + :options='supplierVoList' + style='width: 100%' + placeholder='璇烽�夋嫨' + @change='(e) => handleChange(e, props.row)' + /> </template> <template v-slot:teamId='props'> - <a-select v-model='props.row.teamId' :options='teamVoList' - style='width: 100%' - placeholder='璇烽�夋嫨' - @change='(e) => handleChange(e, props.row)' /> + <a-select + v-model='props.row.teamId' + :options='teamVoList' + style='width: 100%' + placeholder='璇烽�夋嫨' + @change='(e) => handleChange(e, props.row)' + /> </template> <template v-slot:userId='props'> - <a-select v-model='props.row.userId' :options='userVoList' - style='width: 100%' - placeholder='璇烽�夋嫨' - @change='(e) => handleChange(e, props.row)' /> + <a-select + v-model='props.row.userId' + :options='userVoList' + style='width: 100%' + placeholder='璇烽�夋嫨' + @change='(e) => handleChange(e, props.row)' + /> <!-- <a-select placeholder="璇烽�夋嫨璐d换浜�" allowClear @@ -124,8 +199,11 @@ </j-vxe-table> </a-tab-pane> </a-tabs> - <equipment-select-modal @selectionRows='selectionRows' :equipmentStatus="['2', '3']" - ref='EquipmentSelectModal'></equipment-select-modal> + <equipment-select-modal + @selectionRows='selectionRows' + :equipmentStatus="['2', '3']" + ref='EquipmentSelectModal' + ></equipment-select-modal> </a-spin> </template> @@ -222,7 +300,8 @@ title: '浠诲姟缂栫爜', key: 'taskNum', type: JVXETypes.input, - width: '120px', + width: '180px', + align: "center", fixed: 'left', validateRules: [ { @@ -234,15 +313,16 @@ title: '璁惧缂栫爜', key: 'equipmentNum', type: JVXETypes.normal, - width: '120px', - // placeholder: '璇疯緭鍏�${title}', + width: '140px', + align: "center", fixed: 'left' }, { title: '璧勪骇缂栫爜', key: 'assetNumber', type: JVXETypes.normal, - width: '120px', + width: '140px', + align: "center", fixed: 'left', defaultValue: '' }, @@ -251,7 +331,8 @@ key: 'supplierId', type: JVXETypes.slot, disabled: true, - width: '100px', + width: '140px', + align: "center", slotName: 'supplierId', defaultValue: '' }, @@ -270,7 +351,8 @@ required: true, // 蹇呭~ message: '璇疯緭鍏�${title}' // 鏄剧ず鐨勬枃鏈� }], - width: '100px', + width: '140px', + align: "center", defaultValue: '' }, // { @@ -294,8 +376,8 @@ key: 'equipmentName', type: JVXETypes.normal, disabled: true, - width: '120px', - + width: '140px', + align: "center", defaultValue: '' }, { @@ -303,7 +385,8 @@ key: 'model', type: JVXETypes.normal, disabled: true, - width: '120px', + width: '140px', + align: "center", defaultValue: '' }, { @@ -311,7 +394,8 @@ key: 'specification', type: JVXETypes.normal, disabled: true, - width: '120px', + width: '140px', + align: "center", placeholder: '璇疯緭鍏�${title}', defaultValue: '' }, @@ -320,7 +404,8 @@ key: 'equipmentStatus_dictText', type: JVXETypes.normal, disabled: true, - width: '100px', + width: '140px', + align: "center", // placeholder: '璇疯緭鍏�${title}', defaultValue: '' }, @@ -330,7 +415,8 @@ key: 'technologyStatus_dictText', type: JVXETypes.normal, disabled: true, - width: '100px', + width: '140px', + align: "center", defaultValue: '' }, { @@ -338,12 +424,12 @@ key: 'itemName', type: JVXETypes.input, placeholder: '璇疯緭鍏�${title}', - width: '100px', - validateRules: [ - { - required: true, // 蹇呭~ - message: '璇疯緭鍏�${title}' // 鏄剧ず鐨勬枃鏈� - }], + width: '240px', + validateRules: [{ + required: true, // 蹇呭~ + message: '璇疯緭鍏�${title}' // 鏄剧ず鐨勬枃鏈� + }], + align: "center", defaultValue: '' }, { @@ -352,7 +438,8 @@ type: JVXETypes.select, dictCode: 'urgency', placeholder: '璇疯緭鍏�${title}', - width: '100px', + width: '140px', + align: "center", defaultValue: '' }, { @@ -363,6 +450,7 @@ width: '150px', placeholder: '璇疯緭鍏�${title}', defaultValue: '', + align: "center", slotName: 'teamId' }, { @@ -370,36 +458,36 @@ key: 'teamId', type: JVXETypes.hidden }, - { title: '璐d换浜�', key: 'userId', type: JVXETypes.slot, disabled: true, - width: '100px', + width: '160px', placeholder: '璇疯緭鍏�${title}', defaultValue: '', + align: "center", slotName: 'userId' }, - { title: '璐d换浜�', key: 'userId', type: JVXETypes.hidden }, - { title: '璁″垝寮�濮嬫椂闂�', key: 'planStartTime', type: JVXETypes.datetime, - width: '120px', + width: '140px', + align: "center", placeholder: '璇疯緭鍏�${title}', defaultValue: '' }, { title: '璁″垝瀹屾垚鏃堕棿', key: 'planEndTime', type: JVXETypes.datetime, - width: '120px', + width: '140px', + align: "center", placeholder: '璇疯緭鍏�${title}', defaultValue: '' }, @@ -431,7 +519,7 @@ projectMaintenanceOrderDetail: { list: '/eam/projectMaintenanceOrder/queryProjectMaintenanceOrderDetailByMainId' }, - queryUserByTeamId:'/base/team/queryUserByTeamId' + queryUserByTeamId: '/base/team/queryUserByTeamId' } } }, @@ -500,14 +588,14 @@ this.$set(data, 'userId', data.userId) }) }, - getUserVoList(val){ - getAction(this.url.queryUserByTeamId,{teamId:val}).then(res=>{ - if(res.success){ + getUserVoList(val) { + getAction(this.url.queryUserByTeamId, { teamId: val }).then(res => { + if (res.success) { this.userVoList = res.result } - else{ + else { this.$message.error(res.message); - } + } }) }, handleVerify(parent) { @@ -554,7 +642,7 @@ supplierVoList: this.supplierVoList, userVoList: this.userVoList, teamVoList: this.teamVoList, - userId:data[i].userId + userId: data[i].userId } } @@ -582,7 +670,7 @@ }, //鏍¢獙鎵�鏈変竴瀵逛竴瀛愯〃琛ㄥ崟 validateSubForm(allValues) { - if(this.$refs.projectMaintenanceOrderDetail.getTableData().length == 0){ + if (this.$refs.projectMaintenanceOrderDetail.getTableData().length == 0) { this.$message.warning("璇锋坊鍔犵淮淇槑缁嗭紒") return } -- Gitblit v1.9.3