分机绑定、问题修改

CallCenterWeb.UI/src/api/telCall/extensionBind.js

@@ -0,0 +1,46 @@
+import request from '@/utils/request'
+
+// 获取分机绑定列表
+export function getExtensionBindList(params) {
+  return request({
+    url: 'api/ExtensionBind/getlist',
+    method: 'get',
+    params
+  })
+}
+
+// 获取分机绑定详情
+export function getExtensionBindDetail(params) {
+  return request({
+    url: 'api/ExtensionBind/getdetails',
+    method: 'get',
+    params
+  })
+}
+
+// 添加分机绑定
+export function addExtensionBind(params) {
+  return request({
+    url: 'api/ExtensionBind/add',
+    method: 'post',
+    params
+  })
+}
+
+// 编辑分机绑定
+export function editExtensionBind(params) {
+  return request({
+    url: 'api/ExtensionBind/update',
+    method: 'post',
+    params
+  })
+}
+
+// 删除分机绑定
+export function deleteExtensionBind(params) {
+  return request({
+    url: 'api/ExtensionBind/delete',
+    method: 'post',
+    params
+  })
+}

CallCenterWeb.UI/src/views/CustomerServiceReport/salesDetailsProductionSheet/index.vue

@@ -0,0 +1,562 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-row :gutter="20">
+        <el-col :span="5">
+          <el-date-picker v-model="searchData.searchTime" :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-col>
+        <el-col :span="3">
+          <el-input v-model="searchData.adFrom" placeholder="请输入消息/广告媒体来源" class="filter-item" />
+        </el-col>
+        <el-col :span="3">
+          <el-select v-model="searchData.type" class="filter-item" filterable clearable placeholder="请选择订单类型">
+            <el-option v-for="item in orderType" :key="item.F_Value" :label="item.F_Value" :value="item.F_Value" />
+          </el-select>
+        </el-col>
+        <el-col :span="3">
+          <el-select v-model="searchData.payType" class="filter-item" filterable clearable placeholder="请选择支付方式">
+            <el-option v-for="item in payTypeList" :key="item.F_Value" :label="item.F_Value" :value="item.F_Value" />
+          </el-select>
+        </el-col>
+        <el-col :span="3">
+          <el-input v-model="searchData.id" placeholder="请输入订单号" class="filter-item" />
+        </el-col>
+        <el-col :span="3">
+          <el-input v-model="searchData.customer" placeholder="请输入客户姓名" class="filter-item" />
+        </el-col>
+        <el-col :span="3">
+          <el-input v-model="searchData.customerPhone" placeholder="请输入客户手机号" class="filter-item" />
+        </el-col>
+        <el-col :span="3">
+          <el-input v-model="searchData.trackingNo" placeholder="请输入运单号" class="filter-item" />
+        </el-col>
+        <el-col :span="3">
+          <el-input v-model="searchData.keywords" placeholder="请输入关键字" class="filter-item" />
+        </el-col>
+        <el-col :span="3">
+          <el-select v-if="activeName == 1" v-model="searchData.logisticsStatus" class="form_select" filterable clearable placeholder="请选择物流状态">
+            <el-option v-for="item in logisticsList" :key="item.F_Value" :label="item.F_Remark" :value="item.F_Value" />
+          </el-select>
+        </el-col>
+        <el-col :span="3">
+          <el-select v-if="activeName == 1" v-model="searchData.F_State" class="form_select" filterable clearable placeholder="请选择订单状态">
+            <el-option v-for="item in orderstate" :key="item.id" :label="item.value" :value="item.id" />
+          </el-select>
+        </el-col>
+        <el-col :span="10">
+          <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
+          <el-button v-permission="'HY_bulk_submit'" v-if="authority_submit()" type="primary" class="filter-item" @click="btn_bulk_submit">批量提交</el-button>
+        </el-col>
+      </el-row>
+    </div>
+    <el-tabs v-model="activeName" type="card" @tab-click="handleTabClick">
+      <el-tab-pane label="待提交" name="0" />
+      <el-tab-pane label="客服退回" name="2" />
+      <el-tab-pane label="已提交" name="1" />
+      <el-tab-pane label="物流未通过" name="9" />
+    </el-tabs>
+    <div>
+      <span>订单数量：{{ pageParams.total }}</span>
+    </div>
+    <el-table v-loading="loading" ref="multipleTable" :data="dataLists" border stripe row-key="F_Id" @selection-change="handleSelectionChange">
+      <el-table-column :reserve-selection="true" type="selection" />
+      <el-table-column type="index" label="编号" align="center" fixed width="80" />
+      <el-table-column prop="F_Id" label="订单编号" align="center" min-width="180">
+        <template slot-scope="scope">
+          <el-button type="text" size="small" @click="hadndleOrderCode(scope.row.F_Id)">{{ scope.row.F_Id }}</el-button>
+        </template>
+      </el-table-column>
+      <el-table-column prop="F_Customer" label="客户姓名" align="center" min-width />
+      <el-table-column prop="F_CustomerPhone" label="手机号码" align="center" min-width="140">
+        <template slot-scope="scope">
+          {{ scope.row.F_CustomerPhone }}
+          <i v-if="authority_call_out(scope.row.F_Status)" class="el-icon-phone phoneIcon" @click="clickCallOut(scope.row.F_CustomerPhone)" />
+        </template>
+      </el-table-column>
+      <el-table-column label="订购商品" align="center" min-width>
+        <template slot-scope="scope">{{ scope.row.OrderDetailList | judgmentOrderGoods }}</template>
+      </el-table-column>
+      <el-table-column prop="F_AddTime" label="下单日期" align="center" />
+      <el-table-column label="订单状态" align="center">
+        <template slot-scope="scope">{{ scope.row.F_State | judgmentStateName }}</template>
+      </el-table-column>
+      <el-table-column prop="F_CheckRemark" label="客服退回原因" align="center" />
+      <el-table-column prop="F_AddUserName" label="下单员工" align="center" />
+      <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, scope.row.F_Type)" :disabled="isDisable" type="text" @click="btn_edit(scope.row.F_Id)">编辑</el-button>
+          <el-button v-permission="'HY_add_remark'" type="text" @click="btn_add_remark(scope.row.F_Id)">备注</el-button>
+          <el-button v-permission="'HY_submit'" v-if="authority_submit()" :disabled="isDisable" type="text" @click="btn_submit(scope.row.F_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 { getDictionaryValueList } from "@/api/commonAPI"
+import { getOrderLists, orderBulkSubmit } from "@/api/orderManagement/orderList"
+import { pickerOptions, formatterContent } from "@/utils"
+import { Send } from "@/utils/telWebsocket"
+import { getCallOutprefix } from "@/api/teloperation"
+import { mapGetters } from "vuex"
+// import store from "@/store"
+// import addOrEditRemark from "./addOrEditRemark"
+// import edit from "./edit"
+import detail from "@/views/orderManagement/orderList/detail"
+import Pagination from "@/components/Pagination" // 对el-pagination 二次封装
+
+export default {
+  name: "OrderList",
+  components: {
+    Pagination,
+  },
+  filters: {
+    judgmentStateName(status) {
+      const statusMap = {
+        0: "未提交",
+        1: "待分仓",
+        2: "已退回",
+        3: "已分仓",
+        4: "无货",
+        5: "仓库待审核",
+        6: "已发货",
+        7: "付款待审核",
+        8: "待分物流",
+        9: "物流未通过",
+      }
+      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++) {
+        orderGoodsNameQuantity = `${orderGoodsNameQuantity}${status[i].F_ProductName}*${status[i].F_Count},`
+      }
+      orderGoodsNameQuantity = orderGoodsNameQuantity.substring(0, orderGoodsNameQuantity.length - 1)
+      return orderGoodsNameQuantity
+    },
+  },
+  data() {
+    return {
+      isDisable: false, // 防止多次点击
+      loading: false,
+      searchData: {
+        adFrom: "", // 消息/广告媒体来源
+        type: "", // 订单类型
+        payType: "", // 支付方式
+        id: "", // 订单号
+        customer: "", // 客户姓名
+        customerPhone: "", // 客户手机号
+        trackingNo: "", // 运单号
+        keywords: "", // 关键字
+        searchTime: "", // 订单时间
+        logisticsStatus: "", // 物流状态
+        F_State: "0",
+        State: "",
+      },
+      activeName: "0", // 标签切换首页
+      pickerOptions, // 日期数据
+      pageParams: {
+        pageindex: 1, // 当前第几页
+        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
+        total: 0, // 总共多少数据
+      },
+      dataLists: [], // 列表数据
+      payTypeList: [], // 支付方式列表
+      logisticsList: [], // 物流状态
+      multipleSelection: [], // 选中的数据
+      selectedId: [], // 选中的数据的id
+      orderType: [], // 订单类型
+      selectOrderId: [], // 合并订单id
+      orderstate: [
+        {
+          id: "1",
+          value: "待分仓",
+        },
+        // {
+        //   id: '2',
+        //   value: '客服退回'
+        // },
+        {
+          id: "3",
+          value: "已分仓",
+        },
+        {
+          id: "4",
+          value: "无货",
+        },
+        // {
+        //   id: '5',
+        //   value: '客服提交'
+        // },
+        {
+          id: "6",
+          value: "已发货",
+        },
+        {
+          id: "7",
+          value: "付款待审核",
+        },
+        {
+          id: "8",
+          value: "待分物流",
+        },
+        {
+          id: "9",
+          value: "物流未通过",
+        },
+      ],
+    }
+  },
+  created() {
+    if (this.$route.params.id) {
+      // this.activeName = this.$route.params.id
+    }
+    this.getOrderType()
+    this.getOrderF_State()
+    this.getList()
+    this.getPayType()
+    document.onkeyup = (e) => {
+      if (e.keyCode === 13) {
+        this.getList()
+      }
+    }
+  },
+  computed: {
+    ...mapGetters([
+      "usercode", // 工号
+      "extension", // 分机号
+      "sidebar",
+      "avatar",
+      "telCallType", // 通话类型
+      "telIsVisCallout", // 外呼面板是否显示
+    ]),
+  },
+  methods: {
+    getList() {
+      this.loading = true
+      return new Promise((resolve) => {
+        const params = {
+          F_State: this.searchData.F_State, // 订单状态
+          pageindex: 1, // int 第几页
+          pagesize: 1000000, // int 每页几条信息
+          F_ADFrom: this.searchData.adFrom, // 消息/广告来源
+          F_Type: this.searchData.type, // 订单类型
+          F_PayType: this.searchData.payType, // 支付方式
+          F_Id: this.searchData.id, // 订单号
+          F_Customer: this.searchData.customer, // 客户姓名
+          F_Status: this.searchData.logisticsStatus, // 物流状态
+          F_CustomerPhone: this.searchData.customerPhone, // 客户手机号
+          F_TrackingNo: this.searchData.trackingNo, // 运单号
+          keywords: this.searchData.keywords, // 关键字
+          SearchStartTime: this.searchData.searchTime && this.searchData.searchTime[0], // 添加开始时间
+          SearchEndTime: this.searchData.searchTime && this.searchData.searchTime[1], // 添加结束时间
+          F_PayState: -2,
+          State: this.searchData.State,
+        }
+        getOrderLists(params).then((response) => {
+          this.loading = false
+          if (response.state.toLowerCase() === "success") {
+            this.pageParams.total = response.data.Totals
+            this.dataLists = response.data.Rows
+          }
+        })
+        resolve()
+      })
+    },
+    // 获取订单类型
+    getOrderType() {
+      return new Promise((resolve) => {
+        const params = {
+          isleaf: true,
+          code: "ORDERTYPE",
+        }
+        getDictionaryValueList(params).then((response) => {
+          if (response.state.toLowerCase() === "success") {
+            this.orderType = response.data.Rows
+          }
+        })
+      })
+    },
+    // 获取支付方式
+    getPayType() {
+      return new Promise((resolve) => {
+        const params = {
+          isleaf: true,
+          code: "PayType",
+        }
+        getDictionaryValueList(params).then((response) => {
+          if (response.state.toLowerCase() === "success") {
+            this.payTypeList = response.data.Rows
+          }
+        })
+      })
+    },
+    // 获取物流状态
+    getOrderF_State() {
+      return new Promise((resolve) => {
+        const params = {
+          isleaf: true,
+          code: "OrderF_State",
+        }
+        getDictionaryValueList(params).then((response) => {
+          if (response.state.toLowerCase() === "success") {
+            const res = response.data.Rows
+            res.forEach((e, i) => {
+              if (e.F_Remark === "未签收") {
+                this.logisticsList.push(e)
+              } else if (e.F_Remark === "签收") {
+                this.logisticsList.push(e)
+              } else if (e.F_Remark === "拒收") {
+                this.logisticsList.push(e)
+              } else if (e.F_Remark === "未发出") {
+                this.logisticsList.push(e)
+              }
+            })
+          }
+        })
+      })
+    },
+    handleTabClick(tab, event) {
+      this.$refs.multipleTable.clearSelection()
+      this.pageParams.pageindex = 1
+      if (this.activeName == "1") {
+        this.searchData.State = this.activeName
+        this.searchData.F_State = ""
+      } else {
+        this.searchData.F_State = this.activeName
+        this.searchData.State = ""
+      }
+      this.getList()
+    },
+    handle(ordercode) {
+      this.$layer.iframe({
+        content: {
+          content: detail, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: ordercode }, // props
+        },
+        area: ["80%", "90%"],
+        title: "订单详情",
+      })
+    },
+    btn_search() {
+      this.pageParams.pageindex = 1
+      this.getList()
+    },
+    // 添加备注
+    btn_add_remark(id) {
+      this.$layer.iframe({
+        content: {
+          content: addOrEditRemark, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: id }, // props
+        },
+        area: ["40%", "50%"],
+        title: "添加备注",
+      })
+    },
+    // 编辑
+    btn_edit(editId) {
+      this.$layer.iframe({
+        content: {
+          content: edit, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: editId }, // props
+        },
+        area: ["80%", "90%"],
+        title: "编辑订单",
+      })
+    },
+    // 提交
+    btn_submit(orderId) {
+      this.isDisable = true
+      setTimeout(() => {
+        this.$confirm("您确定提交吗?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(() => {
+            this.isDisable = false
+            const data = {
+              orderids: orderId,
+            }
+            orderBulkSubmit(data).then((response) => {
+              if (response.state.toLowerCase() === "success") {
+                this.getList()
+                this.$message.success("提交成功!")
+              }
+            })
+          })
+          .catch(() => {
+            this.$message({
+              type: "info",
+              message: "已取消提交",
+            })
+          })
+        this.isDisable = false
+      }, 300)
+    },
+    // 批量提交
+    btn_bulk_submit() {
+      if (this.selectOrderId.length < 1) {
+        this.$message({
+          message: "请选择订单！",
+          type: "warning",
+        })
+        return
+      }
+      this.isDisable = true
+      setTimeout(() => {
+        this.$confirm("您确定提交吗?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(() => {
+            this.isDisable = false
+            const data = {
+              orderids: this.selectOrderId.join(",").replace(/\s+/g, ""),
+            }
+            orderBulkSubmit(data).then((response) => {
+              if (response.state.toLowerCase() === "success") {
+                this.getList()
+                this.$message.success("提交成功!")
+              }
+            })
+          })
+          .catch(() => {
+            this.$message({
+              type: "info",
+              message: "已取消提交",
+            })
+          })
+        this.isDisable = false
+      }, 300)
+    },
+    hadndleOrderCode(ordercode) {
+      this.$layer.iframe({
+        content: {
+          content: detail, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: ordercode }, // props
+        },
+        area: ["80%", "90%"],
+        title: "订单详情",
+      })
+    },
+    // 选择多个
+    handleSelectionChange(val) {
+      const ids = []
+      this.multipleSelection = val
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        ids.push(this.multipleSelection[i].F_Id)
+      }
+      this.selectOrderId = ids
+    },
+    // 撤回权限
+    authority_cancel(state) {
+      if (state == 1) {
+        return true
+      } else {
+        return false
+      }
+    },
+    authority_submit() {
+      if (this.activeName == 0 || this.activeName == 2 || this.activeName == 9) {
+        return true
+      } else {
+        return false
+      }
+    },
+    // 售后权限
+    // authority_afterSale(state) {
+    //   if (this.activeName == 1) {
+    //     return true
+    //   } else {
+    //     return false
+    //   }
+    // },
+    // 编辑权限
+    authority_edit(state, type) {
+      if (this.activeName == 0 || this.activeName == 2 || this.activeName == 9) {
+        return true
+      } else {
+        return false
+      }
+    },
+    // 外呼权限
+    authority_call_out(status) {
+      if (status == 0 || status == 1) {
+        return true
+      } else {
+        return false
+      }
+    },
+    // 外呼
+    clickCallOut(phoneNumber) {
+      this.callOut(phoneNumber)
+    },
+    // 外呼
+    callOut(phoneNumber) {
+      if (phoneNumber) {
+        getCallOutprefix(phoneNumber).then((response) => {
+          if (response.state.toLowerCase() === "success") {
+            const res = response.data
+            this.scoketDatas = {
+              Type: "MakeCall",
+              AgentID: this.usercode,
+              AgentExten: this.extension,
+              Header: res.fix, // 号码前缀 用于截断前缀得到真实号码
+              DestinationNumber: res.phone, //
+            }
+            store.dispatch("ChangeCallNum", phoneNumber)
+            Send(this.scoketDatas)
+            store.dispatch("UpdateCalloutScreen", false) // 关闭外呼面板
+            store.dispatch("UpdateOutboundScreen", false) // 关闭外呼弹屏
+          }
+        })
+      } else {
+        this.$message({
+          message: "请先输入电话号码！",
+          type: "warning",
+        })
+      }
+    },
+  },
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.el {
+  cursor: pointer;
+}
+.phoneIcon {
+  cursor: pointer;
+}
+</style>

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

@@ -221,10 +221,21 @@ export default {
       date = date.toString().padStart(2, "0")
       let defaultDate = `${year}-${month}-${day} ${hour}`
 
+      //获取一个月前的时间
+      let oneMonthDate = new Date()
+      oneMonthDate.setMonth(oneMonthDate.getMonth() - 1)
+      const oneMonthYear = oneMonthDate.getFullYear()
+      let oneMonthMonth = oneMonthDate.getMonth() + 1
+      let oneMonthDay = oneMonthDate.getDate()
+      const oneMonthHour = "00:00:00"
+      oneMonthMonth = oneMonthMonth.toString().padStart(2, "0")
+      oneMonthDay = oneMonthDay.toString().padStart(2, "0")
+      const oneMonthTime = `${oneMonthYear}-${oneMonthMonth}-${oneMonthDay} ${oneMonthHour}`
+
       if (this.activeName == 2) {
-        this.searchDatas.lastholetime = ["", defaultDate]
+        this.searchDatas.lastholetime = ["", oneMonthTime]
       } else if (this.activeName == 1) {
-        this.searchDatas.lastholetime = [defaultDate, ""]
+        this.searchDatas.lastholetime = [oneMonthTime, ""]
       } else {
         this.searchDatas.lastholetime = []
       }

CallCenterWeb.UI/src/views/commodityManagement/commodityList/components/importFile.vue

@@ -1,30 +1,29 @@
 <template>
   <div class="importFile">
-    <el-alert title="选取的EXCEL文件需要严格按照下载的EXCEL模板进行填写！选择好文件后点击导入即可！" type="warning" class="md" show-icon/>
+    <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>
+        <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"
+          :action="uploadData.uploadUrl"
+          :data="uploadData.uploaderFiles"
           :on-success="uploadSuccess"
           :on-error="uploadError"
           :on-exceed="uploadExceed"
           :auto-upload="false"
-          :headers = "uploadData.uploadHeader"
+          :headers="uploadData.uploadHeader"
           class="uploadFiles"
           list-type="text"
           name="upFile"
-          accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
+          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>
+          <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>
@@ -33,96 +32,97 @@
 </template>
 
 <script>
-import { getToken } from '@/utils/auth'
+import { getToken } from "@/utils/auth"
 
 export default {
-  name: 'ImportFile',
+  name: "ImportFile",
   props: {
     rowid: {
       type: String,
-      default: ''
+      default: "",
     },
     layerid: {
       type: String,
-      default: ''
-    }
+      default: "",
+    },
   },
   data() {
     return {
-      downloadUrl: '/static/xls/importProducts.xlsx',
-      uploadData: {// 文件上传数据
+      downloadUrl: "/static/xls/importProducts.xlsx",
+      uploadData: {
+        // 文件上传数据
         uploadHeader: {
-          Authorization: getToken()
+          Authorization: getToken(),
         },
-        uploadUrl: this.$store.getters.serverConfig.BASE_API + 'api/Product/importProduct',
-        uploaderFiles: {// 上传文件的参数
+        uploadUrl: this.$store.getters.serverConfig.BASE_API + "api/Product/importProduct",
+        uploaderFiles: {
+          // 上传文件的参数
         },
-        fileList: [] // 展示文件的数据
-      }
+        fileList: [], // 展示文件的数据
+      },
     }
   },
-  created() {
-  },
+  created() {},
   methods: {
     submitUpload() {
       this.$refs.upload.submit()
     },
     // 文件上传
     uploadSuccess(response, file, fileList) {
-      if (response.state.toLowerCase() === 'success') {
+      if (response.state.toLowerCase() === "success") {
         this.$parent.$parent.$layer.close(this.layerid)
         this.$parent.$parent.getList() // 重新加载父级数据
-        this.$message.success('恭喜你，导入成功!')
+        this.$message.success("恭喜你，导入成功!")
       } else {
         this.$message.error(response.message)
       }
     },
     uploadExceed(file, fileList) {
-      this.$message.warning('只能选择一个文件!')
+      this.$message.warning("只能选择一个文件!")
     },
     uploadError(err, file, fileList) {
       this.$message.error(err)
-    }
-  }
+    },
+  },
 }
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-	.importFile{
-		.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;
-			}
-		}
-	}
+.importFile {
+  .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: 0.1s;
+    transition: 0.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/commodityManagement/commodityStock/components/transfer.vue

@@ -39,7 +39,7 @@ export default {
       rules: {
         type: [
           {
-            required: true,
+            required: true, 
             trigger: "change",
             message: "请选择调拨",
           },

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

@@ -65,7 +65,7 @@
             v-permission="'HY_agree'"
             v-if="authority_agree()"
             type="text"
-            @click="btn_agree(scope.row.F_OrderId)"
+            @click="btn_agree(scope.row.F_Id)"
           >同意</el-button>
           <el-button
             v-permission="'HY_signfor'"

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

@@ -5,17 +5,17 @@
         <el-input v-model="ruleForm.F_VIPCode" placeholder="请输入会员卡编号"></el-input>
       </el-form-item> -->
       <el-form-item label="客户姓名" prop="F_Name">
-        <el-input v-model="ruleForm.F_Name" placeholder="请输入客户姓名" />
+        <el-input v-model="ruleForm.F_Name" placeholder="请输入客户姓名" :disabled="settingDisabled.disabledName"/>
       </el-form-item>
-      <el-form-item label="客户性别" prop="F_Sex">
-        <el-radio v-model="ruleForm.F_Sex" label="男">男</el-radio>
-        <el-radio v-model="ruleForm.F_Sex" label="女">女</el-radio>
+      <el-form-item label="客户性别" prop="F_Sex" >
+        <el-radio v-model="ruleForm.F_Sex" label="男" :disabled="settingDisabled.disabledSex">男</el-radio>
+        <el-radio v-model="ruleForm.F_Sex" label="女" :disabled="settingDisabled.disabledSex">女</el-radio>
       </el-form-item>
       <el-form-item label="客户年龄" prop="F_Age">
-        <el-input v-model="ruleForm.F_Age" placeholder="请输入客户年龄" onkeyup="value=value.replace(/[^\d.]/g,'')" />
+        <el-input v-model="ruleForm.F_Age" placeholder="请输入客户年龄" onkeyup="value=value.replace(/[^\d.]/g,'')" :disabled="settingDisabled.disabledAge" />
       </el-form-item>
-      <el-form-item label="主号码" prop="F_Phone">
-        <el-input v-model="ruleForm.F_Phone" placeholder="请输入主号码" />
+      <el-form-item label="主号码" prop="F_Phone" >
+        <el-input v-model="ruleForm.F_Phone" placeholder="请输入主号码" :disabled="settingDisabled.disabledPhone" />
       </el-form-item>
       <el-row>
         <el-col :span="16">
@@ -59,45 +59,45 @@
         </el-select>
       </el-form-item>
       <el-form-item label="默认地区" prop="provinceCity">
-        <el-cascader ref="myCascader" v-model="provinceCity" :options="provinceCityDatas" :props="props" :placeholder="placeholderArea" :class="{ placeholderAreaClass: isPlaceholderAreaClass }" class="form_select" clearable change-on-select @change="handleItemChange" />
+        <el-cascader ref="myCascader" v-model="provinceCity" :options="provinceCityDatas" :props="props" :placeholder="placeholderArea" :class="{ placeholderAreaClass: isPlaceholderAreaClass }" class="form_select" clearable change-on-select @change="handleItemChange" :disabled="settingDisabled.disabledProvinceCity"/>
       </el-form-item>
       <el-form-item label="默认详细地址" prop="F_Address">
-        <el-input v-model="ruleForm.F_Address" placeholder="请输入默认详细地址" />
+        <el-input v-model="ruleForm.F_Address" placeholder="请输入默认详细地址" :disabled="settingDisabled.disabledAddress" />
       </el-form-item>
       <el-form-item label="备用地区1" prop="provinceCity1">
-        <el-cascader ref="myCascader1" v-model="provinceCity1" :options="provinceCityDatas1" :props="props" :placeholder="placeholderArea1" :class="{ placeholderAreaClass: isPlaceholderAreaClass }" class="form_select" clearable change-on-select @change="handleItemChange1" />
+        <el-cascader ref="myCascader1" v-model="provinceCity1" :options="provinceCityDatas1" :props="props" :placeholder="placeholderArea1" :class="{ placeholderAreaClass: isPlaceholderAreaClass }" class="form_select" clearable change-on-select @change="handleItemChange1"  :disabled="settingDisabled.disabledProvinceCity1"/>
       </el-form-item>
       <el-form-item label="备用详细地址1" prop="F_Address1">
-        <el-input v-model="ruleForm.F_Address1" placeholder="请输入备用详细地址" />
+        <el-input v-model="ruleForm.F_Address1" placeholder="请输入备用详细地址" :disabled="settingDisabled.disabledAddress1" />
       </el-form-item>
       <el-form-item label="备用地区2" prop="provinceCity2">
-        <el-cascader ref="myCascader2" v-model="provinceCity2" :options="provinceCityDatas2" :props="props" :placeholder="placeholderArea2" :class="{ placeholderAreaClass: isPlaceholderAreaClass }" class="form_select" clearable change-on-select @change="handleItemChange2" />
+        <el-cascader ref="myCascader2" v-model="provinceCity2" :options="provinceCityDatas2" :props="props" :placeholder="placeholderArea2" :class="{ placeholderAreaClass: isPlaceholderAreaClass }" class="form_select" clearable change-on-select @change="handleItemChange2" :disabled="settingDisabled.disabledProvinceCity2" />
       </el-form-item>
       <el-form-item label="备用详细地址2" prop="F_Address2">
-        <el-input v-model="ruleForm.F_Address2" placeholder="请输入备用详细地址" />
+        <el-input v-model="ruleForm.F_Address2" placeholder="请输入备用详细地址" :disabled="settingDisabled.disabledAddress2" />
       </el-form-item>
       <!-- <el-form-item label="邮编" prop="F_Postcode">
         <el-input v-model="ruleForm.F_Postcode" placeholder="请输入邮编"/>
       </el-form-item> -->
       <el-form-item label="鞋码" prop="F_ShoeSize">
-        <el-input v-model="ruleForm.F_ShoeSize" placeholder="请输入鞋码" onkeyup="value=value.replace(/[^\d.]/g,'')" />
+        <el-input v-model="ruleForm.F_ShoeSize" placeholder="请输入鞋码" onkeyup="value=value.replace(/[^\d.]/g,'')" :disabled="settingDisabled.disabledShoeSize"/>
       </el-form-item>
       <el-form-item label="会员生日" prop="F_Birthday">
-        <el-date-picker v-model="ruleForm.F_Birthday" :picker-options="pickerOptions2" value-format="yyyy-MM-dd" type="date" placeholder="请选择会员生日" class="form_date" />
+        <el-date-picker v-model="ruleForm.F_Birthday" :picker-options="pickerOptions2" value-format="yyyy-MM-dd" type="date" placeholder="请选择会员生日" class="form_date" :disabled="settingDisabled.disabledBirthday" />
       </el-form-item>
       <!-- <el-form-item label="会员积分" prop="F_Score" >
         <el-input v-model="ruleForm.F_Score" placeholder="请输入会员积分" onkeyup="value=value.replace(/[^\d.]/g,'')" />
       </el-form-item> -->
       <el-form-item label="推荐人" prop="F_RecommendName">
-        <el-select v-model="ruleForm.F_RecommendName" :placeholder="recommendNameRemind1" :remote-method="remoteMethodRecommend" :loading="loading" class="form_select" filterable remote reserve-keyword value-key="F_ID" @change="recommendChangeSelect">
+        <el-select v-model="ruleForm.F_RecommendName" :placeholder="recommendNameRemind1" :remote-method="remoteMethodRecommend" :loading="loading" class="form_select" filterable remote reserve-keyword value-key="F_ID" @change="recommendChangeSelect" :disabled="settingDisabled.disabledRecommendName">
           <el-option v-for="item in recommendListOptions" :key="item.F_ID" :label="item.F_Name" :value="item" />
         </el-select>
       </el-form-item>
       <el-form-item label="累计消费金额" prop="F_Money">
-        <el-input v-model="ruleForm.F_Money" placeholder="请输入累计消费金额" onkeyup="value=value.replace(/[^\d.]/g,'')" />
+        <el-input v-model="ruleForm.F_Money" placeholder="请输入累计消费金额" onkeyup="value=value.replace(/[^\d.]/g,'')" :disabled="settingDisabled.disabledMoney" />
       </el-form-item>
       <el-form-item label="累计积分" prop="F_TotalScore">
-        <el-input v-model="ruleForm.F_TotalScore" placeholder="请输入累计积分" onkeyup="value=value.replace(/[^\d.]/g,'')" />
+        <el-input v-model="ruleForm.F_TotalScore" placeholder="请输入累计积分" onkeyup="value=value.replace(/[^\d.]/g,'')" :disabled="settingDisabled.disabledTotalScore" />
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm">保存</el-button>
@@ -113,6 +113,7 @@ import { getMemberInfo, addOrder, editOrder, getLabelLists, getbyphone } from "@
 import { validateTel } from "@/utils/validate"
 import { filterContent, pickerOptions } from "@/utils"
 import { getOrderLists } from "@/api/memberManagement/memberList"
+import { mapGetters } from "vuex"
 
 export default {
   name: "AddOrEdit",
@@ -127,10 +128,6 @@ export default {
       type: String,
       default: "",
     },
-    callid: {
-      type: Number,
-      default: 0,
-    },
     layerid: {
       type: String,
       default: "",
@@ -179,7 +176,6 @@ export default {
       pickerOptions, // 日期数据
       recommendNameRemind1: "请输入推荐人",
       ruleForm: {
-        unique_id: "", //		否	string	callid
         id: "", // 编辑会员信息id
         // F_VIPCode: "", //会员卡编号
         F_Name: "", // 客户姓名
@@ -225,9 +221,38 @@ export default {
         ],
       },
       loading: false,
+      settingDisabled: {
+        disabledName: false,
+        disabledSex: false,
+        disabledAge: false,
+        disabledPhone: false,
+        disabledProvinceCity: false,
+        disabledAddress: false,
+        disabledProvinceCity1: false,
+        disabledAddress1: false,
+        disabledProvinceCity2: false,
+        disabledAddress2: false,
+        disabledShoeSize: false,
+        disabledBirthday: false,
+        disabledRecommendName: false,
+        disabledMoney: false,
+        disabledTotalScore: false,
+      }
     }
   },
   computed: {
+    ...mapGetters([
+      "avatar", // 头像
+      "username", // 用户名
+      "usercode", // 工号
+      "seatflag", // 坐席标识
+      "extension", // 分机号
+      "telCallTime", // 来电通话时间
+      "telLineState", // 线路状态
+      "telCallNum", // 顶部显示号码
+      "rolecode", // 角色的code
+      "telTrunkNumber", // 中继号
+    ]),
     F_Phone: {
       get: function () {
         return this.ruleForm.F_Phone // 获取的时候直接获取值
@@ -240,9 +265,6 @@ export default {
   created() {
     this.getProCity()
     this.getRecommendList()
-    if (this.callid) {
-      this.ruleForm.unique_id = this.callid
-    }
     Promise.all([]).then(() => {
       this.getType()
       this.getClass()
@@ -440,6 +462,7 @@ export default {
           this.placeholderArea2 = "请选择备用地区2"
           this.isPlaceholderAreaClass = false
         }
+        this.rolePermissions(res)
       })
     },
     // 获取会员类型
@@ -666,6 +689,83 @@ export default {
       }
       return data
     },
+    rolePermissions(data) {
+      const storageGroupCode = window.localStorage.getItem("roleCode")
+      console.log(storageGroupCode)
+      if (storageGroupCode === "XS") {
+        if (data) {
+          if (data.F_Name) {
+            this.settingDisabled.disabledName = true
+          }
+          if (data.F_Sex) {
+            this.settingDisabled.disabledSex = true
+          }
+          if (data.F_Age) {
+            this.settingDisabled.disabledAge = true
+          }
+          if (data.F_Phone) {
+            this.settingDisabled.disabledPhone = true
+          }
+          if (data.F_Province) {
+            this.settingDisabled.disabledProvinceCity = true
+            // if (data.F_City) {
+            // }
+            // if (data.F_City && data.F_Area) {
+            // }
+            // if (data.F_Area && data.F_Town) {
+            // }
+            // if (data.F_Town) {
+            // }
+          }
+          if (data.F_Address) {
+            this.settingDisabled.disabledAddress = true
+          }
+          if (data.F_Province1) {
+            this.settingDisabled.disabledProvinceCity1 = true
+            // if (data.F_City1) {
+            // }
+            // if (data.F_City1 && data.F_Area1) {
+            // }
+            // if (data.F_Area1 && data.F_Town1) {
+            // }
+            // if (data.F_Town1) {
+            // }
+          }
+          if (data.F_Address1) {
+            this.settingDisabled.disabledAddress1 = true
+          }
+          if (data.F_Province2) {
+            this.settingDisabled.disabledProvinceCity2 = true
+            // if (data.F_City2) {
+            // }
+            // if (data.F_City2 && data.F_Area2) {
+            // }
+            // if (data.F_Area2 && data.F_Town2) {
+            // }
+            // if (data.F_Town2) {
+            // }
+          }
+          if (data.F_Address2) {
+            this.settingDisabled.disabledAddress2 = true
+          }
+          if (data.F_ShoeSize) {
+            this.settingDisabled.disabledShoeSize = true
+          }
+          if (data.F_Birthday) {
+            this.settingDisabled.disabledBirthday = true
+          }
+          if (data.F_Recommender) {
+            this.settingDisabled.disabledRecommendName = true
+          }
+          if (data.F_Money) {
+            this.settingDisabled.disabledMoney = true
+          }
+          if (data.F_TotalScore) {
+            this.settingDisabled.disabledTotalScore = true
+          }
+        }
+      }
+    },
   },
 }
 </script>

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

@@ -225,19 +225,30 @@ export default {
     handleTabClick() {
       this.pageParams.pageindex = 1
       let date = new Date()
-      date.setTime(date.getTime() - 24 * 60 * 60 * 1000)
+      date.setTime(date.getTime())
       const year = date.getFullYear()
       let month = date.getMonth() + 1
-      const day = date.getDate()
+      let day = date.getDate()
       const hour = "00:00:00"
       month = month.toString().padStart(2, "0")
-      date = date.toString().padStart(2, "0")
+      day = day.toString().padStart(2, "0")
       const defaultDate = `${year}-${month}-${day} ${hour}`
 
+      //获取一个月前的时间
+      let oneMonthDate = new Date()
+      oneMonthDate.setMonth(oneMonthDate.getMonth() - 1)
+      const oneMonthYear = oneMonthDate.getFullYear()
+      let oneMonthMonth = oneMonthDate.getMonth() + 1
+      let oneMonthDay = oneMonthDate.getDate()
+      const oneMonthHour = "00:00:00"
+      oneMonthMonth = oneMonthMonth.toString().padStart(2, "0")
+      oneMonthDay = oneMonthDay.toString().padStart(2, "0")
+      const oneMonthTime = `${oneMonthYear}-${oneMonthMonth}-${oneMonthDay} ${oneMonthHour}`
+
       if (this.activeName == 2) {
-        this.searchDatas.lastholetime = ["", defaultDate]
+        this.searchDatas.lastholetime = ["", oneMonthTime]
       } else if (this.activeName == 1) {
-        this.searchDatas.lastholetime = [defaultDate, ""]
+        this.searchDatas.lastholetime = [oneMonthTime, ""]
       } else {
         this.searchDatas.lastholetime = []
       }

CallCenterWeb.UI/src/views/telCall/blackList/addOrEditBlackList.vue

@@ -2,22 +2,13 @@
   <div v-loading="loading">
     <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px">
       <el-form-item label="电话号码" prop="phone">
-        <el-input v-model="ruleForm.phone" placeholder="请输入电话号码"/>
+        <el-input v-model="ruleForm.phone" placeholder="请输入电话号码" />
       </el-form-item>
       <el-form-item label="设置时间段" prop="rangTimes">
-        <el-date-picker
-          v-model="ruleForm.rangTimes"
-          class="date_picker"
-          type="datetimerange"
-          range-separator="至"
-          start-placeholder="开始时间"
-          end-placeholder="结束时间"
-          value-format="yyyy-MM-dd HH:mm:ss"
-          align="left"
-          unlink-panels/>
+        <el-date-picker v-model="ruleForm.rangTimes" class="date_picker" type="datetimerange" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" value-format="yyyy-MM-dd HH:mm:ss" align="left" unlink-panels />
       </el-form-item>
       <el-form-item label="屏蔽说明" prop="des">
-        <el-input v-model="ruleForm.des" type="textarea" autosize placeholder="请输入屏蔽说明"/>
+        <el-input v-model="ruleForm.des" type="textarea" autosize placeholder="请输入屏蔽说明" />
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm">保存</el-button>
@@ -28,51 +19,55 @@
 </template>
 
 <script>
-import { getBlack, addBlack, editBlack } from '@/api/telCall/blackList'
-import { validateTel } from '@/utils/validate'
-import { filterContent } from '@/utils'
+import { getBlack, addBlack, editBlack } from "@/api/telCall/blackList"
+import { validateTel } from "@/utils/validate"
+import { filterContent } from "@/utils"
 
 const validateTelRule = (rule, value, callback) => {
   if (!validateTel(value)) {
-    callback(new Error('请输入有效的电话号码!'))
+    callback(new Error("请输入有效的电话号码!"))
   } else {
     callback()
   }
 }
 
 export default {
-  name: 'AddOrEditBlackList',
+  name: "AddOrEditBlackList",
   props: {
     rowid: {
       type: Number,
-      default: 0
+      default: 0,
     },
     layerid: {
       type: String,
-      default: ''
-    }
+      default: "",
+    },
   },
   data() {
     return {
       ruleForm: {
-        id: '',
-        phone: '',
+        id: "",
+        phone: "",
         rangTimes: [],
-        des: ''
+        des: "",
       },
       rules: {
-        phone: [{
-          required: true,
-          trigger: 'blur',
-          validator: validateTelRule
-        }],
-        rangTimes: [{
-          required: true,
-          message: '请设置时间段!',
-          trigger: 'blur'
-        }]
+        phone: [
+          {
+            required: true,
+            trigger: "blur",
+            validator: validateTelRule,
+          },
+        ],
+        rangTimes: [
+          {
+            required: true,
+            message: "请设置时间段!",
+            trigger: "blur",
+          },
+        ],
       },
-      loading: false
+      loading: false,
     }
   },
   created() {
@@ -91,36 +86,40 @@ export default {
             telphone: this.ruleForm.phone,
             settime: this.ruleForm.rangTimes && this.ruleForm.rangTimes[0],
             removetime: this.ruleForm.rangTimes && this.ruleForm.rangTimes[1],
-            describe: filterContent.delHtmlTag(this.ruleForm.des)
+            describe: filterContent.delHtmlTag(this.ruleForm.des),
           }
 
           // 添加
           if (!this.rowid) {
-            addBlack(datas).then(response => {
+            addBlack(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
+              })
+            return
+          }
+          // 编辑
+          editBlack(datas)
+            .then((response) => {
               this.loading = false
-              if (response.state.toLowerCase() === 'success') {
+              if (response.state.toLowerCase() === "success") {
                 this.$parent.$layer.close(this.layerid)
                 this.$parent.getList() // 重新加载父级数据
-                this.$message.success('恭喜你，黑名单信息添加成功!')
+                this.$message.success("恭喜你，黑名单信息编辑成功!")
               }
-            }).catch(() => {
+            })
+            .catch(() => {
               this.loading = false
             })
-            return
-          }
-          // 编辑
-          editBlack(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
-          })
         } else {
-          this.$message.error('请输入有效的必填项信息!')
+          this.$message.error("请输入有效的必填项信息!")
           return false
         }
       })
@@ -130,24 +129,24 @@ export default {
     },
     // 获取详情
     getDetail(rid) {
-      getBlack(rid).then(response => {
-        if (response.state.toLowerCase() === 'success') {
+      getBlack(rid).then((response) => {
+        if (response.state.toLowerCase() === "success") {
           const res = response.data
           this.ruleForm.phone = res.F_TelPhone
           this.ruleForm.rangTimes = [res.F_SetTime, res.F_RemoveTime]
           this.ruleForm.des = res.F_Describe
         }
       })
-    }
-  }
+    },
+  },
 }
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-	.date_picker{
-		width: 100%;
-	}
-	div.date_picker input.el-range-input{
-		width: 46%;
-	}
+.date_picker {
+  width: 100%;
+}
+div.date_picker input.el-range-input {
+  width: 46%;
+}
 </style>

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

@@ -13,20 +13,20 @@
         range-separator="至"
         start-placeholder="开始日期"
         end-placeholder="结束日期"/> -->
-      <el-input v-model="keyword" placeholder="请输入关键字" class="filter-item"/>
+      <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="loading" :data="dataLists" border stripe>
-      <el-table-column type="index" label="编号" align="center" fixed width="80"/>
-      <el-table-column prop="F_TelPhone" label="来电号码" align="center" min-width=""/>
-      <el-table-column prop="F_SetTime" label="设置时间" align="center" min-width=""/>
-      <el-table-column prop="F_RemoveTime" label="解除时间" align="center" min-width=""/>
-      <el-table-column prop="F_InterceptNum" 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_Describe" label="备注" align="center" min-width=""/>
+      <el-table-column type="index" label="编号" align="center" fixed width="80" />
+      <el-table-column prop="F_TelPhone" label="来电号码" align="center" min-width="" />
+      <el-table-column prop="F_SetTime" label="设置时间" align="center" min-width="" />
+      <el-table-column prop="F_RemoveTime" label="解除时间" align="center" min-width="" />
+      <el-table-column prop="F_InterceptNum" 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_Describe" 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_edit'" size="mini" plain type="primary" @click="btn_edit(scope.row.F_Id)">编辑</el-button>
@@ -34,58 +34,51 @@
         </template>
       </el-table-column>
     </el-table>
-    <pagination
-      v-show="pageParams.total > 0"
-      :total="pageParams.total"
-      :pageindex.sync="pageParams.pageindex"
-      :pagesize.sync="pageParams.pagesize"
-      class="pagination"
-      @pagination="getList" />
+    <pagination v-show="pageParams.total > 0" :total="pageParams.total" :pageindex.sync="pageParams.pageindex" :pagesize.sync="pageParams.pagesize" class="pagination" @pagination="getList" />
   </div>
 </template>
 
 <script>
-
-import { getBlackLists, deleteBlack } from '@/api/telCall/blackList'
-import addOrEditBlackList from './addOrEditBlackList'
-import { pickerOptions } from '@/utils'
-import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
+import { getBlackLists, deleteBlack } from "@/api/telCall/blackList"
+import addOrEditBlackList from "./addOrEditBlackList"
+import { pickerOptions } from "@/utils"
+import Pagination from "@/components/Pagination" // 对el-pagination 二次封装
 
 export default {
-  name: 'BlackList',
+  name: "BlackList",
   components: {
-    Pagination
+    Pagination,
   },
   filters: {
     blackTextFilter(status) {
       const statusMap = {
-        0: '暂时',
-        1: '永久',
-        2: '已取消'
+        0: "暂时",
+        1: "永久",
+        2: "已取消",
       }
       return statusMap[status]
     },
     blackTypeFilter(status) {
       const statusMap = {
-        0: '',
-        1: 'danger',
-        2: 'warning'
+        0: "",
+        1: "danger",
+        2: "warning",
       }
       return statusMap[status]
-    }
+    },
   },
   data() {
     return {
       loading: false,
-      keyword: '',
-      searchDate: '',
+      keyword: "",
+      searchDate: "",
       pickerOptions,
       pageParams: {
         pageindex: 1, // 当前第几页
         pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
-        total: 0 // 总共多少数据
+        total: 0, // 总共多少数据
       },
-      dataLists: [] // 列表数据
+      dataLists: [], // 列表数据
     }
   },
   created() {
@@ -99,7 +92,7 @@ export default {
   methods: {
     getList() {
       this.loading = true
-      return new Promise(resolve => {
+      return new Promise((resolve) => {
         const params = {
           pageindex: this.pageParams.pageindex, // 第几页
           pagesize: this.pageParams.pagesize, // 每页几条信息
@@ -107,9 +100,9 @@ export default {
           // stime: this.searchDate && this.searchDate[0],
           // etime: this.searchDate && this.searchDate[1]
         }
-        getBlackLists(params).then(response => {
+        getBlackLists(params).then((response) => {
           this.loading = false
-          if (response.state.toLowerCase() === 'success') {
+          if (response.state.toLowerCase() === "success") {
             this.pageParams.total = response.data.Totals
             this.dataLists = response.data.Rows
           }
@@ -126,10 +119,10 @@ export default {
         content: {
           content: addOrEditBlackList, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { 'rowid': '' }// props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+          data: { rowid: "" }, // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
         },
-        area: ['40%', '320px'],
-        title: '添加黑名单'
+        area: ["40%", "320px"],
+        title: "添加黑名单",
       })
     },
     btn_edit(editId) {
@@ -137,32 +130,33 @@ export default {
         content: {
           content: addOrEditBlackList, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { 'rowid': editId }// props
+          data: { rowid: editId }, // props
         },
-        area: ['40%', '320px'],
-        title: '编辑黑名单'
+        area: ["40%", "320px"],
+        title: "编辑黑名单",
       })
     },
     btn_delete(editId) {
-      this.$confirm('您确定要将此电话从黑名单中删除吗?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        deleteBlack(editId).then(response => {
-          if (response.state.toLowerCase() === 'success') {
-            this.getList()
-            this.$message.success('删除成功!')
-          }
-        })
-      }).catch(() => {
-        this.$message.info('已取消删除')
+      this.$confirm("您确定要将此电话从黑名单中删除吗?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
       })
-    }
-  }
+        .then(() => {
+          deleteBlack(editId).then((response) => {
+            if (response.state.toLowerCase() === "success") {
+              this.getList()
+              this.$message.success("删除成功!")
+            }
+          })
+        })
+        .catch(() => {
+          this.$message.info("已取消删除")
+        })
+    },
+  },
 }
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-
 </style>

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

@@ -13,32 +13,23 @@
         range-separator="至"
         start-placeholder="开始日期"
         end-placeholder="结束日期"/> -->
-      <el-select
-        v-model="groupid"
-        class="filter-item"
-        filterable
-        clearable
-        placeholder="请选择所属坐席组">
-        <el-option
-          v-for="item in seatOptions"
-          :key="item.F_ZXZID"
-          :label="item.F_ZXZName"
-          :value="item.F_ZXZID"/>
+      <el-select v-model="groupid" class="filter-item" filterable clearable placeholder="请选择所属坐席组">
+        <el-option v-for="item in seatOptions" :key="item.F_ZXZID" :label="item.F_ZXZName" :value="item.F_ZXZID" />
       </el-select>
-      <el-input v-model="keyword" placeholder="请输入关键字" class="filter-item"/>
+      <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="loading" :data="dataLists" border stripe>
-      <el-table-column type="index" label="编号" align="center" fixed width="80"/>
-      <el-table-column prop="F_DutyNumber" label="值班电话" align="center" min-width=""/>
-      <el-table-column prop="F_Group" label="组别" align="center" min-width=""/>
-      <el-table-column prop="F_Remark" label="说明" align="center" min-width=""/>
-      <el-table-column prop="F_ZBTime" label="值班时间" align="center" min-width=""/>
-      <el-table-column prop="F_LastModifyOn" 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 type="index" label="编号" align="center" fixed width="80" />
+      <el-table-column prop="F_DutyNumber" label="值班电话" align="center" min-width="" />
+      <el-table-column prop="F_Group" label="组别" align="center" min-width="" />
+      <el-table-column prop="F_Remark" label="说明" align="center" min-width="" />
+      <el-table-column prop="F_ZBTime" label="值班时间" align="center" min-width="" />
+      <el-table-column prop="F_LastModifyOn" 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 label="操作" width="160" align="center" class-name="oparate_btn" fixed="right">
         <template slot-scope="scope">
           <el-button v-permission="'HY_edit'" size="mini" plain type="primary" @click="btn_edit(scope.row.F_ID)">编辑</el-button>
@@ -46,47 +37,38 @@
         </template>
       </el-table-column>
     </el-table>
-    <pagination
-      v-show="pageParams.total > 0"
-      :total="pageParams.total"
-      :pageindex.sync="pageParams.pageindex"
-      :pagesize.sync="pageParams.pagesize"
-      class="pagination"
-      @pagination="getList" />
+    <pagination v-show="pageParams.total > 0" :total="pageParams.total" :pageindex.sync="pageParams.pageindex" :pagesize.sync="pageParams.pagesize" class="pagination" @pagination="getList" />
   </div>
 </template>
 
 <script>
-
-import { getSeatGroupLists } from '@/api/systemSetup/roleSetting/seatGroup'
-import { getDutyLists, deleteDuty } from '@/api/telCall/duty'
-import addOrEditDuty from './addOrEditDuty'
-import { pickerOptions } from '@/utils'
-import { getSeatGroup } from '@/api/commonAPI'
-import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
+import { getSeatGroupLists } from "@/api/systemSetup/roleSetting/seatGroup"
+import { getDutyLists, deleteDuty } from "@/api/telCall/duty"
+import addOrEditDuty from "./addOrEditDuty"
+import { pickerOptions } from "@/utils"
+import { getSeatGroup } from "@/api/commonAPI"
+import Pagination from "@/components/Pagination" // 对el-pagination 二次封装
 
 export default {
-  name: 'Duty',
+  name: "Duty",
   components: {
-    Pagination
-  },
-  filters: {
-
+    Pagination,
   },
+  filters: {},
   data() {
     return {
       loading: false,
-      keyword: '',
-      searchDate: '',
+      keyword: "",
+      searchDate: "",
       pickerOptions,
       pageParams: {
         pageindex: 1, // 当前第几页
         pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
-        total: 0 // 总共多少数据
+        total: 0, // 总共多少数据
       },
       dataLists: [], // 列表数据
       seatOptions: [],
-      groupid: ''
+      groupid: "",
     }
   },
   created() {
@@ -101,16 +83,16 @@ export default {
   methods: {
     getList() {
       this.loading = true
-      return new Promise(resolve => {
+      return new Promise((resolve) => {
         const params = {
           pageindex: this.pageParams.pageindex, // 第几页
           pagesize: this.pageParams.pagesize, // 每页几条信息
           key: this.keyword.trim(),
           groupid: this.groupid,
         }
-        getDutyLists(params).then(response => {
+        getDutyLists(params).then((response) => {
           this.loading = false
-          if (response.state.toLowerCase() === 'success') {
+          if (response.state.toLowerCase() === "success") {
             this.pageParams.total = response.data.Totals
             this.dataLists = response.data.Rows
           }
@@ -127,10 +109,10 @@ export default {
         content: {
           content: addOrEditDuty, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { 'rowid': ''}// props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+          data: { rowid: "" }, // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
         },
-        area: ['40%', '40%'],
-        title: '添加值班电话号码'
+        area: ["40%", "40%"],
+        title: "添加值班电话号码",
       })
     },
     btn_edit(editId) {
@@ -138,43 +120,44 @@ export default {
         content: {
           content: addOrEditDuty, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { 'rowid': editId }// props
+          data: { rowid: editId }, // props
         },
-        area: ['40%', '40%'],
-        title: '编辑值班电话号码'
+        area: ["40%", "40%"],
+        title: "编辑值班电话号码",
       })
     },
     btn_delete(editId) {
-      this.$confirm('您确定要删除此值班电话号码吗?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        deleteDuty(editId).then(response => {
-          if (response.state.toLowerCase() === 'success') {
-            this.getList()
-            this.$message.success('删除成功!')
-          }
-        })
-      }).catch(() => {
-        this.$message.info('已取消删除')
+      this.$confirm("您确定要删除此值班电话号码吗?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
       })
+        .then(() => {
+          deleteDuty(editId).then((response) => {
+            if (response.state.toLowerCase() === "success") {
+              this.getList()
+              this.$message.success("删除成功!")
+            }
+          })
+        })
+        .catch(() => {
+          this.$message.info("已取消删除")
+        })
     },
     // 获取坐席组下拉数据
     getSeatGroupSelects() {
-      return new Promise(resolve => {
-        getSeatGroupLists().then(response => {
-          if (response.state.toLowerCase() === 'success') {
+      return new Promise((resolve) => {
+        getSeatGroupLists().then((response) => {
+          if (response.state.toLowerCase() === "success") {
             this.seatOptions = response.data.Rows
           }
         })
         resolve()
       })
-    }
-  }
+    },
+  },
 }
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-
 </style>

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

@@ -0,0 +1,135 @@
+<template>
+  <div v-loading="loading">
+    <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px">
+      <el-form-item label="分机号" prop="F_Extension">
+        <el-input v-model="ruleForm.F_Extension" placeholder="请输入分机号" />
+      </el-form-item>
+      <el-form-item label="固化号" prop="F_Telephone">
+        <el-input v-model="ruleForm.F_Telephone" autosize placeholder="请输入固话号" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm">保存</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { getExtensionBindDetail, addExtensionBind, editExtensionBind } from "@/api/telCall/extensionBind"
+import { filterContent } from "@/utils"
+
+export default {
+  name: "AddOrEdit",
+  props: {
+    rowid: {
+      type: Number,
+      default: 0,
+    },
+    layerid: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      ruleForm: {
+        F_ID: "",
+        rangTimes: [],
+        F_Extension: "", // 分机号
+        F_Telephone: "", // 固化号
+      },
+      rules: {
+        F_Extension: [
+          {
+            required: true,
+            trigger: "blur",
+            message: "请输入分机号!",
+          },
+        ],
+        F_Telephone: [
+          {
+            required: true,
+            trigger: "blur",
+            message: "请输入固化号!",
+          },
+        ],
+      },
+      loading: false,
+    }
+  },
+  created() {
+    if (this.rowid) {
+      this.ruleForm.F_ID = this.rowid
+      this.getDetail(this.rowid)
+    }
+  },
+  methods: {
+    submitForm() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          this.loading = true
+          const datas = {
+            F_ID: this.ruleForm.F_ID,
+            F_Extension: this.ruleForm.F_Extension,
+            F_Telephone: this.ruleForm.F_Telephone,
+          }
+          // 添加
+          if (!this.rowid) {
+            addExtensionBind(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
+              })
+            return
+          }
+          // 编辑
+          editExtensionBind(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
+            })
+        } else {
+          this.$message.error("请输入有效的必填项信息!")
+          return false
+        }
+      })
+    },
+    // 获取详情
+    getDetail(rid) {
+      const params = {
+        id: rid
+      }
+      getExtensionBindDetail(params).then((response) => {
+        if (response.state.toLowerCase() === "success") {
+          const res = response.data
+          this.ruleForm.F_Extension = res.F_Extension
+          this.ruleForm.F_Telephone = res.F_Telephone
+        }
+      })
+    },
+  },
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.date_picker {
+  width: 100%;
+}
+div.date_picker input.el-range-input {
+  width: 46%;
+}
+</style>

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

@@ -0,0 +1,164 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-input v-model="extension" placeholder="请输入分机号" class="filter-item" />
+      <el-input v-model="telephone" 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="loading" :data="dataLists" border stripe>
+      <el-table-column type="index" label="编号" align="center" fixed width="80" />
+      <el-table-column prop="F_TelPhone" label="来电号码" align="center" min-width="" />
+      <el-table-column prop="F_SetTime" label="设置时间" align="center" min-width="" />
+      <el-table-column prop="F_RemoveTime" label="解除时间" align="center" min-width="" />
+      <el-table-column prop="F_InterceptNum" 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_Describe" 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_edit'" size="mini" plain type="primary" @click="btn_edit(scope.row.F_Id)">编辑</el-button>
+          <el-button v-permission="'HY_delete'" size="mini" plain type="danger" @click="btn_delete(scope.row.F_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 { getExtensionBindList, deleteExtensionBind } from "@/api/telCall/extensionBind"
+import addOrEdit from "./addOrEdit"
+import { pickerOptions } from "@/utils"
+import Pagination from "@/components/Pagination" // 对el-pagination 二次封装
+
+export default {
+  name: "ExtensionBind",
+  components: {
+    Pagination,
+  },
+  filters: {
+    blackTextFilter(status) {
+      const statusMap = {
+        0: "暂时",
+        1: "永久",
+        2: "已取消",
+      }
+      return statusMap[status]
+    },
+    blackTypeFilter(status) {
+      const statusMap = {
+        0: "",
+        1: "danger",
+        2: "warning",
+      }
+      return statusMap[status]
+    },
+  },
+  data() {
+    return {
+      loading: false,
+      keyword: "",
+      extension: "", // 分机号
+      telephone: "", // 固话
+      pickerOptions,
+      pageParams: {
+        pageindex: 1, // 当前第几页
+        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
+        total: 0, // 总共多少数据
+      },
+      dataLists: [], // 列表数据
+    }
+  },
+  created() {
+    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, // 每页几条信息
+          extension: this.extension.replace(/\s+/g, ""), // 分机号
+          telephone: this.telephone.replace(/\s+/g, ""), // 固话
+        }
+        getExtensionBindList(params).then((response) => {
+          this.loading = false
+          if (response.state.toLowerCase() === "success") {
+            this.pageParams.total = response.data.Totals
+            this.dataLists = response.data.Rows
+          }
+        })
+        resolve()
+      })
+    },
+    btn_search() {
+      this.pageParams.pageindex = 1
+      this.getList()
+    },
+    btn_add() {
+      this.$layer.iframe({
+        content: {
+          content: addOrEdit, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: "" }, // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+        },
+        area: ["40%", "40%"],
+        title: "添加",
+      })
+    },
+    btn_edit(editId) {
+      this.$layer.iframe({
+        content: {
+          content: addOrEdit, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: editId }, // props
+        },
+        area: ["40%", "40%"],
+        title: "编辑",
+      })
+    },
+    btn_delete(editId) {
+      this.$confirm("您确定删除吗?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deleteExtensionBind(editId).then((response) => {
+            if (response.state.toLowerCase() === "success") {
+              this.getList()
+              this.$message.success("删除成功!")
+            }
+          })
+        })
+        .catch(() => {
+          this.$message.info("已取消删除")
+        })
+    },
+  },
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.filter-container {
+  .el-select {
+    margin-right: 10px;
+  }
+  .el-date-editor {
+    margin-right: 10px;
+  }
+  .el-cascader {
+    margin-right: 10px;
+  }
+  .filter-item {
+    vertical-align: top;
+  }
+}
+</style>

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

@@ -7,78 +7,43 @@
           <div class="clearfix">
             <el-col :md="4" class="seat_sts_col">
               <div class="seat_sts_items">
-                <count-to
-                  :start-val="0"
-                  :end-val="count.totalCount"
-                  :duration="2600"
-                  class="seat_total_count total_count_color"
-                />
+                <count-to :start-val="0" :end-val="count.totalCount" :duration="2600" class="seat_total_count total_count_color" />
                 <p class="seat_state_sts">全部坐席</p>
               </div>
             </el-col>
             <el-col :md="3" class="seat_sts_col">
               <div class="seat_sts_items">
-                <count-to
-                  :start-val="0"
-                  :end-val="count.onlineCount"
-                  :duration="2600"
-                  class="seat_total_count online_count_color"
-                />
+                <count-to :start-val="0" :end-val="count.onlineCount" :duration="2600" class="seat_total_count online_count_color" />
                 <p class="seat_state_sts">在线</p>
               </div>
             </el-col>
             <el-col :md="3" class="seat_sts_col">
               <div class="seat_sts_items">
-                <count-to
-                  :start-val="0"
-                  :end-val="count.offlineCount"
-                  :duration="2600"
-                  class="seat_total_count outline_count_color"
-                />
+                <count-to :start-val="0" :end-val="count.offlineCount" :duration="2600" class="seat_total_count outline_count_color" />
                 <p class="seat_state_sts">离线</p>
               </div>
             </el-col>
             <el-col :md="4" class="seat_sts_col">
               <div class="seat_sts_items">
-                <count-to
-                  :start-val="0"
-                  :end-val="count.freeCount"
-                  :duration="2600"
-                  class="seat_total_count free_count_color"
-                />
+                <count-to :start-val="0" :end-val="count.freeCount" :duration="2600" class="seat_total_count free_count_color" />
                 <p class="seat_state_sts">空闲</p>
               </div>
             </el-col>
             <el-col :md="4" class="seat_sts_col">
               <div class="seat_sts_items">
-                <count-to
-                  :start-val="0"
-                  :end-val="count.callingCount"
-                  :duration="2600"
-                  class="seat_total_count calling_count_color"
-                />
+                <count-to :start-val="0" :end-val="count.callingCount" :duration="2600" class="seat_total_count calling_count_color" />
                 <p class="seat_state_sts">通话中</p>
               </div>
             </el-col>
             <el-col :md="3" class="seat_sts_col">
               <div class="seat_sts_items">
-                <count-to
-                  :start-val="0"
-                  :end-val="count.busyCount"
-                  :duration="2600"
-                  class="seat_total_count callbusy_count_color"
-                />
+                <count-to :start-val="0" :end-val="count.busyCount" :duration="2600" class="seat_total_count callbusy_count_color" />
                 <p class="seat_state_sts">忙碌</p>
               </div>
             </el-col>
             <el-col :md="3" class="seat_sts_col">
               <div class="seat_sts_items">
-                <count-to
-                  :start-val="0"
-                  :end-val="count.afterCallCount"
-                  :duration="2600"
-                  class="seat_total_count callafter_count_color"
-                />
+                <count-to :start-val="0" :end-val="count.afterCallCount" :duration="2600" class="seat_total_count callafter_count_color" />
                 <p class="seat_state_sts">话后处理</p>
               </div>
             </el-col>
@@ -94,133 +59,51 @@
             <!-- <el-col :xl="8" :lg="12" :md="8" :sm="8" :xs="12" class="state_col">
               <i class="state_icon state_icon_color1" />已签入
             </el-col>-->
-            <el-col :xl="8" :lg="12" :md="8" :sm="8" :xs="12" class="state_col">
-              <i class="state_icon state_icon_color2" />离线
-            </el-col>
-            <el-col :xl="8" :lg="12" :md="8" :sm="8" :xs="12" class="state_col">
-              <i class="state_icon state_icon_color3" />未知
-            </el-col>
-            <el-col :xl="8" :lg="12" :md="8" :sm="8" :xs="12" class="state_col">
-              <i class="state_icon state_icon_color4" />空闲
-            </el-col>
-            <el-col :xl="8" :lg="12" :md="8" :sm="8" :xs="12" class="state_col">
-              <i class="state_icon state_icon_color5" />小休
-            </el-col>
-            <el-col :xl="8" :lg="12" :md="8" :sm="8" :xs="12" class="state_col">
-              <i class="state_icon state_icon_color6" />通话中
-            </el-col>
+            <el-col :xl="8" :lg="12" :md="8" :sm="8" :xs="12" class="state_col"> <i class="state_icon state_icon_color2" />离线 </el-col>
+            <el-col :xl="8" :lg="12" :md="8" :sm="8" :xs="12" class="state_col"> <i class="state_icon state_icon_color3" />未知 </el-col>
+            <el-col :xl="8" :lg="12" :md="8" :sm="8" :xs="12" class="state_col"> <i class="state_icon state_icon_color4" />空闲 </el-col>
+            <el-col :xl="8" :lg="12" :md="8" :sm="8" :xs="12" class="state_col"> <i class="state_icon state_icon_color5" />小休 </el-col>
+            <el-col :xl="8" :lg="12" :md="8" :sm="8" :xs="12" class="state_col"> <i class="state_icon state_icon_color6" />通话中 </el-col>
             <!-- <el-col :xl="8" :lg="12" :md="8" :sm="8" :xs="12" class="state_col">
               <i class="state_icon state_icon_color7" />被请求
             </el-col>-->
-            <el-col :xl="8" :lg="12" :md="8" :sm="8" :xs="12" class="state_col">
-              <i class="state_icon state_icon_color8" />话后处理
-            </el-col>
+            <el-col :xl="8" :lg="12" :md="8" :sm="8" :xs="12" class="state_col"> <i class="state_icon state_icon_color8" />话后处理 </el-col>
           </div>
         </el-card>
       </el-col>
       <!-- 全部坐席 列表展示 -->
       <el-col :lg="24">
         <el-card shadow="hover" class="tab_card">
-          <el-button
-            v-show="!isStartMonitor"
-            type="primary"
-            plain
-            class="monitor_btn"
-            @click="startMonitor"
-          >开始监控</el-button>
-          <el-button
-            v-show="isStartMonitor"
-            type="primary"
-            plain
-            class="monitor_btn"
-            @click="cancelMonitor"
-          >取消监控</el-button>
+          <el-button v-show="!isStartMonitor" type="primary" plain class="monitor_btn" @click="startMonitor">开始监控</el-button>
+          <el-button v-show="isStartMonitor" type="primary" plain class="monitor_btn" @click="cancelMonitor">取消监控</el-button>
           <el-tabs v-model="activeName">
             <el-tab-pane label="全部坐席" name="first">
               <div class="tab_body seat_card">
                 <el-row :gutter="10" class="clearfix">
-                  <el-col
-                    v-for="item in seatCardLists"
-                    :xl="4"
-                    :lg="6"
-                    :md="8"
-                    :sm="12"
-                    :key="item.id"
-                    :class="{seat_card_item: !isStartMonitor}"
-                    class="seat_cards"
-                  >
+                  <el-col v-for="item in seatCardLists" :xl="4" :lg="6" :md="8" :sm="12" :key="item.id" :class="{ seat_card_item: !isStartMonitor }" class="seat_cards">
                     <div class="seat_col" @click="oparateBtnShow(item)">
                       <el-col :md="10" :sm="10" :xs="10" class="text_center">
                         <img :src="item.head_small_img" alt="头像" class="seat_avatar" />
-                        <p
-                          :class="item.ext_state | seatStateClassFilter"
-                          class="seat_state"
-                        >{{ item.ext_state}}</p>
+                        <p :class="item.ext_state | seatStateClassFilter" class="seat_state">{{ item.ext_state }}</p>
                       </el-col>
                       <el-col :md="14" :sm="14" :xs="14" class="seat_detail_right">
                         <h5>{{ item.username }}</h5>
                         <p>工号：{{ item.usercode }}</p>
                         <p>分机号：{{ item.seat_ext }}</p>
                         <p v-show="item.isCalling">
-                          <b
-                            :class="[{call_out: item.isCallout, call_in: !item.isCallout }]"
-                            class="call_direction"
-                          >{{ item.call_type }}</b>
+                          <b :class="[{ call_out: item.isCallout, call_in: !item.isCallout }]" class="call_direction">{{ item.call_type }}</b>
                           <span class="call_num">{{ item.call_num }}</span>
                         </p>
-                        <svg-icon
-                          v-show="item.isListen"
-                          icon-class="weibiaoti3"
-                          class="seat_listen el-icon-view"
-                        />
+                        <svg-icon v-show="item.isListen" icon-class="weibiaoti3" class="seat_listen el-icon-view" />
                       </el-col>
                     </div>
-                    <ul
-                      v-show="item.visible && ((item.ext_state === '小休')|| (item.ext_state === '通话中') || (item.ext_state === '来电振铃'))"
-                      class="oparate_btn_lists"
-                    >
-                      <li
-                        v-show="item.ext_state === '小休'"
-                        class="oparate_btn"
-                        @click="oparateSeats(item, 'ForceAgentState')"
-                      >
-                        <svg-icon class="oparate_icon" icon-class="icon-test" />置闲
-                      </li>
-                      <li
-                        v-show="item.ext_state === '通话中'"
-                        class="oparate_btn"
-                        @click="oparateSeats(item, 'Listen')"
-                      >
-                        <svg-icon class="oparate_icon" icon-class="erji" />监听
-                      </li>
-                      <li
-                        v-show="item.ext_state === '来电振铃'"
-                        class="oparate_btn"
-                        @click="oparateSeats(item, 'Instead')"
-                      >
-                        <svg-icon class="oparate_icon" icon-class="zhuanjie" />代接
-                      </li>
-                      <li
-                        v-show="item.ext_state ===  '通话中'"
-                        class="oparate_btn oparate_divider"
-                        @click="oparateSeats(item, 'Insert')"
-                      >
-                        <svg-icon class="oparate_icon" icon-class="qiangzhixiaxian" />强插
-                      </li>
-                      <li
-                        v-show="item.ext_state ===  '通话中'"
-                        class="oparate_btn"
-                        @click="oparateSeats(item, 'Intercept')"
-                      >
-                        <svg-icon class="oparate_icon" icon-class="saoraolanjie" />拦截
-                      </li>
-                      <li
-                        v-show="item.ext_state ===  '通话中'"
-                        class="oparate_btn"
-                        @click="oparateSeats(item, 'Break')"
-                      >
-                        <svg-icon class="oparate_icon" icon-class="chexiaochaifen" />强拆
-                      </li>
+                    <ul v-show="item.visible && (item.ext_state === '小休' || item.ext_state === '通话中' || item.ext_state === '来电振铃')" class="oparate_btn_lists">
+                      <li v-show="item.ext_state === '小休'" class="oparate_btn" @click="oparateSeats(item, 'ForceAgentState')"><svg-icon class="oparate_icon" icon-class="icon-test" />置闲</li>
+                      <li v-show="item.ext_state === '通话中'" class="oparate_btn" @click="oparateSeats(item, 'Listen')"><svg-icon class="oparate_icon" icon-class="erji" />监听</li>
+                      <li v-show="item.ext_state === '来电振铃'" class="oparate_btn" @click="oparateSeats(item, 'Instead')"><svg-icon class="oparate_icon" icon-class="zhuanjie" />代接</li>
+                      <li v-show="item.ext_state === '通话中'" class="oparate_btn oparate_divider" @click="oparateSeats(item, 'Insert')"><svg-icon class="oparate_icon" icon-class="qiangzhixiaxian" />强插</li>
+                      <li v-show="item.ext_state === '通话中'" class="oparate_btn" @click="oparateSeats(item, 'Intercept')"><svg-icon class="oparate_icon" icon-class="saoraolanjie" />拦截</li>
+                      <li v-show="item.ext_state === '通话中'" class="oparate_btn" @click="oparateSeats(item, 'Break')"><svg-icon class="oparate_icon" icon-class="chexiaochaifen" />强拆</li>
                     </ul>
                   </el-col>
                 </el-row>
@@ -234,43 +117,43 @@
 </template>
 
 <script>
-import CountTo from 'vue-count-to'
-import { Send } from '@/utils/telWebsocket'
-import { getSeatGroup } from '@/api/commonAPI'
-import { getSeatLists, getSeatRealStates } from '@/api/telCall/seatMonitor'
-import { mapGetters } from 'vuex'
-import store from '@/store'
-import { timestampToTime } from '@/utils'
+import CountTo from "vue-count-to"
+import { Send } from "@/utils/telWebsocket"
+import { getSeatGroup } from "@/api/commonAPI"
+import { getSeatLists, getSeatRealStates } from "@/api/telCall/seatMonitor"
+import { mapGetters } from "vuex"
+import store from "@/store"
+import { timestampToTime } from "@/utils"
 
 export default {
-  name: 'SeatMonitor',
+  name: "SeatMonitor",
   components: {
-    CountTo
+    CountTo,
   },
   filters: {
-    seatStateFilter (status) {
+    seatStateFilter(status) {
       const statusMap = {
-        0x00: '未知',
-        0x01: '已签入',
-        0x02: '空闲',
-        0x03: '通话中',
-        0x04: '话后处理',
-        0x05: '小休',
-        0x06: '被请求',
-        0x07: '离线'
+        0x00: "未知",
+        0x01: "已签入",
+        0x02: "空闲",
+        0x03: "通话中",
+        0x04: "话后处理",
+        0x05: "小休",
+        0x06: "被请求",
+        0x07: "离线",
       }
       return statusMap[status]
     },
-    seatStateClassFilter (status) {
+    seatStateClassFilter(status) {
       const statusMap = {
-        '未知': 'seat_state_color0',
-        '已签入': 'seat_state_color1',
-        '空闲': 'seat_state_color2',
-        '通话中': 'seat_state_color3',
-        '话后处理': 'seat_state_color4',
-        '小休': 'seat_state_color5',
-        '被请求': 'seat_state_color6',
-        '离线': 'seat_state_color7'
+        未知: "seat_state_color0",
+        已签入: "seat_state_color1",
+        空闲: "seat_state_color2",
+        通话中: "seat_state_color3",
+        话后处理: "seat_state_color4",
+        小休: "seat_state_color5",
+        被请求: "seat_state_color6",
+        离线: "seat_state_color7",
       }
       return statusMap[status]
       // console.log()
@@ -279,16 +162,15 @@ export default {
       // }
     },
     // 坐席类型
-    agentTypeFilter (status) {
+    agentTypeFilter(status) {
       const statusMap = {
-        0: '班长坐席',
-        1: '普通坐席'
+        0: "班长坐席",
+        1: "普通坐席",
       }
       return statusMap[status]
-    }
-
+    },
   },
-  data () {
+  data() {
     return {
       seatRealSateTimer: null, // 定时器
       monitorListBoole: false,
@@ -307,23 +189,23 @@ export default {
         freeCount: 0, // 空闲数量
         callingCount: 0, // 通话中数量
         busyCount: 0, // 忙碌数量
-        afterCallCount: 0 // 话后处理数量
+        afterCallCount: 0, // 话后处理数量
       },
-      activeName: 'first',
-      scoketDatas: {} // 发送的 websocket数据
+      activeName: "first",
+      scoketDatas: {}, // 发送的 websocket数据
     }
   },
   computed: {
     ...mapGetters([
-      'telIsLogin', // 是否签入
-      'usercode', // 坐席工号
-      'extension', // 分机号
-      'telLineState', // 线路状态
-      'telMonitor', // 监控操作是否成功
-      'monitorState', //坐席状态
-      'monitorAgent' //坐席工号
+      "telIsLogin", // 是否签入
+      "usercode", // 坐席工号
+      "extension", // 分机号
+      "telLineState", // 线路状态
+      "telMonitor", // 监控操作是否成功
+      "monitorState", //坐席状态
+      "monitorAgent", //坐席工号
     ]),
-    groupFilter () {
+    groupFilter() {
       return function (id) {
         for (let i = 0; i < this.seatGroups.length; i++) {
           if (this.seatGroups[i].id === id) {
@@ -331,7 +213,7 @@ export default {
           }
         }
       }
-    }
+    },
   },
   watch: {
     // 如果 `telMonitor` 发生改变，这个函数就会运行
@@ -339,20 +221,18 @@ export default {
       if (newT) {
         this.monitorSeatState()
       }
-    }
-
+    },
   },
-  created () {
-    this.getSeatGroupList()
-      .then(() => {
-        this.getLists()
-      })
+  created() {
+    this.getSeatGroupList().then(() => {
+      this.getLists()
+    })
   },
   methods: {
     // 初始化 坐席card 和 表格 列表
-    getLists () {
-      getSeatLists().then(response => {
-        if (response.state.toLowerCase() === 'success') {
+    getLists() {
+      getSeatLists().then((response) => {
+        if (response.state.toLowerCase() === "success") {
           this.seatCardLists = []
           this.postSeatsLists = []
           this.dataLists = []
@@ -365,17 +245,17 @@ export default {
               // 初始化 card 数据
               this.seatCardLists.push({
                 id: v.id,
-                head_small_img: !v.head_small_img ? '/static/img/user.png' : v.head_small_img,
-                ext_state: '未知', // 线路状态
+                head_small_img: !v.head_small_img ? "/static/img/user.png" : v.head_small_img,
+                ext_state: "未知", // 线路状态
                 username: v.F_UserName,
                 usercode: v.F_UserCode,
-                seat_ext: '未知', // 分机号
+                seat_ext: "未知", // 分机号
                 isListen: false, // 是否监听
                 isCalling: false, // 是否通话中
                 isCallout: null, // 是否是呼出(初始是这类 !isCallout 为false 的值)
                 call_type: null, // 通话类型
                 call_num: null, // 通话号码
-                visible: false // 是否可以操作
+                visible: false, // 是否可以操作
               })
             })
           }
@@ -383,37 +263,33 @@ export default {
       })
     },
     // 开始监控
-    startMonitor () {
-
+    startMonitor() {
       // this.monitorList = []
       this.isStartMonitor = true // 是否开始监控
       this.scoketDatas = {
-        'AgentID': this.usercode,
-        'AgentExten': this.extension,
-        'Type': 'Monitor'
+        AgentID: this.usercode,
+        AgentExten: this.extension,
+        Type: "Monitor",
       }
       Send(this.scoketDatas)
-
-
     },
     // 取消监控
-    cancelMonitor () {
+    cancelMonitor() {
       this.isStartMonitor = false // 是否开始监控
       this.scoketDatas = {
-        'AgentID': this.usercode,
-        'AgentExten': this.extension,
-        'Type': 'MonitorCancel'
+        AgentID: this.usercode,
+        AgentExten: this.extension,
+        Type: "MonitorCancel",
       }
       Send(this.scoketDatas)
       this.initCalCount() // 初始化 实时状态数量
       this.getLists()
-
     },
     // 监测坐席状态 坐席实时状态
-    monitorSeatState () {
+    monitorSeatState() {
       this.initCalCount() // 初始化 实时状态数量
-      store.dispatch('ChangeMonitor', false)// 修改监听操作的返回值
-      this.isStartMonitor = true // 是否开始监控      
+      store.dispatch("ChangeMonitor", false) // 修改监听操作的返回值
+      this.isStartMonitor = true // 是否开始监控
       if (this.monitorList.length > 0) {
         this.monitorList.forEach((v, i) => {
           if (Number(v.agent_id) === Number(this.monitorAgent)) {
@@ -424,13 +300,13 @@ export default {
         if (!this.monitorListBoole) {
           this.monitorList.push({
             agent_id: this.monitorAgent,
-            ext_state: this.monitorState
+            ext_state: this.monitorState,
           })
         }
       } else {
         this.monitorList.push({
           agent_id: this.monitorAgent,
-          ext_state: this.monitorState
+          ext_state: this.monitorState,
         })
       }
       console.log(this.monitorAgent)
@@ -460,11 +336,11 @@ export default {
       this.count.offlineCount = this.count.totalCount - this.count.onlineCount
     },
     /**
-       * 获取 card表格数据
-       * @m 当前坐席数据
-       * @v 获取的数据 this.getCardList(m, this.monitorAgent, this.monitorState)
-       */
-    getCardList (m, v) {
+     * 获取 card表格数据
+     * @m 当前坐席数据
+     * @v 获取的数据 this.getCardList(m, this.monitorAgent, this.monitorState)
+     */
+    getCardList(m, v) {
       if (Number(m.usercode) === Number(this.monitorAgent)) {
         m.ext_state = this.monitorState // 线路状态
         // 通话中,获取电话号码
@@ -479,7 +355,7 @@ export default {
       }
     },
     // 初始化 实时状态数量
-    initCalCount () {
+    initCalCount() {
       this.count.offlineCount = 0 // 离线数量
       this.count.freeCount = 0 // 空闲数量
       this.count.callingCount = 0 // 通话中数量
@@ -488,41 +364,40 @@ export default {
       this.count.onlineCount = 0
     },
     // 计算 实时状态的数量
-    calculatCount (stateCode) {
+    calculatCount(stateCode) {
       switch (stateCode) {
-        case '离线':
+        case "离线":
           this.count.offlineCount++ // 离线数量
           break
-        case '空闲':
+        case "空闲":
           this.count.freeCount++ // 空闲数量
           break
-        case '通话中':
+        case "通话中":
           this.count.callingCount++ // 通话中数量
           break
-        case '话后处理':
+        case "话后处理":
           this.count.afterCallCount++ // 话后处理
           break
-        case '小休': // 小休
+        case "小休": // 小休
           this.count.busyCount++
           break
         default:
           break
       }
       this.count.onlineCount = this.count.freeCount + this.count.callingCount + this.count.afterCallCount + this.count.busyCount // 在线数量
-
     },
 
     // 获取坐席组数据
-    getSeatGroupList () {
-      return new Promise(resolve => {
-        getSeatGroup().then(response => {
-          if (response.state.toLowerCase() === 'success') {
+    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
+                  name: res[i].zxzname,
                 })
               }
             }
@@ -533,29 +408,27 @@ export default {
     },
 
     // 操作坐席
-    oparateBtnShow (item) {
+    oparateBtnShow(item) {
       if (!this.isStartMonitor) {
-        this.$message.warning('您还没有开始监测,请点击开始监测后再操作!')
+        this.$message.warning("您还没有开始监测,请点击开始监测后再操作!")
         return
       }
 
       if (!this.telIsLogin) {
-        this.$message.warning('您还没有签入,请签入后再操作!')
+        this.$message.warning("您还没有签入,请签入后再操作!")
         return
       }
 
       if (item.usercode === this.usercode) {
-        this.$message.warning('您不能在坐席监控中对自己进行操作!')
+        this.$message.warning("您不能在坐席监控中对自己进行操作!")
         return
       }
       if (this.telLineState === 6) {
-        this.$message.warning('您当前在通话中不能对坐席进行操作!')
+        this.$message.warning("您当前在通话中不能对坐席进行操作!")
         return
       }
       console.log(item.ext_state)
-      if ((item.ext_state === '小休') ||
-        (item.ext_state === '通话中') ||
-        (item.ext_state === '来电振铃')) {
+      if (item.ext_state === "小休" || item.ext_state === "通话中" || item.ext_state === "来电振铃") {
         item.visible = !item.visible
         this.seatCardLists.forEach((v, i) => {
           if (item.id !== v.id) {
@@ -563,36 +436,35 @@ export default {
           }
         })
       } else {
-        this.$message.warning('当前坐席无需操作!')
+        this.$message.warning("当前坐席无需操作!")
       }
     },
 
     // 置闲 监听 代接 强插 拦截 强拆
-    oparateSeats (item, angenttype) {
+    oparateSeats(item, angenttype) {
       // if (angenttype === 'Instead') {
       //   item.usercode = '8001'
       // }
 
       this.scoketDatas = {
-        'AgentID': this.usercode,
-        'AgentExten': this.extension,
-        'Type': angenttype,
-        'TargetAgentID': item.usercode // 目标座席工号
+        AgentID: this.usercode,
+        AgentExten: this.extension,
+        Type: angenttype,
+        TargetAgentID: item.usercode, // 目标座席工号
       }
       Send(this.scoketDatas)
       item.visible = !item.visible
-    }
+    },
   },
-  beforeRouteLeave (to, from, next) {
+  beforeRouteLeave(to, from, next) {
     // 导航离开该组件的对应路由时调用
     // 可以访问组件实例 `this`
     if (this.isStartMonitor) {
       this.cancelMonitor()
     }
     next()
-  }
+  },
 }
-
 </script>
 
 <style rel="stylesheet/scss" lang="scss">