bug

CallCenterWeb.UI/RMYY/src/components/context/commonSelect/selectOrderType.vue

 
 <style rel="stylesheet/scss" lang="scss" scoped="scoped">
   /deep/.el-radio-button__inner {
-    margin-right: 20px;
+    margin-right: 15px;
     border-radius: 0 !important;
     border: 1px solid rgb(205, 205, 205);
   }

CallCenterWeb.UI/RMYY/src/views/callScreen/components/OrderList.vue

   <div v-loading="loading">
     <div class="filter-container">
       <el-input v-model="callNum" placeholder="请输入关键字" class="filter-item" size="medium" clearable/>
-      <el-date-picker v-model="startTime" size="medium" type="daterange" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
-        range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
+      <el-date-picker
+        v-model="startTime"
+        size="medium"
+        type="daterange"
+        format="yyyy-MM-dd"
+        value-format="yyyy-MM-dd"
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期" />
+      <el-input v-model="phone" placeholder="请输入电话" class="filter-item" size="medium" clearable/>
       <el-button type="primary" class="filter-item" size="medium" @click="btn_search_task">搜索
       </el-button>
     </div>
         </template>
       </el-table-column>
       <el-table-column prop="F_ProposerName" label="姓名" align="center" min-width />
-      <el-table-column prop="F_SonType" :formatter="formtOrder" label="工单类别" align="center" />
+      <el-table-column :formatter="formtOrder" prop="F_SonType" label="工单类别" align="center" />
       <el-table-column prop="F_Content" label="工单内容" align="center" />
       <el-table-column prop="StateName" label="工单状态" align="center" />
       <el-table-column prop="F_CreateTime" label="创建时间" align="center" />
     </el-table>
-    <pagination v-show="pageParams.total > 0" :total="pageParams.total" :page-sizes="[5, 10, 15, 20]"
-      :pageindex.sync="pageParams.pageindex" :pagesize.sync="pageParams.pagesize" :auto-scroll="false"
-      class="pagination" @pagination="getList" />
+    <pagination
+      v-show="pageParams.total > 0"
+      :total="pageParams.total"
+      :page-sizes="[5, 10, 15, 20]"
+      :pageindex.sync="pageParams.pageindex"
+      :pagesize.sync="pageParams.pagesize"
+      :auto-scroll="false"
+      class="pagination"
+      @pagination="getList" />
   </div>
 </template>
 
 <script>
-  import {
-    getList,
-    getAddWorkOrder,
-    getUpdateWorkOrder,
-    getDelete,
-    getModelDetail,
-    getAssignWorkOrder,
-    getSureWorkOrder
-  } from '@/api/vehicleDispatch/vehicleScheduling.js'
-  import {
-    getorderList
-  } from '@/api/orderManagement/orderList'
-  import detail from '../../orderManage/components/orderDetail.vue'
-  import askDetail from '../../orderManage/components/askdetail.vue'
-  import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
-  export default {
-    name: 'OrderList',
-    components: {
-      Pagination
-    },
-    props: {
-      callinNum: {
-        type: String,
-        default: ''
-      }
-    },
+import {
+  getorderList
+} from '@/api/orderManagement/orderList'
+import detail from '../../orderManage/components/orderDetail.vue'
+import askDetail from '../../orderManage/components/askdetail.vue'
+import carDetail from '../../orderManage/components/cardetail.vue'
+import dispatchDetail from '../../comDispatch/components/dispatchdetail.vue'
+import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
+export default {
+  name: 'OrderList',
+  components: {
+    Pagination
+  },
+  props: {
+    callinNum: {
+      type: String,
+      default: ''
+    }
+  },
 
-    data() {
-      return {
-        callNum: '', // 来电号码
-        keyword:'',
-        startTime:'',
-        loading: false,
-        pageParams: {
-          pageindex: 1, // 当前第几页
-          pagesize: 5, // 每页几条数据
-          total: 0 // 总共多少数据
-        },
-        dataLists: [] // 列表数据
-      }
-    },
-    created() {
-      if (this.callinNum === '') {
-        this.callNum = ''
-      } else {
-        this.callNum = this.callinNum
+  data() {
+    return {
+      callNum: '', // 来电号码
+      keyword: '',
+      phone: '',
+      startTime: '',
+      loading: false,
+      pageParams: {
+        pageindex: 1, // 当前第几页
+        pagesize: 5, // 每页几条数据
+        total: 0 // 总共多少数据
+      },
+      dataLists: [] // 列表数据
+    }
+  },
+  created() {
+    if (this.callinNum === '') {
+      this.callNum = ''
+    } else {
+      this.callNum = this.callinNum
+    }
+    this.getList()
+  },
+  methods: {
+    formtOrder(row, column) {
+      if (row.F_SonType) {
+        return this.$store.getters.workTypeMap[parseInt(row.F_SonType)].text
       }
-      this.getList()
     },
-    methods: {
-      formtOrder(row, column) {
-        if (row.F_SonType) {
-          return this.$store.getters.workTypeMap[parseInt(row.F_SonType)].text
+    getList() {
+      return new Promise(resolve => {
+        const params = {
+          pageindex: this.pageParams.pageindex, // 第几页
+          pagesize: this.pageParams.pagesize, // 每页几条信息
+          phone: this.phone, //	否	string	模糊查询（呼叫号码）
+          keyword: this.callNum,
+          starttime: this.startTime && this.startTime[0],
+          endtime: this.startTime && this.startTime[1],
+          callType: 1 // 呼叫类型
         }
-      },
-      getList() {
-        this.loading = true
-        return new Promise(resolve => {
-          const params = {
-            pageindex: this.pageParams.pageindex, // 第几页
-            pagesize: this.pageParams.pagesize, // 每页几条信息
-            phone: this.callNum, //	否	string	模糊查询（呼叫号码）
-            keywords:this.callNum,
-            starttime:this.startTime[0],
-            endtime:this.startTime[1],
-            callType: 1 // 呼叫类型
-          }
-          getorderList(params).then(response => {
-            this.loading = false
-            if (response.state.toLowerCase() === 'success') {
-              if (response.total == null) {
-                this.pageParams.total = 0
-              } else {
-                this.pageParams.total = response.total
-              }
-              this.dataLists = response.rows
+        getorderList(params).then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            if (response.total == null) {
+              this.pageParams.total = 0
+            } else {
+              this.pageParams.total = response.total
             }
-          })
-          resolve()
+            this.dataLists = response.rows
+          }
+        })
+        resolve()
+      })
+    },
+    btn_search_task() {
+      this.getList()
+    },
+    hadndleOrderCode(row) {
+      if (row.F_Type == 3000) {
+        this.$layer.iframe({
+          content: {
+            content: detail, // 传递的组件对象
+            parent: this, // 当前的vue对象
+            data: {
+              rowid: row.F_WoCode
+            } // props
+          },
+          area: ['80%', '90%'],
+          title: '订单详情'
+        })
+      }
+      if (row.F_Type == 1000) {
+        this.$layer.iframe({
+          content: {
+            content: askDetail,
+            parent: this,
+            data: {
+              rowid: row.F_WoCode
+            } // props
+          },
+          area: ['80%', '90%'],
+          title: '订单详情'
+        })
+      }
+      if (row.F_Type === 2000) {
+        this.$layer.iframe({
+          content: {
+            content: dispatchDetail,
+            parent: this,
+            data: {
+              rowid: row.F_WoCode
+            } // props
+          },
+          area: ['80%', '90%'],
+          title: '工单详情'
+        })
+      }
+      if (row.F_Type === 4000) {
+        this.$layer.iframe({
+          content: {
+            content: carDetail,
+            parent: this,
+            data: {
+              rowid: row.F_WoCode
+            } // props
+          },
+          area: ['80%', '90%'],
+          title: '工单详情'
         })
-      },
-      btn_search_task(){
-        this.getList()
-      },
-      hadndleOrderCode(row) {
-        if(row.F_Type==3000){
-          this.$layer.iframe({
-            content: {
-              content: detail, // 传递的组件对象
-              parent: this, // 当前的vue对象
-              data: {
-                rowid: row.F_WoCode
-              } // props
-            },
-            area: ['80%', '90%'],
-            title: '订单详情'
-          })
-        }
-        if(row.F_Type==1000){
-          this.$layer.iframe({
-            content: {
-              content: askDetail,
-              parent: this,
-              data: {
-                rowid: row.F_WoCode
-              } // props
-            },
-            area: ['80%', '90%'],
-            title: '订单详情'
-          })
-        }
       }
     }
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

CallCenterWeb.UI/RMYY/src/views/callScreen/components/addressNumber.vue

 <template>
-  <el-row class="rows" style="padding: 8px 0 !important;background-color: #404040;border-radius: 8px; ">
+  <el-row :gutter="24" class="rows" style="padding: 8px 10% !important;background-color: #404040;border-radius:10px; ">
     <el-col :span="6">
-      <div class="topbox" style="">
+      <div class="topbox">
         <img :src="circleUrl" style="width: 100px;height: 100px;"></img>
       </div>
     </el-col>
-    <el-col :span="7">
-      <p class="callin_con">
-        <span class="callin_num">来电号码：{{ callinNum }}</span>
-      </p>
+    <el-col :span="12">
+      <div style="height:90px;padding:5px 0">
+        <p class="callin_con">
+          <span class="callin_num">来电号码：{{ callinNum }}</span>
+        </p>
+        <p class="callin_con">
+          <span class="callin_num">&nbsp;归 属 地：{{ phoneData }}</span>
+        </p>
+        <p class="callin_con">
+          <span class="callin_num">本院患者：是</span>
+        </p>
+      </div>
     </el-col>
-    <el-col :span="7">
-      <p class="callin_con callin_num" style="text-align: right;">
+    <el-col :span="6">
+      <p class="callin_con callin_num" style="text-align: left;margin-bottom:30px">
         <time v-show="!dropoff">{{ telCallTime.hh }}:{{ telCallTime.mm }}:{{ telCallTime.ss }}</time>
         <time v-show="dropoff">{{ callinTime }}</time>
       </p>
-    </el-col>
-    <el-col :span="14">
-      <p class="callin_con">
-        <span class="callin_num">&nbsp;归 属 地：{{ phoneData }}</span>
-      </p>
-    </el-col>
-    <el-col :span="7">
-      <p class="callin_con">
-        <span class="callin_num">本院患者：是</span>
-      </p>
-    </el-col>
-    <el-col :span="8">
-      <p class="callin_con" style="text-align: right;cursor: pointer;">
+      <p class="callin_con" style="text-align: left;cursor: pointer;">
         <i class="el-icon-circle-plus" style="color: red;font-size: 18px;" @click="btn_addBlack"/>
         <span class="callin_num" style="color: red;font-size: 17px;" @click="btn_addBlack">加入黑名单</span>
       </p>
 
   .callin_con {
     margin: 10px auto;
-    padding: 0 20px;
+    padding: 0px 10px;
     font-size: 14px;
     color: #4c4c4c;
   }
   }
 
   .topbox {
-    display: inline-block;
-    float: left;
-    height: 100px;
     text-align: center;
-    margin-top: 8px;
-    padding: 0 120px;
   }
 </style>

CallCenterWeb.UI/RMYY/src/views/callScreen/components/callList.vue

   <div v-loading="loading">
     <div class="filter-container">
       <el-input v-model="callNum" placeholder="请输入手机号" class="filter-item" size="medium" clearable/>
-      <el-date-picker v-model="startTime" size="medium" type="daterange" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
-        range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
+      <el-date-picker
+        v-model="startTime"
+        size="medium"
+        type="daterange"
+        format="yyyy-MM-dd"
+        value-format="yyyy-MM-dd"
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期" />
       <el-button type="primary" class="filter-item" size="medium" @click="btn_search_task">搜索
       </el-button>
     </div>
     return {
       callNum: '11', // 来电号码
       loading: false,
-      phone:'',
-      startTime:'',
+      phone: '',
+      startTime: '',
       pageParams: {
         pageindex: 1, // 当前第几页
         pagesize: 5, // 每页几条数据
           pageindex: this.pageParams.pageindex, // 第几页
           pagesize: this.pageParams.pagesize, // 每页几条信息
           phone: this.callNum, //	否	string	模糊查询（呼叫号码）
-          starttime: this.startTime[0],
-          endtime: this.startTime[1],
+          starttime: this.startTime && this.startTime[0],
+          endtime: this.startTime && this.startTime[1],
           callType: 1 // 呼叫类型
         }
         getCallRecords(params).then(response => {
         resolve()
       })
     },
-    btn_search_task(){
+    btn_search_task() {
       this.getList()
     }
   }

CallCenterWeb.UI/RMYY/src/views/callScreen/components/orderType.vue

   <div v-loading="loading">
     <el-row :gutter="5">
       <el-col :span="24">
-        <el-form ref="orderTypeData" :rules="rules" :model="orderTypeData" label-width="150px" style="font-size: 14px"
+        <el-form
+          ref="orderTypeData"
+          :rules="rules"
+          :model="orderTypeData"
+          label-width="150px"
+          style="font-size: 14px"
           class="order_form">
           <!-- 工单信息 -->
           <el-row>
-            <el-col :span="20">
+            <el-col :span="24">
               <el-form-item label="业务类别" prop="F_Type1">
-                <select-order-type :isedit='isedit' :rtype='rtype' :first-order-type="firstOrderTypeParam" @post-first-order-type="getFirstOrderType" />
+                <select-order-type :isedit="isedit" :rtype="rtype" :first-order-type="firstOrderTypeParam" @post-first-order-type="getFirstOrderType" />
               </el-form-item>
             </el-col>
 
-            <el-col :span="20" v-if="isshowtype==true">
+            <el-col v-if="isshowtype==true" :span="22">
               <el-form-item label="工单类别" prop="F_Type2">
-                <select-order-type-two :r2type='r2type' :second-order-type="secondOrderTypeParam"
+                <select-order-type-two
+                  :r2type="r2type"
+                  :second-order-type="secondOrderTypeParam"
                   @post-second-order-type="getSecondOrderType" />
               </el-form-item>
             </el-col>
 </template>
 
 <script>
-  import {
-    mapGetters
-  } from 'vuex'
-  export default {
-    name: 'OrderType',
-    props:{
-      rtype:{
-        type:String,
-        default:''
-      },
-      r2type:{
-        type:String,
-        default:''
-      },
-      isedit:{
-        type:String,
-        default:''
-      }
-    },
-    data() {
-      return {
-        firstOrderTypeParam: {
-          typeid: 1,
-          pid: 0
-        },
-        secondOrderTypeParam: {
-          typeid: 2,
-          pid: 0
-        },
-        thirdOrderTypeParam: {
-          typeid: 3,
-          pid: 0
-        },
-        orderTypeData: {
-          F_Type1: 1000, // 工单类别
-          F_TypeName1: '业务咨询', // 工单类别
-          F_Type2: 0, // 工单子类
-          F_TypeName2: '', // 工单子类
-          F_Type3: 0, // 工单三类
-          F_TypeName3: '' ,// 工单三类
-          identification:'',
-          type2Arr:[]
-        },
-        isshowtype:true,
-        rules: {
-          F_Type1: [{
-            required: true,
-            message: '请选择业务类别',
-            trigger: 'change'
-          }],
-          F_Type2: [{
-            required: true,
-            message: '请选择工单类别',
-            trigger: 'change'
-          }],
-        },
-        loading: false
-      }
-    },
-    computed: {
-      ...mapGetters(['screenState'])
+import {
+  mapGetters
+} from 'vuex'
+export default {
+  name: 'OrderType',
+  props: {
+    rtype: {
+      type: String,
+      default: ''
     },
-    created() {
+    r2type: {
+      type: String,
+      default: ''
     },
-    methods: {
-      // 一级改变时触发
-      getFirstOrderType(data) {
-        this.orderTypeData.F_Type1 = data.value
-        this.orderTypeData.F_TypeName1 = data.name
-        if(data.value == '3000'){
-          this.isshowtype = false
-        }else{
-          this.isshowtype = true
-        }
-        this.$bus.$emit('typeSecondId', data.value) // 知识库页面列表需用到
-        this.$emit('order-type-data', this.orderTypeData)
-        this.secondOrderTypeParam.typeid = 2
-        this.secondOrderTypeParam.pid = data.value
-        // console.log(data)
+    isedit: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      firstOrderTypeParam: {
+        typeid: 1,
+        pid: 0
       },
-      // 二级改变时触发
-      getSecondOrderType(data) {
-        // console.log(data,'777')
-        this.orderTypeData.F_Type2 = data.value
-        this.orderTypeData.F_TypeName2 = data.name
-        this.orderTypeData.identification = data.identification
-        this.orderTypeData.type2Arr = data.type2Arr
-        this.$bus.$emit('typeSecondId', data.value) // 知识库页面列表需用到
-        this.$emit('order-type-data', this.orderTypeData)
-        this.thirdOrderTypeParam.typeid = 3
-        this.thirdOrderTypeParam.pid = data.value
+      secondOrderTypeParam: {
+        typeid: 2,
+        pid: 0
       },
-
-      // 三级改变时触发
-      getThirdOrderType(data) {
-        this.orderTypeData.F_Type3 = data.value
-        this.orderTypeData.F_TypeName3 = data.name
-        this.$emit('order-type-data', this.orderTypeData)
+      thirdOrderTypeParam: {
+        typeid: 3,
+        pid: 0
+      },
+      orderTypeData: {
+        F_Type1: 1000, // 工单类别
+        F_TypeName1: '业务咨询', // 工单类别
+        F_Type2: 0, // 工单子类
+        F_TypeName2: '', // 工单子类
+        F_Type3: 0, // 工单三类
+        F_TypeName3: '', // 工单三类
+        identification: '',
+        type2Arr: []
+      },
+      isshowtype: true,
+      rules: {
+        F_Type1: [{
+          required: true,
+          message: '请选择业务类别',
+          trigger: 'change'
+        }],
+        F_Type2: [{
+          required: true,
+          message: '请选择工单类别',
+          trigger: 'change'
+        }]
+      },
+      loading: false
+    }
+  },
+  computed: {
+    ...mapGetters(['screenState'])
+  },
+  created() {
+  },
+  methods: {
+    // 一级改变时触发
+    getFirstOrderType(data) {
+      this.orderTypeData.F_Type1 = data.value
+      this.orderTypeData.F_TypeName1 = data.name
+      if (data.value == '3000') {
+        this.isshowtype = false
+      } else {
+        this.isshowtype = true
       }
+      this.$bus.$emit('typeSecondId', data.value) // 知识库页面列表需用到
+      this.$emit('order-type-data', this.orderTypeData)
+      this.secondOrderTypeParam.typeid = 2
+      this.secondOrderTypeParam.pid = data.value
+      // console.log(data)
+    },
+    // 二级改变时触发
+    getSecondOrderType(data) {
+      // console.log(data,'777')
+      this.orderTypeData.F_Type2 = data.value
+      this.orderTypeData.F_TypeName2 = data.name
+      this.orderTypeData.identification = data.identification
+      this.orderTypeData.type2Arr = data.type2Arr
+      this.$bus.$emit('typeSecondId', data.value) // 知识库页面列表需用到
+      this.$emit('order-type-data', this.orderTypeData)
+      this.thirdOrderTypeParam.typeid = 3
+      this.thirdOrderTypeParam.pid = data.value
+    },
 
+    // 三级改变时触发
+    getThirdOrderType(data) {
+      this.orderTypeData.F_Type3 = data.value
+      this.orderTypeData.F_TypeName3 = data.name
+      this.$emit('order-type-data', this.orderTypeData)
     }
+
   }
+}
 </script>

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

     </el-popover>
 
     <div v-if="seatflag" class="navar_item close">
+      <i
+        class="el-icon-chat-dot-square"
+        style="color: white; font-size: 20px; vertical-align: middle;margin-right:10px"
+        @click="drawer = true"
+      />
       <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="/">
       </el-dropdown-menu>
     </el-dropdown>
     <!-- 发送消息 -->
-    <div
+    <!-- <div
       style="
         display: inline-block;
         float: right;
       "
     >
       <i
-        @click="drawer = true"
         class="el-icon-chat-dot-square"
         style="color: white; font-size: 25px; vertical-align: middle"
-      ></i>
-    </div>
+        @click="drawer = true"
+      />
+    </div> -->
     <el-drawer
-      style="margin-top: 100px"
-      size="20%"
       :modal="false"
-      title="消息通讯"
       :visible.sync="drawer"
       :show-close="false"
       :direction="direction"
+      style="margin-top: 100px"
+      size="20%"
+      title="消息通讯"
     >
       <el-tabs
-        style="padding: 0 20px"
         v-model="activeName"
+        style="padding: 0 20px"
         type="card"
         @tab-click="handleClick"
       >
           >
             <div style="width: 80px; text-align: center">
               <img
-                class="pimg"
                 :src="$store.getters.serverConfig.BASE_API + item.F_See"
-              />
+                class="pimg"
+              >
               <p class="puser">{{ item.F_UserName }}</p>
             </div>
             <div class="pcon">{{ item.Content }}</div>
             <div class="pdate">
               {{ item.CreateDate }}
-              <span class="phf" @click="tosend(item.F_RoleId, item.FromUserId)"
-                >回复</span
+              <span
+                class="phf"
+                @click="tosend(item.F_RoleId, item.FromUserId)"
+              >回复</span
               >
             </div>
           </div>
           >
             <div style="width: 80px; text-align: center">
               <img
-                class="pimg"
                 :src="$store.getters.serverConfig.BASE_API + item.F_See"
-              />
+                class="pimg"
+              >
               <p class="puser">{{ item.F_UserName }}</p>
             </div>
             <div class="pcon">{{ item.Content }}</div>
             <div class="pdate">
               {{ item.CreateDate }}
-              <span class="phf" @click="tosend(item.F_RoleId, item.FromUserId)"
-                >回复</span
+              <span
+                class="phf"
+                @click="tosend(item.F_RoleId, item.FromUserId)"
+              >回复</span
               >
             </div>
           </div>
 </template>
 
 <script>
-import { mapGetters } from "vuex";
-import store from "@/store";
-import { getLogout } from "@/api/layout/permsgEdit";
-import { createWebSocket } from "@/utils/telWebsocket";
+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";
+  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",
+  name: 'Navbar',
   components: {
     Teloperation,
     NavUserInfo,
-    navTelStateMsg,
+    navTelStateMsg
   },
   data() {
     return {
-      usertx: "",
-      activeName: "0",
-      noread: "",
+      usertx: '',
+      activeName: '0',
+      noread: '',
       noreadlist: [],
       readlist: [],
       drawer: false,
       orderFlag: true,
-      direction: "rtl",
+      direction: 'rtl',
       showTopNotice: false, // 是否显示项目到期的消息
-      telTopRightText: "",
+      telTopRightText: '',
       offsetRight: 0,
       offsetBottom: 0,
       topNoticeNum: 0, // 顶部消息数量
-      roleName: "", // 用户角色名称
-    };
+      roleName: '' // 用户角色名称
+    }
   },
   computed: {
     ...mapGetters([
-      "telSeatState", // 坐席状态
-      "teamName", // 中心
-      "groupName", // 小组
-      "sidebar",
-      "avatar",
-      "seatflag",
-      "telIsLogin", // 是否签入
-      "telIsConnected", // 连接是否建立
-    ]),
+      'telSeatState', // 坐席状态
+      'teamName', // 中心
+      'groupName', // 小组
+      'sidebar',
+      'avatar',
+      'seatflag',
+      'telIsLogin', // 是否签入
+      'telIsConnected' // 连接是否建立
+    ])
   },
   watch: {
-    telTopRightState: function (newT) {
-      if (this.telSeatState === 2 && (newT === "空闲" || newT === "忙碌")) {
-        this.telTopRightText = "空闲";
-        store.dispatch("ChangeTopRightState", ["空闲", true]);
+    telTopRightState: function(newT) {
+      if (this.telSeatState === 2 && (newT === '空闲' || newT === '忙碌')) {
+        this.telTopRightText = '空闲'
+        store.dispatch('ChangeTopRightState', ['空闲', true])
       } else if (
         this.telSeatState === 5 &&
-        (newT === "空闲" || newT === "忙碌")
+        (newT === '空闲' || newT === '忙碌')
       ) {
-        this.telTopRightText = "忙碌";
-        store.dispatch("ChangeTopRightState", ["忙碌", false]);
+        this.telTopRightText = '忙碌'
+        store.dispatch('ChangeTopRightState', ['忙碌', false])
       } else {
-        this.telTopRightText = newT;
+        this.telTopRightText = newT
       }
-    },
+    }
   },
   created() {
     this.usertx =
       this.$store.getters.serverConfig.BASE_API +
-      localStorage.getItem("storageUsertx");
-    this.roleName = window.localStorage.getItem("roleName");
+      localStorage.getItem('storageUsertx')
+    this.roleName = window.localStorage.getItem('roleName')
     if (!this.telIsConnected && this.seatflag) {
-      createWebSocket();
+      createWebSocket()
     }
-    this.getList();
+    this.getList()
   },
   methods: {
     getList() {
       return new Promise((resolve) => {
         const params = {
           top: 50,
-          fromid: parseInt(localStorage.getItem("storageUserid")),
-          isread: this.activeName,
-        };
+          fromid: parseInt(localStorage.getItem('storageUserid')),
+          isread: this.activeName
+        }
         getGetChatLists(params).then((response) => {
-          this.noread = response.total;
-          if (this.activeName == "0") {
-            this.noreadlist = response.rows;
+          this.noread = response.total
+          if (this.activeName == '0') {
+            this.noreadlist = response.rows
           }
-          if (this.activeName == "1") {
-            this.readlist = response.rows;
+          if (this.activeName == '1') {
+            this.readlist = response.rows
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
     handleClick(tab, event) {
-      this.getList();
+      this.getList()
     },
     logout() {
-      this.$confirm("您确定退出吗?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
+      this.$confirm('您确定退出吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
       })
         .then(() => {
-          this.isDisable = false;
-          this.loginout();
-          this.signOut(); // 签出
+          this.isDisable = false
+          this.loginout()
+          this.signOut() // 签出
         })
         .catch(() => {
           this.$message({
-            type: "info",
-            message: "已取消",
-          });
-        });
+            type: 'info',
+            message: '已取消'
+          })
+        })
     },
     loginout() {
       const params = {
-        token: localStorage.getItem("Admin-Token").split(" ")[1],
-      };
+        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
-            });
+            this.$store.dispatch('FedLogOut').then(() => {
+              location.reload() // 为了重新实例化vue-router对象 避免bug
+            })
           })
           .catch((error) => {
-            reject(error);
-          });
-      });
+            reject(error)
+          })
+      })
     },
 
     tosend(roleid, uesrid) {
           parent: this, // 当前的vue对象
           data: {
             roleid: roleid,
-            userid: uesrid,
-          }, // props
+            userid: uesrid
+          } // props
         },
-        area: ["50%", "70%"],
-        title: "发送消息",
-      });
+        area: ['50%', '70%'],
+        title: '发送消息'
+      })
     },
     sendMsg() {
       this.$layer.iframe({
         content: {
           content: sendMsg, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: {}, // props
+          data: {} // props
         },
-        area: ["50%", "70%"],
-        title: "发送消息",
-      });
+        area: ['50%', '70%'],
+        title: '发送消息'
+      })
     },
     onedit() {
       this.$layer.iframe({
         content: {
           content: permsgEdit, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: {}, // props
+          data: {} // props
         },
-        area: ["50%", "70%"],
-        title: "个人中心",
-      });
+        area: ['50%', '70%'],
+        title: '个人中心'
+      })
     },
     // 签出
     signOut() {
-      store.dispatch("UpdateCalloutScreen", false);
+      store.dispatch('UpdateCalloutScreen', false)
     },
     // 从子组件获取的 消息数量值
     getTopNoticeNum(value) {
-      this.topNoticeNum = value.num;
-    },
-  },
-};
+      this.topNoticeNum = value.num
+    }
+  }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
   }
 
   .close {
-    width: 60px;
-    right: 60px;
+    width: 120px;
+    right: 40px;
     cursor: pointer;
 
     span {