From a87b49ca0801a52f58a72085f75143ab668ba6ca Mon Sep 17 00:00:00 2001 From: wente <329538422@qq.com> Date: 星期五, 26 四月 2024 10:07:52 +0800 Subject: [PATCH] 流程图组合 --- web/src/views/modules/basicInfo/XhProductModel-AddOrUpdate.vue | 100 +++++++++++++++++++++++++------------------------- 1 files changed, 50 insertions(+), 50 deletions(-) diff --git a/web/src/views/modules/basicInfo/XhProductModel-AddOrUpdate.vue b/web/src/views/modules/basicInfo/XhProductModel-AddOrUpdate.vue index f6357b2..e0f2b52 100644 --- a/web/src/views/modules/basicInfo/XhProductModel-AddOrUpdate.vue +++ b/web/src/views/modules/basicInfo/XhProductModel-AddOrUpdate.vue @@ -7,18 +7,13 @@ <zt-form-item label="鍚嶇О" prop="name" rules="required"> <el-input v-model="dataForm.name"></el-input> </zt-form-item> - <zt-form-item label="鑺傜偣绫诲瀷" prop="nodeType" rules="required"> - <zt-dict v-model="dataForm.nodeType" dict="product"></zt-dict> + <zt-form-item label="鑺傜偣绫诲瀷" prop="productType" rules="required"> + <zt-dict v-model="dataForm.productType" dict="product" @input="getDefaultImg" + :disabled="disabled"></zt-dict> </zt-form-item> - <zt-form-item label="杩愯鐘舵�佸浘" prop="operationalStatus" v-if="isShow"> - <el-input v-model="dataForm.operationalStatus" @focus="selectPicture('operational')" - :readonly="readonly"></el-input> - </zt-form-item> - <zt-form-item label="寰呮満鐘舵�佸浘" prop="standbyState" v-if="isShow"> - <el-input v-model="dataForm.standbyState" @focus="selectPicture('standby')" :readonly="readonly"></el-input> - </zt-form-item> - <zt-form-item label="鏁呴殰鐘舵�佸浘" prop="faultState" v-if="isShow"> - <el-input v-model="dataForm.faultState" @focus="selectPicture('fault')" :readonly="readonly"></el-input> + <zt-form-item label="杩愯鐘舵�佸浘" prop="operatImg" v-if="isShow"> + <el-input v-model="dataForm.operatImgName" @focus="selectPicture()"></el-input> + <el-image v-if="dataForm.operatImg" :src="url+dataForm.operatImg" style="height: 50px;width: 50px"></el-image> </zt-form-item> <zt-form-item label="鎺掑簭" prop="sort"> <el-input v-model="dataForm.sort" :readonly="readonly"></el-input> @@ -31,23 +26,24 @@ <script> import PictureSelect from "@/views/modules/basicInfo/SelectPicture"; + import Cookies from "js-cookie"; export default { data() { return { + disabled: false, + url: `${window.SITE_CONFIG['apiURL']}/sysPictureBase/getProductImg?token=${Cookies.get('token')}&id=`, isTree: false, isShow: true, - map: new Map(), fileId: '', productList: [], dataForm: { id: '', pid: '', name: '', - nodeType: '', - operationalStatus: '', - standbyState: '', - faultState: '', + productType: '', + operatImg: '', + operatImgName: '', sort: '', status: '' } @@ -57,14 +53,19 @@ PictureSelect }, methods: { - init(id,params) { - if (params.type == 'tree') { + init(id, params) { + if (params.type === 'tree') { this.isTree = true this.isShow = false this.getProductList() } else { this.dataForm.pid = params.pid + this.dataForm.productType = params.type } + if (this.dataForm.productType === 10 && id == null) { + this.getDefaultImg(this.dataForm.productType) + } + this.disabled = !!id; }, // 鑾峰彇绯荤粺鍒楄〃 async getProductList() { @@ -72,36 +73,22 @@ this.productList = res.data console.log(this.productList, 'getProductList') }, - selectPicture(type) { - this.$refs.pictureSelect.$refs.dialog.init(type) - }, - openAddWin(row, type) { - console.log(type, 'openAddWin(row)') - if (type === 'operational') { - this.dataForm.operationalStatus = row.name - for (let key in row.accessoryMap) { - let id = /_zt_oss_id=(\d+)/.exec(key) - this.fileId = id ? id[1] : '' - } - this.map.set(this.dataForm.operationalStatus, this.fileId); - console.log(this.map, 'openAddWin(row)') - } else if (type === 'standby') { - this.dataForm.standbyState = row.name - for (let key in row.accessoryMap) { - let id = /_zt_oss_id=(\d+)/.exec(key) - this.fileId = id ? id[1] : '' - } - this.map.set(this.dataForm.standbyState, this.fileId); - console.log(this.map, 'openAddWin(row)') - } else if (type === 'fault') { - this.dataForm.faultState = row.name - for (let key in row.accessoryMap) { - let id = /_zt_oss_id=(\d+)/.exec(key) - this.fileId = id ? id[1] : '' - } - this.map.set(this.dataForm.faultState, this.fileId); - console.log(this.map, 'openAddWin(row)') + async getDefaultImg(selected) { + console.log(selected, 'async getDefaultImg') + let params = { + productType: selected } + let res = await this.$http.get(`/sysPictureBase/getDefaultImg`, {params: params}) + this.dataForm.operatImgName = res.data.name + this.dataForm.operatImg = res.data.id + }, + selectPicture() { + this.$refs.pictureSelect.$refs.dialog.init(this.dataForm.productType) + }, + openAddWin(row) { + this.dataForm.operatImgName = row.name + this.dataForm.operatImg = row.id + console.log(row, 'openAddWin(row)') }, // 鑾峰彇淇℃伅 async getInfo() { @@ -113,9 +100,22 @@ }, // 琛ㄥ崟鎻愪氦 async formSubmit() { - this.dataForm.operationalStatus = this.map.get(this.dataForm.operationalStatus) - this.dataForm.standbyState = this.map.get(this.dataForm.standbyState) - this.dataForm.faultState = this.map.get(this.dataForm.faultState) + let flag = true + if (this.isTree) { + if (this.dataForm.productType !== '5' || this.dataForm.productType !== '4') { + this.$alert("涓嶆敮鎸佹柊澧炴鑺傜偣") + flag = false + } + } else { + if (this.dataForm.productType === '5' || this.dataForm.productType === '4') { + this.$alert("涓嶆敮鎸佹柊澧炴鑺傜偣") + flag = false + } + } + + if (!flag) { + return + } let res = await this.$http[!this.dataForm.id ? 'post' : 'put']('/basicInfo/XhProductModel/', this.dataForm) if (res.success) { await this.$tip.success() -- Gitblit v1.9.1