问题修改

CallCenterWeb.UI/src/api/memberManagement/memberList.js

@@ -1,309 +1,309 @@
-import request from '@/utils/request'
+import request from "@/utils/request";
 
 // 获取会员列表数据
 export function getOrderLists(params) {
   return request({
-    url: 'api/vipinfo/getlistbypage',
-    method: 'get',
+    url: "api/vipinfo/getlistbypage",
+    method: "get",
     params
-  })
+  });
 }
 
 // 获取会员信息
 export function getMemberInfo(id) {
   return request({
-    url: 'api/vipinfo/getdetails',
-    method: 'get',
+    url: "api/vipinfo/getdetails",
+    method: "get",
     params: {
       id
     }
-  })
+  });
 }
 // 获取会员标签列表数据
 export function getLabelLists(params) {
   return request({
-    url: 'api/viplabelinfo/getlistbypage',
-    method: 'get',
+    url: "api/viplabelinfo/getlistbypage",
+    method: "get",
     params
-  })
+  });
 }
 
 // 添加会员数据
 export function addOrder(data) {
   return request({
-    url: 'api/vipinfo/add',
-    method: 'post',
+    url: "api/vipinfo/add",
+    method: "post",
     data
-  })
+  });
 }
 
 // 编辑会员信息数据
 export function editOrder(data) {
   return request({
-    url: 'api/vipinfo/update',
-    method: 'post',
+    url: "api/vipinfo/update",
+    method: "post",
     data
-  })
+  });
 }
 
 // 删除工单数据
 export function deleteOrder(ids) {
   return request({
-    url: 'callcenterapi/api/BusOrder/delete',
-    method: 'post',
+    url: "callcenterapi/api/BusOrder/delete",
+    method: "post",
     data: {
       ids
     }
-  })
+  });
 }
 // 获取会员标签列表数据
 export function getbyphone(params) {
   return request({
-    url: 'api/VipInfo/getexistence',
-    method: 'get',
+    url: "api/VipInfo/getexistence",
+    method: "get",
     params
-  })
+  });
 }
 // 批量删除会员数据
 export function deletesMember(ids) {
   return request({
-    url: 'api/vipinfo/delete',
-    method: 'post',
+    url: "api/vipinfo/delete",
+    method: "post",
     data: {
       ids
     }
-  })
+  });
 }
 // 获取会员积分规则
 export function getRuleInfo() {
   return request({
-    url: 'api/score/getrule',
-    method: 'get'
-  })
+    url: "api/score/getrule",
+    method: "get"
+  });
 }
 // 保存会员积分规则
 export function saveRuleInfo(data) {
   return request({
-    url: 'api/score/add',
-    method: 'post',
+    url: "api/score/add",
+    method: "post",
     data
-  })
+  });
 }
 // 添加标签信息
 export function addLable(data) {
   return request({
-    url: 'api/viplabelinfo/add',
-    method: 'post',
+    url: "api/viplabelinfo/add",
+    method: "post",
     data
-  })
+  });
 }
 // 编辑标签信息
 export function editLable(data) {
   return request({
-    url: 'api/viplabelinfo/update',
-    method: 'post',
+    url: "api/viplabelinfo/update",
+    method: "post",
     data
-  })
+  });
 }
 // 删除标签信息
 export function deleteLable(ids) {
   return request({
-    url: 'api/viplabelinfo/delete',
-    method: 'post',
+    url: "api/viplabelinfo/delete",
+    method: "post",
     data: {
       ids
     }
-  })
+  });
 }
 // 获取标签信息详情
 export function getLableDetail(id) {
   return request({
-    url: 'api/viplabelinfo/getdetails',
-    method: 'get',
+    url: "api/viplabelinfo/getdetails",
+    method: "get",
     params: {
       id
     }
-  })
+  });
 }
 // 获取档案转移列表数据
 export function getFileTranserLists(params) {
   return request({
-    url: 'api/cusmsg/getlistbypage',
-    method: 'get',
+    url: "api/cusmsg/getlistbypage",
+    method: "get",
     params
-  })
+  });
 }
 // 获取档案转移信息详情
 export function getFileTranserInfo(id) {
   return request({
-    url: 'api/cusmsg/getdetails',
-    method: 'get',
+    url: "api/cusmsg/getdetails",
+    method: "get",
     params: {
       id
     }
-  })
+  });
 }
 // 转移档案操作
 export function getTransfer(ids, toperson) {
   return request({
-    url: 'api/vipinfo/transfer',
-    method: 'post',
+    url: "api/vipinfo/transfer",
+    method: "post",
     data: {
       ids,
       toperson
     }
-  })
+  });
 }
 // 处理转移
 export function detailTransfer(ids, notagree) {
   return request({
-    url: 'api/vipinfo/deal',
-    method: 'post',
+    url: "api/vipinfo/deal",
+    method: "post",
     data: {
       ids,
       notagree
     }
-  })
+  });
 }
 // 获取会员类型
 export function getMemberType(params) {
   return request({
-    url: 'api/dictionary/getlistbypage',
-    method: 'get',
+    url: "api/dictionary/getlistbypage",
+    method: "get",
     params
-  })
+  });
 }
 // 获取销售负责人
 export function getSalesmanData(params) {
   return request({
-    url: 'api/useraccount/getlistdrop',
-    method: 'get',
+    url: "api/useraccount/getlistdrop",
+    method: "get",
     params
-  })
+  });
 }
 
 // 电话号码加密
 export function encryptphone(params) {
   return request({
-    url: 'api/VipInfo/encryptphone',
-    method: 'get',
+    url: "api/VipInfo/encryptphone",
+    method: "get",
     params
-  })
+  });
 }
 
 // 电话号码解密
 export function decryptphone(params) {
   return request({
-    url: 'api/VipInfo/decryptphone',
-    method: 'get',
+    url: "api/VipInfo/decryptphone",
+    method: "get",
     params
-  })
+  });
 }
 
 // 合并
 export function Merge(params) {
   return request({
-    url: 'api/VipInfo/Merge',
-    method: 'post',
+    url: "api/VipInfo/Merge",
+    method: "post",
     params
-  })
+  });
 }
 
 // 拆分
 export function split(params) {
   return request({
-    url: 'api/VipInfo/SplitvIP',
-    method: 'post',
+    url: "api/VipInfo/SplitvIP",
+    method: "post",
     params
-  })
+  });
 }
 // 会员类型列表
 export function getMemberListType(params) {
-  console.log(params)
+  console.log(params);
   return request({
-    url: 'api/Membership/getlist',
-    method: 'get',
+    url: "api/Membership/getlist",
+    method: "get",
     params
-  })
+  });
 }
 // 添加类型
 export function addType(data) {
   return request({
-    url: 'api/Membership/add',
-    method: 'post',
+    url: "api/Membership/add",
+    method: "post",
     data
-  })
+  });
 }
 // 编辑类型
 export function editType(data) {
   return request({
-    url: 'api/Membership/update',
-    method: 'post',
+    url: "api/Membership/update",
+    method: "post",
     data
-  })
+  });
 }
 // 详情类型
 export function detaiType(id) {
   // console.log(data)
   return request({
-    url: 'api/Membership/getdetails',
-    method: 'get',
+    url: "api/Membership/getdetails",
+    method: "get",
     params: {
       id
     }
-  })
+  });
 }
 
 // 操作类型
 export function deleteType(params) {
   return request({
-    url: 'api/Membership/operation',
-    method: 'post',
+    url: "api/Membership/operation",
+    method: "post",
     params
-  })
+  });
 }
 
 // 售后处理
 export function memberHandleTransferAfterSale(params) {
   return request({
-    url: 'api/VipInfo/handleTransfer',
-    method: 'get',
+    url: "api/VipInfo/handleTransfer",
+    method: "get",
     params
-  })
+  });
 }
 
 // 销售转办售后
 export function memberRansferAfterSale(params) {
   return request({
-    url: 'api/VipInfo/ransfer',
-    method: 'get',
+    url: "api/VipInfo/ransfer",
+    method: "get",
     params
-  })
+  });
 }
 
 // 获取会员订单列表
 export function getMemberOrderList(params) {
   return request({
-    url: 'api/ImportOrder/getlistbypage',
-    method: 'get',
+    url: "api/ImportOrder/getlistbypage",
+    method: "get",
     params
-  })
+  });
 }
 
 // 获取会员订单列表
 export function importMemberErrormsg(params) {
   return request({
-    url: 'api/ImportOrder/Errormsg',
-    method: 'get',
+    url: "api/ImportOrder/Errormsg",
+    method: "get",
     params
-  })
+  });
 }
 
 // 编辑会员标签、分类
 export function importMemberTag(params) {
   return request({
-    url: 'api/VipInfo/updatetag',
-    method: 'post',
+    url: "api/VipInfo/updatetag",
+    method: "post",
     params
-  })
+  });
 }

CallCenterWeb.UI/src/components/Teloperation/index.vue

@@ -337,6 +337,7 @@ export default {
   border-radius: 23px;
   -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
   box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
+  z-index: 999;
 
   .call_left,
   .call_middle,

CallCenterWeb.UI/src/store/getters.js

@@ -16,6 +16,8 @@ const getters = {
   groupcode: state => state.user.groupcode, // 坐席组code
   menus: state => state.user.menus, // 菜单
   mobile: state => state.user.mobile, //电话
+  groupName: state => state.user.groupName, //中心名称
+  groupId: state => state.user.groupId, //中心名称
   teamName: state => state.user.teamName, //小组
 
   telIsConnected: state => state.telWebsocket.telIsConnected, // 是否建立话务websocket链接

CallCenterWeb.UI/src/store/modules/user.js

@@ -19,6 +19,8 @@ const user = {
     menus: [],
     mobile: '',
     groupcode: '',
+    groupId: 0,
+    groupName: '',
     teamName: ''
   },
 
@@ -65,6 +67,12 @@ const user = {
     SET_MOBILE: (state, mobile) => {
       state.mobile = mobile
     },
+    SET_GROUPNAME: (state, groupName) => {
+      state.groupName = groupName
+    },
+    SET_GROUPID: (state, groupId) => {
+      state.groupId = groupId
+    },
     SET_TEAMNAME: (state, teamName) => {
       state.teamName = teamName
     },
@@ -108,6 +116,8 @@ const user = {
           commit('SET_GROUPID', data.F_SeartGroupID) // 用户的坐席组id
           commit('SET_AVATAR', data.F_HeadImg) // 用户头像
           commit('SET_MOBILE', data.F_Mobile) // 手机
+          commit('SET_GROUPNAME', data.F_Group) // 中心名称
+          commit('SET_GROUPID', data.F_GroupId) // 中心id
           commit('SET_TEAMNAME', data.F_Team) // 小组名称
           resolve(response)
         }).catch(error => {

CallCenterWeb.UI/src/utils/telWebsocket.js

@@ -16,7 +16,6 @@ let wsUrl = null
 // 创建scoket连接
 export function createWebSocket () {
   wsUrl = 'ws://' + store.getters.serverConfig.SOCKET_IP + ':' + store.getters.serverConfig.SOCKET_PORT
-  debugger
   try {
     if ('WebSocket' in window) {
       ws = new WebSocket(wsUrl)

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleOrderList/edit.vue

@@ -210,7 +210,7 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="收件人手机号">
-            <el-select v-model="recipientPhone" placeholder="请选择收件人手机号" class="form_select" multiple>
+            <el-select v-model="ruleForm.F_AddPhone" placeholder="请选择收件人手机号" class="form_select">
               <el-option v-for="item in customerPhoneList" :key="item.number" :label="item.number" :value="item.number" />
             </el-select>
           </el-form-item>
@@ -604,7 +604,7 @@ export default {
           this.ruleForm.F_ExpressFee = this.ruleForm.F_ExpressFee == "" ? 0 : this.ruleForm.F_ExpressFee
           this.ruleForm.OrderMoney.F_PayTime = this.ruleForm.OrderMoney.F_PayTime == "" ? "1970-01-01 00:00:00" : this.ruleForm.OrderMoney.F_PayTime
           this.ruleForm.OrderMoney.F_Money = this.ruleForm.OrderMoney.F_Money == "" ? 0 : this.ruleForm.OrderMoney.F_Money
-          this.ruleForm.F_AddPhone = this.recipientPhone.join(",")
+          // this.ruleForm.F_AddPhone = this.recipientPhone.join(",")
           // 编辑
           editOrder(this.ruleForm)
             .then((response) => {

CallCenterWeb.UI/src/views/callScreen/components/createOrder.vue

@@ -232,7 +232,7 @@
             </el-col>
             <el-col :span="12">
               <el-form-item label="收件人手机号" prop="F_AddPhone">
-                <el-select v-model="recipientPhone" placeholder="请选择收件人手机号" class="form_select" multiple>
+                <el-select v-model="ruleForm.F_AddPhone" placeholder="请选择收件人手机号" class="form_select">
                   <el-option v-for="item in customerPhoneList" :key="item.number" :label="item.number" :value="item.number" />
                 </el-select>
               </el-form-item>
@@ -649,7 +649,7 @@ export default {
           this.ruleForm.F_ExpressFee = this.ruleForm.F_ExpressFee == "" ? 0 : this.ruleForm.F_ExpressFee
           this.ruleForm.OrderMoney.F_PayTime = this.ruleForm.OrderMoney.F_PayTime == "" ? "1970-01-01 00:00:00" : this.ruleForm.OrderMoney.F_PayTime
           this.ruleForm.OrderMoney.F_Money = this.ruleForm.OrderMoney.F_Money == "" ? 0 : this.ruleForm.OrderMoney.F_Money
-          this.ruleForm.F_AddPhone = this.recipientPhone.join(",")
+          // this.ruleForm.F_AddPhone = this.recipientPhone.join(",")
           this.loading = true
           addOrder(this.ruleForm)
             .then((response) => {
@@ -1265,7 +1265,8 @@ export default {
             })
           }
           this.ruleForm.F_CustomerPhone = data.F_Phone
-          this.recipientPhone = data.F_Phone.split(",")
+          this.ruleForm.F_AddPhone = data.F_Phone
+          // this.recipientPhone = data.F_Phone.split(",")
         }
       })
     },

CallCenterWeb.UI/src/views/callScreen/index.vue

@@ -1,13 +1,15 @@
 <template>
-  <keep-alive>
+  <!-- <keep-alive> -->
     <div class="app-container">
       <el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeTab">
         <el-tab-pane v-for="item in editableTabs" :key="item.name" :label="item.title" :name="item.name">
-          <CallScreenComponent />
+          <keep-alive>
+            <CallScreenComponent />
+          </keep-alive>
         </el-tab-pane>
       </el-tabs>
     </div>
-  </keep-alive>
+  <!-- </keep-alive> -->
 </template>
 
 <script>

CallCenterWeb.UI/src/views/layout/components/Navbar.vue

@@ -23,7 +23,6 @@
     <el-popover ref="popover" :value="showTopNotice" visible-arrow popper-class="topNoticePop" placement="bottom" width="360" trigger="click" transition="el-zoom-in-top">
       <TopNotice @getTopNoticeNums="getTopNoticeNum" />
       <OutboundTask />
-
       <div slot="reference" :class="[seatflag ? 'navar_item notice' : 'navar_item notice notice_right']">
         <svg-icon icon-class="lingdang" />
         <!-- <span class="dot"/> -->
@@ -153,8 +152,8 @@ export default {
     border-right: 1px solid #2a2f32;
   }
   .notice {
-    width: 60px;
-    right: 120px;
+    width: 50px;
+    right: 110px;
     cursor: pointer;
     // border-left: 1px solid #2a2f32;
     .dot {
@@ -191,7 +190,7 @@ export default {
     font-size: 14px;
     // width: 140px;
     padding-right: 15px;
-    right: 180px;
+    right: 160px;
     color: #ffffff;
     .svg-icon {
       // margin-left: 8px;
@@ -201,10 +200,10 @@ export default {
   }
   .personalInfoWrapper {
     font-size: 14px;
-    width: 280px;
+    width: 260px;
     height: 52px;
-    padding-right: 15px;
-    right: 270px;
+    // padding-right: 15px;
+    right: 245px;
     line-height: 25px;
     color: #ffffff;
     .personalInfoLine {
@@ -235,8 +234,8 @@ export default {
     color: #f60303;
   }
   .close {
-    width: 60px;
-    right: 60px;
+    width: 55px;
+    right: 55px;
     cursor: pointer;
     span {
       font-size: 14px;

CallCenterWeb.UI/src/views/memberManagement/memberList/components/addOrder.vue

@@ -233,7 +233,7 @@
             </el-col>
             <el-col :span="12">
               <el-form-item label="收件人手机号" prop="F_AddPhone">
-                <el-select v-model="recipientPhone" placeholder="请选择收件人手机号" class="form_select" multiple>
+                <el-select v-model="ruleForm.F_AddPhone" placeholder="请选择收件人手机号" class="form_select">
                   <el-option v-for="item in customerPhoneList" :key="item.number" :label="item.number" :value="item.number" />
                 </el-select>
               </el-form-item>
@@ -641,7 +641,7 @@ export default {
           this.ruleForm.F_ExpressFee = this.ruleForm.F_ExpressFee == "" ? 0 : this.ruleForm.F_ExpressFee
           this.ruleForm.OrderMoney.F_PayTime = this.ruleForm.OrderMoney.F_PayTime == "" ? "1970-01-01 00:00:00" : this.ruleForm.OrderMoney.F_PayTime
           this.ruleForm.OrderMoney.F_Money = this.ruleForm.OrderMoney.F_Money == "" ? 0 : this.ruleForm.OrderMoney.F_Money
-          this.ruleForm.F_AddPhone = this.recipientPhone.join(",")
+          // this.ruleForm.F_AddPhone = this.recipientPhone.join(",")
           this.loading = true
           addOrder(this.ruleForm)
             .then((response) => {
@@ -1214,6 +1214,8 @@ export default {
         this.ruleForm.F_Addressee = data.F_Name
         this.alreadyPoints = data.F_Score
         this.ruleForm.F_VipId = data.F_ID
+        this.ruleForm.F_MediaName = data.F_MediaName
+        this.ruleForm.F_Media = data.F_Media
         this.ruleForm.F_AddProvince = data.F_Province // 省
         this.ruleForm.F_AddCity = data.F_City // 市
         this.ruleForm.F_AddArea = data.F_Area // 区/县
@@ -1252,7 +1254,8 @@ export default {
             })
           }
           this.ruleForm.F_CustomerPhone = data.F_Phone
-          this.recipientPhone = data.F_Phone.split(",")
+          this.ruleForm.F_AddPhone = data.F_Phone
+          // this.recipientPhone = data.F_Phone.split(",")
         }
         // if (response.data.F_Province) {
         //   if (response.data.F_City) {

CallCenterWeb.UI/src/views/memberManagement/memberList/components/callOut.vue

@@ -2,17 +2,8 @@
   <div>
     <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="80px">
       <el-form-item label="手机号码" prop="phoneNumber">
-        <el-select
-          v-model="ruleForm.phoneNumber"
-          placeholder="请选择电话号码"
-          class="form_select"
-        >
-          <el-option
-            v-for="item in customerPhoneList"
-            :key="item.number"
-            :label="item.number"
-            :value="item.number"
-          />
+        <el-select v-model="ruleForm.phoneNumber" placeholder="请选择电话号码" class="form_select">
+          <el-option v-for="item in customerPhoneList" :key="item.number" :label="item.number" :value="item.id" />
         </el-select>
       </el-form-item>
       <el-form-item>
@@ -22,89 +13,91 @@
   </div>
 </template>
 <script>
-import { gobackOrderCustomerService } from '@/api/customerServiceManagement/orderListCustomerService'
-import { mapGetters } from 'vuex'
-import { getCallOutprefix } from '@/api/teloperation'
-import { Send } from '@/utils/telWebsocket'
-import store from '@/store'
+import { gobackOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService"
+import { mapGetters } from "vuex"
+import { getCallOutprefix } from "@/api/teloperation"
+import { Send } from "@/utils/telWebsocket"
+import store from "@/store"
 
 export default {
   props: {
     rowid: {
       type: String,
-      default: ''
+      default: "",
     },
     layerid: {
       type: String,
-      default: ''
-    }
+      default: "",
+    },
   },
   data() {
     return {
       customerPhoneList: [], // 电话号码
       ruleForm: {
-        phoneNumber: ''
+        phoneNumber: "",
       },
       rules: {
         phoneNumber: [
           {
             required: true,
-            trigger: 'change',
-            message: '请选择电话号码'
-          }
-        ]
-      }
+            trigger: "change",
+            message: "请选择电话号码",
+          },
+        ],
+      },
     }
   },
   created() {
     if (this.rowid) {
-      let mobileArray = this.rowid.split(',')
+      let mobileArray = this.rowid.split(",")
       mobileArray.forEach((e, i) => {
+        const mtel = e.substr(0, 3) + "****" + e.substr(7)
         let mobileData = {}
         mobileData = {
-          number: e
+          number: mtel,
+          id: e
         }
         this.customerPhoneList.push(mobileData)
-      });
+      })
     }
   },
   computed: {
     ...mapGetters([
-      'token',
-      'usercode', // 工号
-      'extension', // 分机号
-      'telCallType', // 通话类型
-      'telIsVisCallout' // 外呼面板是否显示
-    ])
+      "token",
+      "usercode", // 工号
+      "extension", // 分机号
+      "telCallType", // 通话类型
+      "telIsVisCallout", // 外呼面板是否显示
+    ]),
   },
   methods: {
     submitForm() {
-      this.$refs.ruleForm.validate(valid => {
+      this.$refs.ruleForm.validate((valid) => {
         if (this.ruleForm.phoneNumber) {
           getCallOutprefix(this.ruleForm.phoneNumber).then((response) => {
-            if (response.state.toLowerCase() === 'success') {
+            if (response.state.toLowerCase() === "success") {
               const res = response.data
               this.scoketDatas = {
-                Type: 'MakeCall',
+                Type: "MakeCall",
                 AgentID: this.usercode,
                 AgentExten: this.extension,
                 Header: res.fix, // 号码前缀 用于截断前缀得到真实号码
-                DestinationNumber: res.phone //
+                DestinationNumber: res.phone, //
               }
-              store.dispatch('ChangeCallNum', this.ruleForm.phoneNumber)
+              store.dispatch("ChangeCallNum", this.ruleForm.phoneNumber)
               Send(this.scoketDatas)
-              store.dispatch('UpdateCalloutScreen', false) // 关闭外呼面板
-              store.dispatch('UpdateOutboundScreen', false) // 关闭外呼弹屏
+              store.dispatch("UpdateCalloutScreen", false) // 关闭外呼面板
+              store.dispatch("UpdateOutboundScreen", false) // 关闭外呼弹屏
             }
           })
         }
       })
     },
-  }
+  },
 }
 </script>
 <style lang="scss" scoped>
 .form_select {
-  width: 100%
+  width: 100%;
 }
 </style>

CallCenterWeb.UI/src/views/memberManagement/memberList/components/transfer.vue

@@ -2,26 +2,21 @@
   <div v-loading="loading">
     <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="150px" class="order_form">
       <el-form-item label="部门" prop="depid">
-        <el-cascader
-          v-model="ruleForm.depid"
-          :options="depData"
-          :props="props"
-          placeholder="请选择部门"
-          class="form_select"
-          clearable
-          style="width:199px"
-          filterable
-          change-on-select
-          @change="handleSalesMan"
-        />
+        <el-cascader ref="myCascader" v-model="parentids" :options="departmentDropDatas" :props="props" @change="handledepartment" class="form_select" placeholder="请选择部门" clearable filterable change-on-select />
+      </el-form-item>
+      <el-form-item label="中心" prop="deptteam">
+        <el-select v-model="deptteam" class="form_select" filterable clearable placeholder="请选择中心" @change="handleteam" @clear="clearTeam">
+          <el-option v-for="item in teamData" :key="item.F_Id" :label="item.F_Name" :value="item.F_Id" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="小组" prop="group">
+        <el-select v-model="group" class="form_select" filterable clearable placeholder="请选择小组" @change="handlegrop" @clear="clearGroup">
+          <el-option v-for="item in gropData" :key="item.F_Id" :label="item.F_Name" :value="item.F_Id" />
+        </el-select>
       </el-form-item>
       <el-form-item label="新销售负责人" prop="F_Name">
-        <el-select v-model="ruleForm.F_Name" clearable placeholder="请选择销售负责人">
-          <el-option
-            v-for="item in salesMan"
-            :key="item.F_UserCode"
-            :label="item.F_UserName"
-            :value="item.F_UserCode"/>
+        <el-select v-model="ruleForm.F_Name" class="form_select" clearable filterable placeholder="请选择销售负责人">
+          <el-option v-for="item in salesMan" :key="item.F_UserCode" :label="item.F_UserName" :value="item.F_UserCode" />
         </el-select>
       </el-form-item>
       <el-form-item>
@@ -32,74 +27,84 @@
 </template>
 
 <script>
-import { getDepartmentTreeList } from '@/api/commonAPI'
-import { formatterContent } from '@/utils'
-import { getTransfer, getSalesmanData } from '@/api/memberManagement/memberList'
+import { formatterContent } from "@/utils"
+import { getTransfer } from "@/api/memberManagement/memberList"
+import { getUserAccountLists } from "@/api/systemSetup/roleSetting/userManage"
+import { getTreeList } from "@/api/systemSetup/roleSetting/department"
+import { getTeamLists } from "@/api/systemSetup/sysSetting/teamManagement"
 export default {
-  name: 'AddOrEdit',
+  name: "Transfer",
   props: {
     rowid: {
       type: Array,
-      default: []
+      default: [],
     },
     callid: {
       type: Number,
-      default: 0
+      default: 0,
     },
     layerid: {
       type: String,
-      default: ''
-    }
+      default: "",
+    },
   },
   data() {
     return {
       ruleForm: {
-        F_Name: '', // 客户姓名
-        depid: [] // 部门id
+        F_Name: "", // 客户姓名
+        depid: [], // 部门id
       },
       rules: {
-        F_Name: [
-          {
-            required: true,
-            trigger: 'blur',
-            message: '请输入新负责人姓名'
-          }
-        ],
-        depid: [
-          {
-            required: true,
-            trigger: 'blur',
-            message: '请选择部门'
-          }
-        ]
+        // F_Name: [
+        //   {
+        //     required: true,
+        //     trigger: "blur",
+        //     message: "请输入新负责人姓名",
+        //   },
+        // ],
+        // depid: [
+        //   {
+        //     required: true,
+        //     trigger: "blur",
+        //     message: "请选择部门",
+        //   },
+        // ],
       },
+      parentids: [], // 部门父级id
+      deptid: "", // 所属部门id
+      dept: "", // 部门名称
+      deptteamid: "", // 中心id
+      deptteam: "", // 中心姓名
+      groupid: "", // 小组信息
+      group: "", // 小组名称
+      teamData: [], // 中心下拉数据
+      gropData: [], // 小组下拉数据
+      salesMan: [], // 销售负责人数据
+      loading: false,
+      departmentDropDatas: [], // 下拉分类
+      // 自定义菜单下拉数据的key值
       props: {
-        // 自定义部门下拉数据的key值
-        value: 'id',
-        label: 'text',
-        children: 'children'
+        value: "id",
+        label: "text",
       },
-      depData: [], // 部门数据
-      salesMan: [], // 销售负责人数据
-      loading: false
     }
   },
   created() {
+    this.getTypeDrop()
     if (this.callid) {
       this.ruleForm.unique_id = this.callid
     }
     Promise.all([]).then(() => {
       if (this.rowid) {
-        this.getDepartment()
       }
     })
   },
   methods: {
     submitForm() {
-      this.$refs.ruleForm.validate(valid => {
+      this.$refs.ruleForm.validate((valid) => {
         if (valid) {
           this.loading = true
-          return new Promise(resolve => {
+          return new Promise((resolve) => {
             // const params ={
             //   ids:this.rowid,
             //   toperson: this.ruleForm.F_Name
@@ -108,12 +113,12 @@ export default {
             // 添加
             if (this.rowid) {
               getTransfer(this.rowid, this.ruleForm.F_Name)
-                .then(response => {
+                .then((response) => {
                   this.loading = false
-                  if (response.state.toLowerCase() === 'success') {
+                  if (response.state.toLowerCase() === "success") {
                     this.$parent.$layer.close(this.layerid)
                     this.$parent.getList() // 重新加载父级数据
-                    this.$message.success('恭喜你，转移成功!')
+                    this.$message.success("恭喜你，转移成功!")
                   }
                 })
                 .catch(() => {
@@ -122,36 +127,120 @@ export default {
             }
           })
         } else {
-          this.$message.error('请输入有效的必填项信息!')
+          this.$message.error("请输入有效的必填项信息!")
           return false
         }
       })
     },
-    // 获取部门信息
-    getDepartment() {
-      getDepartmentTreeList().then(response => {
-        if (response.state.toLowerCase() == 'success') {
-          this.depData = response.data
+    // 获取销售负责人数据
+    getSalesList() {
+      this.loading = true
+      return new Promise((resolve) => {
+        const params = {
+          pageindex: 1, // 第几页
+          pagesize: 100000, // 每页几条信息
+          deptid: this.parentids[this.parentids.length - 1], // array  部门id
+          groupid: this.groupid, // 小组
+          teamId: this.deptteamid, // 中心
         }
+        getUserAccountLists(params).then((response) => {
+          this.loading = false
+          if (response.state.toLowerCase() === "success") {
+            this.salesMan = response.data.Rows
+          }
+        })
+        resolve()
       })
     },
-    // 获取销售负责人数据
-    handleSalesMan() {
-      this.ruleForm.F_Name = ''
-      return new Promise(resolve => {
+    // 获取部门下拉
+    getTypeDrop() {
+      return new Promise((resolve) => {
+        getTreeList().then((response) => {
+          if (response.state.toLowerCase() === "success") {
+            this.departmentDropDatas = response.data
+          }
+        })
+        resolve()
+      })
+    },
+    // 部门选择信息
+    handledepartment(e) {
+      this.deptid = e[e.length - 1]
+      this.deptteamid = ""
+      this.dept = this.$refs["myCascader"].currentLabels[this.$refs["myCascader"].currentLabels.length - 1] // label
+      this.getTeam()
+    },
+    // 获取中心数据
+    getTeam() {
+      const params = {
+        pageindex: 1, // 第几页
+        pagesize: 500, // 每页几条信息
+        deptid: this.deptid, // 部门id
+        type: 0,
+      }
+      getTeamLists(params).then((response) => {
+        if (response.state.toLowerCase() === "success") {
+          this.teamData = response.data.Rows
+        }
+      })
+    },
+    // 中心选择
+    handleteam(e) {
+      this.deptteamid = e
+      console.log(e)
+      var obj = {}
+      obj = this.teamData.find((item) => {
+        // 这里的teamData就是上面遍历的数据源
+        return item.F_Id === e // 筛选出匹配数据，这里的value是你遍历数组每一项的value，如果没有对后台返回的数据做处理，一般为id
+      })
+      this.deptteam = obj.F_Name //  这里的label就是对应label的
+      this.getteamList()
+      this.groupid = ""
+    },
+    // 获取小组列表数据
+    getteamList() {
+      this.loading = true
+      return new Promise((resolve) => {
         const params = {
-          deptid: this.ruleForm.depid && this.ruleForm.depid[this.ruleForm.depid.length - 1]
+          pageindex: 1, // 第几页
+          pagesize: 500, // 每页几条信息
+          type: 1,
+          deptid: this.deptid, // 部门id
+          parentid: this.deptteamid,
         }
-        getSalesmanData(params).then(response => {
-          if (response.state.toLowerCase() == 'success') {
-            this.salesMan = response.data
+        getTeamLists(params).then((response) => {
+          this.loading = false
+          if (response.state.toLowerCase() === "success") {
+            this.gropData = response.data.Rows
           }
-        }).catch(result => {
-          console.log(result)
         })
+        resolve()
       })
-    }
-  }
+    },
+    // 小组选择
+    handlegrop(e) {
+      this.groupid = e
+      var obj = {}
+      obj = this.gropData.find((item) => {
+        // 这里的teamData就是上面遍历的数据源
+        return item.F_Id === e // 筛选出匹配数据，这里的value是你遍历数组每一项的value，如果没有对后台返回的数据做处理，一般为id
+      })
+      this.group = obj.F_Name //  这里的label就是对应label的
+      this.getSalesList()
+    },
+    //中心清空
+    clearTeam() {
+      this.teamData = []
+      this.deptteamid = "" // 中心id
+      this.deptteam = "" // 中心姓名
+    },
+    //小组清空
+    clearGroup() {
+      this.gropData = []
+      this.groupid = "" // 小组信息
+      this.group = "" // 小组名称
+    },
+  },
 }
 </script>
 

CallCenterWeb.UI/src/views/memberManagement/memberList/index.vue

@@ -8,54 +8,54 @@
     </el-tabs>
     <el-table v-loading="loading" :data="dataLists" border stripe @selection-change="changeSelects">
       <el-table-column type="selection" width="40" fixed />
-      <el-table-column prop="F_Name" label="客户姓名" align="center" width="" />
-      <el-table-column prop="F_Sex" label="客户性别" align="center" width="" />
-      <el-table-column prop="F_Age" label="客户年龄" align="center" width="" />
-      <el-table-column label="主号码" align="center" width="100px">
+      <el-table-column prop="F_Name" label="客户姓名" align="center" width="70" />
+      <el-table-column prop="F_Sex" label="客户性别" align="center" width="50" />
+      <el-table-column prop="F_Age" label="客户年龄" align="center" width="50" />
+      <el-table-column label="主号码" align="center" width="100">
         <template slot-scope="scope">
           {{ scope.row.F_Phone | phoneFilter }}
           <i v-if="scope.row.F_Phone" class="el-icon-tickets phoneIcon" @click="clickCut(scope.row.F_ID)" />
           <i v-if="scope.row.F_Phone" class="el-icon-phone phoneIcon" @click="clickCallOut(scope.row.F_Phone)" />
         </template>
       </el-table-column>
-      <el-table-column label="备用号码" align="center" width="">
+      <el-table-column label="备用号码" align="center" width="100">
         <template slot-scope="scope">
           {{ scope.row.F_Mobile | mobileFilter }}
           <i v-if="scope.row.F_Mobile" class="el-icon-tickets phoneIcon" @click="clickCut2(scope.row.F_ID)" />
           <i v-if="scope.row.F_Mobile" class="el-icon-phone phoneIcon" @click="clickMobile(scope.row.F_Mobile)" />
         </template>
       </el-table-column>
-      <el-table-column prop="F_Saleperson" label="销售负责人" align="center" width="90px" />
-      <el-table-column prop="GroupName" label="小组" align="center" width="90px" />
-      <el-table-column prop="F_Label" label="会员标签" align="center" width="">
+      <el-table-column prop="F_Saleperson" label="销售负责人" align="center" width="60" />
+      <el-table-column prop="GroupName" label="小组" align="center" width="60" />
+      <el-table-column prop="F_Label" label="会员标签" align="center" width="70">
         <template slot-scope="scope">
           {{ scope.row.F_Label }}
           <i class="el-icon-edit phoneIcon" @click="btn_label(scope.row.F_ID, scope.row.F_Label)" />
         </template>
       </el-table-column>
-      <el-table-column prop="F_Membership" label="会员类型" align="center" width="" />
-      <el-table-column prop="F_Class" label="会员分类" align="center" width="">
+      <el-table-column prop="F_Membership" label="会员类型" align="center" width="70" />
+      <el-table-column prop="F_Class" label="会员分类" align="center" width="50">
         <template slot-scope="scope">
           {{ scope.row.F_Class }}
           <i class="el-icon-edit phoneIcon" @click="btn_class(scope.row.F_ID, scope.row.F_Class)" />
         </template>
       </el-table-column>
-      <el-table-column prop="F_ShoeSize" label="鞋码" align="center" width="" />
-      <el-table-column prop="Birthday" label="会员生日" align="center" width="100px" />
-      <el-table-column prop="F_Score" label="会员积分" align="center" width="" />
-      <el-table-column prop="F_Recommender" label="推荐人" align="center" width="" />
-      <el-table-column prop="F_Money" label="累计消费金额" align="center" width="" />
-      <el-table-column prop="F_Firstcalltime" label="首次通话记录" align="center" width="" />
-      <el-table-column prop="F_Lastholetime" label="末联通话记录" align="center" width="" />
-      <el-table-column prop="F_TotalScore" label="累计积分" align="center" width="" />
-      <el-table-column prop="F_Money" label="总金额" align="center" width="" />
+      <el-table-column prop="F_Money" label="总金额" align="center" width="50" />
       <el-table-column label="地址" align="center" min-width="180">
         <template slot-scope="scope">{{ scope.row | judgmentAddress }}</template>
       </el-table-column>
-      <el-table-column prop="F_Count" label="购买次数" align="center" width="" />
+      <el-table-column prop="F_Count" label="购买次数" align="center" width="50" />
       <el-table-column prop="F_CreateOn" label="建档日期" align="center" width="" />
-      <el-table-column prop="DeptName" label="部门" align="center" width="" />
-      <el-table-column prop="CoreName" label="中心" align="center" width="" />
+      <el-table-column prop="F_Score" label="会员积分" align="center" width="50" />
+      <el-table-column prop="F_Money" label="累计消费金额" align="center" width="60" />
+      <el-table-column prop="F_Firstcalltime" label="首次通话记录" align="center" width="" />
+      <el-table-column prop="F_Lastholetime" label="末联通话记录" align="center" width="" />
+      <el-table-column prop="F_TotalScore" label="累计积分" align="center" width="50" />
+      <el-table-column prop="F_Recommender" label="推荐人" align="center" width="70" />
+      <el-table-column prop="DeptName" label="部门" align="center" width="80" />
+      <el-table-column prop="CoreName" label="中心" align="center" width="80" />
+      <el-table-column prop="F_ShoeSize" label="鞋码" align="center" width="50" />
+      <el-table-column prop="Birthday" label="会员生日" align="center" width="50" />
       <el-table-column label="操作" width="180" align="center" class-name="oparate_btn" fixed="right">
         <template slot-scope="scope">
           <el-button v-permission="'HY_add_order'" type="text" v-if="authority_edit(scope.row.F_Saleperson)" @click="btn_add_order(scope.row.F_ID)">添加订单</el-button>

CallCenterWeb.UI/src/views/orderManagement/orderList/edit.vue

@@ -210,7 +210,7 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="收件人手机号">
-            <el-select v-model="recipientPhone" placeholder="请选择收件人手机号" class="form_select" multiple>
+            <el-select v-model="ruleForm.F_AddPhone" placeholder="请选择收件人手机号" class="form_select">
               <el-option v-for="item in customerPhoneList" :key="item.number" :label="item.number" :value="item.number" />
             </el-select>
           </el-form-item>
@@ -603,7 +603,7 @@ export default {
           this.ruleForm.F_ExpressFee = this.ruleForm.F_ExpressFee == this.returnExpressFee ? 0 : this.ruleForm.F_ExpressFee
           this.ruleForm.OrderMoney.F_PayTime = this.ruleForm.OrderMoney.F_PayTime == "" ? "1970-01-01 00:00:00" : this.ruleForm.OrderMoney.F_PayTime
           this.ruleForm.OrderMoney.F_Money = this.ruleForm.OrderMoney.F_Money == "" ? 0 : this.ruleForm.OrderMoney.F_Money
-          this.ruleForm.F_AddPhone = this.recipientPhone.join(",")
+          // this.ruleForm.F_AddPhone = this.recipientPhone.join(",")
           // 编辑
           editOrder(this.ruleForm)
             .then((response) => {

CallCenterWeb.UI/src/views/systemSetup/roleSetting/userManage/index.vue

@@ -1,140 +1,32 @@
 <template>
   <div class="app-container usermanage">
     <div class="filter-container">
-      <el-cascader
-        ref="myCascader"
-        v-model="parentids"
-        :options="departmentDropDatas"
-        :props="props"
-        @change="handledepartment"
-        placeholder="请选择部门"
-        clearable
-        filterable
-        change-on-select
-      />
-      <el-select
-        v-model="deptteam"
-        class="form_select"
-        filterable
-        clearable
-        placeholder="请选择中心"
-        @change="handleteam"
-        @clear="clearTeam"
-      >
-        <el-option
-          v-for="item in teamData"
-          :key="item.F_Id"
-          :label="item.F_Name"
-          :value="item.F_Id"
-        />
+      <el-cascader ref="myCascader" v-model="parentids" :options="departmentDropDatas" :props="props" @change="handledepartment" placeholder="请选择部门" clearable filterable change-on-select />
+      <el-select v-model="deptteam" class="form_select" filterable clearable placeholder="请选择中心" @change="handleteam" @clear="clearTeam">
+        <el-option v-for="item in teamData" :key="item.F_Id" :label="item.F_Name" :value="item.F_Id" />
       </el-select>
-      <el-select
-        v-model="group"
-        class="form_select"
-        filterable
-        clearable
-        placeholder="请选择小组"
-        @change="handlegrop"
-        @clear="clearGroup"
-      >
-        <el-option
-          v-for="item in gropData"
-          :key="item.F_Id"
-          :label="item.F_Name"
-          :value="item.F_Id"
-        />
+      <el-select v-model="group" class="form_select" filterable clearable placeholder="请选择小组" @change="handlegrop" @clear="clearGroup">
+        <el-option v-for="item in gropData" :key="item.F_Id" :label="item.F_Name" :value="item.F_Id" />
       </el-select>
-      <el-select
-        v-model="roleId"
-        class="filter-item"
-        filterable
-        clearable
-        placeholder="请选择角色"
-      >
-        <el-option
-          v-for="item in roleOptions"
-          :key="item.F_RoleId"
-          :label="item.F_RoleName"
-          :value="item.F_RoleId"
-        />
+      <el-select v-model="roleId" class="filter-item" filterable clearable placeholder="请选择角色">
+        <el-option v-for="item in roleOptions" :key="item.F_RoleId" :label="item.F_RoleName" :value="item.F_RoleId" />
       </el-select>
-      <el-input
-        v-model="keyword"
-        placeholder="请输入工号，姓名，电话，手机"
-        class="filter-item"
-      />
-      <el-button
-        type="primary"
-        class="filter-item"
-        icon="el-icon-search"
-        @click="btn_search"
-        >搜索</el-button
-      >
-      <el-button
-        v-permission="'HY_add'"
-        type="primary"
-        class="filter-item"
-        icon="el-icon-plus"
-        @click="btn_add"
-        >添加</el-button
-      >
-      <el-button
-        v-permission="'HY_import'"
-        type="primary"
-        class="filter-item"
-        @click="btn_import"
-        >导入</el-button
-      >
-      <el-button
-        v-permission="'HY_deletes'"
-        type="primary"
-        class="filter-item"
-        icon="el-icon-delete"
-        @click="btn_deletes"
-        >批量删除</el-button
-      >
+      <el-input v-model="keyword" placeholder="请输入工号，姓名，电话，手机" class="filter-item" />
+      <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
+      <el-button v-permission="'HY_add'" type="primary" class="filter-item" icon="el-icon-plus" @click="btn_add">添加</el-button>
+      <el-button v-permission="'HY_import'" type="primary" class="filter-item" @click="btn_import">导入</el-button>
+      <el-button v-permission="'HY_deletes'" type="primary" class="filter-item" icon="el-icon-delete" @click="btn_deletes">批量删除</el-button>
     </div>
 
-    <el-table
-      v-loading="loading"
-      :data="dataLists"
-      border
-      stripe
-      @selection-change="changeSelects"
-    >
+    <el-table v-loading="loading" :data="dataLists" border stripe @selection-change="changeSelects">
       <el-table-column type="selection" width="40" />
-      <el-table-column
-        prop="F_UserCode"
-        label="工号"
-        align="center"
-        min-width=""
-      />
-      <el-table-column
-        prop="F_UserName"
-        label="姓名"
-        align="center"
-        min-width=""
-      />
+      <el-table-column prop="F_UserCode" label="工号" align="center" min-width="" />
+      <el-table-column prop="F_UserName" label="姓名" align="center" min-width="" />
       <el-table-column prop="F_Dept" label="部门" align="center" min-width="" />
-      <el-table-column
-        prop="F_DeptTeam"
-        label="中心"
-        align="center"
-        min-width=""
-      />
-      <el-table-column
-        prop="F_Group"
-        label="小组"
-        align="center"
-        min-width=""
-      />
+      <el-table-column prop="F_DeptTeam" label="中心" align="center" min-width="" />
+      <el-table-column prop="F_Group" label="小组" align="center" min-width="" />
       <el-table-column prop="F_Role" label="角色" align="center" min-width="" />
-      <el-table-column
-        prop="F_SeartGroup"
-        label="坐席组"
-        align="center"
-        min-width=""
-      />
+      <el-table-column prop="F_SeartGroup" label="坐席组" align="center" min-width="" />
       <el-table-column label="标志" align="center" min-width="">
         <template slot-scope="scope">
           {{ scope.row.F_SeatFlag | userSeatFlagFilter }}
@@ -145,154 +37,70 @@
           {{ scope.row.F_SeatRight | userSeatRightFilter }}
         </template>
       </el-table-column>
-      <el-table-column
-        prop="F_Telephone"
-        label="电话"
-        align="center"
-        min-width=""
-      />
-      <el-table-column
-        prop="F_Mobile"
-        label="手机"
-        align="center"
-        min-width=""
-      />
+      <el-table-column prop="F_Telephone" label="电话" align="center" min-width="" />
+      <el-table-column prop="F_Mobile" label="手机" align="center" min-width="" />
       <el-table-column label="启用禁用状态" align="center" min-width="">
         <template slot-scope="scope">
           {{ scope.row.F_DeleteFlag | userDeleteFlagFilter }}
         </template>
       </el-table-column>
       <el-table-column prop="F_Duty" label="职位" align="center" min-width="" />
-      <el-table-column
-        prop="F_EntryDate"
-        label="入职日期"
-        align="center"
-        min-width=""
-      />
-      <el-table-column
-        prop="F_FullDate"
-        label="转正日期"
-        align="center"
-        min-width=""
-      />
-      <el-table-column
-        prop="F_TermDate"
-        label="离职日期"
-        align="center"
-        min-width=""
-      />
-      <el-table-column
-        prop="F_CreateOn"
-        label="添加日期"
-        align="center"
-        min-width=""
-      />
-      <el-table-column
-        prop="F_LastActiveTime"
-        label="最后活跃时间"
-        align="center"
-        min-width=""
-      />
-      <el-table-column
-        label="操作"
-        width="320"
-        align="center"
-        class-name="oparate_btn"
-        fixed="right"
-      >
+      <el-table-column prop="F_EntryDate" label="入职日期" align="center" min-width="" />
+      <el-table-column prop="F_FullDate" label="转正日期" align="center" min-width="" />
+      <el-table-column prop="F_TermDate" label="离职日期" align="center" min-width="" />
+      <el-table-column prop="F_CreateOn" label="添加日期" align="center" min-width="" />
+      <el-table-column prop="F_LastActiveTime" label="最后活跃时间" align="center" min-width="" />
+      <el-table-column label="操作" width="320" align="center" class-name="oparate_btn" fixed="right">
         <template slot-scope="scope">
-          <el-button
-            v-permission="'HY_modifyPass'"
-            size="mini"
-            plain
-            type="primary"
-            @click="btn_modifyPass(scope.row.F_UserId)"
-            >修改密码</el-button
-          >
-          <el-button
-            v-permission="'HY_edit'"
-            size="mini"
-            plain
-            type="primary"
-            @click="btn_edit(scope.row.F_UserId.toString())"
-            >编辑</el-button
-          >
-          <el-button
-            v-if="scope.row.F_DeleteFlag == 2"
-            size="mini"
-            type="primary"
-            @click="btn_start(scope.row.F_UserId)"
-            >启用</el-button
-          >
-          <el-button
-            v-else
-            size="mini"
-            type="danger"
-            @click="btn_end(scope.row.F_UserId)"
-            >禁用</el-button
-          >
-          <el-button
-            v-permission="'HY_delete'"
-            size="mini"
-            plain
-            type="danger"
-            @click="btn_delete(scope.row.F_UserId)"
-            >删除</el-button
-          >
+          <el-button v-permission="'HY_modifyPass'" size="mini" plain type="primary" @click="btn_modifyPass(scope.row.F_UserId)">修改密码</el-button>
+          <el-button v-permission="'HY_edit'" size="mini" plain type="primary" @click="btn_edit(scope.row.F_UserId.toString())">编辑</el-button>
+          <el-button v-if="scope.row.F_DeleteFlag == 2" size="mini" type="primary" @click="btn_start(scope.row.F_UserId)">启用</el-button>
+          <el-button v-else size="mini" type="danger" @click="btn_end(scope.row.F_UserId)">禁用</el-button>
+          <el-button v-permission="'HY_delete'" size="mini" plain type="danger" @click="btn_delete(scope.row.F_UserId)">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
-    <pagination
-      v-show="pageParams.total > 0"
-      :total="pageParams.total"
-      :pageindex.sync="pageParams.pageindex"
-      :pagesize.sync="pageParams.pagesize"
-      class="pagination"
-      @pagination="getList"
-    />
+    <pagination v-show="pageParams.total > 0" :total="pageParams.total" :pageindex.sync="pageParams.pageindex" :pagesize.sync="pageParams.pagesize" class="pagination" @pagination="getList" />
   </div>
 </template>
 
 <script>
-import {
-  getUserAccountLists,
-  deleteUserAccount
-} from "@/api/systemSetup/roleSetting/userManage";
-import { getRoleSelect } from "@/api/commonAPI";
-import { getTreeList } from "@/api/systemSetup/roleSetting/department";
-import { getTeamLists } from "@/api/systemSetup/sysSetting/teamManagement";
-import addOrEdit from "./addOrEdit";
-import modifyPass from "./modifyPass";
-import importUser from "./importUser";
-import Pagination from "@/components/Pagination"; // 对el-pagination 二次封装
+import { getUserAccountLists, deleteUserAccount } from "@/api/systemSetup/roleSetting/userManage"
+import { getRoleSelect } from "@/api/commonAPI"
+import { getTreeList } from "@/api/systemSetup/roleSetting/department"
+import { getTeamLists } from "@/api/systemSetup/sysSetting/teamManagement"
+import addOrEdit from "./addOrEdit"
+import modifyPass from "./modifyPass"
+import importUser from "./importUser"
+import Pagination from "@/components/Pagination" // 对el-pagination 二次封装
 
 export default {
   name: "UserManage",
   components: {
-    Pagination
+    Pagination,
   },
   filters: {
     userSeatFlagFilter(status) {
       const statusMap = {
         false: "非话务",
-        true: "话务"
-      };
-      return statusMap[status];
+        true: "话务",
+      }
+      return statusMap[status]
     },
     userSeatRightFilter(status) {
       const statusMap = {
         0: "普通坐席",
-        1: "班长坐席"
-      };
-      return statusMap[status];
+        1: "班长坐席",
+      }
+      return statusMap[status]
     },
     userDeleteFlagFilter(status) {
       const statusMap = {
         0: "启用",
-        2: "禁用"
-      };
-      return statusMap[status];
-    }
+        2: "禁用",
+      }
+      return statusMap[status]
+    },
   },
   data() {
     return {
@@ -312,7 +120,7 @@ export default {
       pageParams: {
         pageindex: 1, // 当前第几页
         pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
-        total: 0 // 总共多少数据
+        total: 0, // 总共多少数据
       },
       multipleSelection: [], // 选中的数据
       dataLists: [], // 列表数据
@@ -320,24 +128,24 @@ export default {
       // 自定义菜单下拉数据的key值
       props: {
         value: "id",
-        label: "text"
-      }
-    };
+        label: "text",
+      },
+    }
   },
   created() {
-    this.getRoleSelects();
-    this.getList();
-    this.getTypeDrop();
-    document.onkeyup = e => {
+    this.getRoleSelects()
+    this.getList()
+    this.getTypeDrop()
+    document.onkeyup = (e) => {
       if (e.keyCode === 13) {
-        this.getList();
+        this.getList()
       }
-    };
+    }
   },
   methods: {
     getList() {
-      this.loading = true;
-      return new Promise(resolve => {
+      this.loading = true
+      return new Promise((resolve) => {
         const params = {
           pageindex: this.pageParams.pageindex, // 第几页
           pagesize: this.pageParams.pagesize, // 每页几条信息
@@ -345,102 +153,102 @@ export default {
           roleid: this.roleId, // 否	string	角色id
           deptid: this.parentids[this.parentids.length - 1], // array  部门id
           groupid: this.groupid, //中心
-          teamId: this.deptteamid //小组
-        };
-        getUserAccountLists(params).then(response => {
-          this.loading = false;
+          teamId: this.deptteamid, //小组
+        }
+        getUserAccountLists(params).then((response) => {
+          this.loading = false
           if (response.state.toLowerCase() === "success") {
-            this.pageParams.total = response.data.Totals;
-            this.dataLists = response.data.Rows;
+            this.pageParams.total = response.data.Totals
+            this.dataLists = response.data.Rows
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
-    // 获取分类下拉
+    // 获取部门下拉
     getTypeDrop() {
-      return new Promise(resolve => {
-        getTreeList().then(response => {
+      return new Promise((resolve) => {
+        getTreeList().then((response) => {
           if (response.state.toLowerCase() === "success") {
-            this.departmentDropDatas = response.data;
+            this.departmentDropDatas = response.data
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
     // 复选框状态改变
     changeSelects(val) {
-      this.multipleSelection = val;
+      this.multipleSelection = val
     },
     btn_search() {
-      this.pageParams.pageindex = 1;
-      this.getList();
+      this.pageParams.pageindex = 1
+      this.getList()
     },
     btn_add() {
       this.$layer.iframe({
         content: {
           content: addOrEdit, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { rowid: "" } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+          data: { rowid: "" }, // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
         },
         area: ["60%", "90%"],
-        title: "添加用户信息"
-      });
+        title: "添加用户信息",
+      })
     },
     btn_edit(editId) {
       this.$layer.iframe({
         content: {
           content: addOrEdit, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { rowid: editId } // props
+          data: { rowid: editId }, // props
         },
         area: ["60%", "90%"],
-        title: "编辑用户信息"
-      });
+        title: "编辑用户信息",
+      })
     },
     btn_modifyPass(editId) {
       this.$layer.iframe({
         content: {
           content: modifyPass, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { rowid: editId } // props
+          data: { rowid: editId }, // props
         },
         area: ["40%", "360px"],
-        title: "修改密码"
-      });
+        title: "修改密码",
+      })
     },
     btn_delete(id) {
       this.$confirm("您确定要将此用户信息删除吗?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning"
+        type: "warning",
       })
         .then(() => {
           const params = {
             ids: id,
-            state: 1 // 0启用1删除2禁用
-          };
-          deleteUserAccount(params).then(response => {
+            state: 1, // 0启用1删除2禁用
+          }
+          deleteUserAccount(params).then((response) => {
             if (response.state.toLowerCase() === "success") {
-              this.getList();
-              this.$message.success("删除成功!");
+              this.getList()
+              this.$message.success("删除成功!")
             }
-          });
+          })
         })
         .catch(() => {
-          this.$message.info("已取消删除");
-        });
+          this.$message.info("已取消删除")
+        })
     },
     btn_deletes() {
-      const ids = [];
+      const ids = []
       for (let i = 0, len = this.multipleSelection.length; i < len; i++) {
-        ids.push(this.multipleSelection[i].F_UserId);
+        ids.push(this.multipleSelection[i].F_UserId)
       }
       if (ids.length <= 0) {
-        this.$message.warning("没有可删除的选项");
-        return;
+        this.$message.warning("没有可删除的选项")
+        return
       }
-      this.btn_delete(ids);
+      this.btn_delete(ids)
     },
     // 导入
     btn_import() {
@@ -448,28 +256,26 @@ export default {
         content: {
           content: importUser, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { rowid: "" } // props
+          data: { rowid: "" }, // props
         },
         area: ["30%", "30%"],
-        title: "导入"
-      });
+        title: "导入",
+      })
     },
     // 获取角色下拉
     getRoleSelects() {
-      getRoleSelect().then(response => {
+      getRoleSelect().then((response) => {
         if (response.state.toLowerCase() === "success") {
-          this.roleOptions = response.data;
+          this.roleOptions = response.data
         }
-      });
+      })
     },
     // 部门选择信息
     handledepartment(e) {
-      this.deptid = e[e.length - 1];
-      this.deptteamid = "";
-      this.dept = this.$refs["myCascader"].currentLabels[
-        this.$refs["myCascader"].currentLabels.length - 1
-      ]; // label
-      this.getTeam();
+      this.deptid = e[e.length - 1]
+      this.deptteamid = ""
+      this.dept = this.$refs["myCascader"].currentLabels[this.$refs["myCascader"].currentLabels.length - 1] // label
+      this.getTeam()
     },
     // 获取中心数据
     getTeam() {
@@ -477,125 +283,125 @@ export default {
         pageindex: 1, // 第几页
         pagesize: 500, // 每页几条信息
         deptid: this.deptid, // 部门id
-        type: 0
-      };
-      getTeamLists(params).then(response => {
+        type: 0,
+      }
+      getTeamLists(params).then((response) => {
         if (response.state.toLowerCase() === "success") {
-          this.teamData = response.data.Rows;
+          this.teamData = response.data.Rows
         }
-      });
+      })
     },
     // 中心选择
     handleteam(e) {
-      this.deptteamid = e;
-      console.log(e);
-      var obj = {};
-      obj = this.teamData.find(item => {
+      this.deptteamid = e
+      console.log(e)
+      var obj = {}
+      obj = this.teamData.find((item) => {
         // 这里的teamData就是上面遍历的数据源
-        return item.F_Id === e; // 筛选出匹配数据，这里的value是你遍历数组每一项的value，如果没有对后台返回的数据做处理，一般为id
-      });
-      this.deptteam = obj.F_Name; //  这里的label就是对应label的
-      this.getteamList();
-      this.groupid = "";
+        return item.F_Id === e // 筛选出匹配数据，这里的value是你遍历数组每一项的value，如果没有对后台返回的数据做处理，一般为id
+      })
+      this.deptteam = obj.F_Name //  这里的label就是对应label的
+      this.getteamList()
+      this.groupid = ""
     },
     // 获取小组列表数据
     getteamList() {
-      this.loading = true;
-      return new Promise(resolve => {
+      this.loading = true
+      return new Promise((resolve) => {
         const params = {
           pageindex: 1, // 第几页
           pagesize: 500, // 每页几条信息
           type: 1,
           deptid: this.deptid, // 部门id
-          parentid: this.deptteamid
-        };
-        getTeamLists(params).then(response => {
-          this.loading = false;
+          parentid: this.deptteamid,
+        }
+        getTeamLists(params).then((response) => {
+          this.loading = false
           if (response.state.toLowerCase() === "success") {
-            this.gropData = response.data.Rows;
+            this.gropData = response.data.Rows
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
     // 启用
     btn_start(id) {
       this.$confirm("您确定启用吗?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning"
+        type: "warning",
       })
         .then(() => {
-          return new Promise(resolve => {
+          return new Promise((resolve) => {
             const params = {
               ids: id,
-              state: 0 // 0启用1删除2禁用
-            };
-            deleteUserAccount(params).then(response => {
-              this.loading = false;
+              state: 0, // 0启用1删除2禁用
+            }
+            deleteUserAccount(params).then((response) => {
+              this.loading = false
               if (response.state.toLowerCase() === "success") {
-                this.getList();
-                this.$message.success("启用成功!");
+                this.getList()
+                this.$message.success("启用成功!")
               }
-            });
-            resolve();
-          });
+            })
+            resolve()
+          })
         })
         .catch(() => {
-          this.$message.info("已取消启用");
-        });
+          this.$message.info("已取消启用")
+        })
     },
     //禁用
     btn_end(id) {
       this.$confirm("您确定禁用吗?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning"
+        type: "warning",
       })
         .then(() => {
-          return new Promise(resolve => {
+          return new Promise((resolve) => {
             const params = {
               ids: id, //
-              state: 2 // 0启用1删除2禁用
-            };
-            deleteUserAccount(params).then(response => {
-              this.loading = false;
+              state: 2, // 0启用1删除2禁用
+            }
+            deleteUserAccount(params).then((response) => {
+              this.loading = false
               if (response.state.toLowerCase() === "success") {
-                this.getList();
-                this.$message.success("禁用成功!");
+                this.getList()
+                this.$message.success("禁用成功!")
               }
-            });
-            resolve();
-          });
+            })
+            resolve()
+          })
         })
         .catch(() => {
-          this.$message.info("已取消禁用");
-        });
+          this.$message.info("已取消禁用")
+        })
     },
     // 小组选择
     handlegrop(e) {
-      this.groupid = e;
-      var obj = {};
-      obj = this.gropData.find(item => {
+      this.groupid = e
+      var obj = {}
+      obj = this.gropData.find((item) => {
         // 这里的teamData就是上面遍历的数据源
-        return item.F_Id === e; // 筛选出匹配数据，这里的value是你遍历数组每一项的value，如果没有对后台返回的数据做处理，一般为id
-      });
-      this.group = obj.F_Name; //  这里的label就是对应label的
+        return item.F_Id === e // 筛选出匹配数据，这里的value是你遍历数组每一项的value，如果没有对后台返回的数据做处理，一般为id
+      })
+      this.group = obj.F_Name //  这里的label就是对应label的
     },
     //中心清空
     clearTeam() {
-      this.teamData = [];
-      this.deptteamid = ""; // 中心id
-      this.deptteam = ""; // 中心姓名
+      this.teamData = []
+      this.deptteamid = "" // 中心id
+      this.deptteam = "" // 中心姓名
     },
     //小组清空
     clearGroup() {
-      this.gropData = [];
-      this.groupid = ""; // 小组信息
-      this.group = ""; // 小组名称
-    }
-  }
-};
+      this.gropData = []
+      this.groupid = "" // 小组信息
+      this.group = "" // 小组名称
+    },
+  },
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

CallCenterWeb.UI/src/views/taskManagement/taskList/common/addOrEdit.vue

@@ -20,7 +20,7 @@
           <el-option v-for="item in taskState" :key="item.id" :label="item.label" :value="item.id"> </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="任务部门" prop="depid">
+      <el-form-item label="部门" prop="depid">
         <el-cascader ref="myCascader" v-model="ruleForm.depid" :options="depData" :props="props" @change="handledepartment" placeholder="请选择任务部门" class="form_select" clearable filterable change-on-select />
       </el-form-item>
       <el-form-item label="中心" prop="deptteam">
@@ -58,6 +58,7 @@
 <script>
 import { getDepartmentTreeList } from "@/api/commonAPI"
 import { addTask, editTask, getTask, getTaskmanData } from "@/api/taskManagement/taskManagement"
+import { getUserAccountLists } from "@/api/systemSetup/roleSetting/userManage"
 import { filterContent, pickerOptions } from "@/utils"
 import { getTeamLists } from "@/api/systemSetup/sysSetting/teamManagement"
 
@@ -283,7 +284,7 @@ export default {
           this.ruleForm.deptteam = res.F_TeamName
           this.ruleForm.groupid = res.F_Group // 小组信息
           this.ruleForm.group = res.F_GroupName
-          if (res.F_Deptid) {
+          if (res.F_Group) {
             this.handleTaskMan()
           }
           this.ruleForm.person = res.F_Tasker == 0 ? "" : res.F_Tasker
@@ -308,12 +309,14 @@ export default {
       this.ruleForm.person = ""
       return new Promise((resolve) => {
         const params = {
-          deptid: this.ruleForm.depid && this.ruleForm.depid[this.ruleForm.depid.length - 1],
+          pageindex: 1, // 第几页
+          pagesize: 100000, // 每页几条信息
+          groupid: this.ruleForm.groupid, // 小组
         }
-        getTaskmanData(params)
+        getUserAccountLists(params)
           .then((response) => {
             if (response.state.toLowerCase() == "success") {
-              this.taskMan = response.data
+              this.taskMan = response.data.Rows
             }
           })
           .catch((result) => {
@@ -321,7 +324,6 @@ export default {
       })
     },
     handledepartment(e) {
-      this.handleTaskMan()
       this.ruleForm.deptid = e[e.length - 1]
       this.ruleForm.deptteamid = ""
       this.ruleForm.dept = this.$refs["myCascader"].currentLabels[this.$refs["myCascader"].currentLabels.length - 1] // label
@@ -383,6 +385,7 @@ export default {
       })
 
       this.ruleForm.group = obj.F_Name //  这里的label就是对应label的
+      this.handleTaskMan()
     },
     //限制输入小数
     handleInput(e) {

CallCenterWeb.UI/src/views/telCall/numberTransferPool/addOrEdit.vue

@@ -2,55 +2,32 @@
   <div v-loading="loading">
     <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="120px">
       <el-form-item label="待分配号码" prop="F_Tel">
-        <el-input v-model="ruleForm.F_Tel" auto-complete="off" placeholder="请输入待分配号码"/>
+        <el-input v-model="ruleForm.F_Tel" auto-complete="off" placeholder="请输入待分配号码" />
       </el-form-item>
       <el-form-item label="姓名" prop="F_Name">
-        <el-input v-model="ruleForm.F_Name" auto-complete="off" placeholder="请输入姓名"/>
+        <el-input v-model="ruleForm.F_Name" auto-complete="off" placeholder="请输入姓名" />
       </el-form-item>
       <el-form-item label="媒体" prop="F_MediaName">
         <el-select v-model="ruleForm.F_MediaName" placeholder="请选择媒体" class="form_select" value-key="F_ID" clearable @change="changeMedia">
-          <el-option v-for="item in mediaList" :key="item.F_ID" :label="item.F_Name" :value="item"/>
+          <el-option v-for="item in mediaList" :key="item.F_ID" :label="item.F_Name" :value="item" />
         </el-select>
       </el-form-item>
       <el-form-item label="部门" prop="F_DeptName">
-        <el-cascader
-          ref="myCascader"
-          v-model="parentids"
-          :options="departmentDropDatas"
-          :props="props"
-          :placeholder="departmentPlaceholder"
-          :class="{form_cascader: is_form_cascader}"
-          clearable
-          filterable
-          change-on-select
-          style="width: 100%"
-          @change="handledepartment"/>
+        <el-cascader ref="myCascader" v-model="parentids" :options="departmentDropDatas" :props="props" :placeholder="departmentPlaceholder" :class="{ form_cascader: is_form_cascader }" clearable filterable change-on-select style="width: 100%" @change="handledepartment" />
       </el-form-item>
       <el-form-item label="中心" prop="F_TeamName">
         <el-select v-model="ruleForm.F_TeamName" class="form_select" value-key="F_Id" filterable clearable placeholder="请选择中心" @change="handleteam">
-          <el-option
-            v-for="item in teamData"
-            :key="item.F_Id"
-            :label="item.F_Name"
-            :value="item"/>
+          <el-option v-for="item in teamData" :key="item.F_Id" :label="item.F_Name" :value="item" />
         </el-select>
       </el-form-item>
       <el-form-item label="小组" prop="F_GroupName">
         <el-select v-model="ruleForm.F_GroupName" class="form_select" value-key="F_Id" filterable clearable placeholder="请选择小组" @change="handlegrop">
-          <el-option
-            v-for="item in gropData"
-            :key="item.F_Id"
-            :label="item.F_Name"
-            :value="item"/>
+          <el-option v-for="item in gropData" :key="item.F_Id" :label="item.F_Name" :value="item" />
         </el-select>
       </el-form-item>
       <el-form-item label="分派人员" prop="F_Handler">
         <el-select v-model="ruleForm.F_Handler" class="form_select" filterable clearable placeholder="请选择分派人员">
-          <el-option
-            v-for="item in userAccountDataList"
-            :key="item.F_UserId"
-            :label="item.F_UserName"
-            :value="item.F_UserCode"/>
+          <el-option v-for="item in userAccountDataList" :key="item.F_UserId" :label="item.F_UserName" :value="item.F_UserCode" />
         </el-select>
       </el-form-item>
       <el-form-item>
@@ -61,28 +38,27 @@
 </template>
 
 <script>
-import md5 from 'js-md5'
-import { mapGetters } from 'vuex'
-import { getSeatGroup } from '@/api/commonAPI'
-import { addNumberTransferPoolList, editNumberTransferPoolList, getNumberTransferPoolDetail } from '@/api/telCall/numberTransferPool'
-import { getUserAccountLists } from '@/api/systemSetup/roleSetting/userManage'
-import { getTreeList } from '@/api/systemSetup/roleSetting/department'
-import { getMedia } from '@/api/mediaCenter/mediaInformation'
-import { getTeamLists } from '@/api/systemSetup/sysSetting/teamManagement'
+import md5 from "js-md5"
+import { mapGetters } from "vuex"
+import { getSeatGroup } from "@/api/commonAPI"
+import { addNumberTransferPoolList, editNumberTransferPoolList, getNumberTransferPoolDetail } from "@/api/telCall/numberTransferPool"
+import { getUserAccountLists } from "@/api/systemSetup/roleSetting/userManage"
+import { getTreeList } from "@/api/systemSetup/roleSetting/department"
+import { getMedia } from "@/api/mediaCenter/mediaInformation"
+import { getTeamLists } from "@/api/systemSetup/sysSetting/teamManagement"
 
 export default {
-  name: 'AddOrEdit',
-  components: {
-  },
+  name: "AddOrEdit",
+  components: {},
   props: {
     rowid: {
       type: String,
-      default: ''
+      default: "",
     },
     layerid: {
       type: String,
-      default: ''
-    }
+      default: "",
+    },
   },
   data() {
     return {
@@ -93,49 +69,49 @@ export default {
       mediaList: [], // 媒体下拉数据
       userAccountDataList: [], // 分派人员数据
       ruleForm: {
-        F_ID: '',
-        F_Tel: '', //待分派号码
-        F_Name: '', //姓名
-        F_Media: '', //媒体id
-        F_MediaName: '', //媒体
-        F_Dept: '', //部门id
-        F_DeptName: '', //部门
-        F_Team: '', //中心id
-        F_TeamName: '', //中心名称
-        F_Group: '', //小组id
-        F_GroupName: '', //小组
-        F_Handler: '', //分派人员
-        F_Type: '0', // 未接通中转池传0媒体中转池传1
+        F_ID: "",
+        F_Tel: "", //待分派号码
+        F_Name: "", //姓名
+        F_Media: "", //媒体id
+        F_MediaName: "", //媒体
+        F_Dept: "", //部门id
+        F_DeptName: "", //部门
+        F_Team: "", //中心id
+        F_TeamName: "", //中心名称
+        F_Group: "", //小组id
+        F_GroupName: "", //小组
+        F_Handler: "", //分派人员
+        F_Type: "0", // 未接通中转池传0媒体中转池传1
       },
       rules: {
-        F_Tel: [{
-          required: true,
-          trigger: 'change',
-          message: '请输入待分派号码'
-        }],
-        F_Name: [{
-          required: true,
-          trigger: 'change',
-          message: '请输入姓名'
-        }],
+        F_Tel: [
+          {
+            required: true,
+            trigger: "change",
+            message: "请输入待分派号码",
+          },
+        ],
+        F_Name: [
+          {
+            required: true,
+            trigger: "change",
+            message: "请输入姓名",
+          },
+        ],
       },
       loading: false,
       departmentDropDatas: [], // 下拉分类
       // 自定义菜单下拉数据的key值
       props: {
-        value: 'id',
-        label: 'text'
+        value: "id",
+        label: "text",
       },
-      departmentPlaceholder: '请选择部门', // 部门提示
-      is_form_cascader: false
+      departmentPlaceholder: "请选择部门", // 部门提示
+      is_form_cascader: false,
     }
   },
   computed: {
-    ...mapGetters([
-      'token',
-      'avatar',
-      'usercode'
-    ])
+    ...mapGetters(["token", "avatar", "usercode"]),
   },
   created() {
     this.getMediaList()
@@ -150,36 +126,40 @@ export default {
   methods: {
     // 添加编辑
     submitForm() {
-      this.$refs.ruleForm.validate(valid => {
+      this.$refs.ruleForm.validate((valid) => {
         if (valid) {
           this.loading = true
           // 添加
           if (!this.rowid) {
-            addNumberTransferPoolList(this.ruleForm).then(response => {
+            addNumberTransferPoolList(this.ruleForm)
+              .then((response) => {
+                this.loading = false
+                if (response.state.toLowerCase() === "success") {
+                  this.$parent.$layer.close(this.layerid)
+                  this.$parent.getList() // 重新加载父级数据
+                  this.$message.success("恭喜你，用户信息添加成功!")
+                }
+              })
+              .catch(() => {
+                this.loading = false
+              })
+            return
+          }
+          // 编辑
+          editNumberTransferPoolList(this.ruleForm)
+            .then((response) => {
               this.loading = false
-              if (response.state.toLowerCase() === 'success') {
+              if (response.state.toLowerCase() === "success") {
                 this.$parent.$layer.close(this.layerid)
                 this.$parent.getList() // 重新加载父级数据
-                this.$message.success('恭喜你，用户信息添加成功!')
+                this.$message.success("恭喜你，用户信息编辑成功!")
               }
-            }).catch(() => {
+            })
+            .catch(() => {
               this.loading = false
             })
-            return
-          }
-          // 编辑
-          editNumberTransferPoolList(this.ruleForm).then(response => {
-            this.loading = false
-            if (response.state.toLowerCase() === 'success') {
-              this.$parent.$layer.close(this.layerid)
-              this.$parent.getList() // 重新加载父级数据
-              this.$message.success('恭喜你，用户信息编辑成功!')
-            }
-          }).catch(() => {
-            this.loading = false
-          })
         } else {
-          this.$message.error('请输入有效的必填项信息!')
+          this.$message.error("请输入有效的必填项信息!")
           return false
         }
       })
@@ -187,10 +167,10 @@ export default {
     // 详情
     getDetail(rid) {
       const params = {
-        id: rid
+        id: rid,
       }
-      getNumberTransferPoolDetail(params).then(response => {
-        if (response.state.toLowerCase() === 'success') {
+      getNumberTransferPoolDetail(params).then((response) => {
+        if (response.state.toLowerCase() === "success") {
           const res = response.data
           this.ruleForm.F_Tel = res.F_Tel //待分派号码
           this.ruleForm.F_Name = res.F_Name //姓名
@@ -209,9 +189,9 @@ export default {
     },
     // 获取部门下拉数据
     getTypeDrop() {
-      return new Promise(resolve => {
-        getTreeList().then(response => {
-          if (response.state.toLowerCase() === 'success') {
+      return new Promise((resolve) => {
+        getTreeList().then((response) => {
+          if (response.state.toLowerCase() === "success") {
             this.departmentDropDatas = response.data
           }
         })
@@ -221,7 +201,7 @@ export default {
     // 部门选择信息
     handledepartment(e) {
       this.ruleForm.F_Dept = e[e.length - 1]
-      this.ruleForm.F_DeptName = this.$refs['myCascader'].currentLabels[this.$refs['myCascader'].currentLabels.length - 1] // label
+      this.ruleForm.F_DeptName = this.$refs["myCascader"].currentLabels[this.$refs["myCascader"].currentLabels.length - 1] // label
       this.getTeam()
     },
     // 获取团队数据
@@ -230,10 +210,10 @@ export default {
         pageindex: 1, // 第几页
         pagesize: 500, // 每页几条信息
         deptid: this.ruleForm.deptid, // 部门id
-        type: 0
+        type: 0,
       }
-      getTeamLists(params).then(response => {
-        if (response.state.toLowerCase() === 'success') {
+      getTeamLists(params).then((response) => {
+        if (response.state.toLowerCase() === "success") {
           this.teamData = response.data.Rows
         }
       })
@@ -241,7 +221,7 @@ export default {
     // 团队选择
     handleteam(e) {
       this.ruleForm.F_Team = e.F_Id
-      this.ruleForm.F_TeamName = e.F_Name//  这里的label就是对应label的
+      this.ruleForm.F_TeamName = e.F_Name //  这里的label就是对应label的
       this.getteamList()
     },
     // 获取小组列表数据
@@ -253,11 +233,11 @@ export default {
           pagesize: 500, // 每页几条信息
           type: 1,
           deptid: this.ruleForm.F_Dept, // 部门id
-          parentid: this.ruleForm.F_Team
+          parentid: this.ruleForm.F_Team,
         }
         getTeamLists(params).then((response) => {
           this.loading = false
-          if (response.state.toLowerCase() === 'success') {
+          if (response.state.toLowerCase() === "success") {
             this.gropData = response.data.Rows
           }
         })
@@ -267,14 +247,14 @@ export default {
     // 小组选择
     handlegrop(e) {
       this.ruleForm.F_Group = e.F_Id
-      this.ruleForm.F_GroupName = e.F_Name//  这里的label就是对应label的
+      this.ruleForm.F_GroupName = e.F_Name //  这里的label就是对应label的
       this.getUserAccountListData()
     },
     // 获取坐席组下拉数据
     getSeatGroupSelects() {
-      return new Promise(resolve => {
-        getSeatGroup().then(response => {
-          if (response.state.toLowerCase() === 'success') {
+      return new Promise((resolve) => {
+        getSeatGroup().then((response) => {
+          if (response.state.toLowerCase() === "success") {
             this.seatOptions = response.data
           }
         })
@@ -283,10 +263,10 @@ export default {
     },
     // 获取媒体
     getMediaList() {
-      return new Promise(resolve=>{
-        const params={}
-        getMedia(params).then(response=>{
-          if(response.state.toLowerCase() === 'success'){
+      return new Promise((resolve) => {
+        const params = {}
+        getMedia(params).then((response) => {
+          if (response.state.toLowerCase() === "success") {
             this.mediaList = response.rows.Rows
           }
         })
@@ -299,67 +279,71 @@ export default {
     // 获取分派人员
     getUserAccountListData() {
       this.loading = true
-      return new Promise(resolve => {
+      return new Promise((resolve) => {
         const params = {
           pageindex: 1, // 第几页
-          pagesize: 500, // 每页几条信息
-          keyword: '', // 否	string	模糊查询
-          roleid: '', // 否	string	角色id
-          deptid: '', // 部门id
-          groupid: '' // 小组id
+          pagesize: 10000, // 每页几条信息
+          keyword: "", // 否	string	模糊查询
+          roleid: "", // 否	string	角色id
+          deptid: "", // 部门id
+          groupid: this.ruleForm.F_Group, // 小组id
         }
-        getUserAccountLists(params).then(response => {
+        getUserAccountLists(params).then((response) => {
           this.loading = false
-          if (response.state.toLowerCase() === 'success') {
+          if (response.state.toLowerCase() === "success") {
             this.userAccountDataList = response.data.Rows
           }
         })
         resolve()
       })
     },
-  }
+  },
 }
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  .form_time,
-  .form_select{
-    width: 100%;
-  }
-  .form_date{
-    width: 100%;
-  }
-  .col_item{
-    height: 51px;
-  }
-  .tips{
-    color: #e6a23c;
+.form_time,
+.form_select {
+  width: 100%;
+}
+.form_date {
+  width: 100%;
+}
+.col_item {
+  height: 51px;
+}
+.tips {
+  color: #e6a23c;
+}
+.avatar_img_square {
+  width: 100px;
+  height: 100px;
+}
+.avatar_img_round {
+  border-radius: 50%;
+  width: 100px;
+  height: 100px;
+}
+.form_cascader {
+  ::-webkit-input-placeholder {
+    /* WebKit, Blink, Edge */
+    color: #606266;
+    font-size: 14px;
   }
-  .avatar_img_square{
-    width: 100px;
-    height: 100px;
+  :-moz-placeholder {
+    /* Mozilla Firefox 4 to 18 */
+    color: #606266;
+    font-size: 14px;
   }
-  .avatar_img_round{
-    border-radius: 50%;
-    width: 100px;
-    height: 100px;
+  ::-moz-placeholder {
+    /* Mozilla Firefox 19+ */
+    color: #606266;
+    font-size: 14px;
   }
-  .form_cascader {
-    ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
-        color: #606266;
-        font-size: 14px;
-    }
-    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
-        color: #606266;
-        font-size: 14px;
-    }
-    ::-moz-placeholder { /* Mozilla Firefox 19+ */
-        color: #606266;
-        font-size: 14px;
-    }
-    :-ms-input-placeholder { /* Internet Explorer 10-11 */
-        color: #606266;
-        font-size: 14px;
-    }
+  :-ms-input-placeholder {
+    /* Internet Explorer 10-11 */
+    color: #606266;
+    font-size: 14px;
   }
+}
 </style>

CallCenterWeb.UI/src/views/telCall/numberTransferPool/distribution.vue

@@ -1,27 +1,27 @@
 <template>
   <div v-loading="loading">
     <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="120px">
-      <el-form-item label="待分配号码" prop="F_Tel" :disabled="true">
+      <!-- <el-form-item label="待分配号码" prop="F_Tel" :disabled="true">
         <el-input v-model="ruleForm.F_Tel" auto-complete="off" placeholder="请输入待分配号码" />
-      </el-form-item>
-      <el-form-item label="姓名" prop="F_Name" :disabled="true">
+      </el-form-item> -->
+      <!-- <el-form-item label="姓名" prop="F_Name" :disabled="true">
         <el-input v-model="ruleForm.F_Name" auto-complete="off" placeholder="请输入姓名" />
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item label="媒体" prop="F_MediaName" :disabled="true">
         <el-select v-model="ruleForm.F_MediaName" placeholder="请选择媒体" class="form_select" value-key="F_ID" clearable @change="changeMedia">
           <el-option v-for="item in mediaList" :key="item.F_ID" :label="item.F_Name" :value="item" />
         </el-select>
       </el-form-item>
       <el-form-item label="部门" prop="F_DeptName">
-        <el-cascader ref="myCascader" v-model="parentids" :options="departmentDropDatas" :props="props" :placeholder="departmentPlaceholder" :class="{ form_cascader: is_form_cascader }" clearable filterable change-on-select style="width: 100%" @change="handledepartment" />
+        <el-cascader ref="myCascader" v-model="parentids" :options="departmentDropDatas" :props="props" :placeholder="departmentPlaceholder" :class="{ form_cascader: is_form_cascader }" clearable filterable change-on-select style="width: 100%" @change="handledepartment" :disabled="deptNameDisabled" />
       </el-form-item>
       <el-form-item label="中心" prop="F_TeamName">
-        <el-select v-model="ruleForm.F_TeamName" class="form_select" value-key="F_Id" filterable clearable placeholder="请选择中心" @change="handleteam">
+        <el-select v-model="ruleForm.F_TeamName" class="form_select" value-key="F_Id" filterable clearable placeholder="请选择中心" @change="handleteam" :disabled="teamNameDisabled">
           <el-option v-for="item in teamData" :key="item.F_Id" :label="item.F_Name" :value="item" />
         </el-select>
       </el-form-item>
       <el-form-item label="小组" prop="F_GroupName">
-        <el-select v-model="ruleForm.F_GroupName" class="form_select" value-key="F_Id" filterable clearable placeholder="请选择小组" @change="handlegrop">
+        <el-select v-model="ruleForm.F_GroupName" class="form_select" value-key="F_Id" filterable clearable placeholder="请选择小组" @change="handlegrop" :disabled="groupNameDisabled">
           <el-option v-for="item in gropData" :key="item.F_Id" :label="item.F_Name" :value="item" />
         </el-select>
       </el-form-item>
@@ -41,7 +41,7 @@
 import md5 from "js-md5"
 import { mapGetters } from "vuex"
 import { getSeatGroup } from "@/api/commonAPI"
-import { distributionNumberTransferPoolList, getNumberTransferPoolDetail } from "@/api/telCall/numberTransferPool"
+import { distributionNumberTransferPoolList } from "@/api/telCall/numberTransferPool"
 import { getUserAccountLists } from "@/api/systemSetup/roleSetting/userManage"
 import { getTreeList } from "@/api/systemSetup/roleSetting/department"
 import { getMedia } from "@/api/mediaCenter/mediaInformation"
@@ -70,8 +70,8 @@ export default {
       userAccountDataList: [], // 分派人员数据
       ruleForm: {
         ids: "",
-        F_Tel: "", //待分派号码
-        F_Name: "", //姓名
+        // F_Tel: "", //待分派号码
+        // F_Name: "", //姓名
         F_Media: "", //媒体id
         F_MediaName: "", //媒体
         F_Dept: "", //部门id
@@ -84,20 +84,6 @@ export default {
         F_Type: "1",
       },
       rules: {
-        F_Tel: [
-          {
-            required: true,
-            trigger: "change",
-            message: "请输入待分派号码",
-          },
-        ],
-        F_Name: [
-          {
-            required: true,
-            trigger: "change",
-            message: "请输入姓名",
-          },
-        ],
       },
       loading: false,
       departmentDropDatas: [], // 下拉分类
@@ -108,10 +94,13 @@ export default {
       },
       departmentPlaceholder: "请选择部门", // 部门提示
       is_form_cascader: false,
+      deptNameDisabled: false,
+      teamNameDisabled: false,
+      groupNameDisabled: false,
     }
   },
   computed: {
-    ...mapGetters(["token", "avatar", "usercode"]),
+    ...mapGetters(["token", "avatar", "usercode", "groupId", "groupName"]),
   },
   created() {
     this.getMediaList()
@@ -120,7 +109,15 @@ export default {
     if (this.rowid) {
       this.ruleForm.ids = this.rowid
       this.is_form_cascader = true
-      // this.getDetail(this.rowid)
+    }
+    const storageGroupCode = window.localStorage.getItem("roleCode")
+    if (storageGroupCode === "ZXFZR" || storageGroupCode === "XZFZR") {
+      console.log("this.groupName", this.groupName)
+      this.deptNameDisabled = true
+      this.teamNameDisabled = true
+      this.ruleForm.F_TeamName = this.groupName
+      this.ruleForm.F_Team = this.groupId
+      this.getteamList()
     }
   },
   methods: {
@@ -148,29 +145,6 @@ export default {
         }
       })
     },
-    // 详情
-    // getDetail(rid) {
-    //   const params = {
-    //     id: rid,
-    //   }
-    //   getNumberTransferPoolDetail(params).then((response) => {
-    //     if (response.state.toLowerCase() === "success") {
-    //       const res = response.data
-    //       this.ruleForm.F_Tel = res.F_Tel //待分派号码
-    //       this.ruleForm.F_Name = res.F_Name //姓名
-    //       this.ruleForm.F_Media = res.F_Media //媒体id
-    //       this.ruleForm.F_MediaName = res.F_MediaName //媒体id
-    //       this.ruleForm.F_Dept = res.F_Dept //部门id
-    //       this.ruleForm.F_DeptName = res.F_DeptName //部门
-    //       this.departmentPlaceholder = res.F_DeptName //部门
-    //       this.ruleForm.F_Team = res.F_Team //中心id
-    //       this.ruleForm.F_TeamName = res.F_TeamName //中心
-    //       this.ruleForm.F_Group = res.F_Group // 小组id
-    //       this.ruleForm.F_GroupName = res.F_GroupName // 小组
-    //       this.ruleForm.F_Handler = res.F_Handler // 分派人员
-    //     }
-    //   })
-    // },
     // 获取部门下拉数据
     getTypeDrop() {
       return new Promise((resolve) => {
@@ -266,11 +240,11 @@ export default {
       return new Promise((resolve) => {
         const params = {
           pageindex: 1, // 第几页
-          pagesize: 500, // 每页几条信息
+          pagesize: 10000, // 每页几条信息
           keyword: "", // 否	string	模糊查询
           roleid: "", // 否	string	角色id
           deptid: "", // 部门id
-          groupid: "", // 小组id
+          groupid: this.ruleForm.F_Group, // 小组id
         }
         getUserAccountLists(params).then((response) => {
           this.loading = false

CallCenterWeb.UI/src/views/telCall/numberTransferPool/index.vue

@@ -1,10 +1,14 @@
 <template>
   <div class="app-container usermanage">
     <div class="filter-container">
-      <el-input v-model="searchData.name" placeholder="请输入媒体名称" class="filter-item"/>
-      <el-input v-model="searchData.dept" placeholder="请输入部门" class="filter-item"/>
-      <el-input v-model="searchData.team" placeholder="请输入中心" class="filter-item"/>
-      <el-input v-model="searchData.group" placeholder="请输入小组" class="filter-item"/>
+      <el-input v-model="searchData.name" placeholder="请输入媒体名称" class="filter-item" />
+      <el-cascader ref="myCascader" v-model="parentids" :options="departmentDropDatas" :props="props" @change="handledepartment" placeholder="请选择部门" clearable filterable change-on-select />
+      <el-select v-model="deptteam" class="form_select" filterable clearable placeholder="请选择中心" @change="handleteam" @clear="clearTeam">
+        <el-option v-for="item in teamData" :key="item.F_Id" :label="item.F_Name" :value="item.F_Id" />
+      </el-select>
+      <el-select v-model="group" class="form_select" filterable clearable placeholder="请选择小组" @change="handlegrop" @clear="clearGroup">
+        <el-option v-for="item in gropData" :key="item.F_Id" :label="item.F_Name" :value="item.F_Id" />
+      </el-select>
       <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
       <el-button v-permission="'HY_add'" type="primary" class="filter-item" icon="el-icon-plus" @click="btn_add">添加</el-button>
       <el-button v-permission="'HY_import'" type="primary" class="filter-item" @click="btn_import">导入</el-button>
@@ -15,14 +19,14 @@
       <el-tab-pane label="未接通中转池" name="1" />
     </el-tabs>
     <el-table v-loading="loading" :data="dataLists" border stripe @selection-change="handleSelectionChange">
-      <el-table-column :reserve-selection="true" type="selection"/>
-      <el-table-column prop="F_Tel" label="待分配号码" align="center" min-width=""/>
-      <el-table-column prop="F_Name" label="姓名" align="center" min-width=""/>
-      <el-table-column prop="F_MediaName" label="媒体名称" align="center" min-width=""/>
-      <el-table-column prop="F_DeptName" label="部门" align="center" min-width=""/>
-      <el-table-column prop="F_TeamName" label="中心" align="center" min-width=""/>
-      <el-table-column prop="F_GroupName" label="小组" align="center" min-width=""/>
-      <el-table-column prop="F_Handler" label="分派人员" align="center" min-width=""/>、
+      <el-table-column :reserve-selection="true" type="selection" />
+      <el-table-column prop="F_Tel" label="待分配号码" align="center" min-width="" />
+      <el-table-column prop="F_Name" label="姓名" align="center" min-width="" />
+      <el-table-column prop="F_MediaName" label="媒体名称" align="center" min-width="" />
+      <el-table-column prop="F_DeptName" label="部门" align="center" min-width="" />
+      <el-table-column prop="F_TeamName" label="中心" align="center" min-width="" />
+      <el-table-column prop="F_GroupName" label="小组" align="center" min-width="" />
+      <el-table-column prop="F_Handler" label="分派人员" align="center" min-width="" />、
       <!-- <el-table-column label="状态" align="center" min-width="">
         <template slot-scope="scope">
           {{ scope.row.type | typeFilter }}
@@ -36,34 +40,29 @@
         </template>
       </el-table-column>
     </el-table>
-    <pagination
-      v-show="pageParams.total > 0"
-      :total="pageParams.total"
-      :pageindex.sync="pageParams.pageindex"
-      :pagesize.sync="pageParams.pagesize"
-      class="pagination"
-      @pagination="getList" />
+    <pagination v-show="pageParams.total > 0" :total="pageParams.total" :pageindex.sync="pageParams.pageindex" :pagesize.sync="pageParams.pagesize" class="pagination" @pagination="getList" />
   </div>
 </template>
 
 <script>
-
-import { getNumberTransferPoolList, deleteNumberTransferPoolList } from '@/api/telCall/numberTransferPool'
-import addOrEdit from './addOrEdit'
-import distribution from './distribution'
-import importNumberTransferPool from './importNumberTransferPool'
-import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
+import { getNumberTransferPoolList, deleteNumberTransferPoolList } from "@/api/telCall/numberTransferPool"
+import { getTreeList } from "@/api/systemSetup/roleSetting/department"
+import { getTeamLists } from "@/api/systemSetup/sysSetting/teamManagement"
+import addOrEdit from "./addOrEdit"
+import distribution from "./distribution"
+import importNumberTransferPool from "./importNumberTransferPool"
+import Pagination from "@/components/Pagination" // 对el-pagination 二次封装
 
 export default {
-  name: 'UserManage',
+  name: "UserManage",
   components: {
-    Pagination
+    Pagination,
   },
   filters: {
     typeFilter(status) {
       const statusMap = {
-        '0': '媒体中转池',
-        '1': '未接通中转池'
+        0: "媒体中转池",
+        1: "未接通中转池",
       }
       return statusMap[status]
     },
@@ -71,26 +70,41 @@ export default {
   data() {
     return {
       loading: false,
-      activeName: '0',
+      activeName: "0",
       searchData: {
-        name: '', //媒体名称
-        dept: '', //部门
-        team: '', //中心
-        group: '', //小组
-        type: '', //媒体中转池
+        name: "", //媒体名称
+        type: "", //媒体中转池
       },
       pageParams: {
         pageindex: 1, // 当前第几页
         pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
-        total: 0 // 总共多少数据
+        total: 0, // 总共多少数据
       },
       multipleSelection: [], // 选中的数据
       dataLists: [], // 列表数据
       selectTableId: [],
+      parentids: [], // 部门父级id
+      deptid: "", // 所属部门id
+      dept: "", // 部门名称
+      deptteamid: "", // 中心id
+      deptteam: "", // 中心姓名
+      groupid: "", // 小组信息
+      group: "", // 小组名称
+      teamData: [], // 中心下拉数据
+      gropData: [], // 小组下拉数据
+      salesMan: [], // 销售负责人数据
+      loading: false,
+      departmentDropDatas: [], // 下拉分类
+      // 自定义菜单下拉数据的key值
+      props: {
+        value: "id",
+        label: "text",
+      },
     }
   },
   created() {
     this.getList()
+    this.getTypeDrop()
     document.onkeyup = (e) => {
       if (e.keyCode === 13) {
         this.getList()
@@ -100,19 +114,19 @@ export default {
   methods: {
     getList() {
       this.loading = true
-      return new Promise(resolve => {
+      return new Promise((resolve) => {
         const params = {
           pageindex: this.pageParams.pageindex, // 第几页
           pagesize: this.pageParams.pagesize, // 每页几条信息
-          name: this.searchData.name.replace(/\s+/g, ''), //媒体中转池
-          dept: this.searchData.dept.replace(/\s+/g, ''), //部门
-          team: this.searchData.team.replace(/\s+/g, ''), //中心
-          group: this.searchData.group.replace(/\s+/g, ''), //小组
+          name: this.searchData.name.replace(/\s+/g, ""), //媒体中转池
+          dept: this.parentids[this.parentids.length - 1], //部门
+          team: this.groupid, //中心
+          group: this.deptteamid, //小组
           type: this.activeName, //媒体中转
         }
-        getNumberTransferPoolList(params).then(response => {
+        getNumberTransferPoolList(params).then((response) => {
           this.loading = false
-          if (response.state.toLowerCase() === 'success') {
+          if (response.state.toLowerCase() === "success") {
             this.pageParams.total = response.rows.Totals
             this.dataLists = response.rows.Rows
           }
@@ -129,10 +143,10 @@ export default {
         content: {
           content: addOrEdit, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { 'rowid': '' }// props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+          data: { rowid: "" }, // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
         },
-        area: ['60%', '90%'],
-        title: '添加用户信息'
+        area: ["60%", "90%"],
+        title: "添加用户信息",
       })
     },
     btn_edit(editId) {
@@ -140,10 +154,10 @@ export default {
         content: {
           content: addOrEdit, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { 'rowid': editId }// props
+          data: { rowid: editId }, // props
         },
-        area: ['60%', '90%'],
-        title: '编辑'
+        area: ["60%", "90%"],
+        title: "编辑",
       })
     },
     //分配
@@ -152,50 +166,52 @@ export default {
         content: {
           content: distribution, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { 'rowid': id }// props
+          data: { rowid: id }, // props
         },
-        area: ['60%', '90%'],
-        title: '分配'
+        area: ["60%", "90%"],
+        title: "分配",
       })
     },
     //批量分配
     btn_batch_distribution() {
-      if (this.selectTableId.length < 1) {
-        this.$message({
-          message: '请选择数据！',
-          type: 'warning'
-        })
-        return
-      }
-      const ids = this.selectTableId.join(',').replace(/\s+/g, '')
+      // if (this.selectTableId.length < 1) {
+      //   this.$message({
+      //     message: "请选择数据！",
+      //     type: "warning",
+      //   })
+      //   return
+      // }
+      const ids = this.selectTableId.join(",").replace(/\s+/g, "")
       this.$layer.iframe({
         content: {
           content: distribution, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { 'rowid': ids }// props
+          data: { rowid: ids }, // props
         },
-        area: ['60%', '90%'],
-        title: '分配'
+        area: ["60%", "90%"],
+        title: "分配",
       })
     },
     btn_delete(id) {
       const params = {
-          ids: id
+        ids: id,
       }
-      this.$confirm('确定删除吗?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        deleteNumberTransferPoolList(params).then(response => {
-          if (response.state.toLowerCase() === 'success') {
-            this.getList()
-            this.$message.success('删除成功!')
-          }
-        })
-      }).catch(() => {
-        this.$message.info('已取消删除')
+      this.$confirm("确定删除吗?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
       })
+        .then(() => {
+          deleteNumberTransferPoolList(params).then((response) => {
+            if (response.state.toLowerCase() === "success") {
+              this.getList()
+              this.$message.success("删除成功!")
+            }
+          })
+        })
+        .catch(() => {
+          this.$message.info("已取消删除")
+        })
     },
     btn_deletes() {
       const ids = []
@@ -203,7 +219,7 @@ export default {
         ids.push(this.multipleSelection[i].F_UserId)
       }
       if (ids.length <= 0) {
-        this.$message.warning('没有可删除的选项')
+        this.$message.warning("没有可删除的选项")
         return
       }
       this.btn_delete(ids)
@@ -213,16 +229,16 @@ export default {
       this.getList()
     },
     // 导入快递信息
-    btn_import () {
+    btn_import() {
       this.$layer.iframe({
         content: {
           content: importNumberTransferPool, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { rowid: '' } // props
+          data: { rowid: "" }, // props
         },
         area: ["30%", "30%"],
-        title: "导入"
-      });
+        title: "导入",
+      })
     },
     // 选择多个
     handleSelectionChange(val) {
@@ -233,17 +249,104 @@ export default {
       }
       this.selectTableId = ids
     },
-  }
+    // 获取部门下拉
+    getTypeDrop() {
+      return new Promise((resolve) => {
+        getTreeList().then((response) => {
+          if (response.state.toLowerCase() === "success") {
+            this.departmentDropDatas = response.data
+          }
+        })
+        resolve()
+      })
+    },
+    // 部门选择信息
+    handledepartment(e) {
+      this.deptid = e[e.length - 1]
+      this.deptteamid = ""
+      this.dept = this.$refs["myCascader"].currentLabels[this.$refs["myCascader"].currentLabels.length - 1] // label
+      this.getTeam()
+    },
+    // 获取中心数据
+    getTeam() {
+      const params = {
+        pageindex: 1, // 第几页
+        pagesize: 500, // 每页几条信息
+        deptid: this.deptid, // 部门id
+        type: 0,
+      }
+      getTeamLists(params).then((response) => {
+        if (response.state.toLowerCase() === "success") {
+          this.teamData = response.data.Rows
+        }
+      })
+    },
+    // 中心选择
+    handleteam(e) {
+      this.deptteamid = e
+      console.log(e)
+      var obj = {}
+      obj = this.teamData.find((item) => {
+        // 这里的teamData就是上面遍历的数据源
+        return item.F_Id === e // 筛选出匹配数据，这里的value是你遍历数组每一项的value，如果没有对后台返回的数据做处理，一般为id
+      })
+      this.deptteam = obj.F_Name //  这里的label就是对应label的
+      this.getteamList()
+      this.groupid = ""
+    },
+    // 获取小组列表数据
+    getteamList() {
+      this.loading = true
+      return new Promise((resolve) => {
+        const params = {
+          pageindex: 1, // 第几页
+          pagesize: 500, // 每页几条信息
+          type: 1,
+          deptid: this.deptid, // 部门id
+          parentid: this.deptteamid,
+        }
+        getTeamLists(params).then((response) => {
+          this.loading = false
+          if (response.state.toLowerCase() === "success") {
+            this.gropData = response.data.Rows
+          }
+        })
+        resolve()
+      })
+    },
+    // 小组选择
+    handlegrop(e) {
+      this.groupid = e
+      var obj = {}
+      obj = this.gropData.find((item) => {
+        // 这里的teamData就是上面遍历的数据源
+        return item.F_Id === e // 筛选出匹配数据，这里的value是你遍历数组每一项的value，如果没有对后台返回的数据做处理，一般为id
+      })
+      this.group = obj.F_Name //  这里的label就是对应label的
+    },
+    //中心清空
+    clearTeam() {
+      this.teamData = []
+      this.deptteamid = "" // 中心id
+      this.deptteam = "" // 中心姓名
+    },
+    //小组清空
+    clearGroup() {
+      this.gropData = []
+      this.groupid = "" // 小组信息
+      this.group = "" // 小组名称
+    },
+  },
 }
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-	.usermanage .filter-item.el-input{
-		width: 240px;
-	}
-	.usermanage .user_img{
-		width: 56px;
-		height: 56px;
-		border-radius: 50%;
-	}
+.usermanage .filter-item.el-input {
+  width: 240px;
+}
+.usermanage .user_img {
+  width: 56px;
+  height: 56px;
+  border-radius: 50%;
+}
 </style>