From 03a4f65e9dca2ba2777e0ea42ed972c5f4f7544f Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期一, 28 十一月 2022 11:33:25 +0800
Subject: [PATCH] 点位管理bug修改
---
src/views/operate/fivepack/threepack/components/updateUser/index.vue | 145 ++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 121 insertions(+), 24 deletions(-)
diff --git a/src/views/operate/fivepack/threepack/components/updateUser/index.vue b/src/views/operate/fivepack/threepack/components/updateUser/index.vue
index 2607fba..97d4bb2 100644
--- a/src/views/operate/fivepack/threepack/components/updateUser/index.vue
+++ b/src/views/operate/fivepack/threepack/components/updateUser/index.vue
@@ -4,31 +4,40 @@
<div class="mainContent">
<el-form ref="store" label-width="140px" autoComplete="on" :model="store" :rules="rules"
label-position="right">
+ <!-- 搴楅摵绫诲瀷 -->
+ <el-form-item v-if="isStorePage" class="optionItem" label="搴楅摵绫诲瀷:" prop="type">
+ <el-cascader :options="shopTypeList" v-model="store.type" />
+ </el-form-item>
<!-- 搴楅摵缂栧彿 -->
<el-form-item class="optionItem" label="搴楅摵缂栧彿:" prop="storeNumber">
- <el-input v-model="store.storeNumber" placeholder="璇峰～鍐欏簵閾虹紪鍙�" :disabled="!updateFlag"></el-input>
+ <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="!updateFlag"></el-input>
+ <el-input v-model="store.storeName" placeholder="璇峰～鍐欏簵鍚嶇О" :disabled="isView()"></el-input>
</el-form-item>
<!-- 搴楅摵鑱旂郴浜� -->
<el-form-item class="optionItem" label="搴楅摵鑱旂郴浜�:" prop="owner">
- <el-input v-model="store.owner" placeholder="璇峰～鍐欏簵閾鸿仈绯讳汉" :disabled="!updateFlag"></el-input>
+ <el-input v-model="store.owner" placeholder="璇峰～鍐欏簵閾鸿仈绯讳汉" :disabled="isView()"></el-input>
</el-form-item>
<!-- 搴楅摵鑱旂郴鐢佃瘽 -->
<el-form-item class="optionItem" label="搴楅摵鑱旂郴鐢佃瘽:" prop="contact">
- <el-input v-model="store.contact" placeholder="璇峰～鍐欏簵閾鸿仈绯荤數璇�" :disabled="!updateFlag"></el-input>
+ <el-input v-model="store.contact" placeholder="璇峰～鍐欏簵閾鸿仈绯荤數璇�" :disabled="isView()"></el-input>
</el-form-item>
<!-- 搴楅摵璇︾粏鍦板潃 -->
<el-form-item class="optionItem" label="搴楅摵璇︾粏鍦板潃:" prop="storeAddress">
- <el-input v-model="store.storeAddress" placeholder="璇峰～鍐欏簵閾鸿缁嗗湴鍧�" :disabled="!updateFlag"></el-input>
+ <el-input v-model="store.storeAddress" placeholder="璇峰～鍐欏簵閾鸿缁嗗湴鍧�" :disabled="isView()"></el-input>
</el-form-item>
<!-- 鍏宠仈鎽勫儚鏈� -->
- <el-form-item class="optionItem" label="鍏宠仈鎽勫儚鏈�:" prop="relationVideo">
- <el-input v-model="store.relationVideo" placeholder="璇峰～鍐欏叧鑱旀憚鍍忔満" :disabled="!updateFlag"></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="updateFlag">
+ <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>
</div>
@@ -39,12 +48,31 @@
</div>
</template>
<script>
-import { deepClone } from "@/utils/helper";
-import { updateStoreInfo } from "@/api/operate/storeManagement";
-import { SUCCESS_CODE } from "@/utils";
+import { deepClone, getCodeList } from "@/utils/helper";
+import { addStoreInfo, getVideoPoint, updateStoreInfo } from "@/api/operate/storeManagement";
export default {
data() {
+ const validatePhone = (rule, value, callback) => {
+ if (!value) {
+ callback(new Error("璇峰～鍐欐墜鏈哄彿鐮�"));
+ } else {
+ const rep = /(^1[3|4|5|7|8|9]\d{9}$)|(^09\d{8}$)/
+ if (!rep.test(value)) {
+ callback("璇疯緭鍏ユ纭殑鎵嬫満鍙风爜");
+ } else {
+ callback();
+ }
+ }
+ };
+
+ const validateStoreType = (rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('璇烽�夋嫨搴楅摵绫诲瀷'));
+ }
+ };
return {
store: {
storeNumber: '',
@@ -52,39 +80,108 @@
owner: '',
contact: '',
storeAddress: '',
- relationVideo: ''
+ relationVideo: '',
+ type: null,
+ storeScore: null
},
rules: {
+ type: [{ required: true, validator: validateStoreType }],
storeNumber: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ簵閾虹紪鍙�' }],
- storeName: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ簵閾哄悕绉�' }],
- owner: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ簵閾鸿仈绯讳汉' }],
- contact: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ簵閾鸿仈绯荤數璇�:' }],
+ storeName: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ簵閾哄悕绉�' }],
+ owner: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ簵閾鸿仈绯讳汉' }],
+ contact: [{ required: true, trigger:'blur', validator: validatePhone }],
storeAddress: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ簵閾鸿缁嗗湴鍧�' }],
- relationVideo: [{ required: false, trigger:'blur', message: '璇疯緭鍏ュ叧鑱旀憚鍍忔満' }]
+ relationVideo: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ叧鑱旀憚鍍忔満' }]
},
+ shopTypeList: [],
+ relationVideoList: []
}
},
- created() {
- this.store = deepClone(this.storeInfo);
+ async created() {
+ if (this.storeInfo) {
+ 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();
+ }
+ }
},
methods: {
onSubmit() {
this.$refs.store.validate(valid => {
if (valid) {
- updateStoreInfo(this.store)
- .then(() => {
+ this.store.type = this.store.type[1];
+ if (this.isCreated()) {
+ addStoreInfo(this.store)
+ .then(() => {
this.$message({ type: 'success', message: '鎿嶄綔鎴愬姛' });
this.$emit('closeDialog');
- })
- .catch(err => this.$message({ type: 'error', message: err }));
+ })
+ .catch(err => this.$message({ type: 'error', message: err }));
+ } else {
+ updateStoreInfo(this.store)
+ .then(() => {
+ this.$message({ type: 'success', message: '鎿嶄綔鎴愬姛' });
+ this.$emit('closeDialog');
+ })
+ .catch(err => this.$message({ type: 'error', message: err }));
+ }
} else {
this.$message({ type: 'warning', message: '璇锋鏌ュ繀濉」' });
}
});
+ },
+
+ isView() {
+ return this.dialogType === 'view';
+ },
+
+ isCreated() {
+ 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]);
+ }
+ },
+
+ // 鍒涘缓鍟嗛摵绫诲瀷鏍�
+ createShopTypeTree(arr) {
+ if (arr.length && arr.length !== 0) {
+ // 鑾峰彇椤剁骇鑿滃崟
+ let treeRoot = arr.filter(item => {
+ return item.parentId === 0
+ })
+ // 娣诲姞child
+ treeRoot.forEach(item => {
+ item.children = []
+ arr.forEach(child => {
+ child.value = child.id;
+ child.label = child.name;
+ if (child.parentId === item.id) {
+ item.children.push(child)
+ }
+ })
+ })
+ return treeRoot;
+ }
}
},
- props: ['storeInfo', 'updateFlag']
+
+ beforeDestroy() {
+ this.store = null;
+ },
+ props: ['storeInfo', 'dialogType', 'isStorePage']
}
</script>
<style lang="scss" scoped>
@@ -96,7 +193,6 @@
text-align: left;
padding: 0 55px;
background-color: #09152f;
- padding-bottom: 50px;
.mainContent {
display: flex;
@@ -145,4 +241,5 @@
background-color: #09152f;
border: 1px solid #17324c;
}
+
</style>
\ No newline at end of file
--
Gitblit v1.8.0