修改专属导购

src/components/axios/url.js

@@ -74,6 +74,8 @@ const urlConfig = {
   uploadExecl: '/api-member/uploadExecl', // 批量积分导入-导入数据
   queryBatchRetErrInfo: '/api-member/queryBatchRetErrInfo', // 批量积分导入-日志详情-获取数据
   downloadErrorData: '/api-member/downloadErrorData', // 批量积分导入-日志详情-下载错误数据
+  getClerkList: '/api-member/query-clerk-by-storeId', // 获取导购选项
+  modifyClerk: '/api-member/member-load-update-clerk', // 更改专属导购
 }
 
 const defaultUrl = Object.assign({}, urlConfig);

src/components/wechatmembers/ModifyGuide.vue

+<template>
+  <el-dialog
+    title="修改专属导购"
+    :visible.sync="dialogVisible"
+    width="600px"
+    @open="beforeOpen"
+    @close="afterClose">
+    <el-form :model="form" ref="form" label-width="130px">
+      <el-form-item label="专属导购" prop="mainClerkId" :rules="[
+        { required: true, message: '请选择专属导购', trigger: 'blur' }  
+      ]">
+        <el-select v-model="form.mainClerkId">
+          <el-option v-for="item in clerkOptions" :key="item.clerkId" :label="item.clerkName" :value="item.clerkId"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="原因备注">
+        <gic-textarea v-model="form.remark" :max="50"></gic-textarea>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="closeDialog">取消</el-button>
+      <el-button type="primary" @click="confirmModify">确定</el-button>
+    </span>
+  </el-dialog>
+</template>
+<script>
+import { doFetch, doFetchqs } from "../../components/axios/api";
+import url from "../../components/axios/url";
+
+export default {
+  name: 'ModifyGuide',
+  data() {
+    return {
+      form: {
+        mainClerkId: '',
+        remark: ''
+      },
+      clerkOptions: []
+    }
+  },
+  props: {
+    dialogVisible: {
+      type: Boolean,
+      default: false
+    },
+    memberId: [String, Number],
+    mainStoreId: [String, Number]
+  },
+  methods: {
+    beforeOpen() {
+      this.axios.get(url.getClerkList, { params: { storeId: this.mainStoreId, requestProject: 'member' } }).then(res => {
+        const { errorCode, message, result = [] } = res.data || {};
+        if(errorCode != 0) return this.$message.error(message);
+        this.clerkOptions = result;
+      })
+    },
+    afterClose() {
+      this.$refs.form.resetFields();
+      this.closeDialog();
+      this.form = {
+        mainClerkId: '',
+        remark: ''
+      }
+    },
+    closeDialog() {
+      this.$emit('getList');
+      this.$emit('update:dialogVisible', false);
+    },
+    confirmModify() {
+      this.$refs.form.validate(valid => {
+        if(!valid) return;
+        const { mainClerkId, remark } = this.form;
+        let params = {
+          memberId: this.memberId,
+          mainClerkId,
+          remark
+        }
+        doFetch(url.modifyClerk, params).then(res => {
+          const { errorCode, message, result = [] } = res.data || {};
+          if(errorCode != 0) return this.$message.error(message);
+          this.$message.success('更改成功');
+          this.closeDialog();
+        })
+      })
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file

src/components/wechatmembers/wechatTotalDetail.js

@@ -9,6 +9,7 @@ import {
 import { fomatBirthday } from "../../utils/fomatBirthday";
 import { formatLongTime } from "@/utils/utils";
 import { mapState } from "vuex";
+import ModifyGuide from './ModifyGuide.vue';
 
 export default {
   name: "wechatmember-detail",
@@ -204,7 +205,8 @@ export default {
         memberName: [{ required: true, message: "会员姓名不能为空" }],
         memberBirthday: [{ required: true, message: "生日日期不能为空" }],
         phoneNumber: [{ validator: validateTel, trigger: "blur" }]
-      }
+      },
+      modifyClerkDialog: false
     };
   },
   computed: {
@@ -905,6 +907,7 @@ export default {
     }
   },
   components: {
-    "v-nav": nav
+    "v-nav": nav,
+    ModifyGuide
   }
 };

src/components/wechatmembers/wechatTotalDetail.vue

@@ -85,7 +85,10 @@
                     <i class="iconfont icon-bianji pointer" @click="updateMainStore.show = true"></i>
                   </span>
                 </p>
-                <p><span class="label-span">专属导购</span> <span class="ml15" :class="[ memberbaseinfo.mainClerkName && memberbaseinfo.clerkInStore == 0 ? 'fontRed' : 'color555' ]">{{ memberbaseinfo.mainClerkName | fomatText  }}</span></p>
+                <p>
+                  <span class="label-span">专属导购</span> <span class="ml15" :class="[ memberbaseinfo.mainClerkName && memberbaseinfo.clerkInStore == 0 ? 'fontRed' : 'color555' ]">{{ memberbaseinfo.mainClerkName | fomatText  }}</span>
+                  <i v-if="memberbaseinfo.mainStoreName" class="iconfont icon-bianji pointer" @click="modifyClerkDialog = true"></i>
+                </p>
                 <p><span class="label-span">协管门店</span>
                   <el-tooltip placement="bottom" v-if="memberbaseinfo.shopNames">
                     <div slot="content" style="max-width: 300px">
@@ -657,6 +660,7 @@
       </el-form>
     </el-dialog>
     <!--修改导购备注-end-->
+    <ModifyGuide :dialogVisible.sync="modifyClerkDialog" :memberId="memberbaseinfo.memberId" :mainStoreId="memberbaseinfo.mainStoreId" @getList="getBaseDetail" />
     <vue-gic-footer></vue-gic-footer>
   </div>
 </template>

src/components/wechatmembers/wechatmemberDetail.js

@@ -9,6 +9,7 @@ import {
 import { fomatBirthday } from "../../utils/fomatBirthday";
 import { formatLongTime } from "@/utils/utils";
 import { mapState } from "vuex";
+import ModifyGuide from './ModifyGuide.vue';
 
 export default {
   name: "wechatmember-detail",
@@ -204,7 +205,8 @@ export default {
         memberName: [{ required: true, message: "会员姓名不能为空" }],
         memberBirthday: [{ required: true, message: "生日日期不能为空" }],
         phoneNumber: [{ validator: validateTel, trigger: "blur" }]
-      }
+      },
+      modifyClerkDialog: false,
     };
   },
   computed: {
@@ -906,6 +908,7 @@ export default {
     }
   },
   components: {
-    "v-nav": nav
+    "v-nav": nav,
+    ModifyGuide
   }
 };

src/components/wechatmembers/wechatmemberDetail.vue

@@ -86,7 +86,10 @@
                     <i class="iconfont icon-bianji pointer" @click="updateMainStore.show = true"></i>
                   </span>
                 </p>
-                <p><span class="label-span">专属导购</span> <span class="ml15" :class="[ memberbaseinfo.mainClerkName && memberbaseinfo.clerkInStore == 0 ? 'fontRed' : 'color555' ]">{{ memberbaseinfo.mainClerkName | fomatText  }}</span></p>
+                <p>
+                  <span class="label-span">专属导购</span> <span class="ml15" :class="[ memberbaseinfo.mainClerkName && memberbaseinfo.clerkInStore == 0 ? 'fontRed' : 'color555' ]">{{ memberbaseinfo.mainClerkName | fomatText  }}</span>
+                  <i v-if="memberbaseinfo.mainStoreName" class="iconfont icon-bianji pointer" @click="modifyClerkDialog = true"></i>
+                </p>
                 <p><span class="label-span">协管门店</span>
                   <el-tooltip placement="bottom" v-if="memberbaseinfo.shopNames">
                     <div slot="content" style="max-width: 300px">
@@ -658,6 +661,7 @@
       </el-form>
     </el-dialog>
     <!--修改导购备注-end-->
+    <ModifyGuide :dialogVisible.sync="modifyClerkDialog" :memberId="memberbaseinfo.memberId" :mainStoreId="memberbaseinfo.mainStoreId" @getList="getBaseDetail" />
     <vue-gic-footer></vue-gic-footer>
   </div>
 </template>