PC代码合并

CallCenterWeb.UI/RMYY/src/api/commonAPI.js

@@ -1,115 +1,131 @@
 // 公共接口
-import request from '@/utils/request'
+import request from "@/utils/request";
 
 // 获取坐席组
 export function getSeatGroup() {
   return request({
-    url: 'SeatGroup/GetSeatList',
-    method: 'get'
-  })
+    url: "SeatGroup/GetSeatList",
+    method: "get"
+  });
 }
 
 // 获取角色
 export function getRoleSelect(params) {
   return request({
-    url: 'Role/GetList',
-    method: 'get',
+    url: "Role/GetList",
+    method: "get",
     params
-  })
+  });
 }
 
 // 获取院区
 export function getListyqlistall(params) {
   return request({
-    url: 'Worepair/GetListyqlistall',
-    method: 'get',
+    url: "Worepair/GetListyqlistall",
+    method: "get",
     params
-  })
+  });
 }
 // 获取科室
 export function getWorkOrderGetDept(params) {
   return request({
-    url: 'WorkOrderBase/GetDept',
-    method: 'get',
+    url: "WorkOrderBase/GetDept",
+    method: "get",
     params
-  })
+  });
 }
 // 获取人员
 export function GetPerson(params) {
   return request({
-    url: 'WorkOrderBase/GetPerson',
-    method: 'get',
+    url: "WorkOrderBase/GetPerson",
+    method: "get",
     params
-  })
+  });
 }
 // 获取人员-转运用
 export function GetTransPson(params) {
   return request({
-    url: 'WorkOrderBase/GetTransPson',
-    method: 'get',
+    url: "WorkOrderBase/GetTransPson",
+    method: "get",
     params
-  })
+  });
 }
 // 上传图片
 export function UploadImage64(data) {
   return request({
-    url: 'WorkOrderBase/UploadImage64',
-    method: 'post',
+    url: "WorkOrderBase/UploadImage64",
+    method: "post",
     data
-  })
+  });
 }
 // 获取工单类型
 export function getOrderTypeList(typeid, pid) {
   return request({
-    url: 'WorkOrderBase/GetGongDanType',
-    method: 'get',
+    url: "WorkOrderBase/GetGongDanType",
+    method: "get",
     params: {
       typeid,
       pid
     }
-  })
+  });
 }
 // 数据字典
 export function GetDicValue(Flag) {
   return request({
-    url: 'Dictionary/GetDicValueList',
-    method: 'get',
+    url: "Dictionary/GetDicValueList",
+    method: "get",
     params: {
       Flag
     }
-  })
+  });
 }
 // 工单状态
 export function GetTypeState(params) {
   return request({
-    url: 'T_Dis_WorkOrder/GetTypeState',
-    method: 'get',
+    url: "T_Dis_WorkOrder/GetTypeState",
+    method: "get",
     params
-  })
+  });
 }
 // 保存自定义列
 export function AddFiled(data) {
   return request({
-    url: 'CustomFiled/AddFiled',
-    method: 'post',
+    url: "CustomFiled/AddFiled",
+    method: "post",
     data
-  })
+  });
 }
 // 获取自定义列
 export function GetFiledState(TableId) {
   return request({
-    url: '/CustomFiled/GetTab',
-    method: 'get',
+    url: "/CustomFiled/GetTab",
+    method: "get",
     params: {
       TableId
     }
-  })
+  });
 }
 // 签入签出
 export function Teljournal(params) {
   return request({
-    url: 'Home/Teljournal',
-    method: 'get',
+    url: "Home/Teljournal",
+    method: "get",
     params
-  })
+  });
+}
+// 工单消息
+export function getMsg(params) {
+  return request({
+    url: "InternalMessages/GetMsg",
+    method: "get",
+    params
+  });
+}
+// 工单消息
+export function updateState(params) {
+  return request({
+    url: "InternalMessages/UpdateState",
+    method: "post",
+    params
+  });
 }

CallCenterWeb.UI/RMYY/src/api/orderManagement/orderList.js

@@ -1,158 +1,191 @@
-import request from '@/utils/request'
+import request from "@/utils/request";
 // 工单类型
 export function getOrderStateData(params) {
   return request({
-    url: 'Con_WorkOrder/GetTypeState',
-    method: 'get',
+    url: "Con_WorkOrder/GetTypeState",
+    method: "get",
     params
-  })
+  });
 }
 // 投诉来源下拉数据
 export function getTouSuSelect(params) {
   return request({
-    url: 'Dictionary/GetDicValueList',
-    method: 'get',
+    url: "Dictionary/GetDicValueList",
+    method: "get",
     params
-  })
+  });
 }
 // 工单新增
 export function addOrEdittOrder(data) {
   return request({
-    url: 'Con_WorkOrder/AddWorkOrder',
-    method: 'post',
+    url: "Con_WorkOrder/AddWorkOrder",
+    method: "post",
     data
-  })
+  });
 }
 // 工单修改
 export function updateWorkOrder(data) {
   return request({
-    url: 'Con_WorkOrder/UpdateWorkOrder',
-    method: 'post',
+    url: "Con_WorkOrder/UpdateWorkOrder",
+    method: "post",
     data
-  })
+  });
 }
-// 工单删除  deleteOrder
+// 工单删除
 export function deleteOrder(ids) {
   return request({
-    url: 'Con_WorkOrder/DelWorkOrder',
-    method: 'post',
+    url: "Con_WorkOrder/DelWorkOrder",
+    method: "post",
     data: {
       ids
     }
-  })
+  });
 }
 // 工单列表
 export function getorderList(params) {
   return request({
-    url: 'WorkCommon/GetComList',
-    method: 'get',
+    url: "WorkCommon/GetComList",
+    method: "get",
     params
-  })
+  });
 }
 // 咨询工单详情
 export function GetOrderDetail(params) {
   return request({
-    url: 'Con_WorkOrder/GetWorkOrder',
-    method: 'get',
+    url: "Con_WorkOrder/GetWorkOrder",
+    method: "get",
     params
-  })
+  });
 }
 // 工单记录
 export function GetOrderItem(data) {
   return request({
-    url: 'Con_WorkOrder/GetItemList',
-    method: 'get',
+    url: "Con_WorkOrder/GetItemList",
+    method: "get",
     data
-  })
+  });
+}
+
+// 综合调度工单撤回
+export function schedulRetractOrder(data) {
+  return request({
+    url: "Scheduling/Retract",
+    method: "post",
+    data
+  });
+}
+// 综合调度工单编辑
+export function updateSchedulingOrder(data) {
+  return request({
+    url: "Scheduling/UpdateSchedulingWorkOrder",
+    method: "post",
+    data
+  });
+}
+// 综合调度工单删除
+export function deleteSchedulingOrder(data) {
+  return request({
+    url: "Scheduling/DeleteSchedulingWorkOrder",
+    method: "post",
+    data
+  });
+}
+// 综合调度工单详情
+export function getSchedulingOrder(data) {
+  return request({
+    url: "Scheduling/WorkOrderCode",
+    method: "get",
+    data
+  });
 }
 
 // 工单转派
 export function AssignOrder(orderid) {
   return request({
-    url: 'Con_WorkOrder/AssignWorkOrder',
-    method: 'post',
+    url: "Con_WorkOrder/AssignWorkOrder",
+    method: "post",
     data: {
       orderid
     }
-  })
+  });
 }
 // 工单确认
 export function SureOrder(id) {
   return request({
-    url: 'Con_WorkOrder/SureWorkOrder',
-    method: 'post',
+    url: "Con_WorkOrder/SureWorkOrder",
+    method: "post",
     data: {
       id
     }
-  })
+  });
 }
 // Con_WorkOrder/CompleteWo
 // 工单完结
 export function CompleteOrder(woid) {
   return request({
-    url: 'Con_WorkOrder/CompleteWo',
-    method: 'post',
+    url: "Con_WorkOrder/CompleteWo",
+    method: "post",
     data: {
       woid
     }
-  })
+  });
 }
 // 工单处理
 export function DealOrder(data) {
   return request({
-    url: 'Con_WorkOrder/DealWorkOrder',
-    method: 'post',
+    url: "Con_WorkOrder/DealWorkOrder",
+    method: "post",
     data
-  })
+  });
 }
 // 工单审核
 export function AuditOrder(data) {
   return request({
-    url: 'Con_WorkOrder/GetApproval',
-    method: 'post',
+    url: "Con_WorkOrder/GetApproval",
+    method: "post",
     data
-  })
+  });
 }
 
 // 我的提交列表
 export function mySubmitOrderList(params) {
   return request({
-    url: 'WorkCommon/GetSubmitList',
-    method: 'get',
+    url: "WorkCommon/GetSubmitList",
+    method: "get",
     params
-  })
+  });
 }
 
 // 工单列表
 export function comOrderList(params) {
   return request({
-    url: 'WorkCommon/GetComList',
-    method: 'get',
+    url: "WorkCommon/GetComList",
+    method: "get",
     params
-  })
+  });
 }
 
 // 我的提交列表详情页
 export function GetFaultRepairDetail(params) {
   return request({
-    url: 'FaultRepair/GetWorkOrder',
-    method: 'get',
+    url: "FaultRepair/GetWorkOrder",
+    method: "get",
     params
-  })
+  });
 }
 // 故障报修编辑
 export function UpdateFaultRepair(params) {
   return request({
-    url: 'FaultRepair/UpdateFaultRepairWorkOrder',
-    method: 'post',
+    url: "FaultRepair/UpdateFaultRepairWorkOrder",
+    method: "post",
     params
-  })
+  });
 }
 // 我的提交撤回后故障报修编辑
 export function MyUpdateFaultRepairWorkOrder(params) {
   return request({
-    url: 'FaultRepair/MyUpdateFaultRepairWorkOrder',
-    method: 'post',
+    url: "FaultRepair/MyUpdateFaultRepairWorkOrder",
+    method: "post",
     params
-  })
+  });
 }

CallCenterWeb.UI/RMYY/src/views/layout/Layout.vue

@@ -1,67 +1,118 @@
 <template>
   <div :class="classObj" class="app-wrapper">
     <!-- 左侧导航菜单 -->
-    <sidebar class="sidebar-container"/>
+    <sidebar class="sidebar-container" />
 
     <div class="main-container">
       <!-- 头部信息 -->
-      <navbar/>
+      <navbar />
       <!-- 右侧页面标签 -->
-      <tags-view/>
+      <tags-view />
       <!-- 内容部分 -->
-      <app-main/>
+      <app-main />
     </div>
+    <!-- <audio
+      ref="audio"
+      controls="controls"
+      :src="recordingurl"
+      id="audio"
+    ></audio> -->
   </div>
 </template>
 
 <script>
-import { Navbar, TagsView, AppMain, Sidebar } from './components'
+import orderMessage from "./components/Navbar/orderMessage.vue";
+import { getMsg } from "@/api/commonAPI";
+import { Navbar, TagsView, AppMain, Sidebar } from "./components";
 export default {
-  name: 'Layout',
+  name: "Layout",
   components: {
     Navbar,
     TagsView,
     AppMain,
-    Sidebar
+    Sidebar,
+  },
+  data() {
+    return {
+      recordingurl: require("@/assets/mp3/song.mp3"),
+    };
   },
   computed: {
     sidebar() {
-      return this.$store.state.app.sidebar
+      return this.$store.state.app.sidebar;
     },
     classObj() {
       return {
         hideSidebar: !this.sidebar.opened,
-        withoutAnimation: this.sidebar.withoutAnimation
-      }
-    }
-  }
-}
+        withoutAnimation: this.sidebar.withoutAnimation,
+      };
+    },
+  },
+  mounted() {
+    setInterval(() => {
+      this.orderMessage(this.$el.offsetWidth, this.$el.offsetHeight);
+    }, 60000);
+    // this.playAudio(1);
+  },
+  methods: {
+    orderMessage(left, top) {
+      getMsg().then((response) => {
+        if (response.state == "success") {
+          const res = response.data[0];
+          if (res && res.length != 0) {
+            this.$layer.closeAll();
+            this.$layer.iframe({
+              content: {
+                content: orderMessage, // 传递的组件对象
+                parent: this, // 当前的vue对象
+              },
+              offset: [left - 230, top - 30],
+              shade: false,
+              area: ["400px", "200px"],
+              title: "消息提醒",
+            });
+          }
+        }
+      });
+    },
+    // playAudio(playFlag) {
+    //   //方式2 /static/js/signalr.js
+    //   const audio = new Audio();
+    //   // audio.src = "@/assets/mp3/song.mp3";
+    //   if (playFlag) {
+    //     audio.play();
+    //   } else {
+    //     audio.pause();
+    //   }
+    // },
+  },
+};
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  @import "src/styles/mixin.scss";
+@import "src/styles/mixin.scss";
 
-  .app-wrapper {
-    @include clearfix;
-    position: relative;
-    height: 100%;
-    width: 100%;
-  }
-  .drawer-bg {
-    background: #000;
-    opacity: 0.3;
-    width: 100%;
-    top: 0;
-    height: 100%;
-    position: absolute;
-    z-index: 999;
-  }
-  .btns{
-    position: fixed;
-    bottom: 10%;
-    right:1%;
-  }
-  .lineChatIcon{
-    z-index: 1400
-  }
+.app-wrapper {
+  @include clearfix;
+  position: relative;
+  height: 100%;
+  width: 100%;
+}
+.drawer-bg {
+  background: #000;
+  opacity: 0.3;
+  width: 100%;
+  top: 0;
+  height: 100%;
+  position: absolute;
+  z-index: 999;
+}
+.btns {
+  position: fixed;
+  bottom: 10%;
+  right: 1%;
+}
+.lineChatIcon {
+  z-index: 1400;
+}
 </style>

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

@@ -1,5 +1,5 @@
 <template>
-  <el-menu class="navbar" mode="horizontal">
+  <el-menu ref="navBar" class="navbar" mode="horizontal">
     <!-- 电话操作部分 -->
     <teloperation v-if="seatflag" />
     <!-- 头部账号信息 -->
@@ -7,19 +7,33 @@
     <!-- 头部右侧电话状态信息 -->
     <nav-tel-state-msg v-if="seatflag" />
 
-    <el-popover ref="popover" :value="showTopNotice" visible-arrow popper-class="topNoticePop" placement="bottom"
-      width="360" trigger="click" transition="el-zoom-in-top">
-      <div slot="reference" :class="[seatflag ? 'navar_item notice' : 'navar_item notice notice_right']">
+    <el-popover
+      ref="popover"
+      :value="showTopNotice"
+      visible-arrow
+      popper-class="topNoticePop"
+      placement="bottom"
+      width="360"
+      trigger="click"
+      transition="el-zoom-in-top"
+    >
+      <div
+        slot="reference"
+        :class="[
+          seatflag ? 'navar_item notice' : 'navar_item notice notice_right',
+        ]"
+      >
         <svg-icon icon-class="lingdang" />
         <span v-if="topNoticeNum" class="badge_dot">{{ topNoticeNum }}</span>
       </div>
     </el-popover>
+
     <div v-if="seatflag" class="navar_item close">
       <span class="" @click="logout">退出</span>
     </div>
     <el-dropdown class="avatar-container" trigger="click">
       <div class="avatar-wrapper">
-        <img :src="!avatar ? usertx : avatar" class="user-avatar">
+        <img :src="!avatar ? usertx : avatar" class="user-avatar" />
       </div>
       <el-dropdown-menu slot="dropdown" class="user-dropdown">
         <router-link class="inlineBlock" to="/">
@@ -34,408 +48,455 @@
       </el-dropdown-menu>
     </el-dropdown>
     <!-- 发送消息 -->
-    <div style="display: inline-block;float: right;margin-right: 29%;border-right: 1px solid #2a2f32;padding:0 15px;">
-      <i @click="drawer = true" class="el-icon-chat-dot-square"
-        style="color: white;font-size: 25px;vertical-align: middle;"></i>
+    <div
+      style="
+        display: inline-block;
+        float: right;
+        margin-right: 29%;
+        border-right: 1px solid #2a2f32;
+        padding: 0 15px;
+      "
+    >
+      <i
+        @click="drawer = true"
+        class="el-icon-chat-dot-square"
+        style="color: white; font-size: 25px; vertical-align: middle"
+      ></i>
     </div>
-    <el-drawer style="margin-top: 100px;" size="20%" :modal='false' title="消息通讯" :visible.sync="drawer"
-      :show-close="false" :direction="direction">
-      <el-tabs style="padding: 0 20px;" v-model="activeName" type="card" @tab-click="handleClick">
+    <el-drawer
+      style="margin-top: 100px"
+      size="20%"
+      :modal="false"
+      title="消息通讯"
+      :visible.sync="drawer"
+      :show-close="false"
+      :direction="direction"
+    >
+      <el-tabs
+        style="padding: 0 20px"
+        v-model="activeName"
+        type="card"
+        @tab-click="handleClick"
+      >
         <el-tab-pane label="未读" name="0">
           <el-button type="text" @click="sendMsg()">发送消息</el-button>
-          <p style="font-size: 14px;">您当前有未读消息<span style="color: #CC0000;">{{noread}}</span>条</p>
-          <div v-for="(item,index) in noreadlist" :key="index" style="position: relative;margin-bottom: 15px;">
-            <div style="width: 80px;text-align: center;">
-              <img class="pimg" :src="$store.getters.serverConfig.BASE_API+item.F_See" />
-              <p class="puser">{{item.F_UserName}}</p>
+          <p style="font-size: 14px">
+            您当前有未读消息<span style="color: #cc0000">{{ noread }}</span
+            >条
+          </p>
+          <div
+            v-for="(item, index) in noreadlist"
+            :key="index"
+            style="position: relative; margin-bottom: 15px"
+          >
+            <div style="width: 80px; text-align: center">
+              <img
+                class="pimg"
+                :src="$store.getters.serverConfig.BASE_API + item.F_See"
+              />
+              <p class="puser">{{ item.F_UserName }}</p>
             </div>
-            <div class="pcon">{{item.Content}}</div>
+            <div class="pcon">{{ item.Content }}</div>
             <div class="pdate">
-              {{item.CreateDate}}
-              <span class="phf" @click="tosend(item.F_RoleId,item.FromUserId)">回复</span>
+              {{ item.CreateDate }}
+              <span class="phf" @click="tosend(item.F_RoleId, item.FromUserId)"
+                >回复</span
+              >
             </div>
           </div>
         </el-tab-pane>
         <el-tab-pane label="已读" name="1">
-          <p style="font-size: 14px;">注:显示最近50条已读</p>
-          <div v-for="(item,index) in readlist" :key="index" style="position: relative;margin-bottom: 15px;">
-            <div style="width: 80px;text-align: center;">
-              <img class="pimg" :src="$store.getters.serverConfig.BASE_API+item.F_See" />
-              <p class="puser">{{item.F_UserName}}</p>
+          <p style="font-size: 14px">注:显示最近50条已读</p>
+          <div
+            v-for="(item, index) in readlist"
+            :key="index"
+            style="position: relative; margin-bottom: 15px"
+          >
+            <div style="width: 80px; text-align: center">
+              <img
+                class="pimg"
+                :src="$store.getters.serverConfig.BASE_API + item.F_See"
+              />
+              <p class="puser">{{ item.F_UserName }}</p>
             </div>
-            <div class="pcon">{{item.Content}}</div>
+            <div class="pcon">{{ item.Content }}</div>
             <div class="pdate">
-              {{item.CreateDate}}
-              <span class="phf" @click="tosend(item.F_RoleId,item.FromUserId)">回复</span>
+              {{ item.CreateDate }}
+              <span class="phf" @click="tosend(item.F_RoleId, item.FromUserId)"
+                >回复</span
+              >
             </div>
           </div>
         </el-tab-pane>
       </el-tabs>
     </el-drawer>
+
+    <!-- 工单提醒 -->
   </el-menu>
 </template>
 
 <script>
-  import {
-    mapGetters
-  } from 'vuex'
-  import store from '@/store'
-  import {
-    getLogout
-  } from '@/api/layout/permsgEdit'
-  import {
-    createWebSocket
-  } from '@/utils/telWebsocket'
-  import {
-    getGetChatLists,
-    getGetChatCount
-  } from '@/api/AnnounceManagement/chart'
-  import Teloperation from './teloperation'
-  import NavUserInfo from './NavUserInfo'
-  import navTelStateMsg from './navTelStateMsg'
-  import permsgEdit from './permsgEdit.vue'
-  import sendMsg from './sendmsg.vue'
-  export default {
-    name: 'Navbar',
-    components: {
-      Teloperation,
-      NavUserInfo,
-      navTelStateMsg
-    },
-    data() {
-      return {
-        usertx: '',
-        activeName: '0',
-        noread: '',
-        noreadlist: [],
-        readlist: [],
-        drawer: false,
-        direction: 'rtl',
-        showTopNotice: false, // 是否显示项目到期的消息
-        telTopRightText: '',
-        topNoticeNum: 0, // 顶部消息数量
-        roleName: '' // 用户角色名称
+import { mapGetters } from "vuex";
+import store from "@/store";
+import { getLogout } from "@/api/layout/permsgEdit";
+import { createWebSocket } from "@/utils/telWebsocket";
+import {
+  getGetChatLists,
+  getGetChatCount,
+} from "@/api/AnnounceManagement/chart";
+import Teloperation from "./teloperation";
+import NavUserInfo from "./NavUserInfo";
+import navTelStateMsg from "./navTelStateMsg";
+import permsgEdit from "./permsgEdit.vue";
+import sendMsg from "./sendmsg.vue";
+export default {
+  name: "Navbar",
+  components: {
+    Teloperation,
+    NavUserInfo,
+    navTelStateMsg,
+  },
+  data() {
+    return {
+      usertx: "",
+      activeName: "0",
+      noread: "",
+      noreadlist: [],
+      readlist: [],
+      drawer: false,
+      orderFlag: true,
+      direction: "rtl",
+      showTopNotice: false, // 是否显示项目到期的消息
+      telTopRightText: "",
+      offsetRight: 0,
+      offsetBottom: 0,
+      topNoticeNum: 0, // 顶部消息数量
+      roleName: "", // 用户角色名称
+    };
+  },
+  computed: {
+    ...mapGetters([
+      "telSeatState", // 坐席状态
+      "teamName", // 中心
+      "groupName", // 小组
+      "sidebar",
+      "avatar",
+      "seatflag",
+      "telIsLogin", // 是否签入
+      "telIsConnected", // 连接是否建立
+    ]),
+  },
+  watch: {
+    telTopRightState: function (newT) {
+      if (this.telSeatState === 2 && (newT === "空闲" || newT === "忙碌")) {
+        this.telTopRightText = "空闲";
+        store.dispatch("ChangeTopRightState", ["空闲", true]);
+      } else if (
+        this.telSeatState === 5 &&
+        (newT === "空闲" || newT === "忙碌")
+      ) {
+        this.telTopRightText = "忙碌";
+        store.dispatch("ChangeTopRightState", ["忙碌", false]);
+      } else {
+        this.telTopRightText = newT;
       }
     },
-    computed: {
-      ...mapGetters([
-        'telSeatState', // 坐席状态
-        'teamName', // 中心
-        'groupName', // 小组
-        'sidebar',
-        'avatar',
-        'seatflag',
-        'telIsLogin', // 是否签入
-        'telIsConnected' // 连接是否建立
-      ])
-    },
-    watch: {
-      telTopRightState: function(newT) {
-        if (this.telSeatState === 2 && (newT === '空闲' || newT === '忙碌')) {
-          this.telTopRightText = '空闲'
-          store.dispatch('ChangeTopRightState', ['空闲', true])
-        } else if (this.telSeatState === 5 && (newT === '空闲' || newT === '忙碌')) {
-          this.telTopRightText = '忙碌'
-          store.dispatch('ChangeTopRightState', ['忙碌', false])
-        } else {
-          this.telTopRightText = newT
-        }
-      }
+  },
+  created() {
+    this.usertx =
+      this.$store.getters.serverConfig.BASE_API +
+      localStorage.getItem("storageUsertx");
+    this.roleName = window.localStorage.getItem("roleName");
+    if (!this.telIsConnected && this.seatflag) {
+      createWebSocket();
+    }
+    this.getList();
+  },
+  methods: {
+    getList() {
+      return new Promise((resolve) => {
+        const params = {
+          top: 50,
+          fromid: parseInt(localStorage.getItem("storageUserid")),
+          isread: this.activeName,
+        };
+        getGetChatLists(params).then((response) => {
+          this.noread = response.total;
+          if (this.activeName == "0") {
+            this.noreadlist = response.rows;
+          }
+          if (this.activeName == "1") {
+            this.readlist = response.rows;
+          }
+        });
+        resolve();
+      });
     },
-    created() {
-      this.usertx = this.$store.getters.serverConfig.BASE_API + localStorage.getItem('storageUsertx')
-      this.roleName = window.localStorage.getItem('roleName')
-      if (!this.telIsConnected && this.seatflag) {
-        createWebSocket()
-      }
-      this.getList()
+    handleClick(tab, event) {
+      this.getList();
     },
-    methods: {
-      getList() {
-        return new Promise((resolve) => {
-          const params = {
-            top: 50,
-            fromid: parseInt(localStorage.getItem('storageUserid')),
-            isread: this.activeName
-          }
-          getGetChatLists(params).then((response) => {
-            this.noread = response.total
-            if (this.activeName == '0') {
-              this.noreadlist = response.rows
-            }
-            if (this.activeName == '1') {
-              this.readlist = response.rows
-            }
-          })
-          resolve()
+    logout() {
+      this.$confirm("您确定退出吗?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.isDisable = false;
+          this.loginout();
+          this.signOut(); // 签出
         })
-      },
-      handleClick(tab, event) {
-        this.getList()
-      },
-      logout() {
-        this.$confirm('您确定退出吗?', '提示', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'warning'
-          })
-          .then(() => {
-            this.isDisable = false
-            this.loginout()
-            this.signOut() // 签出
-          })
-          .catch(() => {
-            this.$message({
-              type: 'info',
-              message: '已取消'
-            })
-          })
-      },
-      loginout() {
-        const params = {
-          token: localStorage.getItem('Admin-Token').split(' ')[1]
-        }
-        return new Promise((resolve, reject) => {
-          getLogout(params).then(response => {
-            this.$store.dispatch('FedLogOut').then(() => {
-              location.reload() // 为了重新实例化vue-router对象 避免bug
-            })
-          }).catch(error => {
-            reject(error)
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消",
+          });
+        });
+    },
+    loginout() {
+      const params = {
+        token: localStorage.getItem("Admin-Token").split(" ")[1],
+      };
+      return new Promise((resolve, reject) => {
+        getLogout(params)
+          .then((response) => {
+            this.$store.dispatch("FedLogOut").then(() => {
+              location.reload(); // 为了重新实例化vue-router对象 避免bug
+            });
           })
-        })
-      },
-      tosend(roleid, uesrid) {
-        this.$layer.iframe({
-          content: {
-            content: sendMsg, // 传递的组件对象
-            parent: this, // 当前的vue对象
-            data: {
-              roleid: roleid,
-              userid: uesrid
-            } // props
-          },
-          area: ['50%', '70%'],
-          title: '发送消息'
-        })
-      },
-      sendMsg() {
-        this.$layer.iframe({
-          content: {
-            content: sendMsg, // 传递的组件对象
-            parent: this, // 当前的vue对象
-            data: {
-
-            } // props
-          },
-          area: ['50%', '70%'],
-          title: '发送消息'
-        })
-      },
-      onedit() {
-        this.$layer.iframe({
-          content: {
-            content: permsgEdit, // 传递的组件对象
-            parent: this, // 当前的vue对象
-            data: {
+          .catch((error) => {
+            reject(error);
+          });
+      });
+    },
 
-            } // props
-          },
-          area: ['50%', '70%'],
-          title: '个人中心'
-        })
-      },
-      // 签出
-      signOut() {
-        store.dispatch('UpdateCalloutScreen', false)
-      },
-      // 从子组件获取的 消息数量值
-      getTopNoticeNum(value) {
-        this.topNoticeNum = value.num
-      }
-    }
-  }
+    tosend(roleid, uesrid) {
+      this.$layer.iframe({
+        content: {
+          content: sendMsg, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: {
+            roleid: roleid,
+            userid: uesrid,
+          }, // props
+        },
+        area: ["50%", "70%"],
+        title: "发送消息",
+      });
+    },
+    sendMsg() {
+      this.$layer.iframe({
+        content: {
+          content: sendMsg, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: {}, // props
+        },
+        area: ["50%", "70%"],
+        title: "发送消息",
+      });
+    },
+    onedit() {
+      this.$layer.iframe({
+        content: {
+          content: permsgEdit, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: {}, // props
+        },
+        area: ["50%", "70%"],
+        title: "个人中心",
+      });
+    },
+    // 签出
+    signOut() {
+      store.dispatch("UpdateCalloutScreen", false);
+    },
+    // 从子组件获取的 消息数量值
+    getTopNoticeNum(value) {
+      this.topNoticeNum = value.num;
+    },
+  },
+};
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  .navbar {
-    position: fixed;
-    z-index: 10;
-    right: 0;
+.navbar {
+  position: fixed;
+  z-index: 10;
+  right: 0;
+  top: 0;
+  width: 100%;
+  height: 52px;
+  line-height: 52px;
+  background-color: #373d41;
+  border-bottom-color: #373d41;
+  border-radius: 0px !important;
+
+  .pimg {
+    width: 38px;
+    height: 38px;
+    border-radius: 7%;
+  }
+
+  .puser {
+    font-size: 10px;
+    line-height: 20px;
+    margin-top: -20px;
+    width: 80px;
+    text-align: center;
+    overflow: hidden;
+    color: #333;
+  }
+
+  .pcon {
+    font-size: 12px;
+    line-height: 20px;
+    position: absolute;
     top: 0;
-    width: 100%;
-    height: 52px;
-    line-height: 52px;
-    background-color: #373d41;
-    border-bottom-color: #373d41;
-    border-radius: 0px !important;
+    left: 100px;
+  }
 
-    .pimg {
-      width: 38px;
-      height: 38px;
-      border-radius: 7%;
-    }
+  .pdate {
+    font-size: 12px;
+    line-height: 20px;
+    position: absolute;
+    bottom: 0;
+    left: 100px;
+    color: #888;
+  }
 
-    .puser {
-      font-size: 10px;
-      line-height: 20px;
-      margin-top: -20px;
-      width: 80px;
-      text-align: center;
-      overflow: hidden;
-      color: #333;
-    }
+  .phf {
+    font-size: 13px;
+    line-height: 20px;
+    color: #6dc4da;
+    cursor: pointer;
+  }
 
-    .pcon {
-      font-size: 12px;
-      line-height: 20px;
-      position: absolute;
-      top: 0;
-      left: 100px;
-    }
+  .navar_item {
+    position: absolute;
+    display: inline-block;
+    text-align: center;
+    border-right: 1px solid #2a2f32;
+  }
 
-    .pdate {
-      font-size: 12px;
-      line-height: 20px;
-      position: absolute;
-      bottom: 0;
-      left: 100px;
-      color: #888;
-    }
+  .notice {
+    width: 60px;
+    right: 120px;
+    cursor: pointer;
 
-    .phf {
-      font-size: 13px;
-      line-height: 20px;
-      color: #6dc4da;
-      cursor: pointer;
+    // border-left: 1px solid #2a2f32;
+    .dot {
+      position: absolute;
+      right: 18px;
+      top: 18px;
+      display: block;
+      width: 6px;
+      height: 6px;
+      background-color: #ff0000;
+      border-radius: 50%;
     }
 
-    .navar_item {
+    .badge_dot {
       position: absolute;
-      display: inline-block;
+      right: 8px;
+      top: 6px;
+      display: block;
+      background-color: #ff0000;
+      border-radius: 10px;
+      color: #fff;
+      // display: inline-block;
+      font-size: 12px;
+      height: 18px;
+      line-height: 18px;
+      padding: 0 6px;
       text-align: center;
-      border-right: 1px solid #2a2f32;
+      white-space: nowrap;
     }
+  }
 
-    .notice {
-      width: 60px;
-      right: 120px;
-      cursor: pointer;
-
-      // border-left: 1px solid #2a2f32;
-      .dot {
-        position: absolute;
-        right: 18px;
-        top: 18px;
-        display: block;
-        width: 6px;
-        height: 6px;
-        background-color: #ff0000;
-        border-radius: 50%;
-      }
+  .notice_right {
+    right: 60px;
+  }
 
-      .badge_dot {
-        position: absolute;
-        right: 8px;
-        top: 6px;
-        display: block;
-        background-color: #ff0000;
-        border-radius: 10px;
-        color: #fff;
-        // display: inline-block;
-        font-size: 12px;
-        height: 18px;
-        line-height: 18px;
-        padding: 0 6px;
-        text-align: center;
-        white-space: nowrap;
-      }
-    }
+  .telState {
+    font-size: 14px;
+    // width: 140px;
+    padding-right: 15px;
+    right: 180px;
+    color: #ffffff;
 
-    .notice_right {
-      right: 60px;
+    .svg-icon {
+      // margin-left: 8px;
+      font-size: 16px;
+      vertical-align: -0.17em;
     }
+  }
 
-    .telState {
-      font-size: 14px;
-      // width: 140px;
-      padding-right: 15px;
-      right: 180px;
-      color: #ffffff;
+  .seatState {
+    font-size: 14px;
+    width: 100px;
+    right: 120px;
+    color: #ffffff;
 
-      .svg-icon {
-        // margin-left: 8px;
-        font-size: 16px;
-        vertical-align: -0.17em;
-      }
-    }
-
-    .seatState {
-      font-size: 14px;
-      width: 100px;
-      right: 120px;
-      color: #ffffff;
-
-      .svg-icon {
-        margin-left: 8px;
-        font-size: 16px;
-        vertical-align: -0.17em;
-      }
+    .svg-icon {
+      margin-left: 8px;
+      font-size: 16px;
+      vertical-align: -0.17em;
     }
+  }
 
-    .state_normal {
-      color: #009900;
-    }
+  .state_normal {
+    color: #009900;
+  }
 
-    .state_abnormal {
-      color: #f60303;
-    }
+  .state_abnormal {
+    color: #f60303;
+  }
 
-    .close {
-      width: 60px;
-      right: 60px;
-      cursor: pointer;
+  .close {
+    width: 60px;
+    right: 60px;
+    cursor: pointer;
 
-      span {
-        font-size: 14px;
-        color: #ffffff;
-      }
+    span {
+      font-size: 14px;
+      color: #ffffff;
     }
+  }
 
-    .hamburger-container {
-      line-height: 80px;
-      height: 50px;
-      float: left;
-      padding: 0 10px;
-    }
+  .hamburger-container {
+    line-height: 80px;
+    height: 50px;
+    float: left;
+    padding: 0 10px;
+  }
 
-    .screenfull {
-      position: absolute;
-      right: 90px;
-      top: 16px;
-      color: red;
-    }
+  .screenfull {
+    position: absolute;
+    right: 90px;
+    top: 16px;
+    color: red;
+  }
 
-    .avatar-container {
-      height: 50px;
-      line-height: 50px;
-      width: 60px;
-      text-align: center;
-      display: inline-block;
-      position: absolute;
-      right: 0;
+  .avatar-container {
+    height: 50px;
+    line-height: 50px;
+    width: 60px;
+    text-align: center;
+    display: inline-block;
+    position: absolute;
+    right: 0;
 
-      .avatar-wrapper {
-        cursor: pointer;
-        position: relative;
+    .avatar-wrapper {
+      cursor: pointer;
+      position: relative;
 
-        .user-avatar {
-          width: 36px;
-          height: 36px;
-          vertical-align: middle;
-          border-radius: 50%;
-        }
+      .user-avatar {
+        width: 36px;
+        height: 36px;
+        vertical-align: middle;
+        border-radius: 50%;
       }
     }
   }
+}
 </style>

CallCenterWeb.UI/RMYY/src/views/telCall/msgManage/index.vue

@@ -1,233 +1,313 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-input v-model="searchData.strtelnum" placeholder="请输入电话号码" class="filter-item" size="medium" />
-      <el-date-picker v-model="searchData.settime" type="date" format="yyyy年MM月dd日" value-format="yyyy-MM-dd"
-        placeholder="请选择留言日期" size="medium">
-      </el-date-picker>
-      <el-date-picker v-model="searchData.removetime" type="date" format="yyyy年MM月dd日" value-format="yyyy-MM-dd"
-        placeholder="请选择处理日期" size="medium">
-      </el-date-picker>
-      <el-select v-model="searchData.status" placeholder="请选择处理结果" size="medium">
+      <el-input
+        v-model="searchData.strtelnum"
+        placeholder="请输入电话号码"
+        class="filter-item"
+        size="medium"
+      />
+      <el-date-picker
+        v-model="searchData.settime"
+        type="date"
+        format="yyyy年MM月dd日"
+        value-format="yyyy-MM-dd"
+        placeholder="请选择留言日期"
+        size="medium"
+      />
+      <el-date-picker
+        v-model="searchData.removetime"
+        type="date"
+        format="yyyy年MM月dd日"
+        value-format="yyyy-MM-dd"
+        placeholder="请选择处理日期"
+        size="medium"
+      />
+      <el-select
+        v-model="searchData.status"
+        placeholder="请选择处理结果"
+        size="medium"
+      >
         <el-option value="-1" label="全部">全部</el-option>
         <el-option value="0" label="未处理">未处理</el-option>
         <el-option value="1" label="已处理">已处理</el-option>
       </el-select>
-      <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
+      <el-button
+        type="primary"
+        class="filter-item"
+        icon="el-icon-search"
+        @click="btn_search"
+      >
+        搜索
+      </el-button>
+      <el-button type="danger" class="filter-item" @click="btn_delete">
+        删除
+      </el-button>
     </div>
     <!-- <el-button type="primary" class="filter-item" @click='btn_update'>更新状态</el-button> -->
-    <el-button type="danger" class="filter-item" @click="btn_delete">删除</el-button>
-    <el-table v-loading="loading" :data="dataLists" border stripe @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55">
-      </el-table-column>
-      <el-table-column prop="F_Phone" label="来电号码" align="center" min-width="" />
-      <el-table-column prop="F_LeaveTime" label="开始时间" align="center" min-width="" />
-      <el-table-column prop="F_DealTime" label="结束时间" align="center" min-width="" />
-      <el-table-column prop="F_LongTime" label="时长" align="center" min-width="" />
-      <el-table-column prop="F_UserName" label="处理人" align="center" min-width="" />
+
+    <el-table
+      v-loading="loading"
+      :data="dataLists"
+      border
+      stripe
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" />
+      <el-table-column
+        prop="F_Phone"
+        label="来电号码"
+        align="center"
+        min-width=""
+      />
+      <el-table-column
+        prop="F_LeaveTime"
+        label="开始时间"
+        align="center"
+        min-width=""
+      />
+      <el-table-column
+        prop="F_DealTime"
+        label="结束时间"
+        align="center"
+        min-width=""
+      />
+      <el-table-column
+        prop="F_LongTime"
+        label="时长"
+        align="center"
+        min-width=""
+      />
+      <el-table-column
+        prop="F_UserName"
+        label="处理人"
+        align="center"
+        min-width=""
+      />
       <el-table-column label="处理状态" align="center">
         <template slot-scope="scope">
-          <span v-if="scope.row.F_Status==0">未处理</span>
-          <span v-if="scope.row.F_Status==1">已处理</span>
+          <span v-if="scope.row.F_Status == 0">未处理</span>
+          <span v-if="scope.row.F_Status == 1">已处理</span>
         </template>
       </el-table-column>
-      <el-table-column prop="F_DealTime" label="处理时间" align="center" min-width="" />
-      <el-table-column prop="F_Remark" label="备注" align="center" min-width="" />
-      <el-table-column label="操作" width="160" align="center" class-name="oparate_btn" fixed="right">
+      <el-table-column
+        prop="F_DealTime"
+        label="处理时间"
+        align="center"
+        min-width=""
+      />
+      <el-table-column
+        prop="F_Remark"
+        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 size="mini" type="text" @click="btn_addorder(scope.row.F_Id,scope.row.F_Phone)">新增工单
+          <el-button
+            size="mini"
+            type="text"
+            @click="btn_addorder(scope.row.F_Id, scope.row.F_Phone)"
+          >
+            新增工单
           </el-button>
         </template>
       </el-table-column>
     </el-table>
-    <pagination v-show="pageParams.total > 0" :total="pageParams.total" :pageindex.sync="pageParams.pageindex"
-      :pagesize.sync="pageParams.pagesize" class="pagination" @pagination="getList" />
+    <pagination
+      v-show="pageParams.total > 0"
+      :total="pageParams.total"
+      :pageindex.sync="pageParams.pageindex"
+      :pagesize.sync="pageParams.pagesize"
+      class="pagination"
+      @pagination="getList"
+    />
   </div>
 </template>
 
 <script>
-  import {
-    getMsgLists,
-    deleteMsg,
-    updateStatus
-  } from '@/api/telCall/msgManage'
-  import addOrder from '../../orderManage/addWorkOrder/index.vue'
-  import {
-    pickerOptions
-  } from '@/utils'
-  import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
+import { getMsgLists, deleteMsg, updateStatus } from '@/api/telCall/msgManage'
+import addOrder from '../../orderManage/addWorkOrder/index.vue'
+import { pickerOptions } from '@/utils'
+import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
 
-  export default {
-    name: 'MsgManage',
-    components: {
-      Pagination
+export default {
+  name: 'MsgManage',
+  components: {
+    Pagination
+  },
+  filters: {
+    blackTextFilter(status) {
+      const statusMap = {
+        0: '暂时',
+        1: '永久',
+        2: '已取消'
+      }
+      return statusMap[status]
     },
-    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,
+      searchData: {
+        settime: '',
+        removetime: '',
+        strtelnum: '',
+        status: ''
       },
-      blackTypeFilter(status) {
-        const statusMap = {
-          0: '',
-          1: 'danger',
-          2: 'warning'
-        }
-        return statusMap[status]
+      pickerOptions,
+      pageParams: {
+        pageindex: 1, // 当前第几页
+        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
+        total: 0 // 总共多少数据
+      },
+      dataLists: [], // 列表数据
+      multipleSelection: [],
+      selectArr: []
+    }
+  },
+  created() {
+    this.getList()
+    document.onkeyup = (e) => {
+      if (e.keyCode === 13) {
+        this.getList()
       }
+    }
+  },
+  methods: {
+    getList() {
+      this.loading = true
+      return new Promise((resolve) => {
+        const params = {
+          page: this.pageParams.pageindex, // 第几页
+          pagesize: this.pageParams.pagesize, // 每页几条信息
+          settime: this.searchData.settime,
+          removetime: this.searchData.removetime,
+          strtelnum: this.searchData.strtelnum,
+          status: this.searchData.status
+        }
+        getMsgLists(params).then((response) => {
+          this.loading = false
+          if (response.rows.length >= 0) {
+            this.pageParams.total = response.total
+            this.dataLists = response.rows
+          }
+        })
+        resolve()
+      })
     },
-    data() {
-      return {
-        loading: false,
-        searchData: {
-          settime: '',
-          removetime: '',
-          strtelnum: '',
-          status: ''
-        },
-        pickerOptions,
-        pageParams: {
-          pageindex: 1, // 当前第几页
-          pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
-          total: 0 // 总共多少数据
+    btn_search() {
+      this.pageParams.pageindex = 1
+      this.getList()
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+      this.selectArr = val.map((item) => item.F_Id)
+    },
+    btn_addorder(id, phone) {
+      this.$layer.iframe({
+        content: {
+          content: addOrder, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: {
+            fid: id.toString(),
+            phone: phone
+          } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
         },
-        dataLists: [], // 列表数据
-        multipleSelection: [],
-        selectArr: []
-      }
+        area: ['70%', '80%'],
+        title: '新增工单'
+      })
     },
-    created() {
-      this.getList()
-      document.onkeyup = (e) => {
-        if (e.keyCode === 13) {
-          this.getList()
-        }
+    btn_update() {
+      if (this.multipleSelection.length === 0) {
+        this.$message.error('没有要更新的选项')
+      } else {
+        this.$confirm('您确定要更新状态吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+          .then(() => {
+            updateStatus(this.selectArr).then((response) => {
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('更新成功!')
+              }
+            })
+          })
+          .catch(() => {
+            this.$message('已取消')
+          })
       }
     },
-    methods: {
-      getList() {
-        this.loading = true
-        return new Promise((resolve) => {
-          const params = {
-            page: this.pageParams.pageindex, // 第几页
-            pagesize: this.pageParams.pagesize, // 每页几条信息
-            settime: this.searchData.settime,
-            removetime: this.searchData.removetime,
-            strtelnum: this.searchData.strtelnum,
-            status: this.searchData.status
-          }
-          getMsgLists(params).then((response) => {
-            this.loading = false
-            if (response.rows.length >= 0) {
-              this.pageParams.total = response.total
-              this.dataLists = response.rows
-            }
-          })
-          resolve()
+    // btn_add() {
+    //   this.$layer.iframe({
+    //     content: {
+    //       content: addOrEditBlackList, // 传递的组件对象
+    //       parent: this, // 当前的vue对象
+    //       data: {
+    //         rowid: 0
+    //       } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+    //     },
+    //     area: ['40%', '320px'],
+    //     title: '添加黑名单'
+    //   })
+    // },
+    // btn_edit(editId) {
+    //   this.$layer.iframe({
+    //     content: {
+    //       content: addOrEditBlackList, // 传递的组件对象
+    //       parent: this, // 当前的vue对象
+    //       data: {
+    //         rowid: editId
+    //       } // props
+    //     },
+    //     area: ['40%', '320px'],
+    //     title: '编辑黑名单'
+    //   })
+    // },
+    btn_delete() {
+      if (this.multipleSelection.length === 0) {
+        this.$message.error('没有要删除的选项')
+      } else {
+        this.$confirm('您确定要删除吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
         })
-      },
-      btn_search() {
-        this.pageParams.pageindex = 1
-        this.getList()
-      },
-      handleSelectionChange(val) {
-        this.multipleSelection = val;
-        this.selectArr = val.map(item => item.F_Id)
-      },
-      btn_addorder(id, phone) {
-        this.$layer.iframe({
-          content: {
-            content: addOrder, // 传递的组件对象
-            parent: this, // 当前的vue对象
-            data: {
-              fid: id.toString(),
-              phone: phone
-            } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
-          },
-          area: ['70%', '80%'],
-          title: '新增工单'
-        })
-      },
-      btn_update() {
-        if (this.multipleSelection.length == 0) {
-          this.$message.error('没有要更新的选项')
-        } else {
-          this.$confirm('您确定要更新状态吗?', '提示', {
-              confirmButtonText: '确定',
-              cancelButtonText: '取消',
-              type: 'warning'
+          .then(() => {
+            deleteMsg(this.selectArr).then((response) => {
+              if (response.state.toLowerCase() === 'success') {
+                this.getList()
+                this.$message.success('删除成功!')
+              }
             })
-            .then(() => {
-              updateStatus(this.selectArr).then((response) => {
-                if (response.state.toLowerCase() === 'success') {
-                  this.getList()
-                  this.$message.success('更新成功!')
-                }
-              })
-            })
-            .catch(() => {
-              this.$message('已取消')
-            })
-        }
-      },
-      // btn_add() {
-      //   this.$layer.iframe({
-      //     content: {
-      //       content: addOrEditBlackList, // 传递的组件对象
-      //       parent: this, // 当前的vue对象
-      //       data: {
-      //         rowid: 0
-      //       } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
-      //     },
-      //     area: ['40%', '320px'],
-      //     title: '添加黑名单'
-      //   })
-      // },
-      // btn_edit(editId) {
-      //   this.$layer.iframe({
-      //     content: {
-      //       content: addOrEditBlackList, // 传递的组件对象
-      //       parent: this, // 当前的vue对象
-      //       data: {
-      //         rowid: editId
-      //       } // props
-      //     },
-      //     area: ['40%', '320px'],
-      //     title: '编辑黑名单'
-      //   })
-      // },
-      btn_delete() {
-        if (this.multipleSelection.length == 0) {
-          this.$message.error('没有要删除的选项')
-        } else {
-          this.$confirm('您确定要删除吗?', '提示', {
-              confirmButtonText: '确定',
-              cancelButtonText: '取消',
-              type: 'warning'
-            })
-            .then(() => {
-              deleteMsg(this.selectArr).then((response) => {
-                if (response.state.toLowerCase() === 'success') {
-                  this.getList()
-                  this.$message.success('删除成功!')
-                }
-              })
-            })
-            .catch(() => {
-              this.$message('已取消删除')
-            })
-        }
+          })
+          .catch(() => {
+            this.$message('已取消删除')
+          })
       }
     }
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container {
-    padding: 10px;
-  }
+.app-container {
+  padding: 10px;
+}
 </style>

CallCenterWeb.UI/RMYY/src/views/testing/reportTesting/index.vue

@@ -13,53 +13,75 @@
             unlink-panels
             range-separator="至"
             start-placeholder="开始日期"
-            end-placeholder="结束日期" />
+            end-placeholder="结束日期"
+          />
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
-          <el-button type="primary" class="filter-item" icon="el-icon-download" @click="btn_export">导出</el-button>
+          <el-button
+            type="primary"
+            class="filter-item"
+            icon="el-icon-search"
+            @click="btn_search"
+          >
+            搜索
+          </el-button>
+          <el-button
+            type="primary"
+            class="filter-item"
+            icon="el-icon-download"
+            @click="btn_export"
+          >
+            导出
+          </el-button>
         </el-form-item>
       </el-form>
     </div>
     <div class="tabcontent">
       <el-table
         :data="dataLists"
-        :align="center"
-        :header-align="center"
-        style="width: 100%">
-        <template v-for="(head_1) in columnData">
+        header-align="center"
+        align="center"
+        style="width: 100%"
+      >
+        <template v-for="head_1 in columnData">
           <el-table-column
-            v-if="head_1.Qcname!='总分1'"
+            v-if="head_1.Qcname != '总分1'"
             :key="head_1.Qcid"
             :prop="head_1.key"
-            :label="head_1.Qcname">
-            <template v-for="(head_2) in head_1.Qclist">
+            :label="head_1.Qcname"
+          >
+            <el-table-column
+              v-for="head_2 in head_1.Qclist"
+              :key="head_2.Qcid"
+              :prop="head_2.key"
+              :label="head_2.Qcname"
+            >
               <el-table-column
-                :key="head_2.Qcid"
-                :prop="head_2.key"
-                :label="head_2.Qcname">
-                <template v-for="(head_3) in head_2.Qclist">
-                  <el-table-column
-                    :key="head_3.Qcid"
-                    :prop="head_3.key"
-                    :label="head_3.Qcname">
-                    <template v-for="(head_4) in head_3.Qclist">
-                      <el-table-column
-                        :key="head_4.Qcid"
-                        :prop="head_4.key"
-                        :label="head_4.Qcname"/>
-                    </template>
-                  </el-table-column>
-                </template>
+                v-for="head_3 in head_2.Qclist"
+                :key="head_3.Qcid"
+                :prop="head_3.key"
+                :label="head_3.Qcname"
+              >
+                <el-table-column
+                  v-for="head_4 in head_3.Qclist"
+                  :key="head_4.Qcid"
+                  :prop="head_4.key"
+                  :label="head_4.Qcname"
+                />
               </el-table-column>
-            </template>
+            </el-table-column>
           </el-table-column>
-
         </template>
-
       </el-table>
     </div>
-    <pagination v-show="pageParams.total > 0" :total="pageParams.total" :pageindex.sync="pageParams.pageindex" :pagesize.sync="pageParams.pagesize" class="pagination" @pagination="getData" />
+    <pagination
+      v-show="pageParams.total > 0"
+      :total="pageParams.total"
+      :pageindex.sync="pageParams.pageindex"
+      :pagesize.sync="pageParams.pagesize"
+      class="pagination"
+      @pagination="getData"
+    />
   </div>
 </template>
 
@@ -70,9 +92,7 @@ import {
   exportToExcelHeBing
 } from '@/api/testing/reportTesting'
 import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
-import {
-  exportExcel
-} from '@/utils'
+import { exportExcel } from '@/utils'
 export default {
   name: 'CallRecord',
   components: {
@@ -104,16 +124,12 @@ export default {
       }
     }
   },
-  mounted() {
-
-  },
+  mounted() {},
   methods: {
     getColumnList() {
       this.loading = true
       return new Promise((resolve) => {
-        const params = {
-
-        }
+        const params = {}
         getColumnList(params).then((response) => {
           this.loading = false
           if (response.state.toLowerCase() === 'success') {
@@ -159,7 +175,10 @@ export default {
               let keyIndex = 0
 
               for (const key in element) {
-                if (Object.hasOwnProperty.call(element, key) && key !== 'AllScore') {
+                if (
+                  Object.hasOwnProperty.call(element, key) &&
+                  key !== 'AllScore'
+                ) {
                   const keyInfo = element[key]
                   info[`key_${keyIndex}`] = keyInfo
                   keyIndex++
@@ -202,64 +221,64 @@ export default {
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  .app-container {
-    padding: 10px;
-  }
+.app-container {
+  padding: 10px;
+}
 
-  .tabcontent {
-    width: 100%;
-    // height: 100%;
-  }
+.tabcontent {
+  width: 100%;
+  // height: 100%;
+}
 
-  // /deep/ .el-table__body-wrapper::-webkit-scrollbar {
-  //   width: 0px;
-  //   height: 0px;
-  // }
+// /deep/ .el-table__body-wrapper::-webkit-scrollbar {
+//   width: 0px;
+//   height: 0px;
+// }
 
-  .tabledata {
-    width: 100%;
-    margin: 10px 0;
-    text-align: center;
-    border: 1px solid #ccc;
-  }
+.tabledata {
+  width: 100%;
+  margin: 10px 0;
+  text-align: center;
+  border: 1px solid #ccc;
+}
 
-  .tabledata thead tr td {
-    padding: 10px 0;
-    width: 25%;
-    background-color: #D5EDFE;
-  }
+.tabledata thead tr td {
+  padding: 10px 0;
+  width: 25%;
+  background-color: #d5edfe;
+}
 
-  .tabledata tbody td {
-    padding: 5px 0;
-    font-size: 14px;
-    border: 1px solid #ccc;
-  }
+.tabledata tbody td {
+  padding: 5px 0;
+  font-size: 14px;
+  border: 1px solid #ccc;
+}
 
-  // .tabledata input{
-  //   padding: 5px;
-  //   outline: none;
-  //   color: #0077AA;
-  // }
+// .tabledata input{
+//   padding: 5px;
+//   outline: none;
+//   color: #0077AA;
+// }
 
-  .phoneIcon {
-    cursor: pointer;
-  }
+.phoneIcon {
+  cursor: pointer;
+}
 
-  .filter-container {
-    .el-select {
-      margin-right: 10px;
-    }
+.filter-container {
+  .el-select {
+    margin-right: 10px;
+  }
 
-    .el-date-editor {
-      margin-right: 10px;
-    }
+  .el-date-editor {
+    margin-right: 10px;
+  }
 
-    .el-cascader {
-      margin-right: 10px;
-    }
+  .el-cascader {
+    margin-right: 10px;
+  }
 
-    .filter-item {
-      vertical-align: top;
-    }
+  .filter-item {
+    vertical-align: top;
   }
+}
 </style>

CallCenterWeb.UI/RMYY/src/views/trafficData/callRecord/index.vue

@@ -126,6 +126,11 @@
           scope.row.CallType | calltypeFilter
         }}</template>
       </el-table-column>
+      <el-table-column label="满意度" align="center" min-width>
+        <template slot-scope="scope">{{
+          scope.row.MYD | evaluationFilter
+        }}</template>
+      </el-table-column>
       <el-table-column
         v-if="fieldListFlag.CallState"
         label="呼叫状态"
@@ -218,144 +223,144 @@ import {
   getCallRecords,
   getCallOutprefix,
   getListExpt,
-  getUpdateCallRecord
-} from '@/api/trafficData/trafficData'
-import { Send } from '@/utils/telWebsocket'
-import fieldDATA from '@/utils/fieldsData.js'
-import { GetFiledState, AddFiled } from '@/api/commonAPI'
-import addDefinedList from '@/components/context/addDefinedList'
-import audioPlayer from '@/components/context/audioPlayer'
-import { pickerOptions } from '@/utils'
-import { exportExcel } from '@/utils'
-import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
-import store from '@/store'
-import { mapGetters } from 'vuex'
+  getUpdateCallRecord,
+} from "@/api/trafficData/trafficData";
+import { Send } from "@/utils/telWebsocket";
+import fieldDATA from "@/utils/fieldsData.js";
+import { GetFiledState, AddFiled } from "@/api/commonAPI";
+import addDefinedList from "@/components/context/addDefinedList";
+import audioPlayer from "@/components/context/audioPlayer";
+import { pickerOptions } from "@/utils";
+import { exportExcel } from "@/utils";
+import Pagination from "@/components/context/Pagination"; // 对el-pagination 二次封装
+import store from "@/store";
+import { mapGetters } from "vuex";
 export default {
-  name: 'CallRecord',
+  name: "CallRecord",
   components: {
-    Pagination
+    Pagination,
   },
   filters: {
     // 呼叫类型
     calltypeFilter(status) {
       const statusMap = {
-        0: '呼入',
-        1: '呼出'
-      }
-      return statusMap[status]
+        0: "呼入",
+        1: "呼出",
+      };
+      return statusMap[status];
     },
     // 呼叫状态
     statusFilter(status) {
       const statusMap = {
-        0: '未接通',
-        1: '已接通'
-      }
-      return statusMap[status]
+        0: "未接通",
+        1: "已接通",
+      };
+      return statusMap[status];
     },
     // 外呼类型
     callopttypeFilter(status) {
       const statusMap = {
-        0: '拨号外呼',
-        1: '回访外呼'
-      }
-      return statusMap[status]
+        0: "拨号外呼",
+        1: "回访外呼",
+      };
+      return statusMap[status];
     },
     // 满意度
     evaluationFilter(status) {
       const statusMap = {
-        0: '-',
-        1: '非常满意',
-        2: '基本满意',
-        3: '不满意'
-      }
-      return statusMap[status]
+        0: "-",
+        1: "非常满意",
+        2: "基本满意",
+        3: "不满意",
+      };
+      return statusMap[status];
     },
     // 时间格式化
     timesFilter(tm) {
-      if (tm === '1970-01-01 08:00:00') {
-        return '-'
+      if (tm === "1970-01-01 08:00:00") {
+        return "-";
       } else {
-        return tm
+        return tm;
       }
     },
     // 是否回访
     isReturnvisitFilter(status) {
       const statusMap = {
-        0: '未回访',
-        1: '已回访'
-      }
-      return statusMap[status]
-    }
+        0: "未回访",
+        1: "已回访",
+      };
+      return statusMap[status];
+    },
   },
   data() {
     return {
       loading: false,
-      keyword: '',
-      roleId: '',
-      CallType: '', // 呼叫类型
-      CallState: '', // 呼叫状态
-      searchDate: '',
+      keyword: "",
+      roleId: "",
+      CallType: "", // 呼叫类型
+      CallState: "", // 呼叫状态
+      searchDate: "",
       pickerOptions,
-      timer: '',
-      recordpath: '', // 录音的路径
+      timer: "",
+      recordpath: "", // 录音的路径
       fieldListFlag: {},
       pageParams: {
         pageindex: 1, // 当前第几页
         pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
-        total: 0 // 总共多少数据
+        total: 0, // 总共多少数据
       },
       dataLists: [], // 列表数据
-      multipleSelection: [] // 选中数据
-    }
+      multipleSelection: [], // 选中数据
+    };
   },
   computed: {
     ...mapGetters([
-      'token',
-      'usercode', // 工号
-      'extension', // 分机号
-      'telIsVisCallout' // 外呼面板是否显示
-    ])
+      "token",
+      "usercode", // 工号
+      "extension", // 分机号
+      "telIsVisCallout", // 外呼面板是否显示
+    ]),
   },
   created() {
-    this.getFiledTabDetail(this.$route.path.split('/').join('_'))
-    this.getList()
+    this.getFiledTabDetail(this.$route.path.split("/").join("_"));
+    this.getList();
     document.onkeyup = (e) => {
       if (e.keyCode === 13) {
-        this.getList()
+        this.getList();
       }
-    }
+    };
   },
   mounted() {
     this.timer = setInterval(() => {
-      this.getList()
-    }, 12000)
+      this.getList();
+    }, 12000);
   },
   methods: {
     getList() {
-      this.loading = true
+      this.loading = true;
       return new Promise((resolve) => {
         const params = {
           page: this.pageParams.pageindex, // 第几页
           pagesize: this.pageParams.pagesize, // 每页几条信息
-          phone: this.keyword.replace(/\s*/g, ''), //	否	string	模糊查询（呼叫号码）
+          phone: this.keyword.replace(/\s*/g, ""), //	否	string	模糊查询（呼叫号码）
           usercode: this.roleId, //	否	string	模糊查询（呼叫号码） CallNumber
-          calltype: this.CallType == null ? '' : this.CallType, // 呼叫类型
+          calltype: this.CallType == null ? "" : this.CallType, // 呼叫类型
           callstate: this.CallState, // 呼叫状态
           starttime: this.searchDate && this.searchDate[0],
-          endtime: this.searchDate && this.searchDate[1]
-        }
+          endtime: this.searchDate && this.searchDate[1],
+        };
         getCallRecords(params).then((response) => {
-          this.loading = false
-          if (response.state.toLowerCase() === 'success') {
-            this.pageParams.total = response.total
-            this.dataLists = response.rows
+          this.loading = false;
+          if (response.state.toLowerCase() === "success") {
+            this.pageParams.total = response.total;
+            this.dataLists = response.rows;
           }
-        })
-        resolve()
-      })
+        });
+        resolve();
+      });
     },
     btn_search() {
-      this.getList()
+      this.getList();
     },
     btn_add_list() {
       this.$layer.iframe({
@@ -363,120 +368,120 @@ export default {
           content: addDefinedList, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: {
-            definedId: this.$route.path
-          } // props
+            definedId: this.$route.path,
+          }, // props
         },
-        area: ['70%', '30%'],
-        title: '自定义字段'
-      })
+        area: ["70%", "30%"],
+        title: "自定义字段",
+      });
     },
     getFiledTabDetail(TableId) {
       GetFiledState(TableId).then((res) => {
         if (res.F_Fileds) {
-          this.fieldListFlag = fieldDATA.getFieldListFlag(res.F_Fileds)
-          this.$refs['multipleTable'].doLayout()
+          this.fieldListFlag = fieldDATA.getFieldListFlag(res.F_Fileds);
+          this.$refs["multipleTable"].doLayout();
         } else {
-          const Fileds = fieldDATA.getOptionsValue(fieldDATA[TableId])
+          const Fileds = fieldDATA.getOptionsValue(fieldDATA[TableId]);
           AddFiled({ TableId, Fileds })
             .then((response) => {
-              if (response.state.toLowerCase() === 'success') {
-                this.getFiledTabDetail(TableId)
+              if (response.state.toLowerCase() === "success") {
+                this.getFiledTabDetail(TableId);
               }
             })
             .catch(() => {
-              this.loading = false
-            })
+              this.loading = false;
+            });
         }
-      })
+      });
     },
 
     oncall(phone, callid) {
       const pas = {
-        id: callid
-      }
+        id: callid,
+      };
       getUpdateCallRecord(pas).then((response) => {
-        if (response.state.toLowerCase() === 'success') {
+        if (response.state.toLowerCase() === "success") {
         }
-      })
+      });
       const params = {
-        phone: phone
-      }
+        phone: phone,
+      };
       getCallOutprefix(params).then((response) => {
-        if (response.state.toLowerCase() === 'success') {
+        if (response.state.toLowerCase() === "success") {
           const scoketDatas = {
-            Type: 'MakeCall',
-            AgentID: localStorage.getItem('storageUsercode'),
-            AgentExten: localStorage.getItem('ext'),
+            Type: "MakeCall",
+            AgentID: localStorage.getItem("storageUsercode"),
+            AgentExten: localStorage.getItem("ext"),
             Header: response.data.fix,
-            DestinationNumber: response.data.phone
-          }
-          Send(scoketDatas)
+            DestinationNumber: response.data.phone,
+          };
+          Send(scoketDatas);
         }
-      })
+      });
     },
     // 导出
     btn_export() {
       const exportparams = {
         pageindex: this.pageParams.pageindex,
         pagesize: this.pageParams.pagesize,
-        phone: this.keyword.replace(/\s+/g, ''),
+        phone: this.keyword.replace(/\s+/g, ""),
         usercode: this.roleId,
-        calltype: this.CallType == null ? '' : this.CallType,
+        calltype: this.CallType == null ? "" : this.CallType,
         callstate: this.CallState,
         starttime: this.searchDate && this.searchDate[0],
         endtime: this.searchDate && this.searchDate[1],
-        isdc: 1
-      }
-      exportExcel(exportparams, getListExpt)
+        isdc: 1,
+      };
+      exportExcel(exportparams, getListExpt);
     },
     // 播放录音
     playSound(rec_file, artist) {
-      console.log('artist', artist)
+      console.log("artist", artist);
       this.$layer.iframe({
         content: {
           content: audioPlayer, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: {
             recFiles: rec_file,
-            artists: artist.toString()
-          } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+            artists: artist.toString(),
+          }, // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
         },
-        area: ['600px', '230px'],
+        area: ["600px", "230px"],
         shadeClose: true,
-        title: '录音详情'
-      })
+        title: "录音详情",
+      });
     },
     handleSelectionChange(selection) {
-      this.multipleSelection = selection
+      this.multipleSelection = selection;
     },
     formtTime(val) {
       if (!val) {
-        return '0秒'
+        return "0秒";
       }
-      var secondTime = parseInt(val)
-      var minuteTime = 0
-      var hourTime = 0
+      var secondTime = parseInt(val);
+      var minuteTime = 0;
+      var hourTime = 0;
       if (secondTime > 60) {
-        minuteTime = parseInt(secondTime / 60)
-        secondTime = parseInt(secondTime % 60)
+        minuteTime = parseInt(secondTime / 60);
+        secondTime = parseInt(secondTime % 60);
         if (minuteTime > 60) {
-          hourTime = parseInt(minuteTime / 60)
-          minuteTime = parseInt(minuteTime % 60)
+          hourTime = parseInt(minuteTime / 60);
+          minuteTime = parseInt(minuteTime % 60);
         }
       }
-      var result = '' + parseInt(secondTime) + '秒'
+      var result = "" + parseInt(secondTime) + "秒";
       if (minuteTime > 0) {
-        result = '' + parseInt(minuteTime) + '分' + result
+        result = "" + parseInt(minuteTime) + "分" + result;
       }
       if (hourTime > 0) {
-        result = '' + parseInt(hourTime) + '小时' + result
+        result = "" + parseInt(hourTime) + "小时" + result;
       }
-      return result
+      return result;
     },
 
     // 外呼
     clickCallOut(phoneNumber, id) {
-      this.callOut(phoneNumber, id)
+      this.callOut(phoneNumber, id);
     },
     // 外呼
     callOut(phoneNumber, id) {
@@ -499,13 +504,13 @@ export default {
         // })
       } else {
         this.$message({
-          message: '请先输入电话号码！',
-          type: 'warning'
-        })
+          message: "请先输入电话号码！",
+          type: "warning",
+        });
       }
-    }
-  }
-}
+    },
+  },
+};
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

CallCenterWeb.UI/RMYY/src/views/vehicleDispatch/vehicleScheduling/vehicleSchedulingList/index.vue

@@ -65,227 +65,223 @@
   </div>
 </template>
 <script>
-  import {
-    getList,
-    getAddWorkOrder,
-    getUpdateWorkOrder,
-    getDelete,
-    getModelDetail,
-    getAssignWorkOrder,
-    getSureWorkOrder
-  } from '@/api/vehicleDispatch/vehicleScheduling.js'
-  import {
-    getGetAllCar
-  } from '@/api/Escortservice/Escortservice.js'
-  import {
-    getOrderTypeList
-  } from "@/api/commonAPI.js"
-  import addOrEdit from './components/addOrEdit'
-  import detail from './components/detail'
-  import assign from './components/assign.vue'
-  import distribution from './components/distribution.vue'
-  import Pagination from '@/components/context/Pagination'
+import {
+  getList,
+  getAddWorkOrder,
+  getUpdateWorkOrder,
+  getDelete,
+  getModelDetail,
+  getAssignWorkOrder,
+  getSureWorkOrder,
+} from "@/api/vehicleDispatch/vehicleScheduling.js";
+import { getGetAllCar } from "@/api/Escortservice/Escortservice.js";
+import { getOrderTypeList } from "@/api/commonAPI.js";
+import addOrEdit from "./components/addOrEdit";
+import detail from "./components/detail";
+import assign from "./components/assign.vue";
+import distribution from "./components/distribution.vue";
+import Pagination from "@/components/context/Pagination";
 
-  export default {
-    name: 'vehicleScheduling',
-    components: {
-      Pagination
+export default {
+  name: "vehicleScheduling",
+  components: {
+    Pagination,
+  },
+  data() {
+    return {
+      activeName: "-1",
+      loading: false,
+      ordercode: "",
+      state: "-1",
+      typeList: [],
+      type: "",
+      startTime: "",
+      pageParams: {
+        pageindex: 1, //Number(this.$store.getters.serverConfig.PAGESIZE)
+        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE),
+        total: 0,
+      },
+      dataLists: [],
+      multipleSelection: [],
+      selectIds: [],
+    };
+  },
+  created() {
+    this.getList();
+    this.getTypeOrder();
+    document.onkeyup = (e) => {
+      if (e.keyCode === 13) {
+        this.getList();
+      }
+    };
+  },
+  methods: {
+    btn_distribute() {
+      if (this.multipleSelection.length < 1) {
+        this.$message.error("没有要分配的选项");
+        return;
+      }
+      this.$layer.iframe({
+        content: {
+          content: distribution, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: {
+            selectids: this.selectIds,
+            selectarr: this.multipleSelection,
+          }, // props
+        },
+        area: ["70%", "70%"],
+        title: "分配",
+      });
     },
-    data() {
-      return {
-        activeName: '-1',
-        loading: false,
-        ordercode: '',
-        state: '-1',
-        typeList: [],
-        type: '',
-        startTime: '',
-        pageParams: {
-          pageindex: 1, //Number(this.$store.getters.serverConfig.PAGESIZE)
-          pagesize: Number(this.$store.getters.serverConfig.PAGESIZE),
-          total: 0
+    btn_fenpei(id, row) {
+      this.selectIds = [];
+      this.multipleSelection = [];
+      this.selectIds.push(id);
+      this.multipleSelection.push(row);
+      this.$layer.iframe({
+        content: {
+          content: distribution, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: {
+            selectids: this.selectIds,
+            selectarr: this.multipleSelection,
+          }, // props
         },
-        dataLists: [],
-        multipleSelection: [],
-        selectIds:[]
-      }
+        area: ["70%", "70%"],
+        title: "分配",
+      });
     },
-    created() {
-      this.getList()
-      this.getTypeOrder()
-      document.onkeyup = (e) => {
-        if (e.keyCode === 13) {
-          this.getList()
-        }
-      }
+    handleSelectionChange(val) {
+      this.multipleSelection = val;
+      this.selectIds = val.map((item) => item.F_WorkOrderCode);
     },
-    methods: {
-      btn_distribute(){
-        if(this.multipleSelection.length<1){
-          this.$message.error('没有要分配的选项')
-          return;
-        }
-        this.$layer.iframe({
-          content: {
-            content: distribution, // 传递的组件对象
-            parent: this, // 当前的vue对象
-            data: {
-              selectids:this.selectIds,
-              selectarr:this.multipleSelection
-            } // props
-          },
-          area: ['70%', '70%'],
-          title: '分配'
-        })
-      },
-      btn_fenpei(id,row){
-        this.selectIds=[]
-        this.multipleSelection=[]
-        this.selectIds.push(id)
-        this.multipleSelection.push(row)
-        this.$layer.iframe({
-          content: {
-            content: distribution, // 传递的组件对象
-            parent: this, // 当前的vue对象
-            data: {
-              selectids:this.selectIds,
-              selectarr:this.multipleSelection
-            } // props
-          },
-          area: ['70%', '70%'],
-          title: '分配'
-        })
-      },
-      handleSelectionChange(val) {
-        this.multipleSelection = val;
-        this.selectIds = val.map(item => item.F_WorkOrderCode)
-      },
-      handleClick(res) {
-        this.state = res.name
-        this.getList()
-      },
-      getTypeOrder() {
+    handleClick(res) {
+      this.state = res.name;
+      this.getList();
+    },
+    getTypeOrder() {
+      const params = {
+        pid: 2,
+        typeid: 4000,
+      };
+      getOrderTypeList(params.pid, params.typeid).then((res) => {
+        this.typeList = res.rows;
+      });
+    },
+    getList() {
+      this.loading = true;
+      return new Promise((resolve) => {
         const params = {
-          pid: 2,
-          typeid: 4000
-        }
-        getOrderTypeList(params.pid, params.typeid).then(res => {
-          this.typeList = res.rows
-        })
-      },
-      getList() {
-        this.loading = true
-        return new Promise((resolve) => {
-          const params = {
-            type: this.type,
-            pageindex: this.pageParams.pageindex, // 第几页
-            pagesize: this.pageParams.pagesize, // 每页几条信息
-            state: this.state,
-            WorkOrderCode: this.ordercode,
-            starttime: this.startTime && this.startTime[0],
-            endtime: this.startTime && this.startTime[1]
+          type: this.type,
+          pageindex: this.pageParams.pageindex, // 第几页
+          pagesize: this.pageParams.pagesize, // 每页几条信息
+          state: this.state,
+          WorkOrderCode: this.ordercode,
+          starttime: this.startTime && this.startTime[0],
+          endtime: this.startTime && this.startTime[1],
+        };
+        getList(params).then((response) => {
+          this.loading = false;
+          if (response.rows.length >= 0) {
+            this.pageParams.total = response.tatal;
+            this.dataLists = response.rows;
           }
-          getList(params).then((response) => {
-            this.loading = false
-            if (response.rows.length >= 0) {
-              this.pageParams.total = response.tatal
-              this.dataLists = response.rows
-            }
-          })
-          resolve()
-        })
-      },
-      btn_search() {
-        this.pageParams.pageindex = 1
-        this.getList()
-      },
-      btn_edit(editId, wocode) {
-        this.$layer.iframe({
-          content: {
-            content: addOrEdit, // 传递的组件对象
-            parent: this, // 当前的vue对象
-            data: {
-              rowid: editId.toString(),
-              wocode: wocode
-            } // props
-          },
-          area: ['60%', '500px'],
-          title: '编辑'
-        })
-      },
-      // 详情
-      hadndleOrderCode(ordercode, wocode) {
-        this.$layer.iframe({
-          content: {
-            content: detail, // 传递的组件对象
-            parent: this, // 当前的vue对象
-            data: {
-              rowid: ordercode,
-              wocode: wocode
-            } // props
-          },
-          area: ['80%', '90%'],
-          title: '工单详情'
+        });
+        resolve();
+      });
+    },
+    btn_search() {
+      this.pageParams.pageindex = 1;
+      this.getList();
+    },
+    btn_edit(editId, wocode) {
+      this.$layer.iframe({
+        content: {
+          content: addOrEdit, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: {
+            rowid: editId.toString(),
+            wocode: wocode,
+          }, // props
+        },
+        area: ["60%", "500px"],
+        title: "编辑",
+      });
+    },
+    // 详情
+    hadndleOrderCode(ordercode, wocode) {
+      this.$layer.iframe({
+        content: {
+          content: detail, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: {
+            rowid: ordercode,
+            wocode: wocode,
+          }, // props
+        },
+        area: ["80%", "90%"],
+        title: "工单详情",
+      });
+    },
+    //删除
+    btn_delete(editId) {
+      const params = {
+        WorkOrderCode: editId,
+      };
+      this.$confirm("您确定要删除此信息吗?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          getDelete(params).then((response) => {
+            this.getList();
+            this.$message.success("删除成功!");
+          });
         })
-      },
-      //删除
-      btn_delete(editId) {
-        const params = {
-          WorkOrderCode: editId
-        }
-        this.$confirm('您确定要删除此信息吗?', '提示', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'warning'
-          })
-          .then(() => {
-            getDelete(params).then((response) => {
-              this.getList()
-              this.$message.success('删除成功!')
-            })
-          })
-          .catch(() => {
-            this.$message('已取消删除')
-          })
-      },
-      //确定工单
-      btn_sure(rowid) {
-        const params = {
-          orderid: rowid
-        }
-        this.$confirm('您要确认此工单吗?', '提示', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'warning'
-          })
-          .then(() => {
-            getSureWorkOrder(params).then((response) => {
-              if (response.state.toLowerCase() === 'success') {
-                this.getList()
-                this.$message.success('确定成功!')
-              }
-            })
-          })
-          .catch(() => {
-            this.$message('已取消')
-          })
-      },
-      //派车
-      btn_assign(rowid) {
-        this.$layer.iframe({
-          content: {
-            content: assign, // 传递的组件对象
-            parent: this, // 当前的vue对象
-            data: {
-              rowid: rowid
-            } // props
-          },
-          area: ['40%', '50%'],
-          title: '派车'
+        .catch(() => {
+          this.$message("已取消删除");
+        });
+    },
+    //确定工单
+    btn_sure(rowid) {
+      const params = {
+        orderid: rowid,
+      };
+      this.$confirm("您要确认此工单吗?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          getSureWorkOrder(params).then((response) => {
+            if (response.state.toLowerCase() === "success") {
+              this.getList();
+              this.$message.success("确定成功!");
+            }
+          });
         })
-      }
-    }
-  }
+        .catch(() => {
+          this.$message("已取消");
+        });
+    },
+    //派车
+    btn_assign(rowid) {
+      this.$layer.iframe({
+        content: {
+          content: assign, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: {
+            rowid: rowid,
+          }, // props
+        },
+        area: ["40%", "50%"],
+        title: "派车",
+      });
+    },
+  },
+};
 </script>
 <style rel="stylesheet/scss" lang="scss" scoped>
 </style>