中航呼叫类型，callid修复

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

@@ -5,24 +5,24 @@
         <transition-group type="transition" name="slide-list">
           <svg-icon v-show="!telIsLogin" key="0" icon-class="guaduan" />
           <i
-            v-show="telIsLogin && (telSeatState===2 && telLineState===1)"
+            v-show="telIsLogin && telSeatState === 2 && telLineState === 1"
             key="1"
             class="calli free"
           />
           <!-- <svg-icon v-show="telIsLogin && (telSeatState===2 && telLineState===1)" icon-class="xiuxi" /> -->
           <svg-icon
-            v-show="telIsLogin && (telSeatState===5 && telLineState===1)"
+            v-show="telIsLogin && telSeatState === 5 && telLineState === 1"
             key="2"
             icon-class="manglu01"
           />
           <svg-icon
-            v-show="telIsLogin && (telLineState===2)"
+            v-show="telIsLogin && telLineState === 2"
             key="3"
             icon-class="fenji"
             class="ringing"
           />
           <svg-icon
-            v-show="telIsLogin && (telLineState===3)"
+            v-show="telIsLogin && telLineState === 3"
             key="4"
             icon-class="huchu"
             class="ringing"
@@ -30,60 +30,97 @@
           <!-- <svg-icon v-show="telIsLogin && (telLineState===4)" icon-class="zhenling" class="ringing" /> -->
           <!-- <svg-icon v-show="telIsLogin && (telLineState===6)" icon-class="tonghuazhong01" class="incall" /> -->
           <!-- <svg-icon v-show="telIsLogin && (telLineState===10)" icon-class="tonghuazhong01" class="incall" /> -->
-          <i v-show="telIsLogin && (telLineState===4)" key="5" class="calli callringing" />
-          <i v-show="telIsLogin && (telLineState===6)" key="6" class="calli incalling" />
-          <i v-show="telIsLogin && (telLineState===10)" key="7" class="calli incalling" />
+          <i
+            v-show="telIsLogin && telLineState === 4"
+            key="5"
+            class="calli callringing"
+          />
+          <i
+            v-show="telIsLogin && telLineState === 6"
+            key="6"
+            class="calli incalling"
+          />
+          <i
+            v-show="telIsLogin && telLineState === 10"
+            key="7"
+            class="calli incalling"
+          />
         </transition-group>
       </div>
       <div class="call_content">
         <p class="call_text">
           <!-- <transition-group type="transition" name="fade-text"> -->
           <span v-show="!telIsLogin" key="8">还未开始工作</span>
-          <span v-show="telIsLogin && (telSeatState===2 && telLineState===1)" key="9">空闲中</span>
-          <span v-show="telIsLogin && (telSeatState===5 && telLineState===1)" key="10">忙碌中</span>
-          <span v-show="telIsLogin && (telLineState===2)" key="11">摘机中</span>
-          <span v-show="telIsLogin && (telLineState===3)" key="12">拨号中</span>
-          <span v-show="telIsLogin && (telLineState===4)" key="13">振铃中</span>
-          <span v-show="telIsLogin && (telLineState===6)" key="14">通话中</span>
-          <span v-show="telIsLogin && (telLineState===10)" key="15">保持中</span>
+          <span
+            v-show="telIsLogin && telSeatState === 2 && telLineState === 1"
+            key="9"
+            >空闲中</span
+          >
+          <span
+            v-show="telIsLogin && telSeatState === 5 && telLineState === 1"
+            key="10"
+            >忙碌中</span
+          >
+          <span v-show="telIsLogin && telLineState === 2" key="11">摘机中</span>
+          <span v-show="telIsLogin && telLineState === 3" key="12">拨号中</span>
+          <span v-show="telIsLogin && telLineState === 4" key="13">振铃中</span>
+          <span v-show="telIsLogin && telLineState === 6" key="14">通话中</span>
+          <span v-show="telIsLogin && telLineState === 10" key="15"
+            >保持中</span
+          >
           <!-- </transition-group>	 -->
           <svg-icon v-show="telIsLogin" icon-class="xinhao" />
         </p>
         <p
-          v-show="(telSeatState===2 && telLineState < 6)|| (telSeatState === 5 && telLineState < 6)"
+          v-show="
+            (telSeatState === 2 && telLineState < 6) ||
+            (telSeatState === 5 && telLineState < 6)
+          "
           class="call_time"
-        >--:--:--</p>
-        <p v-show="telIsLogin && (telLineState===6 || telLineState===10)" class="call_time">
-          <span v-show="Number(telCallTime.hh) === 0">{{ telCallTime.hh }}</span>
-          <span v-show="Number(telCallTime.hh) > 0 && Number(telCallTime.hh) < 10">
-            <span>{{ telCallTime.hh.substr(0,1) }}</span>
+        >
+          --:--:--
+        </p>
+        <p
+          v-show="telIsLogin && (telLineState === 6 || telLineState === 10)"
+          class="call_time"
+        >
+          <span v-show="Number(telCallTime.hh) === 0">{{
+            telCallTime.hh
+          }}</span>
+          <span
+            v-show="Number(telCallTime.hh) > 0 && Number(telCallTime.hh) < 10"
+          >
+            <span>{{ telCallTime.hh.substr(0, 1) }}</span>
             <span class="blue_color">{{ telCallTime.hh.substr(1) }}</span>
           </span>
-          <span v-show="Number(telCallTime.hh) > 9" class="blue_color">{{ telCallTime.hh }}</span>
-          <span v-show="Number(telCallTime.mm) === 0">:{{ telCallTime.mm }}</span>
-          <span v-show="Number(telCallTime.mm) > 0 && Number(telCallTime.mm) < 10">
-            <span>:{{ telCallTime.mm.substr(0,1) }}</span>
+          <span v-show="Number(telCallTime.hh) > 9" class="blue_color">{{
+            telCallTime.hh
+          }}</span>
+          <span v-show="Number(telCallTime.mm) === 0"
+            >:{{ telCallTime.mm }}</span
+          >
+          <span
+            v-show="Number(telCallTime.mm) > 0 && Number(telCallTime.mm) < 10"
+          >
+            <span>:{{ telCallTime.mm.substr(0, 1) }}</span>
             <span class="blue_color">{{ telCallTime.mm.substr(1) }}</span>
           </span>
-          <span v-show="Number(telCallTime.mm) > 9" class="blue_color">:{{ telCallTime.mm }}</span>
+          <span v-show="Number(telCallTime.mm) > 9" class="blue_color"
+            >:{{ telCallTime.mm }}</span
+          >
           <span class="blue_color ft16">:{{ telCallTime.ss }}</span>
         </p>
       </div>
     </div>
     <div v-show="telIsLogin" class="call_middle">
       <el-input
-        :class="{no_write: true}"
+        :class="{ no_write: true }"
         :readonly="true"
         v-model="telCallNum"
         size="small"
         placeholder
       />
-      <button
-
-        slot="reference"
-        class="call_btn"
-        @click="makeCall"
-      >外呼</button>
+      <button slot="reference" class="call_btn" @click="makeCall">外呼</button>
       <el-popover
         :value="telIsVisCallout"
         :disabled="false"
@@ -107,7 +144,7 @@
         @after-leave="afterLeave"
       >
         <!-- <Transfer /> -->
-        <Dialplate ref="waihu"/>
+        <Dialplate ref="waihu" />
       </el-popover>
     </div>
     <div class="call_right">
@@ -122,36 +159,34 @@
         >开始工作</button> -->
         <button
           v-waves
-
           key="17"
           type="button"
           class="call_btn"
           @click="setBusy"
-        >置忙</button>
+        >
+          置忙
+        </button>
         <button
           v-waves
-
           key="18"
           type="button"
           class="call_btn"
           @click="setFree"
-        >置闲</button>
+        >
+          置闲
+        </button>
         <button
           v-waves
-
           key="19"
           type="button"
           class="call_btn"
           @click="signOut"
-        >签出</button>
-        <button
-          v-waves
-
-          key="27"
-          type="button"
-          class="call_btn"
-          @click="signIn"
-        >签入</button>
+        >
+          签出
+        </button>
+        <button v-waves key="27" type="button" class="call_btn" @click="signIn">
+          签入
+        </button>
         <!-- <button
           v-waves
           v-show="telIsLogin && (telLineState===6)"
@@ -162,37 +197,45 @@
         >保持通话</button> -->
         <button
           v-waves
-          v-show="telIsLogin && (telLineState===6)"
+          v-show="telIsLogin && telLineState === 6"
           key="20"
           type="button"
           class="call_btn yellow_bg"
           @click="holdBack"
-        >保持通话</button>
+        >
+          保持通话
+        </button>
 
         <button
           v-waves
-          v-show="telIsLogin && (telLineState===10)"
+          v-show="telIsLogin && telLineState === 10"
           key="21"
           type="button"
           class="call_btn green_bg"
           @click="retrieveBack"
-        >接回通话</button>
+        >
+          接回通话
+        </button>
         <button
           v-waves
-          v-show="telIsLogin && (telLineState===6 || telLineState===10)"
+          v-show="telIsLogin && (telLineState === 6 || telLineState === 10)"
           key="24"
           type="button"
           class="call_btn"
           @click="transferCall"
-        >转移</button>
+        >
+          转移
+        </button>
         <button
           v-waves
-          v-show="telIsLogin && (telLineState===6 || telLineState===10)"
+          v-show="telIsLogin && (telLineState === 6 || telLineState === 10)"
           key="25"
           type="button"
           class="call_btn"
           @click="meetingCall"
-        >多方通话</button>
+        >
+          多方通话
+        </button>
         <!--
         <button
           v-waves
@@ -204,230 +247,236 @@
         >转IVR</button> -->
         <button
           v-waves
-          v-show="telIsLogin && (telLineState>2 && telLineState!==5)"
+          v-show="telIsLogin && telLineState > 2 && telLineState !== 5"
           key="23"
           type="button"
           class="call_btn red_bg"
           @click="dropCall"
-        >挂断</button>
+        >
+          挂断
+        </button>
       </transition-group>
     </div>
     <div v-if="telIsVisCallout" class="mask" @click="maskshow"></div>
   </div>
-
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
-import store from '@/store'
-import { Send } from '@/utils/telWebsocket'
-import Dialplate from '@/components/Dialplate'
-import Transfer from '@/components/Transfer'
+import { mapGetters } from "vuex";
+import store from "@/store";
+import { Send } from "@/utils/telWebsocket";
+import Dialplate from "@/components/Dialplate";
+import Transfer from "@/components/Transfer";
 export default {
-  name: 'Teloperation',
+  name: "Teloperation",
   components: {
     Dialplate,
-    Transfer
+    Transfer,
   },
   data() {
     return {
       // maskshow: false,
       scoketDatas: {}, // 发送的数据
-      telNumber: '',
-      telTimer: null // 时间定时器
-    }
+      telNumber: "",
+      telTimer: null, // 时间定时器
+    };
   },
   computed: {
     ...mapGetters([
-      'usercode', // 工号
-      'extension', // 分机号
-      'groupcode', // 坐席组code
-      'telIsLogin', // 是否签入
-      'telSeatState', // 坐席状态
-      'telLineState', // 线路状态
-      'telCallNum', // 电话号码
-      'telIsVisCallout', // 外呼操作面板是否显示
-      'telCallTime', // 通话时间
-      'telMessageData', // telwebsocket 接收的数据
-      'telIsVisTransfer' // 转移操作面板
-    ])
+      "usercode", // 工号
+      "extension", // 分机号
+      "groupcode", // 坐席组code
+      "telIsLogin", // 是否签入
+      "telSeatState", // 坐席状态
+      "telLineState", // 线路状态
+      "telCallNum", // 电话号码
+      "telIsVisCallout", // 外呼操作面板是否显示
+      "telCallTime", // 通话时间
+      "telMessageData", // telwebsocket 接收的数据
+      "telIsVisTransfer", // 转移操作面板
+    ]),
   },
   watch: {
     // 如果 `telLineState` 发生改变，这个函数就会运行
-    telLineState: function(newT, oldT) {
+    telLineState: function (newT, oldT) {
       // console.log(newT, oldT);
-      this.watchTelLineState(newT, oldT)
-    }
+      this.watchTelLineState(newT, oldT);
+    },
   },
   methods: {
     // 签入
     signIn() {
-      console.log(this.groupcode)
-      console.log(this.extension)
+      console.log(this.groupcode);
+      console.log(this.extension);
       // if(!this.groupcode){
       //   this.$message.error('分机号不存在')
       //   return false
       // }
       if (!this.extension) {
-        this.$confirm('如果您想进行话务操作，请重新登录并且输入分机号, 是否重新登录？', '提示', {
-          confirmButtonText: '是',
-          cancelButtonText: '否',
-          type: 'warning'
-        }).then(() => {
-          this.$store.dispatch('FedLogOut').then(() => {
-            location.reload() // 为了重新实例化vue-router对象 避免bug
+        this.$confirm(
+          "如果您想进行话务操作，请重新登录并且输入分机号, 是否重新登录？",
+          "提示",
+          {
+            confirmButtonText: "是",
+            cancelButtonText: "否",
+            type: "warning",
+          }
+        )
+          .then(() => {
+            this.$store.dispatch("FedLogOut").then(() => {
+              location.reload(); // 为了重新实例化vue-router对象 避免bug
+            });
           })
-        }).catch(() => {
-        })
-        return
+          .catch(() => {});
+        return;
       }
       this.scoketDatas = {
-        'Type': 'Login',
-        'AgentID': this.usercode,
-        'AgentExten': this.extension,
-        'AgentGroup': window.localStorage.getItem('groupCode'), // 坐席组id
-        'AgentType': '0',
-        'DisposeTime': '0' // 话后处理时长设置，0代表一致话后处理，除非发送置闲 （按照历史习惯，字符串形式）
-      }
-      Send(this.scoketDatas)
+        Type: "Login",
+        AgentID: this.usercode,
+        AgentExten: this.extension,
+        AgentGroup: window.localStorage.getItem("groupCode"), // 坐席组id  window.localStorage.getItem('groupCode')
+        AgentType: "0",
+        DisposeTime: "0", // 话后处理时长设置，0代表一致话后处理，除非发送置闲 （按照历史习惯，字符串形式）
+      };
+      Send(this.scoketDatas);
     },
     // 签出
     signOut() {
       this.scoketDatas = {
-        'Type': 'Logout',
-        'AgentID': this.usercode,
-        'AgentExten': this.extension
-      }
-      Send(this.scoketDatas)
-      store.dispatch('UpdateCalloutScreen', false)
+        Type: "Logout",
+        AgentID: this.usercode,
+        AgentExten: this.extension,
+      };
+      Send(this.scoketDatas);
+      store.dispatch("UpdateCalloutScreen", false);
     },
     // 置忙
     setBusy() {
       this.scoketDatas = {
-        'Type': 'SayBusy',
-        'AgentID': this.usercode,
-        'AgentExten': this.extension
-      }
-      Send(this.scoketDatas)
+        Type: "SayBusy",
+        AgentID: this.usercode,
+        AgentExten: this.extension,
+      };
+      Send(this.scoketDatas);
     },
     // 置闲
     setFree() {
       this.scoketDatas = {
-        'Type': 'SayFree',
-        'AgentID': this.usercode,
-        'AgentExten': this.extension
-      }
-      Send(this.scoketDatas)
+        Type: "SayFree",
+        AgentID: this.usercode,
+        AgentExten: this.extension,
+      };
+      Send(this.scoketDatas);
     },
     // 转IVR
     btn_IVR() {
       this.scoketDatas = {
-        'Type': 'TurnIvr',
-        'AgentID': this.usercode,
-        'AgentExten': this.extension,
-        'IvrName': 'MYD_ZXZ',
-        'IvrPos': '1'
-      }
-      Send(this.scoketDatas)
+        Type: "TurnIvr",
+        AgentID: this.usercode,
+        AgentExten: this.extension,
+        IvrName: "MYD_ZXZ",
+        IvrPos: "1",
+      };
+      Send(this.scoketDatas);
     },
     // 挂断
     dropCall() {
       this.scoketDatas = {
-        'Type': 'DropCall',
-        'AgentID': this.usercode,
-        'AgentExten': this.extension
-      }
-      Send(this.scoketDatas)
-      store.dispatch('UpdateCalloutScreen', false)
+        Type: "DropCall",
+        AgentID: this.usercode,
+        AgentExten: this.extension,
+      };
+      Send(this.scoketDatas);
+      store.dispatch("UpdateCalloutScreen", false);
     },
     // 保持通话
     holdBack() {
       this.scoketDatas = {
-        'Type': 'Hold',
-        'AgentID': this.usercode,
-        'AgentExten': this.extension
-      }
-      Send(this.scoketDatas)
+        Type: "Hold",
+        AgentID: this.usercode,
+        AgentExten: this.extension,
+      };
+      Send(this.scoketDatas);
     },
     // 接回通话
     retrieveBack() {
       this.scoketDatas = {
-        'Type': 'Retrieve',
-        'AgentID': this.usercode,
-        'AgentExten': this.extension
-      }
-      Send(this.scoketDatas)
+        Type: "Retrieve",
+        AgentID: this.usercode,
+        AgentExten: this.extension,
+      };
+      Send(this.scoketDatas);
     },
     // 外呼
     makeCall() {
       // this.maskshow = true
-      store.dispatch('ChangeCallType', 'MakeCall')
-      store.dispatch('UpdateCalloutScreen', !this.telIsVisCallout)
+      store.dispatch("ChangeCallType", "MakeCall");
+      store.dispatch("UpdateCalloutScreen", !this.telIsVisCallout);
     },
     // 转移
     transferCall() {
-      store.dispatch('ChangeCallType', 'Transfer')
-      store.dispatch('UpdatetelIsVisCallout', !this.telIsVisCallout)
+      store.dispatch("ChangeCallType", "Transfer");
+      store.dispatch("UpdatetelIsVisCallout", !this.telIsVisCallout);
     },
     // 多方通话
     meetingCall() {
-      store.dispatch('ChangeCallType', 'Meeting')
-      store.dispatch('UpdateCalloutScreen', !this.telIsVisCallout)
+      store.dispatch("ChangeCallType", "Meeting");
+      store.dispatch("UpdateCalloutScreen", !this.telIsVisCallout);
     },
     maskshow() {
-      store.dispatch('UpdatetelIsVisCallout', !this.telIsVisCallout)
-      this.$refs.waihu.clearcontent()
-      this.$refs.waihu.getList()
+      store.dispatch("UpdatetelIsVisCallout", !this.telIsVisCallout);
+      this.$refs.waihu.clearcontent();
+      this.$refs.waihu.getList();
     },
     // 外呼操作面板 关闭后
     afterLeave() {
-      store.dispatch('ChangeCallType', 'MakeCall')
+      store.dispatch("ChangeCallType", "MakeCall");
     },
     // 通话时间
     callTime() {
       // 通话时间重置为00:00:00
-      store.dispatch('UpdateCallTime', {
-        hh: '00',
-        mm: '00',
-        ss: '00'
-      })
+      store.dispatch("UpdateCallTime", {
+        hh: "00",
+        mm: "00",
+        ss: "00",
+      });
       // 时间 计时
-      let _n = 0
+      let _n = 0;
       if (this.telTimer) {
-        clearInterval(this.telTimer)
+        clearInterval(this.telTimer);
       }
       this.telTimer = setInterval(() => {
-        _n++
-
-        store.dispatch('UpdateCallTime', {
-          hh: this.toDub(parseInt(_n / 60 / 60 % 60)), // 小时
-          mm: this.toDub(parseInt(_n / 60 % 60)), // 分钟
-          ss: this.toDub(parseInt(_n % 60)) // 秒
-        })
-      }, 1000)
+        _n++;
+
+        store.dispatch("UpdateCallTime", {
+          hh: this.toDub(parseInt((_n / 60 / 60) % 60)), // 小时
+          mm: this.toDub(parseInt((_n / 60) % 60)), // 分钟
+          ss: this.toDub(parseInt(_n % 60)), // 秒
+        });
+      }, 1000);
     },
     // 清除定时器
     clearInter() {
-      clearInterval(this.telTimer)
+      clearInterval(this.telTimer);
     },
     // 小于10补0
     toDub(i) {
-      return i < 10 ? '0' + i : '' + i
+      return i < 10 ? "0" + i : "" + i;
     },
     // 监听 线路状态
     watchTelLineState(newT, oldT) {
       // 外呼
       if (newT === 6 && oldT === 4) {
-        this.callTime()
+        this.callTime();
       }
       // 来电
       if (newT === 6 && oldT === 5) {
-        this.callTime()
+        this.callTime();
       }
       if (newT === 1) {
         if (this.telTimer) {
-          clearInterval(this.telTimer)
-          this.telTimer = null
+          clearInterval(this.telTimer);
+          this.telTimer = null;
           // 						//通话时间重置为00:00:00
           // 						store.dispatch('UpdateCallTime', {
           // 							hh: '00',
@@ -436,9 +485,9 @@ export default {
           // 						});
         }
       }
-    }
-  }
-}
+    },
+  },
+};
 </script>
 
 <style rel="stylesheet/scss" lang="scss">
@@ -479,18 +528,18 @@ export default {
 </style>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
- .call_btn {
-      outline: none;
-      cursor: pointer;
-      background-color: #42484d;
-      border: 2px solid #191c26;
-      height: 26px;
-      padding: 0 6px;
-      margin-right: 2px;
-      border-radius: 11px;
-      font-size: 12px;
-      color: #ffffff;
-    }
+.call_btn {
+  outline: none;
+  cursor: pointer;
+  background-color: #42484d;
+  border: 2px solid #191c26;
+  height: 26px;
+  padding: 0 6px;
+  margin-right: 2px;
+  border-radius: 11px;
+  font-size: 12px;
+  color: #ffffff;
+}
 .tel_operation {
   position: absolute;
   left: 185px;
@@ -607,10 +656,10 @@ export default {
       vertical-align: text-bottom;
     }
   }
-.call_middle .el-input__inner{
-    background-color: #fff!important;
-    color:#282b36!important;
-}
+  .call_middle .el-input__inner {
+    background-color: #fff !important;
+    color: #282b36 !important;
+  }
   .call_right {
     margin-left: 0px;
 
@@ -661,15 +710,14 @@ export default {
 }
 </style>
 <style >
-   .mask{
-    width: 1920px;
-    height: 900px;
-    position: absolute;
-    z-index: -99;
-   background-color:#000000;
-    opacity:0.5;
-    -moz-opacity:0.5;
-    filter:alpha(opacity=50);
-
-  }
+.mask {
+  width: 1920px;
+  height: 900px;
+  position: absolute;
+  z-index: -99;
+  background-color: #000000;
+  opacity: 0.5;
+  -moz-opacity: 0.5;
+  filter: alpha(opacity=50);
+}
 </style>

CallCenterWeb.UI/src/utils/telWebsocket.js

@@ -218,7 +218,7 @@ function signIn() {
     Type: "Login",
     AgentID: store.getters.usercode,
     AgentExten: store.getters.extension,
-    AgentGroup: window.localStorage.getItem("groupCode"), // 坐席组id
+    AgentGroup: window.localStorage.getItem("groupCode"), // 坐席组id window.localStorage.getItem("groupCode"),
     AgentType: "0",
     DisposeTime: "0" // 话后处理时长设置，0代表一致话后处理，除非发送置闲 （按照历史习惯，字符串形式）
   };
@@ -431,13 +431,12 @@ function LineStateAgentBack(linedata) {
 }
 function callidBack(data) {
   callidValue = data.CurrID;
-  store.dispatch("screenCallidValue", callidValue);
 }
 // 来电
 function IncomingBack(inComingData) {
   let inComingNumber = inComingData.Number;
-  callidValue = inComingData.CallID;
-  store.dispatch("screenCallidValue", callidValue);
+
+  store.dispatch("screenCallidValue", inComingData.CallID);
   store.dispatch("screenPopUpBoole", 1);
   if (inComingNumber.length > 11) {
     inComingNumber = inComingNumber.substr(1);
@@ -450,7 +449,6 @@ function IncomingBack(inComingData) {
       title: "来电弹屏"
     }
   });
-  callidValue = 0;
   store.dispatch("ChangeCallNum", inComingNumber);
 }
 // 外呼 结果 弹出来电弹屏
@@ -458,7 +456,7 @@ function MakeCallBack(callBackData) {
   const inComingNumber = store.getters.telCallNum;
   store.dispatch("makeCallState", 1);
   store.dispatch("screenPopUpBoole", 2);
-
+  store.dispatch("screenCallidValue", callidValue);
   // 点击外呼弹屏
   router.push({
     name: "callScreen",

CallCenterWeb.UI/src/views/callComplainType/complainList/index.vue

@@ -2,7 +2,6 @@
   <div class="app-container">
     <el-row :gutter="20">
       <el-col :md="24">
-
         <div class="filter-container">
           <el-input
             v-model="searchData.cusCode"
@@ -61,7 +60,7 @@
             class="filter-item"
             icon="el-icon-search"
             @click="btn_search_task"
-          >搜索</el-button
+            >搜索</el-button
           >
         </div>
         <el-table
@@ -153,65 +152,64 @@
 </template>
 
 <script>
-import { getComplainList } from '@/api/callComplainType/callComplainType'
-import { pickerOptions, formatterContent } from '@/utils'
-import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
-import { mapGetters } from 'vuex'
-import { getDictionary } from '@/api/commonAPI'
-import detail from './detail'
+import { getComplainList } from "@/api/callComplainType/callComplainType";
+import { pickerOptions, formatterContent } from "@/utils";
+import Pagination from "@/components/Pagination"; // 对el-pagination 二次封装
+import { mapGetters } from "vuex";
+import { getDictionary } from "@/api/commonAPI";
+import detail from "./detail";
 export default {
-  name: 'MyTask',
+  name: "MyTask",
   components: {
-    Pagination
+    Pagination,
   },
   filters: {
     isCloseFilter(status) {
       const statusMap = {
-        0: '关闭',
-        1: '不关闭'
-      }
-      return statusMap[status]
-    }
+        0: "关闭",
+        1: "不关闭",
+      };
+      return statusMap[status];
+    },
   },
   data() {
     return {
-      searchTime: '', // 时间
+      searchTime: "", // 时间
       pickerOptions,
       makeType: [],
       consultType: [],
-      slType: '', // 咨询类型
+      slType: "", // 咨询类型
       loading: false,
       searchData: {
-        cusCode: '', // 客户代码
-        cusName: '', // 客户名称
-        salMan: '', // 售后经理
-        callsort: '', // 咨询类型
-        linkName: '', // 联系人
-        workId: '' // 工单编号
-
+        cusCode: "", // 客户代码
+        cusName: "", // 客户名称
+        salMan: "", // 售后经理
+        callsort: "", // 咨询类型
+        linkName: "", // 联系人
+        workId: "", // 工单编号
       },
       pageParams: {
         pageindex: 1, // 当前第几页
         pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
-        total: 0 // 总共多少数据
+        total: 0, // 总共多少数据
       },
       consultList: [], // 咨询信息列表数据
-      taskRowClickId: '', // 选中客户代码
-      contactId: '' // 联系人id
-    }
+      taskRowClickId: "", // 选中客户代码
+      contactId: "", // 联系人id
+    };
   },
   computed: {
-    ...mapGetters(['userid', 'zxbh'])
+    ...mapGetters(["userid", "zxbh"]),
   },
   created() {
-    this.getConsultType()
-    this.getList()
-    console.log(this.userid, this.zxbh)
+    this.getConsultType();
+    this.getList();
+    console.log(this.userid, this.zxbh);
     document.onkeyup = (e) => {
       if (e.keyCode === 13) {
-        this.getList()
+        this.getList();
       }
-    }
+    };
   },
   methods: {
     // 获取投诉类型下拉数据
@@ -221,21 +219,21 @@ export default {
           f_IsLeaf: 1,
           parentId: 69,
           pageindex: 1,
-          pagesize: 10
-        }
+          pagesize: 10,
+        };
         getDictionary(params).then((response) => {
-          if (response.state.toLowerCase() === 'success') {
-            this.consultType = response.data
+          if (response.state.toLowerCase() === "success") {
+            this.consultType = response.data;
           }
-        })
-      })
+        });
+      });
     },
     // 受理类型
     changeType(event, item) {
-      this.slType = event
+      this.slType = event;
     },
     getList() {
-      this.loading = true
+      this.loading = true;
       return new Promise((resolve) => {
         const params = {
           pageindex: this.pageParams.pageindex, // 第几页
@@ -246,31 +244,31 @@ export default {
           // callsort:this.slType,
           cusCode: this.searchData.cusCode,
           cusName: this.searchData.cusName, // 客户名称
-          salMan: this.searchData.salMan,	// 销售经理
-          linkName: this.searchData.linkName,	// 联系人
+          salMan: this.searchData.salMan, // 销售经理
+          linkName: this.searchData.linkName, // 联系人
           workId: this.searchData.workId, // 工单编号
           callName: this.slType,
           beginTime: this.searchTime && this.searchTime[0], // 添加开始时间
-          endTime: this.searchTime && this.searchTime[1] // 添加结束时间
-        }
+          endTime: this.searchTime && this.searchTime[1], // 添加结束时间
+        };
         getComplainList(params).then((response) => {
-          this.loading = false
-          if (response.state.toLowerCase() === 'success') {
+          this.loading = false;
+          if (response.state.toLowerCase() === "success") {
             if (response.total == null) {
-              this.pageParams.total = 0
+              this.pageParams.total = 0;
             } else {
-              this.pageParams.total = response.total
+              this.pageParams.total = response.total;
             }
-            this.consultList = response.data
+            this.consultList = response.data;
           }
-        })
-        resolve()
-      })
+        });
+        resolve();
+      });
     },
     // 搜索
     btn_search_task() {
-      this.pageParams.pageindex = 1
-      this.getList()
+      this.pageParams.pageindex = 1;
+      this.getList();
     },
 
     // 点击某一行
@@ -279,16 +277,15 @@ export default {
         content: {
           content: detail, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { rowid: row.id, workId: row.workId } // props
+          data: { rowid: row.id, workId: row.workId }, // props
         },
-        area: ['60%', '40%'],
-        title: '工单详情'
-      })
-      console.log(row)
-    }
-
-  }
-}
+        area: ["60%", "40%"],
+        title: "工单详情",
+      });
+      console.log(row);
+    },
+  },
+};
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
@@ -305,7 +302,7 @@ export default {
   background-color: #00a1cb !important;
   color: #fff;
 }
-.el-table{
+.el-table {
   color: #000;
 }
 </style>

CallCenterWeb.UI/src/views/callConsultType/consultList/index.vue

@@ -199,6 +199,10 @@ export default {
           value: 1,
           label: "呼出",
         },
+        {
+          value: 2,
+          label: "手制工单",
+        },
       ],
       slType: "", // 咨询类型
       loading: false,
@@ -277,6 +281,9 @@ export default {
             this.searchData.searchTime && this.searchData.searchTime[0], // 添加开始时间
           endTime: this.searchData.searchTime && this.searchData.searchTime[1], // 添加结束时间
         };
+        if (params.callType === "") {
+          delete params.callType;
+        }
         getConsultList(params).then((response) => {
           this.loading = false;
           if (response.state.toLowerCase() === "success") {

CallCenterWeb.UI/src/views/callConsultType/isDeal/index.vue

@@ -231,6 +231,10 @@ export default {
           value: 1,
           label: "呼出",
         },
+        {
+          value: 2,
+          label: "手制工单",
+        },
       ],
       loading: false,
       searchData: {
@@ -406,6 +410,9 @@ export default {
             this.searchData.searchTime && this.searchData.searchTime[0], // 添加开始时间
           endTime: this.searchData.searchTime && this.searchData.searchTime[1], // 添加结束时间
         };
+        if (params.callType === "") {
+          delete params.callType;
+        }
         getConsult(params).then((response) => {
           if (response.state.toLowerCase() === "success") {
             this.dataListsExport = [];

CallCenterWeb.UI/src/views/callConsultType/toDeal/index.vue

@@ -200,6 +200,10 @@ export default {
           value: 1,
           label: "呼出",
         },
+        {
+          value: 2,
+          label: "手制工单",
+        },
       ],
       pageParams: {
         pageindex: 1, // 当前第几页
@@ -354,6 +358,9 @@ export default {
             this.searchData.searchTime && this.searchData.searchTime[0], // 添加开始时间
           endTime: this.searchData.searchTime && this.searchData.searchTime[1], // 添加结束时间
         };
+        if (params.callType === "") {
+          delete params.callType;
+        }
         getConsult(params).then((response) => {
           if (response.state.toLowerCase() === "success") {
             this.dataListsExport = [];

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

@@ -347,6 +347,10 @@ export default {
       callid: 0,
       deptOptions: [
         {
+          value: "客服室",
+          label: "客服室",
+        },
+        {
           value: "计划室",
           label: "计划室",
         },
@@ -412,6 +416,7 @@ export default {
         dutydept: "", // 责任部门
         dutyman: "", // 责任人
         userType: "1",
+        callType: 2,
         rate: "临时性", // 频率
       },
       rules: {},
@@ -457,6 +462,10 @@ export default {
     telLineState: function (newT, oldT) {
       this.watchTelLineState(newT, oldT);
     },
+    // screenCallid: function () {
+    //   this.callid = this.screenCallid;
+    //   console.log(this.callid);
+    // },
   },
   created() {
     this.getAddWorkOrderType();
@@ -466,8 +475,10 @@ export default {
     this.callinNum = this.telCallNum; // 来电号码  $route.params.telInNumber
     if (this.screenState === 1) {
       this.callinText = "呼入:" + this.callinNum;
+      this.ruleForm.callType = 0;
     } else if (this.screenState === 2) {
       this.callinText = "呼出:" + this.callinNum;
+      this.ruleForm.callType = 1;
     }
     if (this.callinNum) {
       this.calladdress();
@@ -694,9 +705,12 @@ export default {
                 dutydept: this.ruleForm.dutydept,
                 dutyman: this.ruleForm.dutyman,
                 userType: this.ruleForm.userType,
+                callType: this.ruleForm.callType,
                 rate: this.ruleForm.rate,
               };
-
+              if (params.isClose === 0) {
+                this.$emit("childByValue", this.callinText);
+              }
               // 添加
               if (this.vipid === 0) {
                 addWork(params)

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

@@ -73,19 +73,31 @@
                     placeholder="请输入客户名称"
                   ></el-input>
                 </el-form-item>
-
               </el-col>
               <el-col :span="1">
-
-                <el-button style="background:none;border:none;color:#409eff" size="mini" type="primary" icon="el-icon-search" @click="see_fax">传真</el-button>
-
+                <el-button
+                  style="background: none; border: none; color: #409eff"
+                  size="mini"
+                  type="primary"
+                  icon="el-icon-search"
+                  @click="see_fax"
+                  >传真</el-button
+                >
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="客户类型" prop="userType">
+                  <el-radio v-model="ruleForm.userType" label="1"
+                    >客户</el-radio
+                  >
+                  <el-radio v-model="ruleForm.userType" label="2"
+                    >销售经理</el-radio
+                  >
+                </el-form-item>
               </el-col>
-
             </el-row>
             <el-row>
               <el-col v-if="slType == '1'" :span="5">
                 <el-form-item label="咨询类型" prop="callsort">
-
                   <el-cascader
                     ref="cascaderAddr"
                     v-model="ruleForm.callsort"
@@ -97,11 +109,9 @@
               </el-col>
               <el-col v-else-if="slType == '2'" :span="5">
                 <el-form-item label="投诉类型" prop="callsort">
-
                   <el-cascader
                     v-model="ruleForm.callsort"
                     :options="options2"
-
                     clearable
                     @change="complainChange"
                   ></el-cascader>
@@ -126,30 +136,39 @@
                     filterable
                     allow-create
                     default-first-option
-                    placeholder="请选择责任科室">
+                    placeholder="请选择责任科室"
+                  >
                     <el-option
                       v-for="item in deptOptions"
                       :key="item.value"
                       :label="item.label"
-                      :value="item.value">
+                      :value="item.value"
+                    >
                     </el-option>
                   </el-select>
                 </el-form-item>
               </el-col>
               <el-col :span="5">
                 <el-form-item label="责任人" prop="dutyman">
-                  <el-input v-model="ruleForm.dutyman" placeholder="请输入责任人"></el-input>
+                  <el-input
+                    v-model="ruleForm.dutyman"
+                    placeholder="请输入责任人"
+                  ></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="2">
-                <el-form-item style="visibility:hidden" label="责任人" >
-                  <el-input ></el-input>
+                <el-form-item style="visibility: hidden" label="责任人">
+                  <el-input></el-input>
                 </el-form-item>
               </el-col>
               <el-col :span="5">
                 <el-form-item label="发生频率" prop="rate">
-                  <el-radio v-model="ruleForm.rate" label="临时性">临时性</el-radio>
-                  <el-radio v-model="ruleForm.rate" label="重复性">重复性</el-radio>
+                  <el-radio v-model="ruleForm.rate" label="临时性"
+                    >临时性</el-radio
+                  >
+                  <el-radio v-model="ruleForm.rate" label="重复性"
+                    >重复性</el-radio
+                  >
                 </el-form-item>
               </el-col>
             </el-row>
@@ -162,17 +181,14 @@
                   ></el-input>
                 </el-form-item>
               </el-col>
-
             </el-row>
             <el-row>
               <el-col :xl="24" :md="24">
                 <el-form-item v-show="resulBtn">
                   <el-button type="primary" @click="submitForm">保存</el-button>
                   <el-col :offset="0" :span="4">
-                    <el-checkbox
-                      v-model="closeOrder"
-                      style="line-height: 32px"
-                    >关闭工单</el-checkbox
+                    <el-checkbox v-model="closeOrder" style="line-height: 32px"
+                      >关闭工单</el-checkbox
                     >
                   </el-col>
                 </el-form-item>
@@ -186,61 +202,75 @@
 </template>
 
 <script>
-import MdInput from '@/components/MDinput'
-import AddOrCelBlack from './components/addOrCelBlack'
-import AddOrEditCustomer from './components/AddOrEditCustomer'
-import { getDictionary } from '@/api/commonAPI'
-import { addWork } from '@/api/telCall/makeByHand'
-import { validateTel } from '@/utils/validate'
-import { filterContent, pickerOptions } from '@/utils'
-import { mapGetters } from 'vuex'
-import msg from './components/sms'
-import faxlist from './components/faxlist'
+import MdInput from "@/components/MDinput";
+import AddOrCelBlack from "./components/addOrCelBlack";
+import AddOrEditCustomer from "./components/AddOrEditCustomer";
+import { getDictionary } from "@/api/commonAPI";
+import { addWork } from "@/api/telCall/makeByHand";
+import { validateTel } from "@/utils/validate";
+import { filterContent, pickerOptions } from "@/utils";
+import { mapGetters } from "vuex";
+import msg from "./components/sms";
+import faxlist from "./components/faxlist";
 export default {
   components: {
     MdInput,
     AddOrCelBlack,
-    AddOrEditCustomer
+    AddOrEditCustomer,
   },
   data() {
     return {
-      deptOptions: [{
-        value: '计划室',
-        label: '计划室'
-      }, {
-        value: '报价室',
-        label: '报价室'
-      }, {
-        value: '交付室',
-        label: '交付室'
-      }, {
-        value: '项目室',
-        label: '项目室'
-      }, {
-        value: '合同室',
-        label: '合同室'
-      }, {
-        value: '库房',
-        label: '库房'
-      }, {
-        value: '管理室',
-        label: '管理室'
-      }, {
-        value: '信用管理室',
-        label: '信用管理室'
-      }, {
-        value: '其他',
-        label: '其他'
-      }],
+      deptOptions: [
+        {
+          value: "客服室",
+          label: "客服室",
+        },
+        {
+          value: "计划室",
+          label: "计划室",
+        },
+        {
+          value: "报价室",
+          label: "报价室",
+        },
+        {
+          value: "交付室",
+          label: "交付室",
+        },
+        {
+          value: "项目室",
+          label: "项目室",
+        },
+        {
+          value: "合同室",
+          label: "合同室",
+        },
+        {
+          value: "库房",
+          label: "库房",
+        },
+        {
+          value: "管理室",
+          label: "管理室",
+        },
+        {
+          value: "信用管理室",
+          label: "信用管理室",
+        },
+        {
+          value: "其他",
+          label: "其他",
+        },
+      ],
       // 咨询类型级联
       options: [
         {
-          value: '',
-          label: ''
+          value: "",
+          label: "",
         },
         {
-          value: '',
-          label: ''
+          value: "",
+          label: "",
           // children: [
           //   {
           //     value: '',
@@ -255,58 +285,58 @@ export default {
           // ]
         },
         {
-          value: '',
-          label: ''
+          value: "",
+          label: "",
         },
         {
-          value: '',
-          label: ''
+          value: "",
+          label: "",
         },
         {
-          value: '',
-          label: ''
+          value: "",
+          label: "",
         },
         {
-          value: '',
-          label: ''
+          value: "",
+          label: "",
         },
         {
-          value: '',
-          label: ''
+          value: "",
+          label: "",
         },
         {
-          value: '',
-          label: ''
+          value: "",
+          label: "",
         },
         {
-          value: '',
-          label: ''
-        }
+          value: "",
+          label: "",
+        },
       ],
       // 投诉类型级联
       options2: [
         {
-          value: '',
-          label: ''
+          value: "",
+          label: "",
         },
         {
-          value: '',
-          label: ''
+          value: "",
+          label: "",
         },
         {
-          value: '',
-          label: ''
+          value: "",
+          label: "",
         },
         {
-          value: '',
-          label: ''
+          value: "",
+          label: "",
         },
         {
-          value: '',
-          label: ''
-        }
+          value: "",
+          label: "",
+        },
       ],
-      typeId: '', // 字典项id
+      typeId: "", // 字典项id
       resulBtn: true,
       vipid: 0,
       workOrderType: [], // 新增工单类型下拉数据
@@ -316,44 +346,46 @@ export default {
       tzdbType: [], // 投资担保类型下拉数据
       ruleForm: {
         // 新增工单
-        workId: '', // 工单id
-        callNum: '', // 呼入号码
-        zxbh: '', // 坐席编号
-        answerTime: '', // 处理时间
-        addTime: '', // 添加时间
-        closedTime: '', // 关闭时间
-        name: '', // 客户姓名
-        linkName: '', // 联系人姓名
-        clientId: '', // 客户id
-        contactId: '', // 联系人id
-        workType: '1', // 工单种类
-        gdzl: '', // 工单种类
-        callsort: '', // 详细分类
-        btsr: '', // 被投诉人
-        shifter: '', // 转移人
-        content: '', // 内容
-        remarks: '', // 备注
-        cusCode: '', // 客户代码
-        cusName: '', // 客户名称
-        cusFax: '', // 传真
-        cusCc: '', // 付款方式
-        cusPname: '', // 联系人
-        impSign: '', // 是否关键客户
-        cusTrade: '', // 所属行业
-        salMan: '', // 销售经理
-        cusServicer: '', // 客服专员
-        area: '', // 片区
-        cusAdd: '', // 客户地址
-        sourceType: '', // 客户数据来源类型
-        cusTel: '', // 联系电话
-        cusServicerTel: '', // 客服电话
-        salManTel: '', // 经理电话
-        cusAsk: '', // 特殊要求
-        cusLevel: '', // 客户等级
-        typeCode: 'DHZX', // 类型简拼
-        dutydept: '', // 责任部门
-        dutyman: '', // 责任人
-        rate: 0// 频率
+        workId: "", // 工单id
+        userType: "1",
+        callNum: "", // 呼入号码
+        zxbh: "", // 坐席编号
+        answerTime: "", // 处理时间
+        addTime: "", // 添加时间
+        closedTime: "", // 关闭时间
+        name: "", // 客户姓名
+        linkName: "", // 联系人姓名
+        clientId: "", // 客户id
+        contactId: "", // 联系人id
+        workType: "1", // 工单种类
+        gdzl: "", // 工单种类
+        callsort: "", // 详细分类
+        btsr: "", // 被投诉人
+        shifter: "", // 转移人
+        content: "", // 内容
+        remarks: "", // 备注
+        cusCode: "", // 客户代码
+        cusName: "", // 客户名称
+        cusFax: "", // 传真
+        cusCc: "", // 付款方式
+        cusPname: "", // 联系人
+        impSign: "", // 是否关键客户
+        cusTrade: "", // 所属行业
+        salMan: "", // 销售经理
+        cusServicer: "", // 客服专员
+        area: "", // 片区
+        cusAdd: "", // 客户地址
+        sourceType: "", // 客户数据来源类型
+        cusTel: "", // 联系电话
+        cusServicerTel: "", // 客服电话
+        salManTel: "", // 经理电话
+        cusAsk: "", // 特殊要求
+        cusLevel: "", // 客户等级
+        typeCode: "DHZX", // 类型简拼
+        dutydept: "", // 责任部门
+        dutyman: "", // 责任人
+        callType: 2,
+        rate: "临时性", // 频率
       },
       rules: {
         // cusName: [
@@ -366,10 +398,10 @@ export default {
         callNum: [
           {
             required: true,
-            trigger: 'blur',
-            message: '请输入来电号码'
-          }
-        ]
+            trigger: "blur",
+            message: "请输入来电号码",
+          },
+        ],
         // linkName: [
         //   {
         //     required: true,
@@ -378,24 +410,24 @@ export default {
         //   }
         // ]
       },
-      slType: '1',
-      csType: '',
-      cpType: '',
+      slType: "1",
+      csType: "",
+      cpType: "",
       makeType: [], // 受理类型数据
-      activeName: 'first', // tab切换默认显示来电历史工单
+      activeName: "first", // tab切换默认显示来电历史工单
       checked: false, // 拉黑
 
-      closeOrder: false // 是否关闭工单
-    }
+      closeOrder: false, // 是否关闭工单
+    };
   },
   computed: {
-    ...mapGetters(['zxbh'])
+    ...mapGetters(["zxbh"]),
   },
   created() {
-    this.getAddWorkOrderType()
+    this.getAddWorkOrderType();
     // this.getsalemanType()
     // this.gettzdbType()
-    this.getConsultType()
+    this.getConsultType();
   },
   methods: {
     // 获取咨询类型下拉数据
@@ -405,54 +437,55 @@ export default {
           f_IsLeaf: 1,
           parentId: 67,
           pageindex: 1,
-          pagesize: 10
-        }
+          pagesize: 10,
+        };
         getDictionary(params).then((response) => {
-          if (response.state.toLowerCase() === 'success') {
-            this.makeType = response.data
-            console.log(this.makeType)
+          if (response.state.toLowerCase() === "success") {
+            this.makeType = response.data;
+            console.log(this.makeType);
           }
-        })
-      })
+        });
+      });
     },
     // 改变受理类型
     changeType(event) {
-      this.slType = Number(event)
-      this.getConsultType()
-      this.getComplainType()
+      this.slType = Number(event);
+      this.getConsultType();
+      this.getComplainType();
     },
     changeGateway(data) {
-      this.ruleForm.typeCode = data.f_ValueCode
+      this.ruleForm.typeCode = data.f_ValueCode;
     },
     // 选择咨询、投诉类型
     consultChange(value) {
-      this.csType = value[value.length - 1]
-      console.log(this.csType)
+      this.csType = value[value.length - 1];
+      console.log(this.csType);
     },
     complainChange(value) {
-      this.csType = value[0]
-      console.log(this.csType)
+      this.csType = value[0];
+      console.log(this.csType);
     },
     // 获取毫秒数
     getTime() {
-      const timer = new Date()
-      const timer2 = timer.getTime()
-      return timer2
+      const timer = new Date();
+      const timer2 = timer.getTime();
+      return timer2;
     },
     // 新增订单
     submitForm() {
-      if (this.ruleForm.workType === '') {
-        this.$message.error('请选择工单类型!')
+      if (this.ruleForm.workType === "") {
+        this.$message.error("请选择工单类型!");
       } else {
         this.$refs.ruleForm.validate((valid) => {
           if (valid) {
-            this.loading = true
+            this.loading = true;
             return new Promise((resolve) => {
               const params = {
-              // workId: "55", //工单编号
+                // workId: "55", //工单编号
                 zxbh: this.zxbh, // 坐席编号
                 gdzl: this.slType, // 工单种类
                 content: this.ruleForm.content, // 来电内容
+                userType: this.ruleForm.userType,
                 isClose: -(Number(this.closeOrder) - 1), // 是否关闭
                 callNum: this.ruleForm.callNum, // 呼入号码
                 cusName: this.ruleForm.cusName, // 客户姓名
@@ -467,49 +500,54 @@ export default {
                 workTypeCode: this.ruleForm.typeCode, // 工单类型简拼
                 dutydept: this.ruleForm.dutydept,
                 dutyman: this.ruleForm.dutyman,
-                rate: this.ruleForm.rate
-              }
+                rate: this.ruleForm.rate,
+                callType: this.ruleForm.callType,
+              };
               // 添加
               if (this.vipid === 0) {
                 addWork(params)
                   .then((response) => {
-                    this.loading = false
-                    if (response.state.toLowerCase() === 'success') {
-                      this.$message({ message: '恭喜你，添加成功！', type: 'success', duration: 1000 })
+                    this.loading = false;
+                    if (response.state.toLowerCase() === "success") {
+                      this.$message({
+                        message: "恭喜你，添加成功！",
+                        type: "success",
+                        duration: 1000,
+                      });
                       this.$layer.iframe({
                         content: {
                           content: msg, // 传递的组件对象
                           parent: this, // 当前的vue对象
-                          data: {} // props
+                          data: {}, // props
                         },
-                        area: ['50%', '48%'],
-                        title: `短信发送`
-                      })
-                      this.ruleForm.content = ''
-                      this.slType = ''
-                      this.csType = ''
-                      this.ruleForm.btsr = '' // 被投诉人
-                      this.ruleForm.shifter = '' // 转移人
-                      this.ruleForm.remarks = '' // 备注
-                      this.ruleForm.cusName = '' // 客户名称
-                      this.ruleForm.typeCode = 'DHZX' // 工单类型简拼
-                      this.closeOrder = ''
-                      this.ruleForm.linkName = ''
-                      this.ruleForm.callNum = ''
-                      this.ruleForm.workType = '1'
+                        area: ["50%", "48%"],
+                        title: `短信发送`,
+                      });
+                      this.ruleForm.content = "";
+                      this.slType = "";
+                      this.csType = "";
+                      this.ruleForm.btsr = ""; // 被投诉人
+                      this.ruleForm.shifter = ""; // 转移人
+                      this.ruleForm.remarks = ""; // 备注
+                      this.ruleForm.cusName = ""; // 客户名称
+                      this.ruleForm.typeCode = "DHZX"; // 工单类型简拼
+                      this.closeOrder = "";
+                      this.ruleForm.linkName = "";
+                      this.ruleForm.callNum = "";
+                      this.ruleForm.workType = "1";
                     }
                   })
                   .catch(() => {
-                    this.loading = false
-                  })
-                return
+                    this.loading = false;
+                  });
+                return;
               }
-            })
+            });
           } else {
-            this.$message.error('请输入有效的必填项信息!')
-            return false
+            this.$message.error("请输入有效的必填项信息!");
+            return false;
           }
-        })
+        });
       }
     },
     // 获取咨询和投诉类型下拉数据
@@ -519,35 +557,35 @@ export default {
           f_IsLeaf: 1,
           parentId: 68,
           pageindex: 1,
-          pagesize: 10
-        }
+          pagesize: 10,
+        };
         getDictionary(params).then((response) => {
-          if (response.state.toLowerCase() === 'success') {
-            this.consultType = response.data
-            console.log(this.consultType)
+          if (response.state.toLowerCase() === "success") {
+            this.consultType = response.data;
+            console.log(this.consultType);
             for (var i = 0; i < this.consultType.length; i++) {
-              this.options[0].value = this.consultType[0].f_ValueId
-              this.options[0].label = this.consultType[0].f_Value
-              this.options[1].value = this.consultType[1].f_ValueId
-              this.options[1].label = this.consultType[1].f_Value
-              this.options[2].value = this.consultType[2].f_ValueId
-              this.options[2].label = this.consultType[2].f_Value
-              this.options[3].value = this.consultType[3].f_ValueId
-              this.options[3].label = this.consultType[3].f_Value
-              this.options[4].value = this.consultType[4].f_ValueId
-              this.options[4].label = this.consultType[4].f_Value
-              this.options[5].value = this.consultType[5].f_ValueId
-              this.options[5].label = this.consultType[5].f_Value
-              this.options[6].value = this.consultType[6].f_ValueId
-              this.options[6].label = this.consultType[6].f_Value
-              this.options[7].value = this.consultType[7].f_ValueId
-              this.options[7].label = this.consultType[7].f_Value
-              this.options[8].value = this.consultType[8].f_ValueId
-              this.options[8].label = this.consultType[8].f_Value
+              this.options[0].value = this.consultType[0].f_ValueId;
+              this.options[0].label = this.consultType[0].f_Value;
+              this.options[1].value = this.consultType[1].f_ValueId;
+              this.options[1].label = this.consultType[1].f_Value;
+              this.options[2].value = this.consultType[2].f_ValueId;
+              this.options[2].label = this.consultType[2].f_Value;
+              this.options[3].value = this.consultType[3].f_ValueId;
+              this.options[3].label = this.consultType[3].f_Value;
+              this.options[4].value = this.consultType[4].f_ValueId;
+              this.options[4].label = this.consultType[4].f_Value;
+              this.options[5].value = this.consultType[5].f_ValueId;
+              this.options[5].label = this.consultType[5].f_Value;
+              this.options[6].value = this.consultType[6].f_ValueId;
+              this.options[6].label = this.consultType[6].f_Value;
+              this.options[7].value = this.consultType[7].f_ValueId;
+              this.options[7].label = this.consultType[7].f_Value;
+              this.options[8].value = this.consultType[8].f_ValueId;
+              this.options[8].label = this.consultType[8].f_Value;
             }
           }
-        })
-      })
+        });
+      });
     },
 
     getComplainType() {
@@ -556,24 +594,24 @@ export default {
           f_IsLeaf: 1,
           parentId: 69,
           pageindex: 1,
-          pagesize: 10
-        }
+          pagesize: 10,
+        };
         getDictionary(params).then((response) => {
-          if (response.state.toLowerCase() === 'success') {
-            this.complainType = response.data
-            this.options2[0].value = this.complainType[0].f_ValueId
-            this.options2[0].label = this.complainType[0].f_Value
-            this.options2[1].value = this.complainType[1].f_ValueId
-            this.options2[1].label = this.complainType[1].f_Value
-            this.options2[2].value = this.complainType[2].f_ValueId
-            this.options2[2].label = this.complainType[2].f_Value
-            this.options2[3].value = this.complainType[3].f_ValueId
-            this.options2[3].label = this.complainType[3].f_Value
-            this.options2[4].value = this.complainType[4].f_ValueId
-            this.options2[4].label = this.complainType[4].f_Value
+          if (response.state.toLowerCase() === "success") {
+            this.complainType = response.data;
+            this.options2[0].value = this.complainType[0].f_ValueId;
+            this.options2[0].label = this.complainType[0].f_Value;
+            this.options2[1].value = this.complainType[1].f_ValueId;
+            this.options2[1].label = this.complainType[1].f_Value;
+            this.options2[2].value = this.complainType[2].f_ValueId;
+            this.options2[2].label = this.complainType[2].f_Value;
+            this.options2[3].value = this.complainType[3].f_ValueId;
+            this.options2[3].label = this.complainType[3].f_Value;
+            this.options2[4].value = this.complainType[4].f_ValueId;
+            this.options2[4].label = this.complainType[4].f_Value;
           }
-        })
-      })
+        });
+      });
     },
     // 获取销售来电类型
     // getsalemanType() {
@@ -602,12 +640,12 @@ export default {
           content: faxlist, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: {
-            'rowname': this.ruleForm.cusName
-          } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+            rowname: this.ruleForm.cusName,
+          }, // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
         },
-        area: ['60%', '60%'],
-        title: '传真信息'
-      })
+        area: ["60%", "60%"],
+        title: "传真信息",
+      });
     },
     // // 获取投资类型
     // gettzdbType() {
@@ -630,23 +668,22 @@ export default {
     // 获取客户信息
     getCusInfos(data) {
       if (data) {
-        this.ruleForm.cusName = data.cusName // 客户姓名
-        this.ruleForm.linkName = data.cusPname // 联系人姓名
-        this.ruleForm.name = data.cusName // 客户姓名
-        this.ruleForm.callNum = data.cusTel // 联系人姓名
-        this.ruleForm.clientId = data.clientId
+        this.ruleForm.cusName = data.cusName; // 客户姓名
+        this.ruleForm.linkName = data.cusPname; // 联系人姓名
+        this.ruleForm.name = data.cusName; // 客户姓名
+        this.ruleForm.callNum = data.cusTel; // 联系人姓名
+        this.ruleForm.clientId = data.clientId;
       }
-    }
-  }
-}
+    },
+  },
+};
 </script>
 <style >
-  .el-checkbox__inner{
-  border:1px solid #22428c!important
+.el-checkbox__inner {
+  border: 1px solid #22428c !important;
 }
 </style>
 <style rel="stylesheet/scss" lang="scss" scoped>
-
 .app-container {
   margin: 0;
   padding: 0;