移动修改完毕

ybf_admin/src/api/in/mail.js

@@ -18,7 +18,14 @@ export function getNoGroupMember(data) {
     params: data
   })
 } 
-
+//  获取柜组用户  
+export function getGroupById(data) {
+  return request({
+    url: '/admin/auth/addressbook/getUserByShopId',
+    method: 'get',
+    params: data
+  })
+}
 // 根据部门id获取人员
 export function getMemberById(data) {
   return request({
@@ -66,3 +73,12 @@ export function getHistoryList(data) {
       data
     })
   }
+
+  // 移动人员
+  export function moveMember(data) {
+    return request({
+      url: 'admin/auth/addressbook/updateStallClerkByUserId',
+      method: 'put',
+      params:data
+    })
+  }
\ No newline at end of file

ybf_admin/src/pages/in/contact/components/move.vue

@@ -77,7 +77,7 @@
 </template>
 
 <script>
-import { getGroup } from "@/api/in/mail";
+import { getGroup, moveMember } from "@/api/in/mail";
 import { log } from "util";
 
 export default {
@@ -85,6 +85,10 @@ export default {
     moveDialog: {
       type: Boolean,
       default: false
+    },
+    idList: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
@@ -105,6 +109,17 @@ export default {
       this.$emit("handleCancel");
     },
     handleFinish() {
+      let groupId = this.$refs.tree.getCheckedKeys()[0]
+      let data = {
+        /* stallIds:  groupId*1,
+        userId:  this.idList[0]*1  */
+        stallIds: groupId,
+        userId: this.idList[0]  
+      }
+      moveMember(data).then(res=> {
+        console.log(res,"???");
+        
+      })
       this.$emit("handleFinish", false);
     },
     /* handleChange() {},

ybf_admin/src/pages/in/contact/mail.vue

@@ -24,9 +24,9 @@
               :expand-on-click-node="false"
               @node-click="handleTreeClick"
             >
-              <span class="custom-tree-node" slot-scope="{ node, data }">
+             <!--  <span class="custom-tree-node" slot-scope="{ node, data }">
                 <span>{{ node.label }}</span>
-              </span>
+              </span> -->
             </el-tree>
           </div>
         </div>
@@ -40,7 +40,7 @@
       <div class="top">三号柜组（共18人）</div>
       <div class="searchs">
         <div class="buttons">
-          <el-button class="button buttondark" size="small" @click="handleMove"
+          <el-button class="button buttondark" size="small" @click="handleMove" :disabled="idList.length>0? false:true "
             >移动</el-button
           >
           <el-button
@@ -76,6 +76,7 @@
         tooltip-effect="dark"
         style="width: 100%"
         height="calc(100% - 140px)"
+        @selection-change="handleMemberChange"
       >
         <el-table-column type="selection" width="60"></el-table-column>
         <el-table-column
@@ -93,11 +94,7 @@
           label="部门"
           align="center"
         ></el-table-column>
-        <el-table-column
-          prop="role"
-          label="角色"
-          align="center"
-        >
+        <el-table-column prop="role" label="角色" align="center">
           <template slot-scope="scope">
             <span v-if="scope.row.managerType == 0">店员</span>
             <span v-if="scope.row.managerType == 1">店长</span>
@@ -132,6 +129,7 @@
       :moveDialog="moveDialogShow"
       @handleCancel="moveDialogShow = false"
       @handleFinish="removeFinish"
+      :idList="idList"
     ></move-dialog>
     <!--  <el-dialog title="提示" v-if="nameDialog" :visible.sync="nameDialog" width="30%" >
       <div class="changeName">
@@ -148,7 +146,14 @@
 
 <script>
 import MoveDialog from "./components/move";
-import { getOrgTree,getAllMemberList,getNoGroupMember,getMemberById,storeNameChange } from "@/api/in/mail";
+import {
+  getOrgTree,
+  getAllMemberList,
+  getNoGroupMember,
+  getMemberById,
+  storeNameChange,
+  getGroupById
+} from "@/api/in/mail";
 export default {
   data() {
     const data1 = [
@@ -556,14 +561,13 @@ export default {
         id: "id"
       },
       type: 1,
-      store: {
-        name: "",
-        id: ""
-      }
+      idList: [],
+      storeId: "",
+      groupId: ""
     };
   },
   components: {
-    MoveDialog,
+    MoveDialog
   },
   created() {
     this.getOrgTree();
@@ -571,42 +575,43 @@ export default {
   },
   methods: {
     getOrgTree() {
-       getOrgTree().then( res => {
-        let data = res.data
-        this.allNumber = data['用户的总数']
-        this.wNumber = data['未分组用户的总数']
-        this.data1 = data['所有的柜组']
-      })
+      getOrgTree().then(res => {
+        let data = res.data;
+        this.allNumber = data["用户的总数"];
+        this.wNumber = data["未分组用户的总数"];
+        this.data1 = data["所有的柜组"];
+      });
     },
     handleTreeClick(data) {
-      /* switch (data.id) {
-        case 1:
-          this.list1.main4 = this.list1.main6;
-          break;
-        case 5:
-          this.list1.main4 = this.list1.main1;
-          break;
-        case 6:
-          this.list1.main4 = this.list1.main2;
-          break;
-        case 7:
-          this.list1.main4 = this.list1.main3;
-          break;
-          case 2:
-          this.list1.main4 = this.list1.main5;
-          break;
-        default:
-          this.list1.main4 = this.list1.main3;
-          break;
-      } */
-      let params = {
-        pageNum: 1,
-        stallId:data.id
+      if(data.type){
+        this.storeId = data.id
+        this.getStoreMember(1)
+      }else {
+        this.groupId = data.id
+        this.getGroupMember(1)
       }     
+    },
+    getGroupMember(page) {
+      this.type = 3
+       let params = {
+        pageNum: page,
+        shopId: this.groupId
+      };
+      getGroupById(params).then(res => {
+        this.tableData = res.data.list;
+        this.page.total = Number(res.data.total);
+      });
+    },
+    getStoreMember(page) {
+       this.type = 4
+       let params = {
+        pageNum: page,
+        stallId: this.storeId
+      };
       getMemberById(params).then(res => {
-        this.tableData = res.data.list
-        this.page.total = Number(res.data.total) 
-      })
+        this.tableData = res.data.list;
+        this.page.total = Number(res.data.total);
+      });
     },
     listPick() {},
     testButtonClick() {},
@@ -623,37 +628,50 @@ export default {
       this.moveDialogShow = false;
     },
     handleCurrentChange(val) {
-      console.log(val,"每页");
-    
+      console.log(val, "每页");
+      if(this.type == 1) {
+        this.getMailList(val)       
+      }else if (this.type == 2) {        
+        this.getNoGroupMember(val)
+      }else if (this.type == 3) {        
+        this.getGroupMember(val)
+      }
+      else {
+        this.getStoreMember(val)
+      }
     },
-    /* addCounter() {
-      this.$refs.addCounter.counterDialog = true;
-    }, */
-    /* addStore() {
-
-      this.$refs.addStore.addStoreDialog = true;
-    }, */
     getMailList(page) {
-      this.type = 1
+      this.type = 1;
       let params = {
         pageNum: page
-      }
+      };
       getAllMemberList(params).then(res => {
-        console.log(res,"res");
-        this.tableData = res.data.list 
-        this.page.total = Number(res.data.total)       
-      }) 
+        console.log(res, "res");
+        this.tableData = res.data.list;
+        this.page.total = Number(res.data.total);
+      });
     },
     handleShopowner() {},
     getNoGroupMember(page) {
-      this.type = 2
+      this.type = 2;
       let params = {
         pageNum: page
-      }
+      };
       getNoGroupMember(params).then(res => {
-        this.tableData = res.data.list
-        this.page.total = Number(res.data.total)
-      })
+        this.tableData = res.data.list;
+        this.page.total = Number(res.data.total);
+      });
+    },
+    handleMemberChange(val) {
+      console.log(val,"val");
+      
+      let ids = []
+      val.map(function(item) {
+        ids.push(item.id) 
+      });
+      this.idList = ids  
+      console.log(this.idList,",");
+          
     }
   }
 };