From 03eadfd663e99ff619d4ab48761fc5c8b1b643b8 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期二, 22 十一月 2022 17:51:01 +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