From 655698fc92c698766083d3f80fdf2a8e2875ea80 Mon Sep 17 00:00:00 2001 From: luobisheng <727299681@qq.com> Date: 星期五, 18 十一月 2022 16:02:57 +0800 Subject: [PATCH] 消息部分修改 --- src/views/operate/fivepack/threepack/components/updateUser/index.vue | 73 +++++++++++++++++++++++++----------- 1 files changed, 51 insertions(+), 22 deletions(-) diff --git a/src/views/operate/fivepack/threepack/components/updateUser/index.vue b/src/views/operate/fivepack/threepack/components/updateUser/index.vue index b4c5f9a..558108f 100644 --- a/src/views/operate/fivepack/threepack/components/updateUser/index.vue +++ b/src/views/operate/fivepack/threepack/components/updateUser/index.vue @@ -13,8 +13,8 @@ <el-input v-model="store.storeNumber" placeholder="璇峰~鍐欏簵閾虹紪鍙�" :disabled="isView()"></el-input> </el-form-item> <!-- 搴楅摵鍚嶇О --> - <el-form-item class="optionItem" label="搴楅摵鍚嶇О:" prop="storename"> - <el-input v-model="store.storename" placeholder="璇峰~鍐欏簵鍚嶇О" :disabled="isView()"></el-input> + <el-form-item class="optionItem" label="搴楅摵鍚嶇О:" prop="storeName"> + <el-input v-model="store.storeName" placeholder="璇峰~鍐欏簵鍚嶇О" :disabled="isView()"></el-input> </el-form-item> <!-- 搴楅摵鑱旂郴浜� --> <el-form-item class="optionItem" label="搴楅摵鑱旂郴浜�:" prop="owner"> @@ -25,13 +25,18 @@ <el-input v-model="store.contact" placeholder="璇峰~鍐欏簵閾鸿仈绯荤數璇�" :disabled="isView()"></el-input> </el-form-item> <!-- 搴楅摵璇︾粏鍦板潃 --> - <el-form-item class="optionItem" label="搴楅摵璇︾粏鍦板潃:" prop="storeaddr"> - <el-input v-model="store.storeaddr" placeholder="璇峰~鍐欏簵閾鸿缁嗗湴鍧�" :disabled="isView()"></el-input> + <el-form-item class="optionItem" label="搴楅摵璇︾粏鍦板潃:" prop="storeAddress"> + <el-input v-model="store.storeAddress" placeholder="璇峰~鍐欏簵閾鸿缁嗗湴鍧�" :disabled="isView()"></el-input> </el-form-item> <!-- 鍏宠仈鎽勫儚鏈� --> - <el-form-item v-if="!isStorePage" class="optionItem" label="鍏宠仈鎽勫儚鏈�:" prop="relationVideo"> - <el-input v-model="store.relationVideo" placeholder="璇峰~鍐欏叧鑱旀憚鍍忔満" :disabled="isView()"></el-input> + <el-form-item v-if="isStorePage" class="optionItem" label="鍏宠仈鎽勫儚鏈�:" prop="relationVideo"> + <el-select v-model="store.relationVideo" placeholder="璇峰~鍐欏叧鑱旀憚鍍忔満" :disabled="isView()"> + <el-option v-for="item in relationVideoList" :key="item.id" :value="item.id" :label="item.name"></el-option> + </el-select> </el-form-item> + <el-form-item v-if="!isStorePage" class="optionItem" label="搴楅摵寰楀垎:"> + <el-input v-model="store.storeScore" :disabled="isView()"></el-input> + </el-form-item> <el-form-item v-if="!isView()"> <div class="optionBtn"> <el-button type="primary" class="btn submit" @click.native.prevent="onSubmit">鎻愪氦</el-button> @@ -43,8 +48,8 @@ </div> </template> <script> -import {deepClone, getCodeList} from "@/utils/helper"; -import {addStoreInfo, updateStoreInfo} from "@/api/operate/storeManagement"; +import { deepClone, getCodeList } from "@/utils/helper"; +import { addStoreInfo, getVideoPoint, updateStoreInfo } from "@/api/operate/storeManagement"; export default { data() { @@ -60,32 +65,48 @@ } } }; + + const validateStoreType = (rule, value, callback) => { + debugger; + if (value) { + callback(); + } else { + callback(new Error('璇烽�夋嫨搴楅摵绫诲瀷')); + } + }; return { store: { storeNumber: '', - storename: '', + storeName: '', owner: '', contact: '', - storeaddr: '', + storeAddress: '', relationVideo: '', - type: null + type: null, + storeScore: null }, rules: { - type: [{ required: true, trigger: ['blue', 'change'], message: '璇烽�夋嫨搴楅摵绫诲瀷' }], + type: [{ required: true, validator: validateStoreType }], storeNumber: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ簵閾虹紪鍙�' }], - storename: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ簵閾哄悕绉�' }], + storeName: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ簵閾哄悕绉�' }], owner: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ簵閾鸿仈绯讳汉' }], contact: [{ required: true, trigger:'blur', validator: validatePhone }], - storeaddr: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ簵閾鸿缁嗗湴鍧�' }], - relationVideo: [{ required: false, trigger:'blur', message: '璇疯緭鍏ュ叧鑱旀憚鍍忔満' }] + storeAddress: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ簵閾鸿缁嗗湴鍧�' }], + relationVideo: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ叧鑱旀憚鍍忔満' }] }, - shopTypeList: [] + shopTypeList: [], + relationVideoList: [] } }, - created() { - this.store = deepClone(this.storeInfo); - if (this.isCreated()) { - this.getShopTypeList(); + async created() { + this.$set(this, 'store', this.storeInfo); + const result = await getVideoPoint({ current: 1, size: 1 }); + this.relationVideoList = result.records; + if (this.storeInfo && this.isStorePage) { + this.store.relationVideo = this.store.videoPoint.name; + } + if (!this.isView()) { + await this.getShopTypeList(); } }, @@ -120,13 +141,17 @@ }, isCreated() { - return this.dialogType === 'add'; + return this.dialogType === 'create'; }, // 鑾峰彇瀛楀吀 async getShopTypeList() { let arr = await getCodeList('16'); this.shopTypeList = this.createShopTypeTree(arr); + if (this.dialogType === 'update') { + const selectedStoreType = arr.find(item => item.name === this.store.typeName); + this.$set(this.store, 'type', [selectedStoreType.parentId, selectedStoreType.id]); + } }, // 鍒涘缓鍟嗛摵绫诲瀷鏍� @@ -151,7 +176,11 @@ } } }, - props: ['storeInfo', 'dialogType', 'isStorePage'] + + beforeDestroy() { + this.store = null; + }, + props: ['storeInfo', 'dialogType', 'isStorePage'] } </script> <style lang="scss" scoped> -- Gitblit v1.8.0