自动外呼、 部门管理

CallCenterWeb.UI/src/api/customerServiceManagement/orderListCustomerService.js

@@ -114,5 +114,14 @@ export function afterSaleRefundOperation(params) {
     params
   })
 }
+
+//物流状态
+export function logisticsStatusOrderCustomerService(data) {
+  return request({
+    url: 'api/kforder/addordertag',
+    method: 'post',
+    data
+  })
+}
   
 

CallCenterWeb.UI/src/api/outbound/allot.js

@@ -0,0 +1,30 @@
+import request from '@/utils/request'
+
+// 获取外呼计划列表数据
+export function getPlanLists(params) {
+  return request({
+    url: 'callcenterapi/api/autocallouttask/getlistbypage',
+    method: 'get',
+    params
+  })
+}
+
+// 获取参与坐席
+export function getfplist(taskid) {
+  return request({
+    url: 'callcenterapi/api/autocallouttask/getfplist',
+    method: 'get',
+    params: {
+      taskid
+    }
+  })
+}
+
+// 确定分配
+export function fpdata(data) {
+  return request({
+    url: 'callcenterapi/api/autocallouttask/fpdata',
+    method: 'post',
+    data
+  })
+}

CallCenterWeb.UI/src/api/outbound/callResult.js

@@ -0,0 +1,21 @@
+import request from '@/utils/request'
+
+// 获取外呼问卷列表 - 自动外呼 结果
+export function getAutoPagerLists(params) {
+  return request({
+    url: 'callcenterapi/api/Questionnaire/getcallpagelistbypage',
+    method: 'get',
+    params
+  })
+}
+
+// 获取外呼问卷详情 - 自动外呼 结果
+export function getAutoPager(id) {
+  return request({
+    url: 'callcenterapi/api/Questionnaire/getcallpagedetails',
+    method: 'get',
+    params: {
+      id
+    }
+  })
+}

CallCenterWeb.UI/src/api/outbound/plan.js

@@ -0,0 +1,122 @@
+import request from '@/utils/request'
+
+// 获取外呼计划（左）列表数据
+export function getPlanLists(params) {
+  return request({
+    url: 'callcenterapi/api/autocallouttask/getlistbypage',
+    method: 'get',
+    params
+  })
+}
+
+// 获取外呼计划（左）数据
+export function getPlan(id) {
+  return request({
+    url: 'callcenterapi/api/autocallouttask/getsingle',
+    method: 'get',
+    params: {
+      id
+    }
+  })
+}
+
+// 添加外呼计划（左）数据
+export function addPlan(data) {
+  return request({
+    url: 'callcenterapi/api/autocallouttask/add',
+    method: 'post',
+    data
+  })
+}
+
+// 编辑外呼计划（左）数据
+export function editPlan(data) {
+  return request({
+    url: 'callcenterapi/api/autocallouttask/update',
+    method: 'post',
+    data
+  })
+}
+
+// 删除外呼计划（左）数据
+export function deletePlan(ids) {
+  return request({
+    url: 'callcenterapi/api/autocallouttask/delete',
+    method: 'post',
+    data: {
+      ids
+    }
+  })
+}
+
+// 导入 callcenterapi/api/autocallouttask/importexcel
+
+// 上架下架
+export function updateLine(data) {
+  return request({
+    url: 'callcenterapi/api/autocallouttask/updateonline',
+    method: 'post',
+    data
+  })
+}
+
+// 启动 停止 暂停（1为启动，10为暂停，11为停止）
+export function oparatePlan(data) {
+  return request({
+    url: 'callcenterapi/api/autocall/precallope',
+    method: 'post',
+    data
+  })
+}
+
+// 清空号码btn_empty
+export function emptyTels(id) {
+  return request({
+    url: 'callcenterapi/api/autocallouttask/removeall',
+    method: 'post',
+    data: {
+      id
+    }
+  })
+}
+
+// 重复执行
+export function restart(taskid) {
+  return request({
+    url: 'callcenterapi/api/autocall/restart',
+    method: 'post',
+    data: {
+      taskid
+    }
+  })
+}
+
+// 获取外呼号码（右）列表数据
+export function getPlanTelLists(params) {
+  return request({
+    url: 'callcenterapi/api/autocallouttask/gettellistbypage',
+    method: 'get',
+    params
+  })
+}
+
+// 删除外呼号码（右）数据
+export function deletePlanTel(ids) {
+  return request({
+    url: 'callcenterapi/api/autocallouttask/deletetel',
+    method: 'post',
+    data: {
+      ids
+    }
+  })
+}
+
+// 获取任务电话详情 - 自动外呼
+export function getTelDetail(params) {
+  return request({
+    url: 'callcenterapi/api/autocallouttask/getteldetails',
+    method: 'get',
+    params
+  })
+}
+

CallCenterWeb.UI/src/api/outbound/tasks.js

@@ -0,0 +1,66 @@
+import request from '@/utils/request'
+
+// 获取任务列表数据
+export function getTaskLists(params) {
+  return request({
+    url: 'callcenterapi/api/autocallouttask/getmytask',
+    method: 'get',
+    params
+  })
+}
+
+// 坐席参与或取消任务
+export function cancelJoin(data) {
+  return request({
+    url: 'callcenterapi/api/autocall/joinprecall',
+    method: 'post',
+    data
+  })
+}
+
+// 获取任务监控信息
+export function getMonitor(id) {
+  return request({
+    url: 'callcenterapi/api/autocallouttask/getmonitor',
+    method: 'get',
+    params: {
+      id
+    }
+  })
+}
+
+// 获取参与任务坐席
+export function getJoinSeat(params) {
+  return request({
+    url: 'callcenterapi/api/autocallouttask/getfplist',
+    method: 'get',
+    params
+  })
+}
+
+// 修改并发数
+export function setConNum(data) {
+  return request({
+    url: 'callcenterapi/api/autocall/setbfnum',
+    method: 'post',
+    data
+  })
+}
+
+// 获取当前的任务信息
+export function getTaskRealInfo(params) {
+  return request({
+    url: 'callcenterapi/api/autocallouttask/getjoinlist',
+    method: 'get',
+    params
+  })
+}
+
+// 获取分配给当前坐席的任务列表
+export function getAlloList(params) {
+  return request({
+    url: 'callcenterapi/api/autocallouttask/getqrjoinlist',
+    method: 'get',
+    params
+  })
+}

CallCenterWeb.UI/src/api/systemSetup/roleSetting/department.js

@@ -42,4 +42,12 @@ export function getTypeDetail(deptid) {
     }
   })
 }
+// 获取分类树
+export function getDepartmentList() {
+  return request({
+    url: 'api/deptment/getallloop',
+    method: 'get'
+  })
+}
+
 

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleList/addOrEdit.vue

@@ -319,6 +319,13 @@ export default {
     },
     //删除商品
     btn_deleteCommodity (val) {
+      if (this.commodityTableData.length <= 1) {
+        this.$message({
+          message: '不能删除所有商品！',
+          type: 'warning'
+        });
+        return
+      }
       let index = this.commodityTableData.indexOf(val)
       this.commodityTableData.splice(index, 1)
     },

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

@@ -116,11 +116,6 @@
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="快递单号" >
-            <el-input v-model="ruleForm.F_TrackingNo" placeholder="请输入快递单号"/>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
           <el-form-item label="收件人" >
             <el-input v-model="ruleForm.F_Addressee" placeholder="请输入收件人"/>
           </el-form-item>

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

@@ -60,6 +60,11 @@
       <el-table-column prop="F_BelongName" label="归属员工" align="center" />
       <el-table-column prop="F_Type" label="订单类型" align="center" />
       <el-table-column prop="F_Express" label="快递公司" align="center" />
+      <el-table-column label="物流状态" align="center" >
+        <template slot-scope="scope">
+          {{ scope.row.F_Status | judgmentStatusName }}
+        </template>
+      </el-table-column>
       <el-table-column label="操作" width="240" align="center" class-name="oparate_btn" fixed="right">
         <template slot-scope="scope">
           <el-button v-permission="'HY_edit'" type="text" @click="btn_edit(scope.row.F_Id)">编辑</el-button>
@@ -104,6 +109,16 @@ export default {
       }
       return statusMap[status]
     },
+    judgmentStatusName(status) {
+      const statusMap = {
+        '0': '未发出',
+        '1': '未签收',
+        '2': '签收',
+        '3': '改代收',
+        '4': '拒收',
+      }
+      return statusMap[status]
+    },
     judgmentOrderGoods(status) {
       let orderGoodsNameQuantity = ''
       for (let i = 0; i < status.length; i++) {

CallCenterWeb.UI/src/views/afterSaleManagement/saleOrderList/afterSale.vue

@@ -117,6 +117,10 @@ export default {
       type: String,
       default: ""
     },
+    collectionAfterSalesReasonType: {
+      type: String,
+      default: ""
+    },
     layerid: {
       type: String,
       default: ""
@@ -203,6 +207,9 @@ export default {
         this.ruleForm.F_OrderId = this.rowid
         this.getAfterSaleOrderCommodity(this.rowid)
       }
+      if (this.collectionAfterSalesReasonType) {
+        this.ruleForm.F_ReturnType = this.collectionAfterSalesReasonType
+      }
     });
   },
   methods: {

CallCenterWeb.UI/src/views/afterSaleManagement/saleOrderList/index.vue

@@ -60,9 +60,15 @@
       <el-table-column prop="F_BelongName" label="归属员工" align="center" />
       <el-table-column prop="F_Type" label="订单类型" align="center" />
       <el-table-column prop="F_Express" label="快递公司" align="center" />
+      <el-table-column label="物流状态" align="center" >
+        <template slot-scope="scope">
+          {{ scope.row.F_Status | judgmentStatusName }}
+        </template>
+      </el-table-column>
       <el-table-column label="操作" width="240" align="center" class-name="oparate_btn" fixed="right">
         <template slot-scope="scope">
-          <el-button v-permission="'HY_afterSale'" type="text" @click="btn_afterSale(scope.row.F_Id)">售后</el-button>
+          <el-button v-permission="'HY_afterSale'" type="text" v-if="authority_afterSale(scope.row.F_Status)" @click="btn_afterSale(scope.row.F_Id)">售后</el-button>
+          <el-button v-permission="'HY_collection'" type="text" v-if="authority_collection(scope.row.F_Status)" @click="btn_collection(scope.row.F_Id)">改代收</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -104,6 +110,16 @@ export default {
       }
       return statusMap[status]
     },
+    judgmentStatusName(status) {
+      const statusMap = {
+        '0': '未发出',
+        '1': '未签收',
+        '2': '签收',
+        '3': '改代收',
+        '4': '拒收',
+      }
+      return statusMap[status]
+    },
     judgmentOrderGoods(status) {
       let orderGoodsNameQuantity = ''
       for (let i = 0; i < status.length; i++) {
@@ -196,6 +212,20 @@ export default {
       this.pageParams.pageindex = 1;
       this.getList();
     },
+    authority_collection(status) {
+      if (status == 1) {
+        return true
+      } else {
+        return false
+      }
+    },
+    authority_afterSale(status) {
+      if (status == 2) {
+        return true
+      } else {
+        return false
+      }
+    },
     //售后
     btn_afterSale(afterSalesId) {
       this.$layer.iframe({
@@ -208,6 +238,18 @@ export default {
         title: "售后内容"
       });
     },
+    //改代收
+    btn_collection(collectionId) {
+      this.$layer.iframe({
+        content: {
+          content: afterSale, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: collectionId, collectionAfterSalesReasonType: '改代收' } // props
+        },
+        area: ["80%", "80%"],
+        title: "改代收"
+      });
+    },
     //详情
     hadndleOrderCode(ordercode){
       this.$layer.iframe({

CallCenterWeb.UI/src/views/custodianManagement/orderListCustodian/index.vue

@@ -50,6 +50,11 @@
       <el-table-column prop="F_BelongName" label="归属员工" align="center" />
       <el-table-column prop="F_Type" label="订单类型" align="center" />
       <el-table-column prop="F_Express" label="快递公司" align="center" />
+      <el-table-column label="物流状态" align="center" >
+        <template slot-scope="scope">
+          {{ scope.row.F_Status | judgmentStatusName }}
+        </template>
+      </el-table-column>
       <el-table-column label="操作" width="240" align="center" class-name="oparate_btn" fixed="right">
         <template slot-scope="scope">
           <el-button v-permission="'HY_sorting'" type="text" @click="btn_sorting(scope.row.F_Id)">分拣</el-button>
@@ -95,6 +100,16 @@ export default {
       }
       return statusMap[status]
     },
+    judgmentStatusName(status) {
+      const statusMap = {
+        '0': '未发出',
+        '1': '未签收',
+        '2': '签收',
+        '3': '改代收',
+        '4': '拒收',
+      }
+      return statusMap[status]
+    },
     judgmentOrderGoods(status) {
       let orderGoodsNameQuantity = ''
       for (let i = 0; i < status.length; i++) {

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerService/index.vue

@@ -40,10 +40,10 @@
       <el-tab-pane label="暂存" name="0"></el-tab-pane>
       <el-tab-pane label="提交" name="1"></el-tab-pane>
       <el-tab-pane label="退回" name="2"></el-tab-pane>
-      <el-tab-pane label="通过" name="3"></el-tab-pane>
+      <!-- <el-tab-pane label="通过" name="3"></el-tab-pane>
       <el-tab-pane label="无货" name="4"></el-tab-pane>
       <el-tab-pane label="已分拣" name="5"></el-tab-pane>
-      <el-tab-pane label="已发货" name="6"></el-tab-pane>
+      <el-tab-pane label="已发货" name="6"></el-tab-pane> -->
     </el-tabs>
     <el-table v-loading="loading" :data="dataLists" border stripe  @selection-change="handleSelectionChange" row-key="F_Id">
       <el-table-column type="selection" :reserve-selection="true"></el-table-column>
@@ -70,12 +70,18 @@
       <el-table-column prop="F_BelongName" label="归属员工" align="center" />
       <el-table-column prop="F_Type" label="订单类型" align="center" />
       <el-table-column prop="F_Express" label="快递公司" align="center" />
+      <el-table-column label="物流状态" align="center" >
+        <template slot-scope="scope">
+          {{ scope.row.F_Status | judgmentStatusName }}
+        </template>
+      </el-table-column>
       <el-table-column label="操作" width="240" align="center" class-name="oparate_btn" fixed="right">
         <template slot-scope="scope">
           <el-button v-permission="'HY_edit'" v-if="authority_edit(scope.row.F_State)" type="text" @click="btn_edit(scope.row.F_Id)">编辑</el-button>
-          <el-button v-permission="'HY_goback'" v-if="authority_goback(scope.row.F_State)" type="text" @click="btn_goback(scope.row.F_Id)">退回</el-button>
-          <el-button v-permission="'HY_through'" v-if="authority_through(scope.row.F_State)" type="text" @click="btn_through(scope.row.F_Id)">通过</el-button>
+          <!-- <el-button v-permission="'HY_goback'" v-if="authority_goback(scope.row.F_State)" type="text" @click="btn_goback(scope.row.F_Id)">退回</el-button>
+          <el-button v-permission="'HY_through'" v-if="authority_through(scope.row.F_State)" type="text" @click="btn_through(scope.row.F_Id)">通过</el-button> -->
           <el-button v-permission="'HY_label'" type="text" @click="btn_label(scope.row.F_Id)">标签</el-button>
+          <el-button v-permission="'HY_logistics_status'" v-if="authority_logistics_status(scope.row.F_Status)" type="text" @click="btn_logistics_status(scope.row.F_Id)">物流状态</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -97,6 +103,7 @@ import { pickerOptions, formatterContent } from "@/utils";
 import goback from "./goback";
 import through from "./through";
 import label from "./label";
+import logistics from "./logistics";
 import edit from "./edit";
 import merge from './merge';
 import detail from "@/views/orderManagement/orderList/detail"
@@ -122,6 +129,16 @@ export default {
       }
       return statusMap[status]
     },
+    judgmentStatusName(status) {
+      const statusMap = {
+        '0': '未发出',
+        '1': '未签收',
+        '2': '签收',
+        '3': '改代收',
+        '4': '拒收',
+      }
+      return statusMap[status]
+    },
     judgmentOrderGoods(status) {
       let orderGoodsNameQuantity = ''
       for (let i = 0; i < status.length; i++) {
@@ -282,6 +299,18 @@ export default {
         title: "标签"
       });
     },
+    //标签订单
+    btn_logistics_status(orderid) {
+      this.$layer.iframe({
+        content: {
+          content: logistics, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: orderid } // props
+        },
+        area: ["30%", "30%"],
+        title: "物流状态"
+      });
+    },    
     //合并
     btn_merge() {
       if (this.mergeOrderId.length < 2) {
@@ -348,6 +377,14 @@ export default {
         return true
       }
     },
+    //物流状态权限
+    authority_logistics_status(status) {
+      if (status == 0 || status == 1 ) {
+        return false
+      } else {
+        return true
+      }
+    }
   }
 };
 </script>

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerService/label.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
     <el-form ref="ruleForm" :model="ruleForm" label-width="80px">
-      <el-form-item label="订单类型" prop="tags">
-        <el-select v-model="ruleForm.tags" class="form_select" multiple filterable clearable placeholder="请选择订单类型">
+      <el-form-item label="标签类型" prop="tags">
+        <el-select v-model="ruleForm.tags" class="form_select" multiple filterable clearable placeholder="请选择标签类型">
           <el-option v-for="item in orderTag" :key="item.F_Value" :label="item.F_Value" :value="item.F_Value"/>
         </el-select>
       </el-form-item>
@@ -49,7 +49,7 @@ export default {
           if (response.state.toLowerCase() === 'success') {
             this.$parent.$layer.close(this.layerid);
             this.$parent.getList(); // 重新加载父级数据
-            this.$message.success('恭喜你，工单信息审核成功!')
+            this.$message.success('恭喜你，操作成功!')
           }
         }).catch(() => {
           this.loading = false

CallCenterWeb.UI/src/views/customerServiceManagement/orderListCustomerService/logistics.vue

@@ -0,0 +1,89 @@
+<template>
+  <div>
+    <el-form ref="ruleForm" :model="ruleForm" label-width="80px">
+      <el-form-item label="订单类型" prop="tags">
+        <el-select
+          v-model="ruleForm.status"
+          class="form_select"
+          filterable
+          clearable
+          placeholder="请选择订单类型"
+        >
+          <el-option
+            v-for="item in logisticsStatusList"
+            :key="item.id"
+            :label="item.text"
+            :value="item.id"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm()">提交</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+import { logisticsStatusOrderCustomerService } from "@/api/customerServiceManagement/orderListCustomerService";
+export default {
+  props: {
+    rowid: {
+      type: String,
+      default: "",
+    },
+    layerid: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      ruleForm: {
+        orderids: "", //订单编号
+        status: "", //标签内容
+      },
+      logisticsStatusList: [
+        {
+          id: 1,
+          text: '未签收',
+        },{
+          id: 2,
+          text: '签收',
+        },{
+          id: 3,
+          text: '改代收',
+        },{
+          id: 4,
+          text: '拒收',
+        }
+      ], //物流状态
+    };
+  },
+  created() {
+    if (this.rowid) {
+      this.ruleForm.orderids = this.rowid;
+    }
+  },
+  methods: {
+    submitForm() {
+      // this.ruleForm.status = this.ruleForm.status.join(",");
+      logisticsStatusOrderCustomerService(this.ruleForm)
+        .then((response) => {
+          if (response.state.toLowerCase() === "success") {
+            this.$parent.$layer.close(this.layerid);
+            this.$parent.getList(); // 重新加载父级数据
+            this.$message.success("恭喜你，操作成功!");
+          }
+        })
+        .catch(() => {
+          this.loading = false;
+        });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.form_select {
+  width: 100%;
+}
+</style>

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

@@ -116,11 +116,6 @@
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="快递单号" >
-            <el-input v-model="ruleForm.F_TrackingNo" placeholder="请输入快递单号"/>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
           <el-form-item label="收件人" >
             <el-input v-model="ruleForm.F_Addressee" placeholder="请输入收件人"/>
           </el-form-item>
@@ -774,7 +769,6 @@ export default {
     },
     //删除商品
     btn_deleteCommodity (val) {
-      console.log('val',this.commodityTableData.length)
       if (this.commodityTableData.length <= 1) {
         this.$message({
           message: '不能删除所有商品！',

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

@@ -64,6 +64,11 @@
       <el-table-column prop="F_BelongName" label="归属员工" align="center" />
       <el-table-column prop="F_Type" label="订单类型" align="center" />
       <el-table-column prop="F_Express" label="快递公司" align="center" />
+      <el-table-column label="物流状态" align="center" >
+        <template slot-scope="scope">
+          {{ scope.row.F_Status | judgmentStatusName }}
+        </template>
+      </el-table-column>
       <el-table-column label="操作" width="240" align="center" class-name="oparate_btn" fixed="right">
         <template slot-scope="scope">
           <el-button v-permission="'HY_pay_money'" v-if="authority_pay_money(scope.row.F_PayState)" type="text" @click="btn_pay_money(scope.row.F_Id)">支付</el-button>
@@ -117,6 +122,16 @@ export default {
       }
       return statusMap[status]
     },
+    judgmentStatusName(status) {
+      const statusMap = {
+        '0': '未发出',
+        '1': '未签收',
+        '2': '签收',
+        '3': '改代收',
+        '4': '拒收',
+      }
+      return statusMap[status]
+    },
     judgmentOrderGoods(status) {
       let orderGoodsNameQuantity = ''
       for (let i = 0; i < status.length; i++) {

CallCenterWeb.UI/src/views/outbound/allot/components/outboundAllot.vue

@@ -0,0 +1,358 @@
+<template>
+  <div v-loading="loading" class="outboundAllot">
+    <el-row :gutter="10">
+      <el-col :md="2" class="filter-item">
+        <el-checkbox
+          :class="{isChecked_all: checkAll, checked_all:true}"
+          :indeterminate="isIndeterminate"
+          v-model="checkAll"
+          @change="checkAllChange">
+          {{ checkAll === true ? '已全选' : '全选' }}
+        </el-checkbox>
+      </el-col>
+      <el-col :md="18" class="filter-item">
+        <el-input v-model="keyword" placeholder="请输入坐席工号或坐席姓名"/>
+      </el-col>
+      <el-col :md="3" class="filter-item">
+        <el-button type="primary" icon="el-icon-search" @click="btn_search">搜索</el-button>
+      </el-col>
+
+      <el-col :md="24" class="tags_area">
+        <el-tag
+          v-for="tag in seatListsTags"
+          :key="tag"
+          :disable-transitions="false"
+          class="tags"
+          size="medium"
+          closable
+          @close="closeTag(tag)">
+          {{ tag }}
+        </el-tag>
+      </el-col>
+      <el-col :md="24" class="clearfix">
+        <el-checkbox-group v-model="seatListsTags" @change="seatListsCheckedChange">
+          <el-col v-for="item in seatLists" :md="6" :key="item.id" class="seat_lists">
+            <el-card :body-style="{ padding: '0px' }" shadow="always">
+              <div class="clearfix">
+                <el-col :lg="10" class="left_item" style="padding: 0;">
+                  <div class="seat_choice">
+                    <img :src="!item.head_small_img ? '/static/img/user.png' : item.head_small_img" class="seat_img" alt="坐席头像" >
+                    <p>
+                      <el-checkbox
+                        :label="item.usercode + '-' + item.username"
+                        :key="item.usercode + '-' + item.username"
+                        class="seat_check">
+                        {{ item.isChecked === true ? '已选择' : '选择' }}
+                      </el-checkbox>
+                    </p>
+                  </div>
+                </el-col>
+                <el-col :lg="14" class="right_item" style="padding: 0;">
+                  <ul class="seat_con">
+                    <li>{{ item.usercode }}</li>
+                    <li>{{ item.username }}</li>
+                    <li>{{ groupFilter(item.group) }}</li>
+                    <li class="noborder">{{ roleFilter(item.role_id) }}</li>
+                  </ul>
+                </el-col>
+              </div>
+            </el-card>
+          </el-col>
+        </el-checkbox-group>
+      </el-col>
+      <el-col :md="24" class="allot_btn">
+        <el-button type="primary" @click="submitList">分配</el-button>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { getSeatLists } from '@/api/telCall/seatMonitor'
+import { fpdata } from '@/api/outbound/allot'
+import { getSeatGroup, getRoleSelect } from '@/api/commonAPI'
+import { mapGetters } from 'vuex'
+
+export default {
+  name: 'OutboundAllot',
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      seatGroups: [], // 坐席组数据
+      seatRoles: [], // 坐席角色数据
+      checkAll: true,
+      isIndeterminate: false, // 全选获取全不选是false(其他状态是true)
+      loading: false,
+      keyword: '',
+      seatLists: [], // 坐席数据
+      seatListsTags: [] // 坐席标签数据,选中坐席的数据
+    }
+  },
+  computed: {
+    groupFilter() {
+      return function(id) {
+        for (let i = 0; i < this.seatGroups.length; i++) {
+          if (this.seatGroups[i].id === id) {
+            return this.seatGroups[i].name
+          }
+        }
+      }
+    },
+    roleFilter() {
+      return function(id) {
+        for (let i = 0; i < this.seatRoles.length; i++) {
+          if (this.seatRoles[i].id === id) {
+            return this.seatRoles[i].name
+          }
+        }
+      }
+    }
+  },
+  created() {
+    if (this.rowid) {
+      Promise.all([this.getSeatGroupList(), this.getRoles()])
+        .then(() => {
+          this.getSeatList()
+        })
+      document.onkeyup = (e) => {
+        if (e.keyCode === 13) {
+          this.getSeatList()
+        }
+      }
+    }
+  },
+  methods: {
+    submitList() {
+      this.loading = true
+      const arruser = this.seatListsTags.map((v, i) => {
+        return v.split('-')[0]
+      })
+      const datas = {
+        taskid: this.rowid, //	是	string	任务id
+        arruser: arruser //	否	string[]	分配坐席
+      }
+      fpdata(datas).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
+      })
+    },
+    // 获取坐席列表
+    getSeatList() {
+      const params = {
+        key: this.keyword.trim() // 否	string	模糊查询，坐席工号或坐席名字
+      }
+      getSeatLists(params).then(response => {
+        if (response.state.toLowerCase() === 'success') {
+          this.seatLists = response.data
+          this.seatLists.forEach((v, i) => {
+            v.isChecked = true
+          })
+          this.checkAllChange(true)
+        }
+      })
+    },
+    btn_search() {
+      this.getSeatList()
+    },
+    checkAllChange(val) {
+      const checkedSeats = []
+      if (val) {
+        this.seatLists.forEach((v, i) => {
+          checkedSeats.push(v.usercode + '-' + v.username)
+          v.isChecked = true
+        })
+      } else {
+        this.seatLists.forEach((v, i) => {
+          v.isChecked = false
+        })
+      }
+      this.seatListsTags = val ? checkedSeats : []
+      this.isIndeterminate = false
+    },
+    seatListsCheckedChange(value) {
+      const checkedCount = value.length
+      this.seatListsTags = value
+      // 切换选中状态
+      this.updateChecked(value)
+      this.checkAll = checkedCount === this.seatLists.length
+      this.isIndeterminate = checkedCount > 0 && checkedCount < this.seatLists.length
+    },
+    closeTag(tag) {
+      this.seatListsTags.splice(this.seatListsTags.indexOf(tag), 1)
+      this.checkAll = false
+      this.isIndeterminate = this.seatListsTags.length !== 0
+      this.updateChecked(tag)
+    },
+    // 切换选中状态
+    updateChecked(value) {
+      this.seatLists.forEach((v, i) => {
+        this.$forceUpdate()// 迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。
+        this.$set(v, 'isChecked', false)
+        for (let j = 0, len = value.length; j < len; j++) {
+          if (value[j].split('-')[0] === v.usercode) {
+            this.$set(v, 'isChecked', true)
+            return
+          }
+        }
+      })
+    },
+    // 获取坐席组数据
+    getSeatGroupList() {
+      return new Promise(resolve => {
+        getSeatGroup().then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            const res = response.data
+            if (res && res.length > 0) {
+              for (let i = 0; i < res.length; i++) {
+                this.seatGroups.push({
+                  id: res[i].id,
+                  name: res[i].zxzname
+                })
+              }
+            }
+          }
+        })
+        resolve()
+      })
+    },
+    // 获取角色数据
+    getRoles() {
+      return new Promise(resolve => {
+        getRoleSelect().then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            const res = response.data
+            if (res && res.length > 0) {
+              for (let i = 0; i < res.length; i++) {
+                this.seatRoles.push({
+                  id: res[i].id,
+                  name: res[i].role_name
+                })
+              }
+            }
+          }
+        })
+        resolve()
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+	.outboundAllot{
+		.isChecked_all{
+			.el-checkbox__input.is-checked+.el-checkbox__label{
+				color: #f56c6c;
+			}
+			.el-checkbox__input.is-checked .el-checkbox__inner{
+				background-color: transparent;
+				border-color: #f56c6c;
+			}
+			.el-checkbox__inner::after{
+				border-color: #f56c6c;
+			}
+		}
+
+		.seat_check{
+			.el-checkbox__inner:hover{
+				border-color: #dcdfe6;
+			}
+			.el-checkbox__input.is-checked+.el-checkbox__label{
+				color: #fff;
+			}
+			.el-checkbox__input .el-checkbox__inner{
+				background-color: #409eff;
+				border-color: #fff;
+			}
+			.el-checkbox__input.is-checked .el-checkbox__inner{
+				background-color: #f56c6c;
+				border-color: #fff;
+			}
+		}
+	}
+</style>
+<style rel="stylesheet/scss" lang="scss" scoped>
+	.outboundAllot{
+		.filter-item{
+			line-height: 32px;
+			overflow: hidden;
+			margin-bottom: 15px;
+			.checked_all{
+				margin-left: 20px;
+			}
+		}
+		.tags_area{
+			margin: 0 5px 15px 5px;
+		}
+		.tags{
+			margin: 0 10px 5px 0;
+		}
+		.seat_lists{
+			margin-bottom: 5px;
+			.left_item{
+				border-right: 1px solid #ebeef5;
+				height: 157px;
+				.seat_choice{
+					text-align: center;
+					.seat_img{
+						width: 70px;
+						height: 70px;
+						margin: 18px auto;
+						border-radius: 2px;
+					}
+					.seat_check{
+						border-radius: 2px;
+						color: #fff;
+						padding: 5px 15px!important;
+						background-color: #409eff;
+					}
+					.seat_check.is-checked{
+						background-color: #f56c6c;
+					}
+				}
+			}
+
+			.right_item{
+				.seat_con{
+					list-style: none;
+					margin: 0;
+					padding: 0;
+					li{
+						color: #333333;
+						font-size: 14px;
+						line-height: 38px;
+						border-bottom: 1px solid #ebeef5;
+						text-align: center;
+					}
+					.noborder{
+						border: none;
+					}
+				}
+
+			}
+
+		}
+		.allot_btn{
+			text-align: center;
+			margin: 20px auto;
+			.el-button{
+				width: 200px;
+			}
+		}
+	}
+</style>

CallCenterWeb.UI/src/views/outbound/allot/components/tabAllot.vue

@@ -0,0 +1,285 @@
+/* eslint-disable vue/require-valid-default-prop */
+<template>
+  <div class="tab_allot">
+    <el-table
+      v-loading="loading"
+      :data="dataLists"
+      :row-key="getRowKeys"
+      :expand-row-keys="expands"
+      border
+      stripe
+      highlight-current-row
+      @current-change="toggleRowExpansion"
+      @row-click="handleTableClick">
+      <el-table-column type="expand" align="center" width="1" fixed="left">
+        <template slot-scope="props">
+          <el-row :gutter="15">
+            <el-col v-show="seatLists.length === 0" :md="24" style="text-align: center;">还没有分配坐席。。。</el-col>
+            <el-col v-for="item in seatLists" v-show="seatLists.length > 0" :md="6" :key="item.id" class="seat_lists">
+              <el-card :body-style="{ padding: '15px' }" shadow="always">
+                <ul class="seat_content clearfix">
+                  <li>参与坐席：{{ item.usercode }}</li>
+                  <li>分配者：{{ item.createusercode }}</li>
+                  <li style="width:100%">分配时间：{{ item.createtime }}</li>
+                </ul>
+              </el-card>
+            </el-col>
+          </el-row>
+        </template>
+      </el-table-column>
+      <el-table-column type="index" label="编号" align="center" fixed width="80"/>
+      <el-table-column label="状态" width="100" align="center">
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.isstart | isstartTypeFilter" size="mini" disable-transitions>
+            {{ scope.row.isstart | isstartTextFilter }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="上架状态" width="90" align="center">
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.isonline | isonlineTypeFilter" size="mini" disable-transitions>
+            {{ scope.row.isonline | isonlineTextFilter }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="taskname" label="计划名称" align="center" min-width=""/>
+      <el-table-column prop="taskremark" label="说明" align="center" min-width=""/>
+      <el-table-column prop="starttime" label="计划开始时间" align="center" min-width=""/>
+      <el-table-column prop="endtime" label="计划结束时间" align="center" min-width=""/>
+      <el-table-column label="操作" width="160" align="center" class-name="oparate_btn" fixed="right">
+        <template slot-scope="scope">
+          <el-button v-permission="'HY_allot'" size="mini" plain type="primary" @click.stop="btn_allot(scope.row.id)">分配</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" />
+
+  </div>
+</template>
+
+<script>
+import {
+  getPlanLists
+} from '@/api/outbound/plan'
+// import { getfplist } from '@/api/outbound/allot'
+import outboundAllot from './outboundAllot'
+import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
+import { mapGetters } from 'vuex'
+import store from '@/store'
+
+export default {
+  name: 'TabAllot',
+  components: {
+    Pagination
+  },
+  filters: {
+    isstartTextFilter(status) {
+      const statusMap = {
+        0: '未启动',
+        1: '已启动',
+        2: '暂停',
+        3: '处理完成',
+        4: '撤销',
+        5: '完成'
+      }
+      return statusMap[status]
+    },
+    isstartTypeFilter(status) {
+      const statusMap = {
+        0: 'info',
+        1: '',
+        2: 'warning',
+        3: 'success',
+        4: 'danger',
+        5: 'success'
+      }
+      return statusMap[status]
+    },
+    isonlineTextFilter(status) {
+      const statusMap = {
+        0: '已下架',
+        1: '已上架'
+      }
+      return statusMap[status]
+    },
+    isonlineTypeFilter(status) {
+      const statusMap = {
+        0: 'danger',
+        1: 'success'
+      }
+      return statusMap[status]
+    }
+  },
+  props: {
+    searchDatas: {
+      type: Object,
+      default: function() { return {} }
+    }
+  },
+  data() {
+    return {
+      loading: false,
+      pageParams: {
+        pageindex: 1, // 当前第几页
+        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
+        total: 0 // 总共多少数据
+      },
+      // 获取row的key值
+      getRowKeys(row) {
+        return row.id
+      },
+      // 要展开的行，数值的元素是row的key值
+      expands: [],
+      dataLists: [], // 列表数据
+      seatLists: []
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'telTaskIsRefresh' // 是否刷新右上角外呼任务信息/自动外呼监控/外呼分配/我的呼叫任务
+    ])
+  },
+  watch: {
+    telTaskIsRefresh: function(newT, oldT) {
+      if (newT === true) {
+        this.getList()
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+
+    getList() {
+      this.loading = true
+      return new Promise(resolve => {
+        const params = {
+          pageindex: this.pageParams.pageindex, // 第几页
+          pagesize: this.pageParams.pagesize, // 每页几条信息
+          key: this.searchDatas.keyword.replace(/\s+/g, ""), //	否	string	任务名称，可模糊查询
+          taskstate: this.searchDatas.sc_state, //	否	int	任务状态 （不传值时查询所有状态）
+          stime: this.searchDatas.searchDate && this.searchDatas.searchDate[0], //	否	string	开始时间
+          etime: this.searchDatas.searchDate && this.searchDatas.searchDate[1], //	否	string	结束时间
+          isallot: this.searchDatas.isallot //	否	int	分配状态 （不传值时查询所有状态）
+        }
+        getPlanLists(params).then(response => {
+          this.loading = false
+          store.dispatch('ChangeTaskInfo', false)
+          if (response.state.toLowerCase() === 'success') {
+            switch (this.searchDatas.isallot) {
+              case '':
+                this.pageParams.total = response.totalcount
+                break
+              case 0:
+                this.pageParams.total = response.wfpcount
+                break
+              case 1:
+                this.pageParams.total = response.fpcount
+                break
+              default:
+                break
+            }
+            this.dataLists = response.rows
+            console.log(this.dataLists)
+            if (response.total >= 100) {
+              response.total = '99+'
+            }
+            if (response.wfpcount >= 100) {
+              response.wfpcount = '99+'
+            }
+            if (response.fpcount >= 100) {
+              response.fpcount = '99+'
+            }
+            // 修改父组件的值
+            this.$emit('getTotalNums', {
+              totalcount: response.totalcount, // 全部
+              wfpcount: response.wfpcount, // 待分配
+              fpcount: response.fpcount // 已分配
+            })
+          }
+        })
+        resolve()
+      })
+    },
+
+    toggleRowExpansion(row) {
+      this.expands = []
+      this.expands.push(row && row.id)
+    },
+
+    // 点击某一行的table
+    handleTableClick(row, event, column) {
+      this.getSeatLists(row.id)
+    },
+
+    // 获取参与坐席
+    getSeatLists(tid) {
+      return new Promise(resolve => {
+        getfplist(tid).then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            response = response.data
+            if (response && response.length > 0) {
+              this.seatLists = []
+              this.seatLists = response
+            } else {
+              this.seatLists = []
+            }
+          }
+        })
+        resolve()
+      })
+    },
+
+    // 分配
+    btn_allot(rid) {
+      this.$layer.iframe({
+        content: {
+          content: outboundAllot, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: {
+            'rowid': rid
+          } // props
+        },
+        area: ['80%', '90%'],
+        title: '外呼计划分配'
+      })
+    }
+
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+	.tab_allot {
+		.list_wait {
+			color: #febd23;
+		}
+
+		.list_done {
+			color: #5ccb91;
+		}
+
+		.seat_lists {
+			margin-bottom: 10px;
+		}
+
+		.seat_content {
+			list-style: none;
+			margin: 0;
+			padding: 0;
+
+			li {
+				float: left;
+				width: 50%;
+				margin-bottom: 4px;
+			}
+		}
+	}
+</style>

CallCenterWeb.UI/src/views/outbound/allot/index.vue

@@ -0,0 +1,222 @@
+<template>
+  <div class="app-container allot">
+    <div class="filter-container">
+      <el-date-picker
+        v-model="searchDatas.searchDate"
+        :picker-options="pickerOptions"
+        class="filter-item"
+        type="daterange"
+        format="yyyy年MM月dd日"
+        value-format="yyyy-MM-dd"
+        align="left"
+        unlink-panels
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"/>
+      <el-select v-model="searchDatas.sc_state" class="filter-item" filterable clearable placeholder="请选择任务状态">
+        <el-option v-for="item in stateOptions" :key="item.id" :label="item.name" :value="item.id"/>
+      </el-select>
+      <el-input v-model="searchDatas.keyword" placeholder="请输入计划名称" class="filter-item"/>
+      <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
+    </div>
+
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="flag">
+      <el-tab-pane v-for="item in tabMapOptions" :key="item.key" :name="item.key">
+        <span slot="label">{{ item.label }}<span :class="item.listclass">({{ item.num }})</span></span>
+        <tabAllot v-if="activeName===item.key" ref="tabtask" :search-datas="searchDatas" @getTotalNums="getTotalNum"/>
+      </el-tab-pane>
+    </el-tabs>
+
+  </div>
+</template>
+
+<script>
+import {
+  pickerOptions
+} from '@/utils'
+import tabAllot from './components/tabAllot'
+import {
+  getPlanLists
+} from '@/api/outbound/plan'
+export default {
+  name: 'Allot',
+  components: {
+    tabAllot
+  },
+  data() {
+    return {
+      pickerOptions, // 日期数据
+      stateOptions: [{
+        'id': '0',
+        'name': '未启动'
+      },
+      {
+        'id': '1',
+        'name': '已启动'
+      },
+      {
+        'id': '2',
+        'name': '暂停'
+      },
+      {
+        'id': '3',
+        'name': '处理完成'
+      },
+      {
+        'id': '4',
+        'name': '撤销'
+      },
+      {
+        'id': '5',
+        'name': '完成'
+      }
+      ], // 任务状态数据
+      searchDatas: {
+        searchDate: '', // 日期
+        sc_state: '', // 任务状态
+        keyword: '', // 计划名称
+        isallot: ''
+      },
+      pageParams: {
+        pageindex: 1, // 当前第几页
+        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
+        total: 0 // 总共多少数据
+      },
+      flag:false,//表头数据展示
+      activeName: 'first',
+      tabMapOptions: [{
+        label: '全部',
+        key: 'first',
+        num: 0,
+        listclass: 'list_all'
+      },
+      {
+        label: '待分配',
+        key: 'second',
+        num: 0,
+        listclass: 'list_wait'
+      },
+      {
+        label: '已分配',
+        key: 'third',
+        num: 0,
+        listclass: 'list_done'
+      }
+      ]
+    }
+  },
+  created() {
+    this.getCurrentList()
+  },
+  mounted() {
+    document.onkeyup = (e) => {
+      if (e.keyCode === 13) {
+        this.$refs.tabtask[0].getList()
+      }
+    }
+  },
+
+  methods: {
+    handleClick(tab, event) {
+      switch (tab.name) {
+        case 'first':
+          this.searchDatas.isallot = ''
+          break
+        case 'second':
+          this.searchDatas.isallot = 0
+          break
+        case 'third':
+          this.searchDatas.isallot = 1
+          break
+        default:
+          break
+      }
+    },
+    btn_search() {
+      this.$refs.tabtask[0].pageParams.pageindex = 1
+      this.$refs.tabtask[0].getList()
+    },
+
+    // 从子组件获取的 数量值
+    getTotalNum(value) {
+      this.tabMapOptions[0].num = value.totalcount // 全部
+      this.tabMapOptions[1].num = value.wfpcount // 待分配
+      this.tabMapOptions[2].num = value.fpcount // 已分配
+    },
+    getCurrentList() {
+      return new Promise(resolve => {
+        const params = {
+          pageindex: this.pageParams.pageindex, // 第几页
+          pagesize: this.pageParams.pagesize, // 每页几条信息
+          key: this.searchDatas.keyword.replace(/\s+/g, ""), //	否	string	任务名称，可模糊查询
+          taskstate: this.searchDatas.sc_state, //	否	int	任务状态 （不传值时查询所有状态）
+          stime: this.searchDatas.searchDate && this.searchDatas.searchDate[0], //	否	string	开始时间
+          etime: this.searchDatas.searchDate && this.searchDatas.searchDate[1], //	否	string	结束时间
+          isallot: this.searchDatas.isallot //	否	int	分配状态 （不传值时查询所有状态）
+        }
+        getPlanLists(params).then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            switch (this.searchDatas.isallot) {
+              case '':
+                this.pageParams.total = response.totalcount
+                break
+              case 0:
+                this.pageParams.total = response.wfpcount
+                break
+              case 1:
+                this.pageParams.total = response.fpcount
+                break
+              default:
+                break
+            }
+            console.log(this.dataLists)
+            if (response.total >= 100) {
+              response.total = '99+'
+            }
+            if (response.wfpcount >= 100) {
+              response.wfpcount = '99+'
+            }
+            if (response.fpcount >= 100) {
+              response.fpcount = '99+'
+            }
+            this.tabMapOptions[0].num = response.totalcount // 全部
+            this.tabMapOptions[1].num = response.wfpcount // 待分配
+            this.tabMapOptions[2].num = response.fpcount // 已分配
+            this.flag = true
+          }
+        })
+        resolve()
+      })
+    },
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+	.allot {
+		.el-table__expand-icon {
+			display: none !important;
+		}
+
+		.el-table tr {
+			cursor: pointer;
+		}
+
+		.el-table__body tr.current-row>td {
+			background: rgba(185, 221, 249, .75);
+		}
+	}
+</style>
+<style rel="stylesheet/scss" lang="scss" scoped>
+	.allot {
+		.list_all {}
+
+		.list_wait {
+			color: #febd23;
+		}
+
+		.list_done {
+			color: #5ccb91;
+		}
+	}
+</style>

CallCenterWeb.UI/src/views/outbound/callResult/detail.vue

@@ -0,0 +1,234 @@
+<template>
+  <div v-loading="loading" class="detailPager">
+    <h1 class="pager_title">{{ title }}</h1>
+    <p class="remark">
+      <el-row :gutter="20">
+        <el-col :lg="8">
+          <span v-if="fullname">姓名: {{ fullname }}</span>
+        </el-col>
+        <el-col :lg="8">
+          <span v-if="mobile">电话: {{ mobile }}</span>
+        </el-col>
+        <el-col :lg="8">
+          <span v-if="address">地址: {{ address }}</span>
+        </el-col>
+      </el-row>
+    </p>
+    <p v-if="remark" class="remark">
+      {{ remark }}
+    </p>
+    <div v-for="item in pagerLists" :key="item.queguid" class="question">
+      <div class="title">
+        <!-- <b class="sign" v-if="item.isRequire">*</b> -->
+        <span class="sort">{{ item.sort + 1 }}</span>
+        <b class="option_title">{{ item.quetitle }}</b>
+      </div>
+      <div class="queOpion">
+        <template v-if="item.type === 1">
+          <p>{{ item.remark }}</p>
+        </template>
+        <template v-else-if="item.type === 2">
+          <el-radio-group v-model="item.ischeckid">
+            <el-radio v-for="optR in item.itemList" :key="optR.itemid" :label="optR.itemid" disabled>
+              {{ optR.name }}
+            </el-radio>
+          </el-radio-group>
+        </template>
+        <template v-else>
+          <el-checkbox-group v-model="item.ischeckid">
+            <el-checkbox v-for="optC in item.itemList" :key="optC.itemid" :label="optC.itemid" disabled>
+              {{ optC.name }}
+            </el-checkbox>
+          </el-checkbox-group>
+        </template>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getAutoPager } from '@/api/outbound/callResult'
+
+export default {
+  name: 'Detail',
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      loading: false,
+      fullname: '',
+      mobile: '',
+      address: '',
+      title: '', // 问卷标题
+      remark: '', // 问卷简述
+      pagerLists: [] // 问卷试题数据
+    }
+  },
+  created() {
+    if (this.rowid) {
+      this.getDetail()
+    }
+  },
+  methods: {
+    getDetail() {
+      this.loading = true
+      getAutoPager(this.rowid).then(response => {
+        this.loading = false
+        if (response.state.toLowerCase() === 'success') {
+          this.fullname = response.data.fullname
+          this.mobile = response.data.mobile
+          this.address = response.data.address
+          this.title = response.data.pagetitle
+          this.remark = response.data.pagecontent
+          this.pagerLists = this.changePagerOptions(response.data.result)
+        }
+      })
+    },
+
+    // 修改获取的试题数据
+    changePagerOptions(arr) {
+      const tem = []
+      arr.forEach((v, i) => {
+        const itemTem = []
+        let ischeckid = null
+        const ischeckids = []
+        if (v.itemList.length > 0) {
+          v.itemList.forEach((k, i) => {
+            itemTem.push({
+              'itemid': k.itemid, // 选项id
+              'name': k.name
+            })
+            if (v.type === 2) {
+              if (k.ischeck === 1) {
+                ischeckid = k.itemid
+              }
+            }
+            if (v.type === 3) {
+              if (k.ischeck === 1) {
+                ischeckids.push(k.itemid)
+              }
+              ischeckid = ischeckids
+            }
+          })
+        }
+        tem.push({
+          'queguid': v.queid,
+          'quetitle': v.quetitle,
+          'ischeckid': ischeckid,
+          'type': v.type,
+          'sort': v.sort,
+          'remark': v.remark,
+          'itemList': itemTem
+        })
+      })
+      return tem
+    }
+
+  }
+
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+	.detailPager{
+		.el-radio__input.is-disabled+span.el-radio__label,
+		.el-checkbox__input.is-disabled+span.el-checkbox__label{
+			color: #333333;
+		}
+
+		.el-radio__input.is-checked+span.el-radio__label,
+		.el-checkbox__input.is-checked+span.el-checkbox__label{
+			color: #f56c6c;
+		}
+
+		.el-radio__input.is-disabled.is-checked .el-radio__inner,
+		.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{
+			border-color: #f56c6c;
+			background-color: transparent;
+		}
+
+		.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
+			background-color: #f56c6c;
+		}
+		.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{
+			border-color: #f56c6c;
+		}
+
+	}
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+	.detailPager{
+		.pager_title{
+			text-align: center;
+			font-size: 24px;
+			color: #333333;
+		}
+		.remark{
+			font-size: 16px;
+			text-align: justify;
+			text-indent: 2em;
+			letter-spacing: 1px;
+			color: #333333;
+			word-break: break-all;
+			word-wrap: break-word;
+			line-height: 24px;
+		}
+		.question{
+			padding: 20px;
+			border-bottom: 2px solid #F1F1F1;
+			.title{
+				margin-bottom: 30px;
+				position: relative;
+				.sign{
+					color: #F14949;
+					vertical-align: middle;
+					position: absolute;
+					left: 5px;
+					top: 5px;
+				}
+				.sort{
+					display: inline-block;
+					width: 30px;
+					height: 24px;
+					background-color: #409EFF;
+					border-radius: 2px;
+					color: #FFFFFF;
+					text-align: center;
+					line-height: 24px;
+					font-size: 14px;
+					margin-left: 10px;
+				}
+				.option_title{
+					padding-left: 20px;
+					font-weight: bold;
+					font-size: 14px;
+					color: #333333;
+				}
+			}
+			.queOpion{
+				font-size: 14px;
+				padding: 0 12px;
+				color: #333333;
+			}
+			.operate_btn{
+				text-align: right;
+			}
+		}
+		.btn{
+			width: 100%;
+			text-align: center;
+			.el-button{
+				width: 240px;
+			}
+		}
+	}
+</style>

CallCenterWeb.UI/src/views/outbound/callResult/index.vue

@@ -0,0 +1,182 @@
+<template>
+  <div class="app-container customer">
+    <div class="filter-container">
+      <el-date-picker
+        v-model="searchDate"
+        :picker-options="pickerOptions"
+        class="filter-item"
+        type="daterange"
+        format="yyyy年MM月dd日"
+        value-format="yyyy-MM-dd"
+        align="left"
+        unlink-panels
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"/>
+      <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>
+    </div>
+
+    <el-table v-loading="loading" :data="dataLists" border stripe>
+      <el-table-column type="index" label="编号" align="center" fixed width="80"/>
+      <el-table-column prop="fullname" label="姓名" align="center" min-width=""/>
+      <el-table-column prop="mobile" label="电话" align="center" min-width=""/>
+      <el-table-column label="地址" align="center" min-width="">
+        <template slot-scope="scope">
+          {{ scope.row.address | formatterContent }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="pagetitle" label="问卷名称" align="center" min-width=""/>
+      <el-table-column label="问卷内容简述" align="center" min-width="">
+        <template slot-scope="scope">
+          {{ scope.row.pagecontent | formatterContent }}
+        </template>
+      </el-table-column>
+      <!-- 			<el-table-column label="问卷结果简述" align="center" min-width="">
+				<template slot-scope="scope">
+					{{ scope.row.describe | formatterContent}}
+				</template>
+			</el-table-column> -->
+      <el-table-column label="呼叫结果" align="center" min-width="110">
+        <template slot-scope="scope">
+          {{ callResultsFilter(scope.row.callresult) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="createuser" label="坐席工号" align="center" min-width=""/>
+      <el-table-column prop="createusername" label="坐席姓名" align="center" min-width=""/>
+      <!-- <el-table-column prop="totalnum" label="录音" align="center" min-width=""></el-table-column> -->
+      <el-table-column prop="createtime" label="创建时间" align="center" min-width="130"/>
+      <el-table-column label="操作" width="160" align="center" class-name="oparate_btn" fixed="right">
+        <template slot-scope="scope">
+          <el-button v-permission="'HY_detail'" v-if="scope.row.callresult === '5bfe540c5a10b06b7a35a83a'" size="mini" plain type="primary" @click="btn_detail(scope.row.id)">查看问卷</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" />
+  </div>
+</template>
+
+<script>
+import {
+  getAutoPagerLists
+} from '@/api/outbound/callResult'
+import {
+  getDictionary
+} from '@/api/commonAPI'
+import detail from './detail'
+import {
+  pickerOptions,
+  formatterContent
+} from '@/utils'
+import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
+
+export default {
+  name: 'CallResult',
+  components: {
+    Pagination
+  },
+  data() {
+    return {
+      loading: false,
+      keyword: '',
+      searchDate: '',
+      pickerOptions,
+      pageParams: {
+        pageindex: 1, // 当前第几页
+        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
+        total: 0 // 总共多少数据
+      },
+      dataLists: [], // 列表数据
+      callResults: [] // 呼叫结果数据
+    }
+  },
+  computed: {
+    callResultsFilter() {
+      return function(id) {
+        for (let i = 0; i < this.callResults.length; i++) {
+          if (this.callResults[i].id === id) {
+            return this.callResults[i].name
+          }
+        }
+      }
+    }
+  },
+  created() {
+    this.getCallResuts().then(() => {
+      this.getList()
+      document.onkeyup = (e) => {
+        if (e.keyCode === 13) {
+          this.getList()
+        }
+      }
+    })
+  },
+  methods: {
+
+    getList() {
+      this.loading = true
+      return new Promise(resolve => {
+        const params = {
+          pageindex: this.pageParams.pageindex, // 第几页
+          pagesize: this.pageParams.pagesize, // 每页几条信息
+          keyword: this.keyword, // 否	string	模糊查询（电话）
+          stime: this.searchDate && this.searchDate[0], // 否	datetime	起始时间
+          etime: this.searchDate && this.searchDate[1] // 否	datetime	结束时间
+        }
+        getAutoPagerLists(params).then(response => {
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.pageParams.total = response.data.total
+            this.dataLists = response.data.rows
+          }
+        })
+        resolve()
+      })
+    },
+
+    btn_search() {
+      this.pageParams.pageindex = 1
+      this.getList()
+    },
+
+    btn_detail(editId) {
+      this.$layer.iframe({
+        content: {
+          content: detail, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: {
+            'rowid': editId
+          } // props
+        },
+        area: ['80%', '90%'],
+        title: '查看问卷'
+      })
+    },
+
+    // 获取呼叫结果数据
+    getCallResuts() {
+      return new Promise(resolve => {
+        getDictionary('ZDWHJG').then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            this.callResults = response.data
+          }
+        })
+        resolve()
+      })
+    }
+
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+	.customer .filter-item.el-input {
+		width: 260px;
+	}
+</style>

CallCenterWeb.UI/src/views/outbound/joinTask/index.vue

@@ -0,0 +1,326 @@
+<template>
+  <div v-loading="loading" class="joinTask">
+    <template v-if="taskLists.length">
+      <el-checkbox-group v-model="seatListsTags" @change="seatListsCheckedChange">
+        <el-card
+          v-for="item in taskLists"
+          :key="item.id"
+          :body-style="{ padding: '15px' }"
+          :class="{isJoin:item.joinflag}"
+          shadow="always"
+          class="join_list">
+          <div class="table-responsive">
+            <table class="table">
+              <tbody>
+                <tr>
+                  <th>任务名称</th>
+                  <td>{{ item.taskname }}</td>
+                  <th>任务量</th>
+                  <td class="red">{{ item.totalnum }}</td>
+                  <td rowspan="2" class="no_bottom_border"/>
+                </tr>
+                <tr class="bg_gray">
+                  <th>创建人</th>
+                  <td>{{ item.createusercode }}</td>
+                  <th>剩余</th>
+                  <td class="red">{{ item.surplusnum }}</td>
+                </tr>
+                <tr>
+                  <th>呼叫方式</th>
+                  <td>{{ item.calltype | calltypeFilter }}</td>
+                  <th>{{ item.bftype | bftypeFilter }}</th>
+                  <td>{{ item.bfnum }}</td>
+                  <td rowspan="3" class="join_btns">
+                    <el-checkbox :label="item.id" :key="item.id" class="seat_check">
+                      {{ item.joinflag === 0 ? '立即参与' : '取消参与' }}
+                    </el-checkbox>
+                  </td>
+                </tr>
+                <tr class="bg_gray">
+                  <th>起止日期</th>
+                  <td>{{ item.starttime+' 到  '+item.endtime }}</td>
+                  <th>接通</th>
+                  <td class="red">{{ item.successnum }}</td>
+                </tr>
+                <tr>
+                  <th>说明备注</th>
+                  <td colspan="3">{{ item.taskremark }}</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </el-card>
+      </el-checkbox-group>
+    </template>
+    <p v-else>
+      <el-alert :closable="false" title="暂无任务信息。。。" type="warning" center show-icon/>
+    </p>
+  </div>
+</template>
+
+<script>
+import {
+  getAlloList,
+  cancelJoin,
+  getTaskRealInfo
+} from '@/api/outbound/tasks'
+import {
+  mapGetters
+} from 'vuex'
+import store from '@/store'
+
+export default {
+  name: 'JoinTask',
+  filters: {
+    calltypeFilter(status) {
+      const statusMap = {
+        0: '不播放语音直接转坐席',
+        1: '播放语音后转坐席',
+        2: '播放语音后按1键转坐席',
+        3: '不转坐席'
+      }
+      return statusMap[status]
+    },
+    bftypeFilter(status) {
+      const statusMap = {
+        0: '并发数',
+        1: '进号码速率'
+      }
+      return statusMap[status]
+    }
+  },
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      loading: false,
+      taskLists: [], // 任务列表信息
+      seatListsTags: [] // 选中坐席的数据
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'usercode',
+      'telIsVisTaskFirst'
+    ])
+  },
+  watch: {
+    // 如果 `seatListsTags` 发生改变，这个函数就会运行
+    seatListsTags: function(newT, oldT) {
+      if (newT.length === 1 && oldT.length === 0) {
+        this.joinNow(newT[0], 1) // 立即参与
+      }
+      if (newT.length === 0 && oldT.length === 1) {
+        this.joinNow(oldT[0], 0) // 取消参与
+      }
+
+      if (newT.length === 2 && oldT.length === 1) {
+        const joinTid = newT[1]
+        // 取消参与
+        this.joinNow(oldT[0], 0).then(() => {
+          // 立即参与
+          this.joinNow(joinTid, 1)
+        })
+      }
+    }
+  },
+  created() {
+    if (this.telIsVisTaskFirst) {
+      this.getListFirst()
+    } else {
+      this.getList()
+    }
+  },
+  methods: {
+    // 获取任务信息列表(第一次弹出调用)
+    getListFirst() {
+      this.loading = true
+      return new Promise(resolve => {
+        getAlloList().then(response => {
+          this.loading = false
+          store.dispatch('ChangeTaskFirst', false) // 外呼任务信息是否是第一次弹出
+          if (response.state.toLowerCase() === 'success') {
+            if (response.data && response.data.length > 0) {
+              this.taskLists = response.data
+            }
+          }
+        })
+        resolve()
+      })
+    },
+    // 获取任务信息列表
+    getList() {
+      this.loading = true
+      return new Promise(resolve => {
+        getTaskRealInfo().then(response => {
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            if (response.data && response.data.length > 0) {
+              this.taskLists = response.data
+              for (let i = 0, len = this.taskLists.length; i < len; i++) {
+                if (this.taskLists[i].joinflag === 1) {
+                  this.seatListsTags.push(this.taskLists[i].id)
+                  return
+                }
+              }
+              // console.log(this.seatListsTags)
+            }
+          }
+        })
+        resolve()
+      })
+    },
+    // 选择切换
+    seatListsCheckedChange(value) {
+      this.$forceUpdate() // 迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。
+      if (value.length === 0) {
+        this.taskLists.forEach((v, i) => {
+          this.$set(v, 'joinflag', 0)
+        })
+        return
+      }
+      if (value.length > 1) {
+        this.seatListsTags = value.splice(value.length - 1)
+      }
+      this.taskLists.forEach((v, i) => {
+        this.$set(v, 'joinflag', 0)
+        if (this.seatListsTags[0] === v.id) {
+          this.$set(v, 'joinflag', 1)
+        }
+      })
+    },
+    /**
+			 * 参与
+			 * taskid 任务id
+			 * joinflag 参与标志（1为参与，0为不参与）
+			 */
+    joinNow(taskid, joinflag) {
+      return new Promise(resolve => {
+        cancelJoin({
+          taskid: taskid, //	是	string	任务id
+          agentid: this.usercode, //	是	string	坐席工号
+          joinflag: joinflag //	是	int	参与标志（1为参与，0为不参与）
+        }).then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            this.$parent.$layer.close(this.layerid)
+            store.dispatch('ChangeTask', false)
+            if (joinflag === 1) {
+              this.$message.success('恭喜你，参与成功!')
+            } else {
+              this.$message.success('恭喜你，取消成功!')
+            }
+            // 更新右上角任务信息/自动外呼监控/外呼分配/我的呼叫任务
+            store.dispatch('ChangeTaskInfo', true)
+          }
+        })
+        resolve()
+      })
+    }
+
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+	.joinTask {
+		.seat_check {
+			.el-checkbox__inner {
+				border-color: #409eff;
+			}
+
+			.el-checkbox__label {
+				color: #409eff;
+			}
+
+			.el-checkbox__input.is-checked+.el-checkbox__label {
+				color: #f56c6c;
+			}
+
+			.el-checkbox__input.is-checked .el-checkbox__inner {
+				background-color: #fff;
+				border-color: #f56c6c;
+			}
+
+			.el-checkbox__inner::after {
+				border-color: #f56c6c;
+			}
+		}
+	}
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+	.joinTask {
+		.join_list {
+			border: none;
+			margin-bottom: 10px;
+		}
+
+		.isJoin {
+			-webkit-box-shadow: 0 4px 6px 0 rgba(141, 141, 141, .4);
+			box-shadow: 0 4px 6px 0 rgba(141, 141, 141, .4);
+		}
+
+		.table-responsive {
+			box-sizing: border-box;
+			display: block;
+			width: 100%;
+			overflow-x: auto;
+			-webkit-overflow-scrolling: touch;
+			-ms-overflow-style: -ms-autohiding-scrollbar;
+		}
+
+		.table {
+			box-sizing: border-box;
+			font-size: 14px;
+			color: #666666;
+			border: 1px solid #ebeef5;
+			border-collapse: collapse;
+			width: 100%;
+			max-width: 100%;
+
+			td,
+			th {
+				border: 1px solid #ebeef5;
+				padding: .75rem;
+				vertical-align: top;
+			}
+
+			td {
+				color: #333333;
+			}
+
+			th {
+				width: 100px;
+				text-align: left;
+				font-weight: normal;
+			}
+
+			.bg_gray {
+				background-color: #fafafa;
+			}
+
+			.no_bottom_border {
+				border-bottom: none;
+			}
+
+			.join_btns {
+				text-align: center;
+				border-top: none;
+				width: 130px;
+			}
+
+		}
+
+		.red {
+			color: red !important;
+		}
+	}
+</style>

CallCenterWeb.UI/src/views/outbound/myTask/components/tabMyTask.vue

@@ -0,0 +1,192 @@
+<template>
+  <div>
+    <el-table
+      v-loading="loading"
+      :data="dataLists"
+      border
+      stripe>
+      <el-table-column type="index" label="编号" align="center" fixed width="60"/>
+      <el-table-column label="状态" width="100" align="center">
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.isstart | isstartTypeFilter" size="mini" disable-transitions>
+            {{ scope.row.isstart | isstartTextFilter }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="taskname" label="计划名称" align="center" min-width="160"/>
+      <el-table-column prop="totalnum" label="号码数量" align="center"/>
+      <el-table-column prop="surplusnum" label="剩余数量" align="center"/>
+      <el-table-column prop="callnum" label="已呼叫数量" align="center"/>
+      <el-table-column prop="successnum" label="接通数量" align="center"/>
+      <el-table-column prop="agentnum" label="坐席数量" align="center"/>
+      <el-table-column prop="successpercent" label="接通率" align="center"/>
+      <el-table-column prop="agentsuccessnum" label="坐席接通数量" align="center"/>
+      <el-table-column prop="agentsuccesspercent" label="坐席接通率" align="center"/>
+      <el-table-column prop="starttime" label="任务开始日期" min-width="100" align="center"/>
+      <el-table-column label="任务结束日期" min-width="100" align="center">
+        <template slot-scope="scope">
+          <span :class="scope.row.endtime | endtimeFilter">{{ scope.row.endtime }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="createtime" label="创建时间" min-width="110" align="center"/>
+      <el-table-column label="操作" width="180" align="center" class-name="oparate_btn" fixed="right">
+        <template slot-scope="scope">
+          <el-tooltip class="item" effect="dark" content="点击导出已接通号码" placement="top-start">
+            <el-button v-permission="'HY_export'" size="mini" circle type="primary" plain @click="btn_export(scope.row.id, 1)">
+              <svg-icon icon-class="daochu"/>
+            </el-button>
+          </el-tooltip>
+          <el-tooltip class="item" effect="dark" content="点击导出未接通号码" placement="top-start">
+            <el-button v-permission="'HY_export'" size="mini" circle type="primary" plain @click="btn_export(scope.row.id, 0)">
+              <i class="el-icon-upload2"/>
+            </el-button>
+          </el-tooltip>
+        </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" />
+
+  </div>
+</template>
+
+<script>
+import { endtimeFilter } from '@/utils'
+import { getTaskLists, cancelJoin } from '@/api/outbound/tasks'
+import { mapGetters } from 'vuex'
+import store from '@/store'
+import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
+
+export default {
+  name: 'TabMyTask',
+  components: {
+    Pagination
+  },
+  filters: {
+    isstartTextFilter(status) {
+      const statusMap = {
+        0: '未启动',
+        1: '已启动',
+        2: '暂停',
+        3: '处理完成',
+        4: '撤销',
+        5: '完成'
+      }
+      return statusMap[status]
+    },
+    isstartTypeFilter(status) {
+      const statusMap = {
+        0: 'info',
+        1: '',
+        2: 'warning',
+        3: 'success',
+        4: 'danger',
+        5: 'success'
+      }
+      return statusMap[status]
+    }
+  },
+  props: {
+    searchDatas: {
+      type: Object,
+      default: function() {}
+    }
+  },
+  data() {
+    return {
+      loading: false,
+      pageParams: {
+        pageindex: 1, // 当前第几页
+        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
+        total: 0 // 总共多少数据
+      },
+      dataLists: [] // 列表数据
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'usercode',
+      'telTaskIsRefresh' // 是否刷新右上角外呼任务信息/自动外呼监控/外呼分配/我的呼叫任务
+    ])
+  },
+  watch: {
+    telTaskIsRefresh: function(newT, oldT) {
+      if (newT === true) {
+        this.getList()
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+
+  methods: {
+    getList() {
+      this.loading = true
+      return new Promise(resolve => {
+        const params = {
+          pageindex: this.pageParams.pageindex, // 第几页
+          pagesize: this.pageParams.pagesize, // 每页几条信息
+          infokind: this.searchDatas.ishistory, // 否	int	查询类型（为0或不传时获取全部，为1时获取当前任务，为2时获取历史任务）
+          isstart: this.searchDatas.sc_state, //	否	int	任务状态 （不传值时查询所有状态）
+          stime: this.searchDatas.searchDate && this.searchDatas.searchDate[0], //	否	string	开始时间
+          etime: this.searchDatas.searchDate && this.searchDatas.searchDate[1], //	否	string	结束时间
+          agentid: this.usercode, // 否	string	坐席工号（不传值查询全部坐席）
+          taskname: this.searchDatas.keyword //	否	string	计划名称，可模糊查询
+        }
+        getTaskLists(params).then(response => {
+          store.dispatch('ChangeTaskInfo', false)
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            switch (this.searchDatas.ishistory) {
+              case 0:
+                this.pageParams.total = response.total
+                break
+              case 1:
+                this.pageParams.total = response.dqnum
+                break
+              case 2:
+                this.pageParams.total = response.lsnum
+                break
+              default:
+                break
+            }
+            this.dataLists = response.rows
+            if (response.total >= 100) {
+              response.total = '99+'
+            }
+            if (response.dqnum >= 100) {
+              response.dqnum = '99+'
+            }
+            if (response.lsnum >= 100) {
+              response.lsnum = '99+'
+            }
+            // 修改父组件的值
+            this.$emit('getTotalNums', {
+              totalcount: response.total, // 全部
+              wfpcount: response.dqnum, // 当前任务
+              fpcount: response.lsnum // 历史任务
+            })
+          }
+        })
+        resolve()
+      })
+    },
+
+    // 导出已接通或者未接通  0=导出未接通号码 1=导出已接通号码
+    btn_export(tid, type) {
+      window.location.href =
+					`${this.$store.getters.serverConfig.BASE_API}callcenterapi/api/autocallouttask/exportexcel?taskid=${tid}&calloutok=${type}`
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>

CallCenterWeb.UI/src/views/outbound/myTask/index.vue

@@ -0,0 +1,213 @@
+<template>
+  <div class="app-container tasks">
+    <div class="filter-container">
+      <el-date-picker
+        v-model="searchDatas.searchDate"
+        :picker-options="pickerOptions"
+        class="filter-item"
+        type="daterange"
+        format="yyyy年MM月dd日"
+        value-format="yyyy-MM-dd"
+        align="left"
+        unlink-panels
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"/>
+      <el-select v-model="searchDatas.sc_state" class="filter-item" filterable clearable placeholder="请选择任务状态">
+        <el-option v-for="item in stateOptions" :key="item.id" :label="item.name" :value="item.id"/>
+      </el-select>
+      <el-input v-model="searchDatas.keyword" placeholder="请输入计划名称" class="filter-item"/>
+      <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
+    </div>
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="flag">
+      <el-tab-pane v-for="item in tabMapOptions" :key="item.key" :name="item.key">
+        <span slot="label">{{ item.label }}<span :class="item.listclass">({{ item.num }})</span></span>
+        <tabMyTask v-if="activeName===item.key" ref="tabtask" :search-datas="searchDatas" @getTotalNums="getTotalNum"/>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import {
+  getNowDate,
+  getFirstDayInCurrentMonth,
+  pickerOptions
+} from '@/utils'
+import {
+  getSeatLists
+} from '@/api/telCall/seatMonitor'
+import { mapGetters } from 'vuex'
+import tabMyTask from './components/tabMyTask'
+import {getTaskLists} from '@/api/outbound/tasks'
+
+export default {
+  name: 'MyTask',
+  components: {
+    tabMyTask
+  },
+  data() {
+    return {
+      pickerOptions, // 日期数据
+      stateOptions: [{
+        'id': '0',
+        'name': '未启动'
+      },
+      {
+        'id': '1',
+        'name': '已启动'
+      },
+      {
+        'id': '2',
+        'name': '暂停'
+      },
+      {
+        'id': '3',
+        'name': '处理完成'
+      },
+      {
+        'id': '4',
+        'name': '撤销'
+      },
+      {
+        'id': '5',
+        'name': '完成'
+      }
+      ], // 任务状态数据
+      searchDatas: {
+        searchDate: [getFirstDayInCurrentMonth(), getNowDate()], // 日期
+        sc_state: '', // 任务状态
+        keyword: '', // 计划名称
+        ishistory: 0
+      },
+      pageParams: {
+        pageindex: 1, // 当前第几页
+        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
+        total: 0 // 总共多少数据
+      },
+      flag:false,//表头数据展示
+      activeName: 'first',
+      tabMapOptions: [{
+        label: '全部',
+        key: 'first',
+        num: 0,
+        listclass: 'list_all'
+      },
+      {
+        label: '当前任务',
+        key: 'second',
+        num: 0,
+        listclass: 'list_wait'
+      },
+      {
+        label: '历史任务',
+        key: 'third',
+        num: 0,
+        listclass: 'list_done'
+      }
+      ]
+    }
+  },
+  created() {
+    this.getCurrentList()
+  },
+  mounted() {
+    document.onkeyup = (e) => {
+      if (e.keyCode === 13) {
+        this.$refs.tabtask[0].getList()
+      }
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'usercode',
+    ])
+  },
+  methods: {
+    handleClick(tab, event) {
+      switch (tab.name) {
+        case 'first':
+          this.searchDatas.ishistory = 0
+          break
+        case 'second':
+          this.searchDatas.ishistory = 1
+          break
+        case 'third':
+          this.searchDatas.ishistory = 2
+          break
+        default:
+          break
+      }
+    },
+
+    btn_search() {
+      this.$refs.tabtask[0].pageParams.pageindex = 1
+      this.$refs.tabtask[0].getList()
+    },
+
+    // 从子组件获取的 数量值
+    getTotalNum(value) {
+      this.tabMapOptions[0].num = value.totalcount // 全部
+      this.tabMapOptions[1].num = value.wfpcount // 当前任务
+      this.tabMapOptions[2].num = value.fpcount // 历史任务
+    },
+    getCurrentList() {
+      return new Promise(resolve => {
+        const params = {
+          pageindex: this.pageParams.pageindex, // 第几页
+          pagesize: this.pageParams.pagesize, // 每页几条信息
+          infokind: this.searchDatas.ishistory, // 否	int	查询类型（为0或不传时获取全部，为1时获取当前任务，为2时获取历史任务）
+          isstart: this.searchDatas.sc_state, //	否	int	任务状态 （不传值时查询所有状态）
+          stime: this.searchDatas.searchDate && this.searchDatas.searchDate[0], //	否	string	开始时间
+          etime: this.searchDatas.searchDate && this.searchDatas.searchDate[1], //	否	string	结束时间
+          agentid: this.usercode, // 否	string	坐席工号（不传值查询全部坐席）
+          taskname: this.searchDatas.keyword //	否	string	计划名称，可模糊查询
+        }
+        getTaskLists(params).then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            switch (this.searchDatas.ishistory) {
+              case 0:
+                this.pageParams.total = response.total
+                break
+              case 1:
+                this.pageParams.total = response.dqnum
+                break
+              case 2:
+                this.pageParams.total = response.lsnum
+                break
+              default:
+                break
+            }
+            if (response.total >= 100) {
+              response.total = '99+'
+            }
+            if (response.dqnum >= 100) {
+              response.dqnum = '99+'
+            }
+            if (response.lsnum >= 100) {
+              response.lsnum = '99+'
+            }
+            this.tabMapOptions[0].num = response.total // 全部
+            this.tabMapOptions[1].num = response.dqnum // 当前任务
+            this.tabMapOptions[2].num = response.lsnum // 历史任务
+            this.flag = true
+          }
+        })
+        resolve()
+      })
+    },
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+	.tasks {
+		.list_wait {
+			color: #febd23;
+		}
+
+		.list_done {
+			color: #5ccb91;
+		}
+	}
+</style>

CallCenterWeb.UI/src/views/outbound/plan/addOrEdit.vue

@@ -0,0 +1,387 @@
+<template>
+  <div v-loading="loading" class="plan">
+    <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="130px">
+      <el-form-item label="计划名称" prop="taskname">
+        <el-input v-model="ruleForm.taskname" placeholder="请输入计划名称"/>
+      </el-form-item>
+      <el-form-item label="计划起止日期" prop="searchDate">
+        <el-date-picker
+          v-model="ruleForm.searchDate"
+          class="date_picker"
+          type="daterange"
+          format="yyyy年MM月dd日"
+          value-format="yyyy-MM-dd"
+          align="left"
+          unlink-panels
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"/>
+      </el-form-item>
+      <el-form-item label="工作时间段一" prop="wtime1">
+        <el-time-picker
+          v-model="ruleForm.wtime1"
+          is-range
+          class="date_picker"
+          range-separator="至"
+          start-placeholder="开始时间"
+          end-placeholder="结束时间"
+          value-format="HH:mm:ss"
+          align="left"/>
+      </el-form-item>
+      <el-form-item label="工作时间段二" prop="wtime2">
+        <el-time-picker
+          v-model="ruleForm.wtime2"
+          is-range
+          class="date_picker"
+          range-separator="至"
+          start-placeholder="开始时间"
+          end-placeholder="结束时间"
+          value-format="HH:mm:ss"
+          align="left"/>
+      </el-form-item>
+      <el-form-item v-if="rowid === ''" label="关联问卷" prop="pagerid">
+        <el-select
+          v-model="ruleForm.pagerid"
+          class="select_picker"
+          filterable
+          clearable
+          placeholder="请选择关联问卷">
+          <el-option
+            v-for="item in pagerOptions"
+            :key="item.id"
+            :label="item.title"
+            :value="item.id"/>
+        </el-select>
+      </el-form-item>
+      <div class="clearfix">
+        <el-col :xl="12">
+          <el-form-item label="并发类型" prop="bftype">
+            <el-radio-group v-model="ruleForm.bftype">
+              <el-radio label="0">并发数</el-radio>
+              <el-radio label="1">进号速率</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :xl="12">
+          <el-form-item label="并发数/进号速率" prop="bfnum">
+            <el-input-number v-model="ruleForm.bfnum" :min="0" controls-position="right"/>
+          </el-form-item>
+        </el-col>
+      </div>
+      <el-form-item label="呼叫方式" prop="calltype">
+        <el-radio-group v-model="ruleForm.calltype">
+          <el-radio class="radio_type" border label="0">不播放语音直接转坐席</el-radio>
+          <el-radio class="radio_type" border label="1">播放语音后转坐席</el-radio>
+          <el-radio class="radio_type" border label="2">播放语音后按1键转坐席</el-radio>
+          <!-- <el-radio class="radio_type" border label="3">不转坐席</el-radio> -->
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item v-show="ruleForm.calltype === '1' || ruleForm.calltype === '2'" label="上传文件" prop="voicepath">
+        <el-upload
+          ref="upload"
+          :limit="1"
+          :file-list="uploadData.fileList"
+          :action= "uploadData.uploadUrl"
+          :data = "uploadData.uploaderFiles"
+          :on-success="uploadSuccess"
+          :on-exceed="uploadExceed"
+          :on-error="uploadError"
+          :on-remove="uploadRemove"
+          class="uploadFiles"
+          list-type="text"
+          accept="audio/*">
+          <el-button size="small" type="primary">上传录音</el-button>
+          <!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div> -->
+          <!-- <i class="el-icon-plus"></i> -->
+        </el-upload>
+      </el-form-item>
+      <el-collapse-transition>
+        <el-form-item v-if="ruleForm.voicepath.length > 0" label="试听录音">
+          <aplayer :music="musicList" theme="#41b883"/>
+        </el-form-item>
+      </el-collapse-transition>
+      <el-form-item label="说明备注" prop="taskremark">
+        <el-input v-model="ruleForm.taskremark" type="textarea" autosize placeholder="请输入说明备注"/>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm">保存</el-button>
+        <el-button @click="resetForm">重置</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { getPlan, addPlan, editPlan } from '@/api/outbound/plan'
+// import { getPagerSelect } from '@/api/questionnaire/management'
+import { delFiles, filterContent } from '@/utils'
+import { validateTel } from '@/utils/validate'
+import { mapGetters } from 'vuex'
+import Aplayer from 'vue-aplayer'
+
+export default {
+  name: 'AddOrEdit',
+  components: {
+    Aplayer
+  },
+
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      uploadData: {// 文件上传数据
+        uploadUrl: this.$store.getters.serverConfig.BASE_API + 'fileserverapi/Api/Upload',
+        uploaderFiles: {// 上传文件的参数 //是	string	模块code，如：test
+          uploadtype: 'outboundFiles'
+        },
+        fileList: [] // 展示文件的数据
+      },
+      musicList: {
+        title: '录音', // 歌曲名称
+        artist: ' ', // 演唱者
+        src: ' ', // 音频文件的 URL
+        pic: ' '// 封面图片 URL
+      },
+      ruleForm: {
+        id: '',
+        taskname: '', // 计划名称
+        searchDate: '', // 计划起止日期
+        wtime1: ['08:30:00', '12:00:00'], // 工作是时间段二
+        wtime2: ['14:00:00', '18:00:00'], // 工作时间段二
+        pagerid: '', // 问卷id
+        bftype: '0', //	否	int	并发类型
+        bfnum: '0', //	否	string	并发数
+        calltype: '0', // 否	int	呼叫方式：0为不播放直接转坐席，1为播放转坐席，2为播放后按1键转坐席 3 不转坐席
+        voicepath: [], //	否	string	语音文件路径
+        pressnum: '', //	否	string	按键
+        taskremark: '' // 否	string	说明备注
+      },
+      rules: {
+        taskname: [{
+          required: true,
+          trigger: 'blur',
+          message: '请输入计划名称!'
+        }],
+        searchDate: [{
+          required: true,
+          trigger: 'blur',
+          message: '请选择计划起止日期！'
+        }],
+        wtime1: [{
+          required: true,
+          trigger: 'blur',
+          message: '请选择工作时间段一！'
+        }],
+        wtime2: [{
+          required: true,
+          trigger: 'blur',
+          message: '请选择工作时间段二！'
+        }],
+        pagerid: [{
+          required: true,
+          trigger: 'blur',
+          message: '请选择关联问卷！'
+        }],
+        bftype: [{
+          required: true,
+          trigger: 'blur',
+          message: '请选择并发类型！'
+        }],
+        bfnum: [{
+          required: true,
+          message: '请输入并发数/进号速率！',
+          trigger: 'blur'
+        }],
+        calltype: [{
+          required: true,
+          message: '请选择呼叫方式！',
+          trigger: 'blur'
+        }]
+      },
+      pagerOptions: [], // 问卷数据
+      loading: false
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'avatar'
+    ])
+  },
+  created() {
+    this.musicList.pic = this.avatar
+    if (this.rowid) {
+      this.ruleForm.id = this.rowid
+      this.getPagerSelectList().then(() => {
+        this.getDetail(this.rowid)
+      })
+    } else {
+      this.getPagerSelectList()
+    }
+  },
+  methods: {
+    submitForm() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          this.loading = true
+          const datas = {
+            id: this.ruleForm.id, // edit_id为空的时候添加
+            taskname: this.ruleForm.taskname, // 是	string	任务名称
+            stime: this.ruleForm.searchDate && this.ruleForm.searchDate[0], // 否	string	任务开始时间
+            etime: this.ruleForm.searchDate && this.ruleForm.searchDate[1], // 否	string	任务结束时间
+            swtime1: this.ruleForm.wtime1 && this.ruleForm.wtime1[0], //	否	string	工作开始时间1
+            ewtime1: this.ruleForm.wtime1 && this.ruleForm.wtime1[1], //	否	string	工作结束时间1
+            swtime2: this.ruleForm.wtime2 && this.ruleForm.wtime2[0], //	否	string	工作开始时间2
+            ewtime2: this.ruleForm.wtime2 && this.ruleForm.wtime2[1], //	否	string	工作结束时间2
+            pagerid: this.ruleForm.pagerid, //	否	string	问卷id
+            calltype: this.ruleForm.calltype, //	否	int	呼叫方式：0为不播放直接转坐席，1为播放转坐席，2为播放后按键转坐席
+            voicepath: this.ruleForm.voicepath, //	否	string	语音文件路径
+            pressnum: this.ruleForm.pressnum, //	否	string	按键
+            bftype: this.ruleForm.bftype, //	否	int	并发类型
+            bfnum: this.ruleForm.bfnum, //	否	string	并发数
+            taskremark: filterContent.delHtmlTag(this.ruleForm.taskremark) // 否	string	说明备注
+          }
+          // 添加
+          if (!this.rowid) {
+            addPlan(datas).then(response => {
+              this.loading = false
+              if (response.state.toLowerCase() === 'success') {
+                this.$parent.$layer.close(this.layerid)
+                this.$parent.getListL() // 重新加载父级数据
+                this.$message.success('恭喜你，外呼计划添加成功!')
+              }
+            }).catch(() => {
+              this.loading = false
+            })
+            return
+          }
+          // 编辑
+          editPlan(datas).then(response => {
+            this.loading = false
+            if (response.state.toLowerCase() === 'success') {
+              this.$parent.$layer.close(this.layerid)
+              this.$parent.getListL() // 重新加载父级数据
+              this.$message.success('恭喜你，外呼计划编辑成功!')
+            }
+          }).catch(() => {
+            this.loading = false
+          })
+        } else {
+          this.$message.error('请输入有效的必填项信息!')
+          return false
+        }
+      })
+    },
+    resetForm() {
+      if (this.ruleForm.voicepath.length > 0) {
+        for (let i = 0, len = this.ruleForm.voicepath.length; i < len; i++) {
+          delFiles(this.ruleForm.voicepath[i].filesmallurl, this.ruleForm.voicepath[i].fileurl)
+          this.ruleForm.voicepath.splice(i, 1)
+        }
+      }
+      this.$refs.upload.clearFiles()	// 清空已上传的文件列表（该方法不支持在 before-upload 中调用）
+      this.$refs.ruleForm.resetFields()
+    },
+    // 获取详情
+    getDetail(rid) {
+      getPlan(rid).then(response => {
+        if (response.state.toLowerCase() === 'success') {
+          const res = response.data
+          if (res) {
+            this.ruleForm.taskname = res.taskname
+            this.ruleForm.searchDate = [res.starttime, res.endtime]
+            this.ruleForm.wtime1 = [res.workstarttimes1, res.workendtimes1]
+            this.ruleForm.wtime2 = [res.workstarttimes2, res.workendtimes2]
+            this.ruleForm.pagerid = res.pagerid
+            this.ruleForm.bftype = res.bftype
+            this.ruleForm.bfnum = res.bfnum
+            this.ruleForm.calltype = res.calltype.toString()
+            if (res.voicepath && res.voicepath.length > 0) {
+              for (let i = 0, len = res.voicepath.length; i < len; i++) {
+                this.uploadData.fileList.push({
+                  'name': res.voicepath[i].filename,
+                  'url': res.voicepath[i].fileurl
+                })
+              }
+              this.ruleForm.voicepath = res.voicepath
+              this.$set(this.musicList, 'src', res.voicepath[0].fileurl)
+              this.$set(this.musicList, 'title', res.voicepath[0].filename)
+            }
+            this.ruleForm.pressnum = res.pressnum
+            this.ruleForm.taskremark = res.taskremark
+          }
+        }
+      })
+    },
+
+    // 文件上传
+    uploadSuccess(response, file, fileList) {
+      if (response.state.toLowerCase() === 'success') {
+        this.musicList.src = response.data[0].fileurl
+        this.musicList.title = response.data[0].filename
+        this.ruleForm.voicepath.push(response.data[0])
+      } else {
+        this.$message.error(response.message)
+      }
+    },
+    uploadRemove(file, fileList) {
+      if (this.ruleForm.voicepath.length > 0) {
+        for (let i = 0, len = this.ruleForm.voicepath.length; i < len; i++) {
+          if (this.ruleForm.voicepath[i].filename === file.name) {
+            delFiles(this.ruleForm.voicepath[i].filesmallurl, this.ruleForm.voicepath[i].fileurl)
+            this.ruleForm.voicepath.splice(i, 1)
+            return
+          }
+        }
+      }
+    },
+    uploadError(err, file, fileList) {
+      // console.log(err)
+      this.$message.error(err)
+    },
+    uploadExceed(file, fileList) {
+      this.$message.warning('只能选择一个文件!')
+    },
+    // 获取问卷下拉
+    getPagerSelectList() {
+      return new Promise(resolve => {
+        getPagerSelect().then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            this.pagerOptions = response.data
+          }
+        })
+        resolve()
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+	.plan{
+		.aplayer-controller .aplayer-time .aplayer-volume-wrap+.aplayer-icon{
+			display: none;
+		}
+	}
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+	.plan{
+		.radio_type{
+			margin-bottom: 8px;
+		}
+		.date_picker, .select_picker{
+			width: 100%;
+		}
+		div.date_picker input.el-range-input{
+			width: 46%;
+		}
+	}
+</style>

CallCenterWeb.UI/src/views/outbound/plan/importTels.vue

@@ -0,0 +1,132 @@
+<template>
+  <div class="importTels">
+    <el-alert
+      title="选取的EXCEL文件需要严格按照下载的EXCEL模板进行填写！选择好文件后点击导入即可！"
+      type="warning"
+      class="md"
+      show-icon/>
+    <el-row>
+      <el-col :lg="7" class="md">
+        <a :href="downloadUrl" download="外呼号码导入模板.xlsx" class="download_btn" title="点击下载EXCEL模板" rel="nofollow">
+          下载EXCEL模板
+        </a>
+      </el-col>
+      <el-col :lg="17" class="md">
+        <el-upload
+          ref="upload"
+          :limit="1"
+          :file-list="uploadData.fileList"
+          :action= "uploadData.uploadUrl"
+          :data = "uploadData.uploaderFiles"
+          :on-success="uploadSuccess"
+          :on-error="uploadError"
+          :on-exceed="uploadExceed"
+          :auto-upload="false"
+          class="uploadFiles"
+          list-type="text"
+          name="upFile"
+          accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
+          <el-button slot="trigger" size="small" type="primary">选取EXCEL文件</el-button>
+          <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">导入</el-button>
+          <!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div> -->
+        </el-upload>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'ImportTels',
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      downloadUrl: '/static/xls/importPhonesTemplate.xlsx',
+      uploadData: {// 文件上传数据
+        uploadUrl: this.$store.getters.serverConfig.BASE_API + 'callcenterapi/api/autocallouttask/importexcel',
+        uploaderFiles: {// 上传文件的参数
+          taskid: this.rowid // 是	string	任务id
+        },
+        fileList: [] // 展示文件的数据
+      }
+    }
+  },
+  created() {
+  },
+  methods: {
+    submitUpload() {
+      this.$refs.upload.submit()
+    },
+    // 文件上传
+    uploadSuccess(response, file, fileList) {
+      if (response.state.toLowerCase() === 'success') {
+        this.$parent.$layer.close(this.layerid)
+        this.$parent.getListR() // 重新加载父级数据
+        this.$message.success('恭喜你，外呼号码导入成功!')
+      } else {
+        this.$message.error(response.message)
+      }
+    },
+    uploadExceed(file, fileList) {
+      this.$message.warning('只能选择一个文件!')
+    },
+    uploadError(err, file, fileList) {
+      this.$message.error(err)
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+
+</style>
+<style rel="stylesheet/scss" lang="scss" scoped>
+	.importTels{
+		.md{
+			margin-bottom: 20px;
+		}
+		.download_btn{
+			display: inline-block;
+			line-height: 1;
+			white-space: nowrap;
+			cursor: pointer;
+			border: 1px solid #dcdfe6;
+			-webkit-appearance: none;
+			text-align: center;
+			-webkit-box-sizing: border-box;
+			box-sizing: border-box;
+			outline: 0;
+			margin: 0;
+			-webkit-transition: .1s;
+			transition: .1s;
+			font-weight: 500;
+			padding: 9px 15px;
+			font-size: 12px;
+			border-radius: 4px;
+			color: #fff;
+			background-color: #409EFF;
+			border-color: #409EFF;
+			&:hover{
+				background: #66b1ff;
+				border-color: #66b1ff;
+				color: #fff;
+			}
+			&:active{
+				background: #66b1ff;
+				border-color: #66b1ff;
+				color: #fff;
+			}
+		}
+	}
+
+</style>

CallCenterWeb.UI/src/views/outbound/plan/index.vue

@@ -0,0 +1,545 @@
+<template>
+  <div class="app-container plan">
+    <el-row :gutter="20">
+      <el-col :md="14">
+        <el-alert
+          :closable="false"
+          title="外呼计划"
+          type="success"/>
+        <div class="filter-container">
+          <el-date-picker
+            v-model="searchDate"
+            :picker-options="pickerOptions"
+            class="filter-item"
+            type="daterange"
+            format="yyyy年MM月dd日"
+            value-format="yyyy-MM-dd"
+            align="left"
+            unlink-panels
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"/>
+          <el-select v-model="sc_state" class="filter-item" filterable clearable placeholder="请选择任务状态">
+            <el-option
+              v-for="item in stateOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"/>
+          </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>
+        </div>
+        <el-table
+          v-loading="loadingL"
+          :data="planLists"
+          border
+          stripe
+          highlight-current-row
+          @row-click="handleTableClick">
+          <el-table-column type="index" label="编号" align="center" fixed width="60"/>
+          <el-table-column label="状态" width="100" align="center">
+            <template slot-scope="scope">
+              <el-tag
+                :type="scope.row.isstart | isstartTypeFilter"
+                size="mini"
+                disable-transitions>
+                {{ scope.row.isstart | isstartTextFilter }}
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="上架状态" width="90" align="center">
+            <template slot-scope="scope">
+              <el-tag
+                :type="scope.row.isonline | isonlineTypeFilter"
+                size="mini"
+                disable-transitions>
+                {{ scope.row.isonline | isonlineTextFilter }}
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column prop="taskname" label="计划名称" align="center" min-width=""/>
+          <el-table-column prop="taskremark" label="说明" align="center" min-width=""/>
+          <el-table-column prop="starttime" label="计划开始日期" align="center" min-width=""/>
+          <el-table-column prop="endtime" label="计划结束日期" align="center" min-width=""/>
+          <el-table-column prop="pager_name" label="关联问卷" align="center" min-width=""/>
+          <el-table-column label="操作" width="160" align="left" class-name="oparate_btn" fixed="right">
+            <template slot-scope="scope">
+              <el-button v-permission="'HY_upline'" v-show="scope.row.isstart === 0 && scope.row.isonline === 0" size="mini" type="text" @click.stop="btn_upline(scope.row.id, 1)">上架</el-button>
+              <el-button v-permission="'HY_downline'" v-show="scope.row.isstart === 0 && scope.row.isonline === 1" size="mini" type="text" @click.stop="btn_upline(scope.row.id, 0)">下架</el-button>
+              <el-button v-permission="'HY_edit'" v-show="scope.row.isstart < 3" size="mini" type="text" @click.stop="btn_edit(scope.row.id, scope.row.isstart)">编辑</el-button>
+              <el-button v-permission="'HY_start'" v-show="scope.row.isstart === 0 || scope.row.isstart === 2" size="mini" type="text" @click.stop="btn_oparate(scope.row.id, 1)">启动</el-button>
+              <el-button v-permission="'HY_stop'" v-show="scope.row.isstart < 3" size="mini" type="text" @click.stop="btn_oparate(scope.row.id, 11)">停止</el-button>
+              <el-button v-permission="'HY_pause'" v-show="scope.row.isstart === 1" size="mini" type="text" @click.stop="btn_oparate(scope.row.id, 10)">暂停</el-button>
+              <el-button v-permission="'HY_deleteL'" v-show="scope.row.isstart === 0" size="mini" type="text" @click.stop="btn_deleteL(scope.row.id)">删除</el-button>
+              <el-button v-permission="'HY_empty'" v-show="scope.row.isstart === 0" size="mini" type="text" @click.stop="btn_empty(scope.row.id)">清空号码</el-button>
+              <el-button v-permission="'HY_repeat'" v-show="scope.row.isstart === 3 && scope.row.secondflag === 0" size="mini" type="text" @click.stop="btn_repeat(scope.row.id)">重新执行</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          v-show="pageParamsL.total > 0"
+          :total="pageParamsL.total"
+          :pageindex.sync="pageParamsL.pageindex"
+          :pagesize.sync="pageParamsL.pagesize"
+          class="pagination"
+          @pagination="getListL" />
+      </el-col>
+      <el-col :md="10" style="overflow: auto;">
+        <el-alert
+          :closable="false"
+          title="外呼号码"
+          type="success"/>
+        <div class="filter-container">
+          <el-button v-permission="'HY_import'" type="primary" class="filter-item" @click="btn_import"><svg-icon icon-class="daoru" />导入</el-button>
+          <el-button v-permission="'HY_deleteRs'" type="primary" class="filter-item" icon="el-icon-delete" @click="btn_deletesR()">批量删除</el-button>
+        </div>
+        <el-table v-loading="loadingR" :data="telLists" border stripe @selection-change="changeSelects">
+          <el-table-column type="selection" width="40"/>
+          <el-table-column type="index" label="编号" align="center" fixed width="60"/>
+          <el-table-column prop="cusname" label="客户姓名" align="center" min-width=""/>
+          <el-table-column prop="phone" label="电话" align="center" min-width=""/>
+          <el-table-column prop="cusaddr" label="住址" align="center" min-width=""/>
+          <el-table-column prop="createtime" label="导入时间" align="center" min-width="120"/>
+          <el-table-column label="操作" width="" align="center" class-name="oparate_btn" fixed="right">
+            <template slot-scope="scope">
+              <el-button v-permission="'HY_deleteR'" size="mini" type="text" @click.stop="btn_deleteR(scope.row.id)">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          v-show="pageParamsR.total > 0"
+          :total="pageParamsR.total"
+          :pageindex.sync="pageParamsR.pageindex"
+          :pagesize.sync="pageParamsR.pagesize"
+          class="pagination"
+          @pagination="getListR" />
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+
+import { getPlanLists, deletePlan, getPlanTelLists, deletePlanTel, updateLine, oparatePlan, restart, emptyTels } from '@/api/outbound/plan'
+import addOrEdit from './addOrEdit'
+import importTels from './importTels'
+import { pickerOptions, formatterContent } from '@/utils'
+import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
+
+export default {
+  name: 'Plan',
+  components: {
+    Pagination
+  },
+  filters: {
+    isstartTextFilter(status) {
+      const statusMap = {
+        0: '未启动',
+        1: '已启动',
+        2: '暂停',
+        3: '处理完成',
+        4: '撤销',
+        5: '完成'
+      }
+      return statusMap[status]
+    },
+    isstartTypeFilter(status) {
+      const statusMap = {
+        0: 'info',
+        1: '',
+        2: 'warning',
+        3: 'success',
+        4: 'danger',
+        5: 'success'
+      }
+      return statusMap[status]
+    },
+    isonlineTextFilter(status) {
+      const statusMap = {
+        0: '已下架',
+        1: '已上架'
+      }
+      return statusMap[status]
+    },
+    isonlineTypeFilter(status) {
+      const statusMap = {
+        0: 'danger',
+        1: 'success'
+      }
+      return statusMap[status]
+    }
+  },
+  data() {
+    return {
+      seatRealSateTimer: null, // 定时器
+      isStartTimer: false, // 定时器是否开启
+      loadingL: false,
+      loadingR: false,
+      planLists: [],
+      telLists: [],
+      pickerOptions, // 日期数据
+      searchDate: '', // 日期
+      stateOptions: [
+        { 'id': '0', 'name': '未启动' },
+        { 'id': '1', 'name': '已启动' },
+        { 'id': '2', 'name': '暂停' },
+        { 'id': '3', 'name': '处理完成' },
+        { 'id': '4', 'name': '撤销' },
+        { 'id': '5', 'name': '完成' }
+      ], // 任务状态数据
+      sc_state: '', // 任务状态
+      keyword: '', // 计划名称
+      pageParamsL: {
+        pageindex: 1, // 当前第几页
+        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
+        total: 0 // 总共多少数据
+      },
+      pageParamsR: {
+        pageindex: 1, // 当前第几页
+        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
+        total: 0 // 总共多少数据
+      },
+      multipleSelection: [], // 选中的数据
+      planId: '', // 计划id
+      planStates: '' // 计划的状态
+    }
+  },
+  created() {
+    this.getListL().then(() => {
+      // this.getListR();
+    })
+    document.onkeyup = (e) => {
+      if (e.keyCode === 13) {
+        this.getListL()
+      }
+    }
+  },
+  activated() {
+    // keep-alive 组件激活时调用。
+    // this.refreshDatas(process.env.taskRealInfoTime) // 刷新 监控数据
+    this.refreshDatas(Number(this.$store.getters.serverConfig.taskRealInfoTime)) // 刷新 监控数据
+    this.isStartTimer = true
+  },
+  methods: {
+    getListL() {
+      this.loadingL = true
+      return new Promise(resolve => {
+        const params = {
+          pageindex: this.pageParamsL.pageindex, // 第几页
+          pagesize: this.pageParamsL.pagesize, // 每页几条信息
+          key: this.keyword, //	否	string	任务名称，可模糊查询
+          taskstate: this.sc_state, //	否	int	任务状态 （不传值时查询所有状态）
+          stime: this.searchDate && this.searchDate[0], //	否	string	开始时间
+          etime: this.searchDate && this.searchDate[1] //	否	string	结束时间
+        }
+        getPlanLists(params).then(response => {
+          this.loadingL = false
+          if (response.state.toLowerCase() === 'success') {
+            this.pageParamsL.total = response.total
+            this.planLists = response.rows
+          }
+        })
+        resolve()
+      })
+    },
+    // 点击某一行的table
+    handleTableClick(row, event, column) {
+      this.planId = row.id
+      this.planStates = row.isstart
+      this.getListR()
+    },
+    btn_search() {
+      this.pageParamsL.pageindex = 1
+      this.getListL()
+    },
+    btn_add() {
+      this.$layer.iframe({
+        content: {
+          content: addOrEdit, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { 'rowid': '' }// props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+        },
+        area: ['50%', '90%'],
+        shadeClose: false,
+        title: '添加外呼计划'
+      })
+    },
+    btn_edit(dicid) {
+      this.$layer.iframe({
+        content: {
+          content: addOrEdit, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { 'rowid': dicid }// props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+        },
+        area: ['50%', '90%'],
+        shadeClose: false,
+        title: '编辑外呼计划'
+      })
+    },
+    btn_deleteL(dicid) {
+      this.$confirm('此操作将永久当前外呼计划吗, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        deletePlan(dicid).then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            this.getListL()
+            this.telLists = []
+            this.$message.success('删除成功!')
+          }
+        })
+      }).catch(() => {
+        this.$message.info('已取消删除')
+      })
+    },
+    btn_import() {
+      if (!this.planId) {
+        this.$message.warning('请先选择一个外呼计划!')
+        return
+      }
+      if (this.planStates > 0) {
+        this.$message.warning('该计划已经启动不能再导入号码!')
+        return
+      }
+      this.$layer.iframe({
+        content: {
+          content: importTels, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { 'rowid': this.planId }// props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+        },
+        area: ['40%', '380px'],
+        shadeClose: false,
+        title: '导入号码'
+      })
+    },
+
+    // 启动(上架) //停止（下架）
+    btn_upline(tid, tnum) {
+      const ctitle = tnum === 1 ? '您确定要上架当前计划吗？' : '您确定要下架当前计划吗？'
+      this.$confirm(ctitle, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const data = {
+          'taskid': tid, // 是	string	任务id
+          'state': tnum // 是	int	状态（传值0为下线，传1为上线）
+        }
+        updateLine(data).then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            this.getListL()
+            this.telLists = []
+            const cmsg = tnum === 1 ? '当前计划上架成功' : '当前计划下架成功'
+            this.$message.success(cmsg)
+          }
+        })
+      }).catch(() => {
+        this.$message.info('已取消操作')
+      })
+    },
+
+    // 任务操作类型（1为启动，10为暂停，11为停止）
+    btn_oparate(tid, tnum) {
+      let ctitle = ''
+      let cmsg = ''
+      switch (tnum) {
+        case 1:
+          ctitle = '请您确定已经导入外呼号码，否则启动后无法呼出号码！'
+          cmsg = '当前计划启动成功！'
+          break
+        case 10:
+          ctitle = '您确定要暂停当前计划吗？'
+          cmsg = '当前计划暂停成功！'
+          break
+        case 11:
+          ctitle = '您确定要停止当前计划吗？'
+          cmsg = '当前计划停止成功！'
+          break
+        default:
+          break
+      }
+      this.$confirm(ctitle, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const data = {
+          'taskid': tid, // 是	string	任务id
+          'type': tnum // 是	int	任务操作类型（1为启动，10为暂停，11为停止）
+        }
+        oparatePlan(data).then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            this.getListL()
+            this.telLists = []
+            this.$message.success(cmsg)
+          }
+        })
+      }).catch(() => {
+        this.$message.info('已取消操作')
+      })
+    },
+
+    // 外呼计划  未呼通号码重新执行
+    btn_repeat(tid) {
+      this.$confirm('您确定要重新执行当前计划下未呼通的号码吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        restart(tid).then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            this.getListL()
+            this.telLists = []
+            this.$message.success('未呼通号码重新执行成功!')
+          }
+        })
+      }).catch(() => {
+        this.$message.info('已取消操作')
+      })
+    },
+
+    // 外呼计划 清空号码
+    btn_empty(tid) {
+      this.$confirm('您确定要清空当前计划下的号码吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        emptyTels(tid).then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            this.getListL()
+            this.telLists = []
+            this.$message.success('清空号码成功!')
+          }
+        })
+      }).catch(() => {
+        this.$message.info('已取消操作')
+      })
+    },
+
+    // 外呼号码列表
+    getListR() {
+      this.loadingR = true
+      return new Promise(resolve => {
+        const params = {
+          pageindex: this.pageParamsR.pageindex, // 第几页
+          pagesize: this.pageParamsR.pagesize, // 每页几条信息
+          taskid: this.planId // 否	string	任务id
+        }
+        getPlanTelLists(params).then(response => {
+          this.loadingR = false
+          if (response.state.toLowerCase() === 'success') {
+            this.pageParamsR.total = response.total
+            this.telLists = response.rows
+          }
+        })
+        resolve()
+      })
+    },
+
+    // 复选框状态改变
+    changeSelects(val) {
+      this.multipleSelection = val
+    },
+
+    btn_deleteR(dicid) {
+      if (this.planStates > 0) {
+        this.$alert('该计划已经启动不能再删除号码!', '提示', {
+          confirmButtonText: '确定',
+          type: 'warning',
+          callback: action => {}
+        })
+        return
+      }
+      this.$confirm('此操作将永久删除当前外呼号码, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        deletePlanTel(dicid).then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            this.getListR()
+            this.$message.success('删除成功!')
+          }
+        })
+      }).catch(() => {
+        this.$message.info('已取消删除')
+      })
+    },
+    btn_deletesR() {
+      const ids = []
+      for (let i = 0, len = this.multipleSelection.length; i < len; i++) {
+        ids.push(this.multipleSelection[i].id)
+      }
+      if (ids.length <= 0) {
+        this.$message.warning('没有可删除的选项')
+        return
+      }
+      this.btn_deleteR(ids)
+    },
+    /**
+		* 刷新 数据
+		* @mTime 刷新间隔
+		* */
+    refreshDatas(mTime) {
+      const _self = this
+      const objTime = {
+        init: 0,
+        time: function() {
+          objTime.init += 1000
+          // 当页面没有click、keydown、mousewheel 时；每间隔  mTime 刷新数据；
+          if (objTime.init === mTime) {
+            // console.count()
+            _self.getListL()
+            _self.telLists = []
+            objTime.init = 0
+          }
+        },
+        eventFun: function() {
+          clearInterval(_self.seatRealSateTimer)
+          objTime.init = 0
+          if (_self.isStartTimer) {
+            _self.seatRealSateTimer = setInterval(objTime.time, 1000)
+          }
+        }
+      }
+      this.seatRealSateTimer = setInterval(objTime.time, 1000)
+      const body = document.querySelector('html')
+      body.addEventListener('click', objTime.eventFun)
+      body.addEventListener('keydown', objTime.eventFun)
+      body.addEventListener('mousewheel', objTime.eventFun)
+    }
+  },
+
+  beforeRouteLeave(to, from, next) {
+    // 导航离开该组件的对应路由时调用
+    // 可以访问组件实例 `this`
+    clearInterval(this.seatRealSateTimer)
+    this.isStartTimer = false
+    next()
+  }
+}
+</script>
+
+<!-- 需要注意的是，修改elementUI的默认样式的css不能使用scoped. -->
+<style rel="stylesheet/scss" lang="scss">
+	.plan{
+		.el-table tr{
+			cursor: pointer;
+		}
+		.el-table__body tr.current-row>td {
+			background: rgba(185, 221, 249, .75);
+		}
+		.filter-container {
+			padding-top: 15px;
+		}
+		.el-button+.el-button{
+			margin-left: 0;
+		}
+	}
+</style>
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>

CallCenterWeb.UI/src/views/outbound/tasks/components/tabTask.vue

@@ -0,0 +1,235 @@
+<template>
+  <div>
+    <el-table
+      v-loading="loading"
+      :data="dataLists.slice(( this.pageParams.pageindex-1)* this.pageParams.pagesize, this.pageParams.pageindex* this.pageParams.pagesize)"
+      border
+      stripe>
+      <el-table-column type="index" label="编号" align="center" fixed width="60"/>
+      <el-table-column label="状态" width="100" align="center">
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.isstart | isstartTypeFilter" size="mini" disable-transitions>
+            {{ scope.row.isstart | isstartTextFilter }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="taskname" label="计划名称" align="center" min-width="160"/>
+      <el-table-column prop="totalnum" label="号码数量" align="center"/>
+      <el-table-column prop="surplusnum" label="剩余数量" align="center"/>
+      <el-table-column prop="callnum" label="已呼叫数量" align="center"/>
+      <el-table-column prop="successnum" label="接通数量" align="center"/>
+      <el-table-column prop="agentnum" label="坐席数量" align="center"/>
+      <el-table-column prop="successpercent" label="接通率" align="center"/>
+      <el-table-column prop="agentsuccessnum" label="坐席接通数量" align="center"/>
+      <el-table-column prop="agentsuccesspercent" label="坐席接通率" align="center"/>
+      <el-table-column prop="starttime" label="任务开始日期" min-width="100" align="center"/>
+      <el-table-column label="任务结束日期" min-width="100" align="center">
+        <template slot-scope="scope">
+          <span :class="scope.row.endtime | endtimeFilter">{{ scope.row.endtime }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="createtime" label="创建时间" min-width="110" align="center"/>
+      <el-table-column label="操作" width="180" align="center" class-name="oparate_btn" fixed="right">
+        <template slot-scope="scope">
+          <el-tooltip class="item" effect="dark" content="点击取消坐席参与资格" placement="top-start">
+            <el-button v-permission="'HY_cancle'" size="mini" circle type="primary" plain @click="btn_cancle(scope.row.id)">
+              <svg-icon icon-class="saoraolanjie"/>
+            </el-button>
+          </el-tooltip>
+          <el-tooltip class="item" effect="dark" content="点击打开实时监控" placement="top-start">
+            <el-button v-permission="'HY_monitoring'" size="mini" circle type="primary" plain @click="btn_monitoring(scope.row.id)">
+              <svg-icon icon-class="shuju3"/>
+            </el-button>
+          </el-tooltip>
+          <el-tooltip class="item" effect="dark" content="点击导出已接通号码" placement="top-start">
+            <el-button v-permission="'HY_export'" size="mini" circle type="primary" plain @click="btn_export(scope.row.id, 1)">
+              <svg-icon icon-class="daochu"/>
+            </el-button>
+          </el-tooltip>
+          <el-tooltip class="item" effect="dark" content="点击导出未接通号码" placement="top-start">
+            <el-button v-permission="'HY_export'" size="mini" circle type="primary" plain @click="btn_export(scope.row.id, 0)">
+              <i class="el-icon-upload2"/>
+            </el-button>
+          </el-tooltip>
+        </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" />
+
+  </div>
+</template>
+
+<script>
+import { endtimeFilter } from '@/utils'
+import { getTaskLists, cancelJoin } from '@/api/outbound/tasks'
+
+import { mapGetters } from 'vuex'
+import store from '@/store'
+import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
+
+export default {
+  name: 'TabTask',
+  components: {
+    Pagination
+  },
+  filters: {
+    isstartTextFilter(status) {
+      const statusMap = {
+        0: '未启动',
+        1: '已启动',
+        2: '暂停',
+        3: '处理完成',
+        4: '撤销',
+        5: '完成'
+      }
+      return statusMap[status]
+    },
+    isstartTypeFilter(status) {
+      const statusMap = {
+        0: 'info',
+        1: '',
+        2: 'warning',
+        3: 'success',
+        4: 'danger',
+        5: 'success'
+      }
+      return statusMap[status]
+    }
+  },
+  props: {
+    searchDatas: {
+      type: Object,
+      default: function() {}
+    }
+  },
+  data() {
+    return {
+      loading: false,
+      pageParams: {
+        pageindex: 1, // 当前第几页
+        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
+        total: 0 // 总共多少数据
+      },
+      dataLists: [] // 列表数据
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'usercode'
+    ])
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.loading = true
+      return new Promise(resolve => {
+        const params = {
+          pageindex: this.pageParams.pageindex, // 第几页
+          pagesize: this.pageParams.pagesize, // 每页几条信息
+          infokind: this.searchDatas.ishistory, // 否	int	查询类型（为0或不传时获取全部，为1时获取当前任务，为2时获取历史任务）
+          isstart: this.searchDatas.sc_state, //	否	int	任务状态 （不传值时查询所有状态）
+          stime: this.searchDatas.searchDate && this.searchDatas.searchDate[0], //	否	string	开始时间
+          etime: this.searchDatas.searchDate && this.searchDatas.searchDate[1], //	否	string	结束时间
+          agentid: this.searchDatas.seatId, // 否	string	坐席工号（不传值查询全部坐席）
+          taskname: this.searchDatas.keyword //	否	string	计划名称，可模糊查询
+        }
+        getTaskLists(params).then(response => {
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            switch (this.searchDatas.ishistory) {
+              case 0:
+                this.pageParams.total = response.total
+                break
+              case 1:
+                this.pageParams.total = response.dqnum
+                break
+              case 2:
+                this.pageParams.total = response.lsnum
+                break
+              default:
+                break
+            }
+            this.dataLists = response.rows
+            if (response.total >= 100) {
+              response.total = '99+'
+            }
+            if (response.dqnum >= 100) {
+              response.dqnum = '99+'
+            }
+            if (response.lsnum >= 100) {
+              response.lsnum = '99+'
+            }
+            // 修改父组件的值
+            this.$emit('getTotalNums', {
+              totalcount: response.total, // 全部
+              wfpcount: response.dqnum, // 当前任务
+              fpcount: response.lsnum // 历史任务
+            })
+          }
+        })
+        resolve()
+      })
+    },
+
+    // 取消坐席参与资格
+    btn_cancle(tid) {
+      if (!this.searchDatas.seatId) {
+        this.$message.warning('请选择您要取消参与资格的坐席！')
+        return
+      }
+      this.$confirm(`此操作将取消坐席工号为${this.searchDatas.seatId}的参与资格, 是否继续?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const datas = {
+          'taskid': tid, //	是	string	任务id
+          'agentid': this.searchDatas.seatId, //	是	string	坐席工号
+          'joinflag': 0 //	是	int	参与标志（1为参与，0为不参与）
+        }
+        cancelJoin(datas).then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            this.$message.success(`坐席工号为${this.searchDatas.seatId}的参与资格取消成功!`)
+            // 更新右上角信息
+            if (this.searchDatas.seatId === this.usercode) {
+              store.dispatch('ChangeTaskInfo', true)
+            }
+            this.searchDatas.seatId = ''
+            this.getList()
+          }
+        })
+      }).catch(() => {
+        this.$message.info('操作已取消')
+      })
+    },
+    // 导出已接通或者未接通  0=导出未接通号码 1=导出已接通号码
+    btn_export(tid, type) {
+      window.location.href =
+					`${this.$store.getters.serverConfig.BASE_API}callcenterapi/api/autocallouttask/exportexcel?taskid=${tid}&calloutok=${type}`
+    },
+    // 跳转到自动外呼监控
+    btn_monitoring(tid) {
+      // this.$router.push({ name: 'autoCallMonitor', params: { tid: tid}});
+      this.$router.push({
+        path: '/autoCallMonitor',
+        query: {
+          tid: tid
+        }
+      })
+    }
+
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>

CallCenterWeb.UI/src/views/outbound/tasks/index.vue

@@ -0,0 +1,231 @@
+<template>
+  <div class="app-container tasks">
+    <div class="filter-container">
+      <el-date-picker
+        v-model="searchDatas.searchDate"
+        :picker-options="pickerOptions"
+        class="filter-item"
+        type="daterange"
+        format="yyyy年MM月dd日"
+        value-format="yyyy-MM-dd"
+        align="left"
+        unlink-panels
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"/>
+      <el-select v-model="searchDatas.sc_state" class="filter-item" filterable clearable placeholder="请选择任务状态">
+        <el-option v-for="item in stateOptions" :key="item.id" :label="item.name" :value="item.id"/>
+      </el-select>
+      <el-select v-model="searchDatas.seatId" class="filter-item" filterable clearable placeholder="请选择坐席" @change="updateList">
+        <el-option v-for="item in seatOptions" :key="item.id" :label="item.usercode + '-' + item.username" :value="item.usercode"/>
+      </el-select>
+      <el-input v-model="searchDatas.keyword" placeholder="请输入计划名称" class="filter-item"/>
+      <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
+    </div>
+    <el-tabs v-model="activeName" @tab-click="handleClick" v-if="flag" >
+      <el-tab-pane v-for="item in tabMapOptions" :key="item.key" :name="item.key">
+        <span slot="label">{{ item.label }}<span :class="item.listclass">({{ item.num }})</span></span>
+        <tabTask v-if="activeName===item.key" ref="tabtask" :search-datas="searchDatas" @getTotalNums="getTotalNum"/>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import {
+  getNowDate,
+  getFirstDayInCurrentMonth,
+  pickerOptions
+} from '@/utils'
+import {
+  getSeatLists
+} from '@/api/telCall/seatMonitor'
+import tabTask from './components/tabTask'
+import { getTaskLists } from '@/api/outbound/tasks'
+export default {
+  name: 'Tasks',
+  components: {
+    tabTask
+  },
+  data() {
+    return {
+      pickerOptions, // 日期数据
+      stateOptions: [{
+        'id': '0',
+        'name': '未启动'
+      },
+      {
+        'id': '1',
+        'name': '已启动'
+      },
+      {
+        'id': '2',
+        'name': '暂停'
+      },
+      {
+        'id': '3',
+        'name': '处理完成'
+      },
+      {
+        'id': '4',
+        'name': '撤销'
+      },
+      {
+        'id': '5',
+        'name': '完成'
+      }
+      ], // 任务状态数据
+      searchDatas: {
+        searchDate: [getFirstDayInCurrentMonth(), getNowDate()], // 日期
+        sc_state: '', // 任务状态
+        seatId: '', // 坐席
+        keyword: '', // 计划名称
+        ishistory: 0
+      },
+      flag:false,
+      pageParams: {
+        pageindex: 1, // 当前第几页
+        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
+        total: 0 // 总共多少数据
+      },
+      seatOptions: [], // 坐席下拉数据
+      activeName: 'first',
+      tabMapOptions: [{
+        label: '全部',
+        key: 'first',
+        num: 0,
+        listclass: 'list_all'
+      },
+      {
+        label: '当前任务',
+        key: 'second',
+        num: 0,
+        listclass: 'list_wait'
+      },
+      {
+        label: '历史任务',
+        key: 'third',
+        num: 0,
+        listclass: 'list_done'
+      }
+      ]
+    }
+  },
+  created() {
+    this.getSeatSelects()
+    this.getCurrentList()
+  },
+  mounted() {
+    document.onkeyup = (e) => {
+      if (e.keyCode === 13) {
+        this.$refs.tabtask[0].getList()
+      }
+    }
+  },
+  methods: {
+    handleClick(tab, event) {
+      switch (tab.name) {
+        case 'first':
+          this.searchDatas.ishistory = 0
+          break
+        case 'second':
+          this.searchDatas.ishistory = 1
+          break
+        case 'third':
+          this.searchDatas.ishistory = 2
+          break
+        default:
+          break
+      }
+    },
+
+    btn_search() {
+      this.$refs.tabtask[0].pageParams.pageindex = 1
+      this.$refs.tabtask[0].getList()
+    },
+
+    // 从子组件获取的 数量值
+    getTotalNum(value) {
+      this.tabMapOptions[0].num = value.totalcount // 全部
+      this.tabMapOptions[1].num = value.wfpcount // 当前任务
+      this.tabMapOptions[2].num = value.fpcount // 历史任务
+    },
+    //获取列表数据数字
+    getCurrentList() {
+      return new Promise(resolve => {
+        const params = {
+          pageindex: this.pageParams.pageindex, // 第几页
+          pagesize: this.pageParams.pagesize, // 每页几条信息
+          infokind: this.searchDatas.ishistory, // 否	int	查询类型（为0或不传时获取全部，为1时获取当前任务，为2时获取历史任务）
+          isstart: this.searchDatas.sc_state, //	否	int	任务状态 （不传值时查询所有状态）
+          stime: this.searchDatas.searchDate && this.searchDatas.searchDate[0], //	否	string	开始时间
+          etime: this.searchDatas.searchDate && this.searchDatas.searchDate[1], //	否	string	结束时间
+          agentid: this.searchDatas.seatId, // 否	string	坐席工号（不传值查询全部坐席）
+          taskname: this.searchDatas.keyword //	否	string	计划名称，可模糊查询
+        }
+        getTaskLists(params).then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            switch (this.searchDatas.ishistory) {
+              case 0:
+                this.pageParams.total = response.total
+                break
+              case 1:
+                this.pageParams.total = response.dqnum
+                break
+              case 2:
+                this.pageParams.total = response.lsnum
+                break
+              default:
+                break
+            }
+            if (response.total >= 100) {
+              response.total = '99+'
+            }
+            if (response.dqnum >= 100) {
+              response.dqnum = '99+'
+            }
+            if (response.lsnum >= 100) {
+              response.lsnum = '99+'
+            }
+            this.tabMapOptions[0].num = response.total // 全部
+            this.tabMapOptions[1].num = response.dqnum // 当前任务
+            this.tabMapOptions[2].num = response.lsnum // 历史任务
+            this.flag=true
+          }
+        })
+        resolve()
+      })
+    },
+    updateList() {
+      this.$refs.tabtask[0].getList()
+    },
+
+    // 获取坐席下拉
+    getSeatSelects() {
+      getSeatLists().then(response => {
+        if (response.state.toLowerCase() === 'success') {
+          this.seatOptions = response.data
+        }
+      })
+    }
+
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+
+</style>
+<style rel="stylesheet/scss" lang="scss" scoped>
+	.tasks {
+		.list_all {}
+
+		.list_wait {
+			color: #febd23;
+		}
+
+		.list_done {
+			color: #5ccb91;
+		}
+	}
+</style>

CallCenterWeb.UI/src/views/systemSetup/roleSetting/department/component/addOrEdit.vue

@@ -16,6 +16,15 @@
       <el-form-item label="分类名称" prop="deptname">
         <el-input v-model="ruleForm.deptname" placeholder="请输入分类名称"/>
       </el-form-item>
+      <el-form-item v-if="addEditLock" label="是否锁定:" prop="islock" >
+        <el-radio-group v-model="ruleForm.islock">
+          <el-radio label="0">否</el-radio>
+          <el-radio label="1">是</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="任务额:" prop="targetmoney">
+        <el-input v-model="ruleForm.targetmoney" type="text" autosize placeholder="请输入任务额"/>
+      </el-form-item>
       <el-form-item label="排列序号" prop="sort">
         <el-input v-model.number="ruleForm.sort" placeholder="请输入排列序号"/>
       </el-form-item>
@@ -32,8 +41,8 @@ export default{
   name: 'AddOrEditKnowledge',
   props: {
     rowid: {
-      type: Number,
-      default: 0
+      type: String,
+      default: ''
     },
     layerid: {
       type: String,
@@ -48,7 +57,9 @@ export default{
         parentid: '', // 父节点id
         deptid: '', // 当前节点id
         sort: '', // 序号
-        deptname: '' // 分类名称
+        deptname: '', // 分类名称
+        islock: '', //是否锁定
+        targetmoney: '', //任务额
       },
       rules: {
         sort: [
@@ -67,12 +78,14 @@ export default{
         label: 'text'
       },
       addEditJudgment: false, // 添加flase 编辑true
+      addEditLock: true, //添加true 编辑false
     }
   },
   created() {
     this.getTypeDrop().then(() => {
       if (this.rowid) {
         this.addEditJudgment = true
+        this.addEditLock = false
         this.ruleForm.deptid = this.rowid
         this.getTypeDetails(this.rowid)
       }
@@ -97,6 +110,8 @@ export default{
           const res = response.data.model
           this.ruleForm.deptname = res.F_DeptName // 分类名称
           this.ruleForm.sort = res.F_Sort // 排序
+          this.ruleForm.islock = res.F_Lock + '' // 排序
+          this.ruleForm.sort = res.F_TargetMoney // 排序
           this.ruleForm.parentid = res.F_ParentId // 父节点id
           const len = response.data.levelid.length
           const levelid = response.data.levelid
@@ -116,7 +131,7 @@ export default{
               this.loading = false
               if (response.state.toLowerCase() === 'success') {
                 this.$parent.$layer.close(this.layerid)
-                this.$parent.getTreeLists() // 重新加载父级数据
+                this.$parent.getDepList() // 重新加载父级数据
                 this.$message.success('恭喜你，添加成功!')
               }
             }).catch(() => {
@@ -130,7 +145,7 @@ export default{
             if (response.state.toLowerCase() === 'success') {
               this.$parent.treeclickId=0;
               this.$parent.$layer.close(this.layerid)
-              this.$parent.getTreeLists() // 重新加载父级数据
+              this.$parent.getDepList() // 重新加载父级数据
               this.$message.success('恭喜你，编辑成功!')
             }
           }).catch(() => {

CallCenterWeb.UI/src/views/systemSetup/roleSetting/department/component/addOrEditTeam.vue

@@ -10,6 +10,9 @@
       <el-form-item label="描述说明:" prop="des">
         <el-input v-model="ruleForm.des" type="textarea" autosize placeholder="请输入描述说明"/>
       </el-form-item>
+      <el-form-item label="任务额:" prop="targetmoney">
+        <el-input v-model="ruleForm.targetmoney" type="text" autosize placeholder="请输入任务额"/>
+      </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm">保存</el-button>
         <el-button @click="resetForm">重置</el-button>
@@ -53,7 +56,8 @@ export default {
         id: '',
         position: '',
         department: [],
-        des: ''
+        des: '',
+        targetmoney: '',
       },
       rules: {
         position: [{
@@ -79,8 +83,9 @@ export default {
           this.loading = true
           const datas = {
             id: this.ruleForm.id,
-            name:this.ruleForm.position,
-            deptid:this.depId,
+            name: this.ruleForm.position,
+            deptid: this.depId,
+            targetmoney: this.ruleForm.targetmoney,
             des: filterContent.delHtmlTag(this.ruleForm.des)
           }
 
@@ -129,6 +134,7 @@ export default {
           const res = response.data
           this.ruleForm.position = res.F_Name
           this.ruleForm.des = res.F_Des
+          this.ruleForm.targetmoney = res.F_TargetMoney
         }
       })
     },

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

@@ -8,30 +8,48 @@
           <el-button type="primary" class="filter-item" icon="el-icon-delete" @click="btn_delete()">删除</el-button>
         </div>
         <el-alert :closable="false" title="部门分类" type="success"/>
-        <el-tree
-          ref="treeRef"
-          :data="treelists"
-          :default-expand-all="defaultExpandAll"
-          :expand-on-click-node="expandOnNode"
-          node-key="id"
-          check-strictly
-          highlight-current
-          @node-click="treeNodeClick"/>
+        <el-table 
+        v-loading="loading" 
+        :data="departmentDataLists"
+        highlight-current-row
+        @current-change="handleCurrentChange" 
+        border
+        row-key="F_DeptId"
+        default-expand-all
+        :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
+        @selection-change="changeSelects">
+          <el-table-column type="selection" width="40" fixed></el-table-column>
+          <el-table-column prop="F_DeptName" label="部门名称" align="center" min-width=""/>
+          <el-table-column prop="F_Lock" label="锁定" align="center" min-width="">
+            <template slot-scope="scope">
+              {{ scope.row.F_Lock | judgmentLockName }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="F_TargetMoney" label="任务额" align="center" min-width="">
+            <template slot-scope="scope">
+              {{ scope.row.F_TargetMoney | judgmentTargetMoney }}
+            </template>
+          </el-table-column>
+        </el-table>
       </el-col>
       <el-col :span="16">
-        <div >
+        <div>
           <div class="filter-container search">
             <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_addR">添加</el-button>
           </div>
-
           <el-table v-loading="loading" :data="dataLists" border stripe>
             <el-table-column type="index" label="编号" align="center" fixed width="80"/>
             <el-table-column prop="F_DeptName" label="部门名称" align="center" min-width=""/>
             <el-table-column prop="F_Name" label="团队名称" align="center" min-width=""/>
             <el-table-column prop="F_CreateBy" label="创建人" align="center" min-width=""/>
             <el-table-column prop="F_CreateOn" label="创建时间" align="center" min-width=""/>
+            <el-table-column prop="F_TargetMoney" label="任务额" align="center" min-width="">
+              <template slot-scope="scope">
+                {{ scope.row.F_TargetMoney | judgmentTargetMoney }}
+              </template>
+            </el-table-column>
             <el-table-column prop="F_Des" label="描述说明" align="center" min-width=""/>
             <el-table-column label="操作" width="160" align="center" class-name="oparate_btn" fixed="right">
               <template slot-scope="scope">
@@ -53,7 +71,7 @@
   </div>
 </template>
 <script>
-import { getTreeList, getScoreList, deleteType, deleteScore } from '@/api/systemSetup/roleSetting/department'
+import { getScoreList, deleteType, deleteScore, getDepartmentList } from '@/api/systemSetup/roleSetting/department'
 import { getTeamLists, deleteTeam, getDepidTeam } from '@/api/systemSetup/sysSetting/teamManagement'
 import addOrEditKnowledge from './component/addOrEdit'
 import addOrEditTeam from './component/addOrEditTeam'
@@ -62,26 +80,40 @@ export default {
   components: {
     Pagination
   },
+  filters: {
+    judgmentLockName(status) {
+      const statusMap = {
+        '0': '未锁定',
+        '1': '锁定',
+      }
+      return statusMap[status]
+    },
+    judgmentTargetMoney(status) {
+      if (status == 0) {
+        return ''
+      } else {
+        return status
+      }
+    }
+  },
   data() {
     return {
       keyword: '',
-      treelists: [], // 分类树列表
-      treeclickId: 0,
+      selectedId: [],
       depId: 0,//最后一级部门id
       depName: '',//最后一级部门名称
-      defaultExpandAll: true,
-      expandOnNode: false,
       loading: false,
       pageParams: {
         pageindex: 1, // 当前第几页
         pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
         total: 0 // 总共多少数据
       },
-      dataLists: [] // 团队管理列表数据
+      dataLists: [], // 团队管理列表数据
+      departmentDataLists: [], //部门列表数据
     }
   },
   created() {
-    this.getTreeLists()// 分类指标
+    this.getDepList() //部门列表
     this.getList()// 团队管理数据
     document.onkeyup = (e) => {
         if (e.keyCode === 13) {
@@ -92,13 +124,21 @@ export default {
   mounted: function() {
   },
   methods: {
-    // 分类树
-    getTreeLists() {
+    // 部门分类
+    getDepList() {
+      this.loading = true
       return new Promise(resolve => {
-        getTreeList().then(response => {
-          if (response.state.toLowerCase() === 'success') {
-            this.treelists = this.buildTree(response.data)
-          }
+        const params = {
+          pageindex: this.pageParams.pageindex, // 第几页
+          pagesize: this.pageParams.pagesize, // 每页几条信息
+          keyword: this.keyword.trim(),
+        }
+        getDepartmentList(params).then(response => {
+          this.loading = false
+          this.departmentDataLists = response
+        }).catch(result=>{
+          this.loading = false
+          this.departmentDataLists=[]
         })
         resolve()
       })
@@ -118,18 +158,19 @@ export default {
     },
 		//编辑
     btn_edit() {
-      if (this.treeclickId === 0) {
+      if (this.selectedId.length !== 1) {
         this.$message({
           message: '请选择一行编辑！',
           type: 'warning'
         })
         return
       }
+      let rowId = this.selectedId[0]
       this.$layer.iframe({
         content: {
           content: addOrEditKnowledge, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { rowid: this.treeclickId } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+          data: { rowid: rowId } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
         },
         area: ['80%', '90%'],
         shadeClose: false,
@@ -138,13 +179,14 @@ export default {
     },
     //删除
     btn_delete() {
-      if (this.treeclickId === 0) {
+      if (this.selectedId.length === 0) {
         this.$message({
           message: '没有可删除的选项！',
           type: 'warning'
         })
       } else {
-        this.deleteType(this.treeclickId)
+        let ids = this.selectedId.join(',')
+        this.deleteType(this.selectedId)
       }
     },
     //删除
@@ -157,9 +199,8 @@ export default {
         .then(() => {
           deleteType(ids).then(response => {
             if (response.state.toLowerCase() === 'success') {
-              this.getTreeLists()
+              this.getDepList()
               this.$message.success('删除成功!')
-              this.treeclickId=0
             }
           })
         })
@@ -167,55 +208,24 @@ export default {
           this.$message.info('已取消删除')
         })
     },
-    buildTree(list) {
-      const temp = {}
-      const tree = {}
-      for (const j in list) {
-        temp[list[j].id] = list[j]
-      }
-
-      for (const i in temp) {
-        if (temp[i].parentid) {
-          if (!temp[temp[i].parentid].children) {
-            temp[temp[i].parentid].children = []
-          }
-          temp[temp[i].parentid].children[temp[i].id] = temp[i]
-        } else {
-          tree[temp[i].id] = temp[i]
-        }
-      }
-      return this.filterTreeDatas(tree)
-    },
-    // 处理数据格式
-    filterTreeDatas(treeDatas) {
-      const accessedRouters = []
-      let j = -1
-      for (const i in treeDatas) {
-        j++
-        accessedRouters.push({
-          id: treeDatas[i].id,
-          label: treeDatas[i].text,
-          children: []
-        })
-        if (treeDatas[i].children) {
-          accessedRouters[j].children = this.filterTreeDatas(
-            treeDatas[i].children
-          )
-        }
+    changeSelects(val) {
+      const ids = []
+      this.multipleSelection = val
+      for (let i=0; i<this.multipleSelection.length; i++) {
+        ids.push(this.multipleSelection[i].F_DeptId)
       }
-      return accessedRouters
+      this.selectedId = ids;
     },
-    treeNodeClick(data) {
-      this.treeclickId = data.id
-      if (data.id !== 0) {
-        this.depId = data.id
-        console.log(data)
-        this.depName = data.label
+    handleCurrentChange(data) {
+      if (data.F_DeptId !== 0) {
+        this.depId = data.F_DeptId
+        this.depName = data.F_DeptName
         this.getList()
       } else {
         this.depId = 0
       }
     },
+
     //获取团队列表数据
     getList() {
       this.loading = true
@@ -250,7 +260,7 @@ export default {
             parent: this, // 当前的vue对象
             data: {'depId':this.depId,'depName':this.depName }// props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
           },
-          area: ['40%', '320px'],
+          area: ['80%', '80%'],
           title: '添加团队管理信息'
         })
       }else{
@@ -266,7 +276,7 @@ export default {
             parent: this, // 当前的vue对象
             data: { 'rowid': editId,'depId':this.depId,'depName':this.depName}// props
           },
-          area: ['40%', '320px'],
+          area: ['80%', '80%'],
           title: '编辑团队管理信息'
         })
       } else {