From f7bdedf1f3f7600c73f6d5beb46c1d1f4d518822 Mon Sep 17 00:00:00 2001
From: luobisheng <727299681@qq.com>
Date: 星期三, 09 十一月 2022 18:15:34 +0800
Subject: [PATCH] 消息管理丶店铺对接
---
src/views/operate/fivepack/threepack/components/updateUser/index.vue | 127 ++++++++++++++----------------------------
1 files changed, 43 insertions(+), 84 deletions(-)
diff --git a/src/views/operate/fivepack/threepack/components/updateUser/index.vue b/src/views/operate/fivepack/threepack/components/updateUser/index.vue
index be671fd..2607fba 100644
--- a/src/views/operate/fivepack/threepack/components/updateUser/index.vue
+++ b/src/views/operate/fivepack/threepack/components/updateUser/index.vue
@@ -2,130 +2,89 @@
<div class="updateUser">
<main>
<div class="mainContent">
- <el-form ref="user" label-width="140px" autoComplete="on" :model="user" :rules="createUserRules"
+ <el-form ref="store" label-width="140px" autoComplete="on" :model="store" :rules="rules"
label-position="right">
<!-- 搴楅摵缂栧彿 -->
<el-form-item class="optionItem" label="搴楅摵缂栧彿:" prop="storeNumber">
- <el-input v-model="user.storeNumber" placeholder="璇峰～鍐欏簵閾虹紪鍙�" :disabled="!updateFlag"></el-input>
+ <el-input v-model="store.storeNumber" placeholder="璇峰～鍐欏簵閾虹紪鍙�" :disabled="!updateFlag"></el-input>
</el-form-item>
<!-- 搴楅摵鍚嶇О -->
<el-form-item class="optionItem" label="搴楅摵鍚嶇О:" prop="storeName">
- <el-input v-model="user.storeName" placeholder="璇峰～鍐欏簵鍚嶇О" :disabled="!updateFlag"></el-input>
+ <el-input v-model="store.storeName" placeholder="璇峰～鍐欏簵鍚嶇О" :disabled="!updateFlag"></el-input>
</el-form-item>
<!-- 搴楅摵鑱旂郴浜� -->
- <el-form-item class="optionItem" label="搴楅摵鑱旂郴浜�:" prop="storeOwner">
- <el-input v-model="user.storeOwner" placeholder="璇峰～鍐欏簵閾鸿仈绯讳汉" :disabled="!updateFlag"></el-input>
+ <el-form-item class="optionItem" label="搴楅摵鑱旂郴浜�:" prop="owner">
+ <el-input v-model="store.owner" placeholder="璇峰～鍐欏簵閾鸿仈绯讳汉" :disabled="!updateFlag"></el-input>
</el-form-item>
<!-- 搴楅摵鑱旂郴鐢佃瘽 -->
- <el-form-item class="optionItem" label="搴楅摵鑱旂郴鐢佃瘽:" prop="storePhone">
- <el-input v-model="user.storePhone" placeholder="璇峰～鍐欏簵閾鸿仈绯荤數璇�" :disabled="!updateFlag"></el-input>
+ <el-form-item class="optionItem" label="搴楅摵鑱旂郴鐢佃瘽:" prop="contact">
+ <el-input v-model="store.contact" placeholder="璇峰～鍐欏簵閾鸿仈绯荤數璇�" :disabled="!updateFlag"></el-input>
</el-form-item>
<!-- 搴楅摵璇︾粏鍦板潃 -->
<el-form-item class="optionItem" label="搴楅摵璇︾粏鍦板潃:" prop="storeAddress">
- <el-input v-model="user.storeAddress" placeholder="璇峰～鍐欏簵閾鸿缁嗗湴鍧�" :disabled="!updateFlag"></el-input>
+ <el-input v-model="store.storeAddress" placeholder="璇峰～鍐欏簵閾鸿缁嗗湴鍧�" :disabled="!updateFlag"></el-input>
</el-form-item>
<!-- 鍏宠仈鎽勫儚鏈� -->
- <el-form-item class="optionItem" label="鍏宠仈鎽勫儚鏈�:" prop="storeMoni">
- <el-input v-model="user.storeMoni" placeholder="璇峰～鍐欏叧鑱旀憚鍍忔満" :disabled="!updateFlag"></el-input>
+ <el-form-item class="optionItem" label="鍏宠仈鎽勫儚鏈�:" prop="relationVideo">
+ <el-input v-model="store.relationVideo" placeholder="璇峰～鍐欏叧鑱旀憚鍍忔満" :disabled="!updateFlag"></el-input>
</el-form-item>
<el-form-item v-if="updateFlag">
<div class="optionBtn">
- <el-button type="primary" class="btn submit" @click.native.prevent="handleUser">鎻愪氦
- </el-button>
+ <el-button type="primary" class="btn submit" @click.native.prevent="onSubmit">鎻愪氦</el-button>
</div>
</el-form-item>
</el-form>
-
</div>
</main>
</div>
</template>
<script>
+import { deepClone } from "@/utils/helper";
+import { updateStoreInfo } from "@/api/operate/storeManagement";
+import { SUCCESS_CODE } from "@/utils";
+
export default {
data() {
- const validateNumber = (rule,value,callback)=>{
- if(value){
- callback()
- }else{
- callback(new Error('搴楅摵缂栧彿涓嶈兘涓虹┖'))
- }
- }
- const validateName = (rule,value,callback)=>{
- if(value){
- callback()
- }else{
- callback(new Error('搴楅摵鍚嶇О涓嶈兘涓虹┖'))
- }
- }
- const validateOwner = (rule,value,callback)=>{
- if(value){
- callback()
- }else{
- callback(new Error('搴楅摵鑱旂郴浜轰笉鑳戒负绌�'))
- }
- }
- const validatePhone = (rule,value,callback)=>{
- if(value){
- callback()
- }else{
- callback(new Error('搴楅摵鑱旂郴鐢佃瘽涓嶈兘涓虹┖'))
- }
- }
- const validateAddress = (rule,value,callback)=>{
- if(value){
- callback()
- }else{
- callback(new Error('搴楅摵璇︾粏鍦板潃涓嶈兘涓虹┖'))
- }
- }
- const validateMoni = (rule,value,callback)=>{
- if(value){
- callback()
- }else{
- callback(new Error('搴楅摵鍏宠仈鎽勫儚鏈轰笉鑳戒负绌�'))
- }
- }
return {
- user: {
+ store: {
storeNumber: '',
storeName: '',
- storeOwner: '',
- storePhone: '',
+ owner: '',
+ contact: '',
storeAddress: '',
- storeMoni: ''
+ relationVideo: ''
},
- createUserRules: {
- storeNumber: [
- {trigger:'blur',validator:validateNumber}
- ],
- storeName: [
- {trigger:'blur',validator:validateName}
- ],
- storeOwner: [
- {trigger:'blur',validator:validateOwner}
- ],
- storePhone: [
- {trigger:'blur',validator:validatePhone}
- ],
- storeAddress: [
- {trigger:'blur',validator:validateAddress}
- ],
- storeMoni: [
- {trigger:'blur',validator:validateMoni}
- ]
+ rules: {
+ storeNumber: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ簵閾虹紪鍙�' }],
+ storeName: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ簵閾哄悕绉�' }],
+ owner: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ簵閾鸿仈绯讳汉' }],
+ contact: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ簵閾鸿仈绯荤數璇�:' }],
+ storeAddress: [{ required: true, trigger:'blur', message: '璇疯緭鍏ュ簵閾鸿缁嗗湴鍧�' }],
+ relationVideo: [{ required: false, trigger:'blur', message: '璇疯緭鍏ュ叧鑱旀憚鍍忔満' }]
},
}
},
created() {
- const that = this;
- this.user = JSON.parse(JSON.stringify(that.userInfo));
+ this.store = deepClone(this.storeInfo);
},
+
methods: {
- handleUser() {
- this.$emit('handleUpdateData',this.user)
- }
+ onSubmit() {
+ this.$refs.store.validate(valid => {
+ if (valid) {
+ 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: '璇锋鏌ュ繀濉」' });
+ }
+ });
+ }
},
- props: ['userInfo', 'updateFlag','handleUpdateData']
+ props: ['storeInfo', 'updateFlag']
}
</script>
<style lang="scss" scoped>
--
Gitblit v1.8.0