From 5b9a1d6cb3a7d59c8f2de83c495bba1a069b2723 Mon Sep 17 00:00:00 2001 From: gaosp <gaosp> Date: 星期五, 19 一月 2024 00:23:15 +0800 Subject: [PATCH] update --- src/container/machineList/Manage-add-update.vue | 124 +++++++++++++++++++++++++---------------- 1 files changed, 76 insertions(+), 48 deletions(-) diff --git a/src/container/machineList/Manage-add-update.vue b/src/container/machineList/Manage-add-update.vue index f73d09b..30e6efa 100644 --- a/src/container/machineList/Manage-add-update.vue +++ b/src/container/machineList/Manage-add-update.vue @@ -1,52 +1,62 @@ <template> <div> - <el-dialog :title="!dataForm.id ? '鏂板缓' : '缂栬緫'" :close-on-click-modal="false" width="80%" :visible.sync="addVisible"> + <el-dialog :title="!dataForm.id ? '鏂板缓' : '缂栬緫'" :close-on-click-modal="false" width="80%" :visible.sync="addVisible" @close="cancel"> <!-- 娣诲姞鍐呭--> <el-form :model="dataForm" label-width="100px" ref="dataForm"> <el-row :gutter="20"> <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6"> - <el-form-item label="鏈哄簥鍚嶇О" prop="machineName"> + <!-- <el-form-item label="鏈哄簥鍚嶇О" prop="machineName"> <el-input v-model="dataForm.machineName" placeholder="鏈哄簥鍚嶇О" clearable></el-input> - </el-form-item> - <el-form-item label="鏈哄簥" prop="id"> + </el-form-item> --> + <!-- <el-form-item label="鏈哄簥" prop="id"> <el-select class="value" v-model="dataForm.id" placeholder="璇烽�夋嫨"> <el-option v-for="item in accountList" :key="item.machineId" :label="item.uuid" :value="item.machineId"> </el-option> </el-select> - </el-form-item> + </el-form-item> --> <el-form-item label="IP" prop="ip"> <el-input v-model="dataForm.ip" placeholder="IP" clearable></el-input> + </el-form-item> + <el-form-item label="dnc鍚嶇О" prop="dncName"> + <el-input v-model="dataForm.dncName" placeholder="dncName" clearable></el-input> </el-form-item> <el-form-item label="绔彛" prop="port"> <el-input v-model="dataForm.port" placeholder="绔彛" clearable></el-input> </el-form-item> + <el-form-item label="绋嬪簭浼犺緭妯″紡" prop="transMode"> + <el-select class="value" v-model="dataForm.transMode" placeholder="璇烽�夋嫨" clearable> + <el-option v-for="item in transModeList" :key="item.value" :label="item.label" :value="item.value"> + </el-option> + </el-select> + </el-form-item> <el-form-item label="杞﹂棿" prop="workshopId"> - <el-select class="value" v-model="dataForm.workshopId" @change="changewsl" placeholder="璇烽�夋嫨"> + <el-select class="value" v-model="dataForm.workshopId" @change="changewsl" placeholder="璇烽�夋嫨" clearable> <el-option v-for="item in workshopList" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select> </el-form-item> + <el-form-item label="宸ユ" prop="sectionId"> - <el-select class="value" v-model="dataForm.sectionId" placeholder="璇烽�夋嫨"> + <el-select class="value" v-model="dataForm.sectionId" placeholder="璇烽�夋嫨" clearable> <el-option v-for="item in sectionIds" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select> </el-form-item> <el-form-item label="鍗忚" prop="protocolId"> - <el-select class="value" v-model="dataForm.protocolId" placeholder="璇烽�夋嫨"> + <el-select class="value" v-model="dataForm.protocolId" placeholder="璇烽�夋嫨" clearable> <el-option v-for="item in protocolList" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select> </el-form-item> <el-form-item label="鏄惁閲囬泦" prop="isCollect"> - <el-radio-group class="value" v-model="dataForm.isCollect"> + <el-radio-group class="value" v-model="dataForm.isCollect" clearable> <el-radio :label="0">鍚�</el-radio> <el-radio :label="1">鏄�</el-radio> </el-radio-group> </el-form-item> <el-form-item label="鐝埗" prop="shiftType"> - <el-select class="value" v-model="dataForm.shiftType" placeholder="璇烽�夋嫨"> + <el-select class="value" v-model="dataForm.shiftType" placeholder="璇烽�夋嫨" clearable> <el-option v-for="item in shiftTypes" :key="item.value" :label="item.label" :value="item.value"> </el-option> @@ -91,7 +101,6 @@ workshopList: [], accountList: [], dataForm: { - machineName: '', id: '', ip: '', port: '', @@ -100,33 +109,58 @@ protocolId: '', isCollect: '', shiftType: '', + dncName: '', + transMode: '' }, - + transModeList: [ + { + label: 'com鍙�', + value: 0 + }, + { + label: '浜枃浠跺す', + value: 1 + }, + { + label: '缃戝彛', + value: 2 + }, + ] } }, watch: { - machineid: { - handler(val) { - if (val) { - setTimeout(() => { - getRequest('machineQuery', { size: 10, machineId: val }).then(res => { - this.changewsl(res.data.records[0].workshopId) - this.$nextTick(() => { - try { - Object.keys(this.addInfo).forEach(item => { - this.addInfo[item] = res.data.records[0][item] - }) - // this.addInfo.id = res.data.records[0].id - } catch (error) { - console.error(error) - } - }) - }) - }, 1000) + // machineid: { + // handler(val) { + // if (val) { + // setTimeout(() => { + // getRequest('machineQuery', { size: 10, machineId: val }).then(res => { + // this.changewsl(res.data.records[0].workshopId) + // this.$nextTick(() => { + // try { + // Object.keys(this.addInfo).forEach(item => { + // this.addInfo[item] = res.data.records[0][item] + // }) + // // this.addInfo.id = res.data.records[0].id + // } catch (error) { + // console.error(error) + // } + // }) + // }) + // }, 1000) - } + // } + // }, + // immediate: true + // } + row: { + handler (val) { + Object.keys(this.dataForm).forEach(item => { + this.dataForm[item] = val[item] + }) + }, - immediate: true + immediate: true, + deep: true, } }, created() { @@ -161,23 +195,17 @@ }, /* 鎻愪氦*/ dataFormSubmit() { - if (this.dataForm.id === '') { // 鏂板 - getRequest('machineSave',this.dataForm).then(res => { - + getRequest('machineUpdate',this.dataForm).then(res => { + this.$message({ + message: '淇敼鎴愬姛', + type: 'success', + duration: 1500, + onClose: () => { + this.$emit('confirm') + this.visible = false + } }) - } else { - // deviceTypeUpdate(this.dataForm).then(res => { - // this.$message({ - // message: '淇敼鎴愬姛', - // type: 'success', - // duration: 1500, - // onClose: () => { - // this.$emit('confirm') - // this.visible = false - // } - // }) - // }) - } + }) } } } -- Gitblit v1.9.3