中航需求修改

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

@@ -8,6 +8,12 @@
               <svg-icon class="title_icon" icon-class="hongqi" />工单编号：{{
                 orderDetailData.workId
               }}
+              <svg-icon
+                v-if="filePath"
+                class="rec_file"
+                icon-class="bofangluyin"
+                @click.native="playSound(filePath, filePath)"
+              />
             </h1>
           </el-col>
           <el-col :md="24" class="order_detail_content">
@@ -72,116 +78,135 @@
 </template>
 
 <script>
-import { getDetailComplain } from "@/api/callComplainType/callComplainType";
-import { searchOrderMove } from "@/api/orderMove/orderMove";
-import { mapGetters } from "vuex";
-import { Send } from "@/utils/telWebsocket";
-import { getCallOutprefix } from "@/api/teloperation";
-import store from "@/store";
+import { getDetailComplain } from '@/api/callComplainType/callComplainType'
+import { searchOrderMove } from '@/api/orderMove/orderMove'
+import { mapGetters } from 'vuex'
+import { Send } from '@/utils/telWebsocket'
+import { getCallOutprefix } from '@/api/teloperation'
+import store from '@/store'
+import audioPlayer from '@/components/audioPlayer'
 
 export default {
-  name: "Detail",
+  name: 'Detail',
+  components: { audioPlayer },
   filters: {
     isCloseFilter(status) {
       const statusMap = {
-        0: "关闭",
-        1: "不关闭",
-      };
-      return statusMap[status];
+        0: '关闭',
+        1: '不关闭'
+      }
+      return statusMap[status]
     },
     cusStatusFilter(status) {
       const statusMap = {
-        1: "客户",
-        2: "销售经理",
-        3: "公司人员",
-      };
-      return statusMap[status];
-    },
+        1: '客户',
+        2: '销售经理',
+        3: '公司人员'
+      }
+      return statusMap[status]
+    }
   },
   props: {
     rowid: {
       type: Number,
-      default: 0,
+      default: 0
     },
     workId: {
       type: String,
-      default: "",
+      default: ''
     },
+    filePath: {
+      type: String,
+      default: ''
+    }
   },
   data() {
     return {
       checked: false, // 是否关闭
-      activeName: "first",
+      activeName: 'first',
       orderDetailData: {
-        workId: "", // 工单编号
-        cusCode: "", // 客户代码
-        cusName: "", // 客户名称
-        salMan: "", // 销售经理
-        salManTel: "", // 经理电话
-        callName: "", // 咨询类型
-        linkName: "", // 联系人
-        callNum: "", // 来电号码
-        content: "", // 咨询内容
-        isClose: "", // 是否关闭
-        dutydept: "", // 责任科室
-        dutyman: "", // 责任人
-        rate: "", // 发生频率
-        processingResult: "", // 处理结果
-      },
-    };
+        workId: '', // 工单编号
+        cusCode: '', // 客户代码
+        cusName: '', // 客户名称
+        salMan: '', // 销售经理
+        salManTel: '', // 经理电话
+        callName: '', // 咨询类型
+        linkName: '', // 联系人
+        callNum: '', // 来电号码
+        content: '', // 咨询内容
+        isClose: '', // 是否关闭
+        dutydept: '', // 责任科室
+        dutyman: '', // 责任人
+        rate: '', // 发生频率
+        processingResult: '' // 处理结果
+      }
+    }
   },
   computed: {
     ...mapGetters([
-      "usercode", // 工号
-      "extension", // 分机号
-      "sidebar",
-      "avatar",
-      "telCallType", // 通话类型
-      "telIsVisCallout", // 外呼面板是否显示
-      "zxbh",
-      "groupid",
-    ]),
+      'usercode', // 工号
+      'extension', // 分机号
+      'sidebar',
+      'avatar',
+      'telCallType', // 通话类型
+      'telIsVisCallout', // 外呼面板是否显示
+      'zxbh',
+      'groupid'
+    ])
   },
   created() {
     if (this.rowid) {
-      this.getDetail(this.rowid);
-      this.getProcessingResult();
+      this.getDetail(this.rowid)
+      this.getProcessingResult()
     }
   },
   methods: {
+    // 播放录音
+    playSound(rec_file, artist) {
+      this.$layer.iframe({
+        content: {
+          content: audioPlayer, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { recFiles: rec_file, artists: artist.toString() } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+        },
+        area: ['600px', '230px'],
+        shadeClose: true,
+        title: '录音详情'
+      })
+    },
     // 外呼
     clickCallOut(phoneNumber) {
-      this.callOut(phoneNumber);
+      this.callOut(phoneNumber)
     },
     // 外呼
     callOut(phoneNumber) {
       if (phoneNumber) {
         getCallOutprefix(phoneNumber).then((response) => {
-          if (response.state.toLowerCase() === "success") {
-            const res = response.data;
+          if (response.state.toLowerCase() === 'success') {
+            const res = response.data
             this.scoketDatas = {
-              Type: "MakeCall",
+              Type: 'MakeCall',
               AgentID: this.usercode,
               AgentExten: this.extension,
               Header: res.fix, // 号码前缀 用于截断前缀得到真实号码
-              DestinationNumber: res.targetPhoneNum, //
-            };
-            store.dispatch("ChangeCallNum", phoneNumber);
-            Send(this.scoketDatas);
+              DestinationNumber: res.targetPhoneNum //
+            }
+            store.dispatch('ChangeCallNum', phoneNumber)
+            Send(this.scoketDatas)
           }
-        });
+        })
       } else {
         this.$message({
-          message: "获取电话号码失败！",
-          type: "warning",
-        });
+          message: '获取电话号码失败！',
+          type: 'warning'
+        })
       }
     },
     // 详情
     getDetail(id) {
       getDetailComplain(id).then((response) => {
-        if (response.state.toLowerCase() === "success") {
-          const res = response.data;
+        if (response.state.toLowerCase() === 'success') {
+          const res = response.data
           // this.orderDetailData.workId = res.workId // 工单编号
           // this.orderDetailData.cusCode = res.cusCode // 客户代码
           // this.orderDetailData.cusName = res.cusName // 客户名称
@@ -192,24 +217,24 @@ export default {
           // this.orderDetailData.callNum = res.callNum // 来电号码
           // this.orderDetailData.content = res.content // 咨询内容
           // this.orderDetailData.isClose = res.isClose // 咨询内容
-          this.orderDetailData = res;
+          this.orderDetailData = res
         }
-      });
+      })
     },
     // 获取处理结果
     getProcessingResult() {
       const params = {
-        workid: this.workId,
-      };
+        workid: this.workId
+      }
       searchOrderMove(params)
         .then((response) => {
-          this.orderDetailData.processingResult = response.data.dealcontent;
+          this.orderDetailData.processingResult = response.data.dealcontent
         })
-        .catch(() => {});
-      return;
-    },
-  },
-};
+        .catch(() => {})
+      return
+    }
+  }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss">

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

@@ -152,64 +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: {
     // 获取投诉类型下拉数据
@@ -219,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, // 第几页
@@ -249,26 +249,26 @@ export default {
           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()
     },
 
     // 点击某一行
@@ -277,15 +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, filePath: row.filePath } // props
         },
-        area: ["60%", "40%"],
-        title: "工单详情",
-      });
-      console.log(row);
-    },
-  },
-};
+        area: ['60%', '40%'],
+        title: '工单详情'
+      })
+      console.log(row)
+    }
+  }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

CallCenterWeb.UI/src/views/callComplainType/isDealList/detail.vue

@@ -8,6 +8,12 @@
               <svg-icon class="title_icon" icon-class="hongqi" />工单编号：{{
                 orderDetailData.workId
               }}
+              <svg-icon
+                v-if="filePath"
+                class="rec_file"
+                icon-class="bofangluyin"
+                @click.native="playSound(filePath, filePath)"
+              />
             </h1>
           </el-col>
           <el-col :md="24" class="order_detail_content">
@@ -72,117 +78,136 @@
 </template>
 
 <script>
-import { getDetailComplain } from "@/api/callComplainType/callComplainType";
-import { searchOrderMove } from "@/api/orderMove/orderMove";
-import { mapGetters } from "vuex";
-import { Send } from "@/utils/telWebsocket";
-import { getCallOutprefix } from "@/api/teloperation";
-import store from "@/store";
+import { getDetailComplain } from '@/api/callComplainType/callComplainType'
+import { searchOrderMove } from '@/api/orderMove/orderMove'
+import { mapGetters } from 'vuex'
+import { Send } from '@/utils/telWebsocket'
+import { getCallOutprefix } from '@/api/teloperation'
+import store from '@/store'
+import audioPlayer from '@/components/audioPlayer'
 
 export default {
-  name: "Detail",
+  name: 'Detail',
+  components: { audioPlayer },
   filters: {
     isCloseFilter(status) {
       const statusMap = {
-        0: "关闭",
-        1: "不关闭",
-      };
-      return statusMap[status];
+        0: '关闭',
+        1: '不关闭'
+      }
+      return statusMap[status]
     },
     cusStatusFilter(status) {
       const statusMap = {
-        1: "客户",
-        2: "销售经理",
-        3: "公司人员",
-      };
-      return statusMap[status];
-    },
+        1: '客户',
+        2: '销售经理',
+        3: '公司人员'
+      }
+      return statusMap[status]
+    }
   },
   props: {
     rowid: {
       type: Number,
-      default: 0,
+      default: 0
     },
     workId: {
       type: String,
-      default: "",
+      default: ''
     },
+    filePath: {
+      type: String,
+      default: ''
+    }
   },
   data() {
     return {
       checked: false, // 是否关闭
-      result: "", // 处理结果
-      activeName: "first",
+      result: '', // 处理结果
+      activeName: 'first',
       orderDetailData: {
-        workId: "", // 工单编号
-        cusCode: "", // 客户代码
-        cusName: "", // 客户名称
-        salMan: "", // 销售经理
-        salManTel: "", // 经理电话
-        callName: "", // 咨询类型
-        linkName: "", // 联系人
-        callNum: "", // 来电号码
-        content: "", // 咨询内容
-        isClose: "", // 是否关闭
-        dutydept: "", // 责任科室
-        dutyman: "", // 责任人
-        rate: "", // 发生频率
-        processingResult: "", // 处理结果
-      },
-    };
+        workId: '', // 工单编号
+        cusCode: '', // 客户代码
+        cusName: '', // 客户名称
+        salMan: '', // 销售经理
+        salManTel: '', // 经理电话
+        callName: '', // 咨询类型
+        linkName: '', // 联系人
+        callNum: '', // 来电号码
+        content: '', // 咨询内容
+        isClose: '', // 是否关闭
+        dutydept: '', // 责任科室
+        dutyman: '', // 责任人
+        rate: '', // 发生频率
+        processingResult: '' // 处理结果
+      }
+    }
   },
   computed: {
     ...mapGetters([
-      "usercode", // 工号
-      "extension", // 分机号
-      "sidebar",
-      "avatar",
-      "telCallType", // 通话类型
-      "telIsVisCallout", // 外呼面板是否显示
-      "zxbh",
-      "groupid",
-    ]),
+      'usercode', // 工号
+      'extension', // 分机号
+      'sidebar',
+      'avatar',
+      'telCallType', // 通话类型
+      'telIsVisCallout', // 外呼面板是否显示
+      'zxbh',
+      'groupid'
+    ])
   },
   created() {
     if (this.rowid) {
-      this.getDetail(this.rowid);
-      this.getProcessingResult();
+      this.getDetail(this.rowid)
+      this.getProcessingResult()
     }
   },
   methods: {
+    // 播放录音
+    playSound(rec_file, artist) {
+      this.$layer.iframe({
+        content: {
+          content: audioPlayer, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { recFiles: rec_file, artists: artist.toString() } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+        },
+        area: ['600px', '230px'],
+        shadeClose: true,
+        title: '录音详情'
+      })
+    },
     // 外呼
     clickCallOut(phoneNumber) {
-      this.callOut(phoneNumber);
+      this.callOut(phoneNumber)
     },
     // 外呼
     callOut(phoneNumber) {
       if (phoneNumber) {
         getCallOutprefix(phoneNumber).then((response) => {
-          if (response.state.toLowerCase() === "success") {
-            const res = response.data;
+          if (response.state.toLowerCase() === 'success') {
+            const res = response.data
             this.scoketDatas = {
-              Type: "MakeCall",
+              Type: 'MakeCall',
               AgentID: this.usercode,
               AgentExten: this.extension,
               Header: res.fix, // 号码前缀 用于截断前缀得到真实号码
-              DestinationNumber: res.targetPhoneNum, //
-            };
-            store.dispatch("ChangeCallNum", phoneNumber);
-            Send(this.scoketDatas);
+              DestinationNumber: res.targetPhoneNum //
+            }
+            store.dispatch('ChangeCallNum', phoneNumber)
+            Send(this.scoketDatas)
           }
-        });
+        })
       } else {
         this.$message({
-          message: "获取电话号码失败！",
-          type: "warning",
-        });
+          message: '获取电话号码失败！',
+          type: 'warning'
+        })
       }
     },
     // 详情
     getDetail(id) {
       getDetailComplain(id).then((response) => {
-        if (response.state.toLowerCase() === "success") {
-          const res = response.data;
+        if (response.state.toLowerCase() === 'success') {
+          const res = response.data
           // this.orderDetailData.workId = res.workId // 工单编号
           // this.orderDetailData.cusCode = res.cusCode // 客户代码
           // this.orderDetailData.cusName = res.cusName // 客户名称
@@ -193,26 +218,26 @@ export default {
           // this.orderDetailData.callNum = res.callNum // 来电号码
           // this.orderDetailData.content = res.content // 咨询内容
           // this.orderDetailData.isClose = res.isClose // 咨询内容
-          this.orderDetailData = res;
+          this.orderDetailData = res
         }
-      });
+      })
     },
     // 获取处理结果
     getProcessingResult() {
       const params = {
-        workid: this.workId,
-      };
+        workid: this.workId
+      }
       searchOrderMove(params)
         .then((response) => {
-          this.orderDetailData.processingResult = response.data.dealcontent;
+          this.orderDetailData.processingResult = response.data.dealcontent
         })
         .catch(() => {
-          console.log(2);
-        });
-      return;
-    },
-  },
-};
+          console.log(2)
+        })
+      return
+    }
+  }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss">

CallCenterWeb.UI/src/views/callComplainType/isDealList/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
@@ -238,11 +237,12 @@ export default {
           isClose: 0,
           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.searchData.searchTime && this.searchData.searchTime[0], // 添加开始时间
+          beginTime:
+            this.searchData.searchTime && this.searchData.searchTime[0], // 添加开始时间
           endTime: this.searchData.searchTime && this.searchData.searchTime[1] // 添加结束时间
         }
         getComplainList(params).then((response) => {
@@ -271,14 +271,13 @@ export default {
         content: {
           content: detail, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { rowid: row.id, workId: row.workId } // props
+          data: { rowid: row.id, workId: row.workId, filePath: row.filePath } // props
         },
         area: ['60%', '40%'],
         title: '工单详情'
       })
       console.log(row)
     }
-
   }
 }
 </script>

CallCenterWeb.UI/src/views/callComplainType/toDealList/detail.vue

@@ -8,6 +8,12 @@
               <svg-icon class="title_icon" icon-class="hongqi" />工单编号：{{
                 orderDetailData.workId
               }}
+              <svg-icon
+                v-if="filePath"
+                class="rec_file"
+                icon-class="bofangluyin"
+                @click.native="playSound(filePath, filePath)"
+              />
             </h1>
           </el-col>
           <el-col :md="24" class="order_detail_content">
@@ -86,120 +92,139 @@
 import {
   addOrderMove,
   editOrderMove,
-  searchOrderMove,
-} from "@/api/orderMove/orderMove";
-import { getDetailComplain } from "@/api/callComplainType/callComplainType";
-import { mapGetters } from "vuex";
-import { Send } from "@/utils/telWebsocket";
-import { getCallOutprefix } from "@/api/teloperation";
-import store from "@/store";
+  searchOrderMove
+} from '@/api/orderMove/orderMove'
+import { getDetailComplain } from '@/api/callComplainType/callComplainType'
+import { mapGetters } from 'vuex'
+import { Send } from '@/utils/telWebsocket'
+import { getCallOutprefix } from '@/api/teloperation'
+import store from '@/store'
+import audioPlayer from '@/components/audioPlayer'
 export default {
-  name: "Detail",
+  name: 'Detail',
+  components: { audioPlayer },
   props: {
     rowid: {
       type: Number,
-      default: 0,
+      default: 0
     },
     rowWorkId: {
       type: String,
-      default: "",
+      default: ''
     },
     layerid: {
       type: String,
-      default: "",
+      default: ''
     },
+    filePath: {
+      type: String,
+      default: ''
+    }
   },
   data() {
     return {
-      judgeId: "", // 判断是否流转的id
-      checked: "", // 是否关闭
-      result: "", // 处理结果
-      activeName: "first",
+      judgeId: '', // 判断是否流转的id
+      checked: '', // 是否关闭
+      result: '', // 处理结果
+      activeName: 'first',
       orderDetailData: {
-        workId: "", // 工单编号
-        cusCode: "", // 客户代码
-        cusName: "", // 客户名称
-        salMan: "", // 销售经理
-        salManTel: "", // 经理电话
-        callName: "", // 咨询类型
-        linkName: "", // 联系人
-        callNum: "", // 来电号码
-        dutydept: "", // 责任科室
-        dutyman: "", // 责任人
-        rate: "", // 发生频率
-        content: "", // 咨询内容
-      },
-    };
+        workId: '', // 工单编号
+        cusCode: '', // 客户代码
+        cusName: '', // 客户名称
+        salMan: '', // 销售经理
+        salManTel: '', // 经理电话
+        callName: '', // 咨询类型
+        linkName: '', // 联系人
+        callNum: '', // 来电号码
+        dutydept: '', // 责任科室
+        dutyman: '', // 责任人
+        rate: '', // 发生频率
+        content: '' // 咨询内容
+      }
+    }
   },
   computed: {
     ...mapGetters([
-      "usercode", // 工号
-      "extension", // 分机号
-      "sidebar",
-      "avatar",
-      "telCallType", // 通话类型
-      "telIsVisCallout", // 外呼面板是否显示
-      "zxbh",
-      "groupid",
-    ]),
+      'usercode', // 工号
+      'extension', // 分机号
+      'sidebar',
+      'avatar',
+      'telCallType', // 通话类型
+      'telIsVisCallout', // 外呼面板是否显示
+      'zxbh',
+      'groupid'
+    ])
   },
   filters: {
     isCloseFilter(status) {
       const statusMap = {
-        0: "关闭",
-        1: "不关闭",
-      };
-      return statusMap[status];
+        0: '关闭',
+        1: '不关闭'
+      }
+      return statusMap[status]
     },
     cusStatusFilter(status) {
       const statusMap = {
-        1: "客户",
-        2: "销售经理",
-        3: "公司人员",
-      };
-      return statusMap[status];
-    },
+        1: '客户',
+        2: '销售经理',
+        3: '公司人员'
+      }
+      return statusMap[status]
+    }
   },
   created() {
-    this.judgeHave();
+    this.judgeHave()
     if (this.rowid) {
-      this.getDetail(this.rowid);
+      this.getDetail(this.rowid)
     }
   },
   methods: {
+    // 播放录音
+    playSound(rec_file, artist) {
+      this.$layer.iframe({
+        content: {
+          content: audioPlayer, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { recFiles: rec_file, artists: artist.toString() } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+        },
+        area: ['600px', '230px'],
+        shadeClose: true,
+        title: '录音详情'
+      })
+    },
     // 外呼
     clickCallOut(phoneNumber) {
-      this.callOut(phoneNumber);
+      this.callOut(phoneNumber)
     },
     // 外呼
     callOut(phoneNumber) {
       if (phoneNumber) {
         getCallOutprefix(phoneNumber).then((response) => {
-          if (response.state.toLowerCase() === "success") {
-            const res = response.data;
+          if (response.state.toLowerCase() === 'success') {
+            const res = response.data
             this.scoketDatas = {
-              Type: "MakeCall",
+              Type: 'MakeCall',
               AgentID: this.usercode,
               AgentExten: this.extension,
               Header: res.fix, // 号码前缀 用于截断前缀得到真实号码
-              DestinationNumber: res.targetPhoneNum, //
-            };
-            store.dispatch("ChangeCallNum", phoneNumber);
-            Send(this.scoketDatas);
+              DestinationNumber: res.targetPhoneNum //
+            }
+            store.dispatch('ChangeCallNum', phoneNumber)
+            Send(this.scoketDatas)
           }
-        });
+        })
       } else {
         this.$message({
-          message: "获取电话号码失败！",
-          type: "warning",
-        });
+          message: '获取电话号码失败！',
+          type: 'warning'
+        })
       }
     },
     // 详情
     getDetail(id) {
       getDetailComplain(id).then((response) => {
-        if (response.state.toLowerCase() === "success") {
-          const res = response.data;
+        if (response.state.toLowerCase() === 'success') {
+          const res = response.data
           // this.orderDetailData.workId = res.workId // 工单编号
           // this.orderDetailData.cusCode = res.cusCode // 客户代码
           // this.orderDetailData.cusName = res.cusName // 客户名称
@@ -209,25 +234,25 @@ export default {
           // this.orderDetailData.linkName = res.linkName // 联系人
           // this.orderDetailData.callNum = res.callNum // 来电号码
           // this.orderDetailData.content = res.content // 咨询内容
-          this.orderDetailData = res;
+          this.orderDetailData = res
         }
-      });
+      })
     },
     // 判断是否流转
     judgeHave() {
       const params = {
-        workid: this.rowWorkId,
-      };
+        workid: this.rowWorkId
+      }
       searchOrderMove(params)
         .then((response) => {
-          this.judgeId = response.data.id;
-          this.result = response.data.dealcontent;
-          console.log(this.judgeId);
+          this.judgeId = response.data.id
+          this.result = response.data.dealcontent
+          console.log(this.judgeId)
         })
         .catch(() => {
-          console.log(2);
-        });
-      return;
+          console.log(2)
+        })
+      return
     },
     // 保存
     save() {
@@ -235,42 +260,42 @@ export default {
         const datas = {
           workid: this.rowWorkId,
           isClose: -(Number(this.checked) - 1),
-          dealcontent: this.result,
-        };
+          dealcontent: this.result
+        }
         addOrderMove(datas).then((response) => {
-          if (response.state.toLowerCase() === "success") {
-            this.$parent.$layer.close(this.layerid);
-            this.$parent.getList(); // 重新加载父级数据
+          if (response.state.toLowerCase() === 'success') {
+            this.$parent.$layer.close(this.layerid)
+            this.$parent.getList() // 重新加载父级数据
             this.$message({
-              message: "恭喜你，工单处理成功！",
-              type: "success",
-              duration: 1000,
-            });
+              message: '恭喜你，工单处理成功！',
+              type: 'success',
+              duration: 1000
+            })
           }
-        });
+        })
       } else {
         const datas2 = {
           id: this.judgeId,
           workid: this.rowWorkId,
           isClose: -(Number(this.checked) - 1),
-          dealcontent: this.result,
-        };
+          dealcontent: this.result
+        }
         editOrderMove(datas2).then((response) => {
-          this.loading = false;
-          if (response.state.toLowerCase() === "success") {
-            this.$parent.$layer.close(this.layerid);
-            this.$parent.getList(); // 重新加载父级数据
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.$parent.$layer.close(this.layerid)
+            this.$parent.getList() // 重新加载父级数据
             this.$message({
-              message: "恭喜你，工单处理成功！",
-              type: "success",
-              duration: 1000,
-            });
+              message: '恭喜你，工单处理成功！',
+              type: 'success',
+              duration: 1000
+            })
           }
-        });
+        })
       }
-    },
-  },
-};
+    }
+  }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss">

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

@@ -60,7 +60,7 @@
             class="filter-item"
             icon="el-icon-search"
             @click="btn_search_task"
-          >搜索</el-button
+            >搜索</el-button
           >
         </div>
         <el-table
@@ -232,11 +232,12 @@ export default {
           isClose: 1,
           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.searchData.searchTime && this.searchData.searchTime[0], // 添加开始时间
+          beginTime:
+            this.searchData.searchTime && this.searchData.searchTime[0], // 添加开始时间
           endTime: this.searchData.searchTime && this.searchData.searchTime[1] // 添加结束时间
         }
         getComplainList(params).then((response) => {
@@ -265,13 +266,12 @@ export default {
         content: {
           content: detail, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { rowid: row.id, rowWorkId: row.workId } // props
+          data: { rowid: row.id, rowWorkId: row.workId, filePath: row.filePath } // props
         },
         area: ['60%', '55%'],
         title: '工单详情'
       })
     }
-
   }
 }
 </script>

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

@@ -8,6 +8,12 @@
               <svg-icon class="title_icon" icon-class="hongqi" />工单编号：{{
                 orderDetailData.workId
               }}
+              <svg-icon
+                v-if="filePath"
+                class="rec_file"
+                icon-class="bofangluyin"
+                @click.native="playSound(filePath, filePath)"
+              />
             </h1>
           </el-col>
           <el-col :md="24" class="order_detail_content">
@@ -72,115 +78,134 @@
 </template>
 
 <script>
-import { searchOrderMove } from "@/api/orderMove/orderMove";
-import { getDetailConsult } from "@/api/callConsultType/callConsultType";
-import { mapGetters } from "vuex";
-import { Send } from "@/utils/telWebsocket";
-import { getCallOutprefix } from "@/api/teloperation";
-import store from "@/store";
+import { searchOrderMove } from '@/api/orderMove/orderMove'
+import { getDetailConsult } from '@/api/callConsultType/callConsultType'
+import { mapGetters } from 'vuex'
+import { Send } from '@/utils/telWebsocket'
+import { getCallOutprefix } from '@/api/teloperation'
+import store from '@/store'
+import audioPlayer from '@/components/audioPlayer'
 
 export default {
-  name: "Detail",
+  name: 'Detail',
+  components: { audioPlayer },
   filters: {
     isCloseFilter(status) {
       const statusMap = {
-        0: "关闭",
-        1: "不关闭",
-      };
-      return statusMap[status];
+        0: '关闭',
+        1: '不关闭'
+      }
+      return statusMap[status]
     },
     cusStatusFilter(status) {
       const statusMap = {
-        1: "客户",
-        2: "销售经理",
-        3: "公司人员",
-      };
-      return statusMap[status];
-    },
+        1: '客户',
+        2: '销售经理',
+        3: '公司人员'
+      }
+      return statusMap[status]
+    }
   },
   props: {
     rowid: {
       type: Number,
-      default: 0,
+      default: 0
     },
     workId: {
       type: String,
-      default: "",
+      default: ''
     },
+    filePath: {
+      type: String,
+      default: ''
+    }
   },
   data() {
     return {
-      result: "", // 处理结果
+      result: '', // 处理结果
       orderDetailData: {
-        workId: "", // 工单编号
-        cusCode: "", // 客户代码
-        cusName: "", // 客户名称
-        salMan: "", // 销售经理
-        salManTel: "", // 经理电话
-        callName: "", // 咨询类型
-        linkName: "", // 联系人
-        callNum: "", // 来电号码
-        content: "", // 咨询内容
-        isClose: "", // 是否关闭
-        dutydept: "", // 责任科室
-        dutyman: "", // 责任人
-        rate: "", // 发生频率
-        processingResult: "", // 处理结果
-      },
-    };
+        workId: '', // 工单编号
+        cusCode: '', // 客户代码
+        cusName: '', // 客户名称
+        salMan: '', // 销售经理
+        salManTel: '', // 经理电话
+        callName: '', // 咨询类型
+        linkName: '', // 联系人
+        callNum: '', // 来电号码
+        content: '', // 咨询内容
+        isClose: '', // 是否关闭
+        dutydept: '', // 责任科室
+        dutyman: '', // 责任人
+        rate: '', // 发生频率
+        processingResult: '' // 处理结果
+      }
+    }
   },
   computed: {
     ...mapGetters([
-      "usercode", // 工号
-      "extension", // 分机号
-      "sidebar",
-      "avatar",
-      "telCallType", // 通话类型
-      "telIsVisCallout", // 外呼面板是否显示
-      "zxbh",
-      "groupid",
-    ]),
+      'usercode', // 工号
+      'extension', // 分机号
+      'sidebar',
+      'avatar',
+      'telCallType', // 通话类型
+      'telIsVisCallout', // 外呼面板是否显示
+      'zxbh',
+      'groupid'
+    ])
   },
   created() {
     if (this.rowid) {
-      this.getDetail(this.rowid);
-      this.getProcessingResult();
+      this.getDetail(this.rowid)
+      this.getProcessingResult()
     }
   },
   methods: {
+    // 播放录音
+    playSound(rec_file, artist) {
+      this.$layer.iframe({
+        content: {
+          content: audioPlayer, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { recFiles: rec_file, artists: artist.toString() } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+        },
+        area: ['600px', '230px'],
+        shadeClose: true,
+        title: '录音详情'
+      })
+    },
     // 外呼
     clickCallOut(phoneNumber) {
-      this.callOut(phoneNumber);
+      this.callOut(phoneNumber)
     },
     // 外呼
     callOut(phoneNumber) {
       if (phoneNumber) {
         getCallOutprefix(phoneNumber).then((response) => {
-          if (response.state.toLowerCase() === "success") {
-            const res = response.data;
+          if (response.state.toLowerCase() === 'success') {
+            const res = response.data
             this.scoketDatas = {
-              Type: "MakeCall",
+              Type: 'MakeCall',
               AgentID: this.usercode,
               AgentExten: this.extension,
               Header: res.fix, // 号码前缀 用于截断前缀得到真实号码
-              DestinationNumber: res.targetPhoneNum, //
-            };
-            store.dispatch("ChangeCallNum", phoneNumber);
-            Send(this.scoketDatas);
+              DestinationNumber: res.targetPhoneNum //
+            }
+            store.dispatch('ChangeCallNum', phoneNumber)
+            Send(this.scoketDatas)
           }
-        });
+        })
       } else {
         this.$message({
-          message: "获取电话号码失败！",
-          type: "warning",
-        });
+          message: '获取电话号码失败！',
+          type: 'warning'
+        })
       }
     },
     // 详情
     getDetail(id) {
       getDetailConsult(id).then((response) => {
-        if (response.state.toLowerCase() === "success") {
-          const res = response.data;
+        if (response.state.toLowerCase() === 'success') {
+          const res = response.data
           // this.orderDetailData.workId = res.workId // 工单编号
           // this.orderDetailData.cusCode = res.cusCode // 客户代码
           // this.orderDetailData.cusName = res.cusName // 客户名称
@@ -191,24 +216,24 @@ export default {
           // this.orderDetailData.callNum = res.callNum // 来电号码
           // this.orderDetailData.content = res.content // 咨询内容
           // this.orderDetailData.isClose = res.isClose // 咨询内容
-          this.orderDetailData = res;
+          this.orderDetailData = res
         }
-      });
+      })
     },
     // 获取处理结果
     getProcessingResult() {
       const params = {
-        workid: this.workId,
-      };
+        workid: this.workId
+      }
       searchOrderMove(params)
         .then((response) => {
-          this.orderDetailData.processingResult = response.data.dealcontent;
+          this.orderDetailData.processingResult = response.data.dealcontent
         })
-        .catch(() => {});
-      return;
-    },
-  },
-};
+        .catch(() => {})
+      return
+    }
+  }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss">

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

@@ -164,25 +164,25 @@
   </div>
 </template>
 <script>
-import { getConsultList } from "@/api/callConsultType/callConsultType";
-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 { getConsultList } from '@/api/callConsultType/callConsultType'
+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 {
@@ -192,53 +192,53 @@ export default {
       callTypeValue: 0,
       callTypeData: [
         {
-          value: "",
-          label: "全部",
+          value: '',
+          label: '全部'
         },
         {
           value: 0,
-          label: "呼入",
+          label: '呼入'
         },
         {
           value: 1,
-          label: "呼出",
+          label: '呼出'
         },
         {
           value: 2,
-          label: "手制工单",
-        },
+          label: '手制工单'
+        }
       ],
-      slType: "", // 咨询类型
+      slType: '', // 咨询类型
       loading: false,
       searchData: {
-        cusCode: "", // 客户代码
-        cusName: "", // 客户名称
-        salMan: "", // 售后经理
-        cusPname: "", // 联系人
-        workId: "", // 工单编号
-        searchTime: "", // 时间
+        cusCode: '', // 客户代码
+        cusName: '', // 客户名称
+        salMan: '', // 售后经理
+        cusPname: '', // 联系人
+        workId: '', // 工单编号
+        searchTime: '' // 时间
       },
       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();
+    this.getConsultType()
+    this.getList()
     document.onkeyup = (e) => {
       if (e.keyCode === 13) {
-        this.getList();
+        this.getList()
       }
-    };
+    }
   },
 
   methods: {
@@ -249,23 +249,23 @@ 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;
+          if (response.state.toLowerCase() === 'success') {
+            this.consultType = response.data
           }
-        });
-      });
+        })
+      })
     },
     // 受理类型
     changeType(event, item) {
-      this.slType = event;
-      console.log(this.slType);
+      this.slType = event
+      console.log(this.slType)
     },
     // 获取咨询列表
     getList() {
-      this.loading = true;
+      this.loading = true
       return new Promise((resolve) => {
         const params = {
           pageindex: this.pageParams.pageindex, // 第几页
@@ -283,29 +283,29 @@ export default {
           callName: this.slType,
           beginTime:
             this.searchData.searchTime && this.searchData.searchTime[0], // 添加开始时间
-          endTime: this.searchData.searchTime && this.searchData.searchTime[1], // 添加结束时间
-        };
-        if (params.callType === "") {
-          delete params.callType;
+          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") {
+          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()
     },
 
     // 点击某一行
@@ -314,15 +314,15 @@ export default {
         content: {
           content: detail, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { rowid: row.id, workId: row.workId }, // props
+          data: { rowid: row.id, workId: row.workId, filePath: row.filePath } // props
         },
-        area: ["60%", "40%"],
-        title: "工单详情",
-      });
-      console.log(row);
-    },
-  },
-};
+        area: ['60%', '40%'],
+        title: '工单详情'
+      })
+      console.log(row)
+    }
+  }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

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

@@ -8,6 +8,12 @@
               <svg-icon class="title_icon" icon-class="hongqi" />工单编号：{{
                 orderDetailData.workId
               }}
+              <svg-icon
+                v-if="filePath"
+                class="rec_file"
+                icon-class="bofangluyin"
+                @click.native="playSound(filePath, filePath)"
+              />
             </h1>
           </el-col>
           <el-col :md="24" class="order_detail_content">
@@ -87,86 +93,105 @@
 import {
   addOrderMove,
   editOrderMove,
-  searchOrderMove,
-} from "@/api/orderMove/orderMove";
-import { getDetailConsult } from "@/api/callConsultType/callConsultType";
-import { mapGetters } from "vuex";
-import { Send } from "@/utils/telWebsocket";
-import { getCallOutprefix } from "@/api/teloperation";
-import store from "@/store";
+  searchOrderMove
+} from '@/api/orderMove/orderMove'
+import { getDetailConsult } from '@/api/callConsultType/callConsultType'
+import { mapGetters } from 'vuex'
+import { Send } from '@/utils/telWebsocket'
+import { getCallOutprefix } from '@/api/teloperation'
+import store from '@/store'
+import audioPlayer from '@/components/audioPlayer'
 
 export default {
-  name: "Detail",
+  name: 'Detail',
+  components: { audioPlayer },
   props: {
     rowid: {
       type: Number,
-      default: 0,
+      default: 0
     },
     rowWorkId: {
       type: String,
-      default: "",
+      default: ''
     },
     layerid: {
       type: String,
-      default: "",
+      default: ''
     },
+    filePath: {
+      type: String,
+      default: ''
+    }
   },
   data() {
     return {
-      judgeId: "", // 判断是否流转
-      checked: "", // 是否关闭
-      result: "", // 处理结果
-      activeName: "first",
+      judgeId: '', // 判断是否流转
+      checked: '', // 是否关闭
+      result: '', // 处理结果
+      activeName: 'first',
       orderDetailData: {
-        workId: "", // 工单编号
-        cusCode: "", // 客户代码
-        cusName: "", // 客户名称
-        salMan: "", // 销售经理
-        salManTel: "", // 经理电话
-        callName: "", // 咨询类型
-        linkName: "", // 联系人
-        callNum: "", // 来电号码
-        dutydept: "", // 责任科室
-        dutyman: "", // 责任人
-        rate: "", // 发生频率
-        content: "", // 咨询内容
-      },
-    };
+        workId: '', // 工单编号
+        cusCode: '', // 客户代码
+        cusName: '', // 客户名称
+        salMan: '', // 销售经理
+        salManTel: '', // 经理电话
+        callName: '', // 咨询类型
+        linkName: '', // 联系人
+        callNum: '', // 来电号码
+        dutydept: '', // 责任科室
+        dutyman: '', // 责任人
+        rate: '', // 发生频率
+        content: '' // 咨询内容
+      }
+    }
   },
   computed: {
     ...mapGetters([
-      "usercode", // 工号
-      "extension", // 分机号
-      "sidebar",
-      "avatar",
-      "telCallType", // 通话类型
-      "telIsVisCallout", // 外呼面板是否显示
-      "zxbh",
-      "groupid",
-    ]),
+      'usercode', // 工号
+      'extension', // 分机号
+      'sidebar',
+      'avatar',
+      'telCallType', // 通话类型
+      'telIsVisCallout', // 外呼面板是否显示
+      'zxbh',
+      'groupid'
+    ])
   },
   filters: {
     cusStatusFilter(status) {
       const statusMap = {
-        1: "客户",
-        2: "销售经理",
-        3: "公司人员",
-      };
-      return statusMap[status];
-    },
+        1: '客户',
+        2: '销售经理',
+        3: '公司人员'
+      }
+      return statusMap[status]
+    }
   },
   created() {
-    this.judgeHave();
+    this.judgeHave()
     if (this.rowid) {
-      this.getDetail(this.rowid);
+      this.getDetail(this.rowid)
     }
   },
   methods: {
+    // 播放录音
+    playSound(rec_file, artist) {
+      this.$layer.iframe({
+        content: {
+          content: audioPlayer, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { recFiles: rec_file, artists: artist.toString() } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+        },
+        area: ['600px', '230px'],
+        shadeClose: true,
+        title: '录音详情'
+      })
+    },
     // 详情
     getDetail(id) {
       getDetailConsult(id).then((response) => {
-        if (response.state.toLowerCase() === "success") {
-          const res = response.data;
+        if (response.state.toLowerCase() === 'success') {
+          const res = response.data
           // this.orderDetailData.workId = res.workId // 工单编号
           // this.orderDetailData.cusCode = res.cusCode // 客户代码
           // this.orderDetailData.cusName = res.cusName // 客户名称
@@ -176,53 +201,53 @@ export default {
           // this.orderDetailData.linkName = res.linkName // 联系人
           // this.orderDetailData.callNum = res.callNum // 来电号码
           // this.orderDetailData.content = res.content // 咨询内容
-          this.orderDetailData = res;
+          this.orderDetailData = res
         }
-      });
+      })
     },
     // 外呼
     clickCallOut(phoneNumber) {
-      this.callOut(phoneNumber);
+      this.callOut(phoneNumber)
     },
     // 外呼
     callOut(phoneNumber) {
       if (phoneNumber) {
         getCallOutprefix(phoneNumber).then((response) => {
-          if (response.state.toLowerCase() === "success") {
-            const res = response.data;
+          if (response.state.toLowerCase() === 'success') {
+            const res = response.data
             this.scoketDatas = {
-              Type: "MakeCall",
+              Type: 'MakeCall',
               AgentID: this.usercode,
               AgentExten: this.extension,
               Header: res.fix, // 号码前缀 用于截断前缀得到真实号码
-              DestinationNumber: res.targetPhoneNum, //
-            };
-            store.dispatch("ChangeCallNum", phoneNumber);
-            Send(this.scoketDatas);
+              DestinationNumber: res.targetPhoneNum //
+            }
+            store.dispatch('ChangeCallNum', phoneNumber)
+            Send(this.scoketDatas)
           }
-        });
+        })
       } else {
         this.$message({
-          message: "没有电话号码！",
-          type: "warning",
-        });
+          message: '没有电话号码！',
+          type: 'warning'
+        })
       }
     },
     // 判断是否流转
     judgeHave() {
       const params = {
-        workid: this.rowWorkId,
-      };
+        workid: this.rowWorkId
+      }
       searchOrderMove(params)
         .then((response) => {
-          this.judgeId = response.data.id;
-          this.result = response.data.dealcontent;
-          console.log(this.judgeId);
+          this.judgeId = response.data.id
+          this.result = response.data.dealcontent
+          console.log(this.judgeId)
         })
         .catch(() => {
-          console.log(2);
-        });
-      return;
+          console.log(2)
+        })
+      return
     },
     // 保存
     save() {
@@ -230,42 +255,42 @@ export default {
         const datas = {
           workid: this.rowWorkId,
           isClose: -(Number(this.checked) - 1),
-          dealcontent: this.result,
-        };
+          dealcontent: this.result
+        }
         addOrderMove(datas).then((response) => {
-          if (response.state.toLowerCase() === "success") {
-            this.$parent.$layer.close(this.layerid);
-            this.$parent.getList(); // 重新加载父级数据
+          if (response.state.toLowerCase() === 'success') {
+            this.$parent.$layer.close(this.layerid)
+            this.$parent.getList() // 重新加载父级数据
             this.$message({
-              message: "恭喜你，工单处理成功！",
-              type: "success",
-              duration: 1000,
-            });
+              message: '恭喜你，工单处理成功！',
+              type: 'success',
+              duration: 1000
+            })
           }
-        });
+        })
       } else {
         const datas2 = {
           id: this.judgeId,
           workid: this.rowWorkId,
           isClose: -(Number(this.checked) - 1),
-          dealcontent: this.result,
-        };
+          dealcontent: this.result
+        }
         editOrderMove(datas2).then((response) => {
-          this.loading = false;
-          if (response.state.toLowerCase() === "success") {
-            this.$parent.$layer.close(this.layerid);
-            this.$parent.getList(); // 重新加载父级数据
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.$parent.$layer.close(this.layerid)
+            this.$parent.getList() // 重新加载父级数据
             this.$message({
-              message: "恭喜你，工单处理成功！",
-              type: "success",
-              duration: 1000,
-            });
+              message: '恭喜你，工单处理成功！',
+              type: 'success',
+              duration: 1000
+            })
           }
-        });
+        })
       }
-    },
-  },
-};
+    }
+  }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss">

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

@@ -209,6 +209,8 @@ export default {
           label: '手制工单'
         }
       ],
+      downloadLoading: false,
+      disableBL: false,
       pageParams: {
         pageindex: 1, // 当前第几页
         pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
@@ -414,7 +416,7 @@ export default {
         content: {
           content: detail, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: { rowid: row.id, rowWorkId: row.workId } // props
+          data: { rowid: row.id, rowWorkId: row.workId, filePath: row.filePath } // props
         },
         area: ['60%', '55%'],
         title: '工单详情'

CallCenterWeb.UI/src/views/faxManager/faxTransmission/updateFax.vue

@@ -68,8 +68,8 @@
               {
                 required: true,
                 message: '请输入要求完成日期!',
-                trigger: 'blur',
-              },
+                trigger: 'blur'
+              }
             ]"
             label="要求完成日期"
             label-width="120px"
@@ -287,138 +287,138 @@
 import {
   getCusDetail,
   addCustomerList,
-  editCustomerList,
-} from "@/api/customerManagement/customerList";
-import { mapGetters } from "vuex";
-import { getAddressBookingList } from "@/api/systemSetup/addressBookingManagement/addressBookingManagement";
+  editCustomerList
+} from '@/api/customerManagement/customerList'
+import { mapGetters } from 'vuex'
+import { getAddressBookingList } from '@/api/systemSetup/addressBookingManagement/addressBookingManagement'
 
 import {
   updateFax,
   getfaxById,
-  SynchronousFax,
-} from "@/api/faxManager/faxManager";
-import { filterContent, getNowDateTime } from "@/utils";
-import { getCustomerList } from "@/api/customerManagement/customerList";
-import { getDictionary } from "@/api/commonAPI";
-import cuslist from "./cuslist";
-import czylist from "./czylist";
+  SynchronousFax
+} from '@/api/faxManager/faxManager'
+import { filterContent, getNowDateTime } from '@/utils'
+import { getCustomerList } from '@/api/customerManagement/customerList'
+import { getDictionary } from '@/api/commonAPI'
+import cuslist from './cuslist'
+import czylist from './czylist'
 export default {
-  name: "AddOrEdit",
+  name: 'AddOrEdit',
   props: {
     rowid: {
       type: Number,
-      default: "",
+      default: ''
     },
     faxNum: {
       type: String,
-      default: "",
+      default: ''
     },
     layerid: {
       type: String,
-      default: "",
-    },
+      default: ''
+    }
   },
   computed: {
-    ...mapGetters(["token", "username", "zxbh"]),
+    ...mapGetters(['token', 'username', 'zxbh'])
   },
   components: {
-    cuslist,
+    cuslist
   },
   data() {
     return {
-      salecode: "", // 销售经理编号
-      checkedOne: "", // 同步
-      checkedclose: "", // 闭环
-      checkednum: "", // 不用编号
-      intcolor: "", // 原始color
+      salecode: '', // 销售经理编号
+      checkedOne: '', // 同步
+      checkedclose: '', // 闭环
+      checkednum: '', // 不用编号
+      intcolor: '', // 原始color
       fileList: [], // 上传文件数组
 
       ruleForm: {
-        faxColor: "", // 颜色
-        faxPhone: "", // 传真号码
-        faxNumber: "", // 传真编号
-        clientId: "", // 客户id
-        cusCode: "", // 客户代码
-        companyName: "", // 单位名称
-        payment: "", // 付款方式
-        faxType: "", // 传真类型
-        czyId: "", // 经办人id
-        czyName: "", // 经办人
-        saleManager: "", // 销售经理
-        requiredCompletionTime: "", // 要求完成日期
-        chargeOffsTime: "", // 计划员销账日期
-        completionTime: "", // 闭环日期
-        isClose: "", // 是否关闭
-        isInitiate: "", // 是否发起
-        remark: "", // 备注
-        speciRemark: "", // 特殊要求
-        content: "", // 内容
-        cusSign: "", // 客户类型
-        planner: "", // 计划员
-        priceManager: "", // 价格管理员
-        salesManager: "", // 销售管理员
-        contractManager: "", // 合同管理员
-        customerService: "", // 客服专员
-        customer: "", // 保存传真后的客户
-        creditManager: "", // 信用管理员
-        cusTrade: "", // 所属行业
-        area: "", // 片区
-        cusPname: "", // 联系人
-        cusTel: "", // 联系号码
-        sourceType: "", // 数据来源
-        zxbh: "",
-        cusAdd: "", // 客户地址
-        cusServicerTel: "", // 客户电话
-        impSign: "", // 是否关键客户
-        salManTel: "", // 销售经理电话
-        cusAsk: "", // 客服要求
+        faxColor: '', // 颜色
+        faxPhone: '', // 传真号码
+        faxNumber: '', // 传真编号
+        clientId: '', // 客户id
+        cusCode: '', // 客户代码
+        companyName: '', // 单位名称
+        payment: '', // 付款方式
+        faxType: '', // 传真类型
+        czyId: '', // 经办人id
+        czyName: '', // 经办人
+        saleManager: '', // 销售经理
+        requiredCompletionTime: '', // 要求完成日期
+        chargeOffsTime: '', // 计划员销账日期
+        completionTime: '', // 闭环日期
+        isClose: '', // 是否关闭
+        isInitiate: '', // 是否发起
+        remark: '', // 备注
+        speciRemark: '', // 特殊要求
+        content: '', // 内容
+        cusSign: '', // 客户类型
+        planner: '', // 计划员
+        priceManager: '', // 价格管理员
+        salesManager: '', // 销售管理员
+        contractManager: '', // 合同管理员
+        customerService: '', // 客服专员
+        customer: '', // 保存传真后的客户
+        creditManager: '', // 信用管理员
+        cusTrade: '', // 所属行业
+        area: '', // 片区
+        cusPname: '', // 联系人
+        cusTel: '', // 联系号码
+        sourceType: '', // 数据来源
+        zxbh: '',
+        cusAdd: '', // 客户地址
+        cusServicerTel: '', // 客户电话
+        impSign: '', // 是否关键客户
+        salManTel: '', // 销售经理电话
+        cusAsk: '' // 客服要求
       },
       customerFlag: false,
-      faxNumber: "", // 传真编号
-      faxPhone: "",
+      faxNumber: '', // 传真编号
+      faxPhone: '',
       rules: {},
       faxType: [], // 传真类型数据
       loading: false,
-      sonmsg: "",
-      cusFax: "", // 新同步后的传真号码
-      cusFaxBackup: "", // 新同步后的传真号码
+      sonmsg: '',
+      cusFax: '', // 新同步后的传真号码
+      cusFaxBackup: '', // 新同步后的传真号码
       paymentType: [
         {
-          id: "A",
-          value: "按固定比例定期结算",
+          id: 'A',
+          value: '按固定比例定期结算'
         },
         {
-          id: "B",
-          value: "货到验收合格后，较好催收",
+          id: 'B',
+          value: '货到验收合格后，较好催收'
         },
         {
-          id: "C",
-          value: "货到验收合格后，较难催收",
+          id: 'C',
+          value: '货到验收合格后，较难催收'
         },
         {
-          id: "D",
-          value: "款到发货",
+          id: 'D',
+          value: '款到发货'
         },
         {
-          id: "E",
-          value: "款到后合同生效",
-        },
-      ],
-    };
+          id: 'E',
+          value: '款到后合同生效'
+        }
+      ]
+    }
   },
 
   created() {
-    this.faxNumber = this.faxNum;
+    this.faxNumber = this.faxNum
     if (this.rowid) {
-      this.ruleForm.id = this.rowid;
-      this.getDetail(this.ruleForm.id);
+      this.ruleForm.id = this.rowid
+      this.getDetail(this.ruleForm.id)
     }
-    this.getfaxType();
+    this.getfaxType()
     document.onkeyup = (e) => {
       if (e.keyCode === 13) {
-        this.$parent.getList();
+        this.$parent.getList()
       }
-    };
+    }
   },
   methods: {
     // 关联销售经理编号
@@ -427,69 +427,69 @@ export default {
         const params = {
           pageindex: 1, // 第几页
           pagesize: 20, // 每页几条信息
-          name: String(this.ruleForm.saleManager),
-        };
+          name: String(this.ruleForm.saleManager)
+        }
         getAddressBookingList(params).then((response) => {
-          if (response.state.toLowerCase() === "success") {
+          if (response.state.toLowerCase() === 'success') {
             if (response.data) {
-              this.salecode = response.data[0].employeeNum;
+              this.salecode = response.data[0].employeeNum
             } else {
-              this.salecode = "";
+              this.salecode = ''
             }
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
     // 选择
     selectClose(checked) {
       if (checked === true) {
-        this.ruleForm.isClose = 1;
-        this.ruleForm.chargeOffsTime = getNowDateTime();
-        this.ruleForm.completionTime = getNowDateTime();
+        this.ruleForm.isClose = 1
+        this.ruleForm.chargeOffsTime = getNowDateTime()
+        this.ruleForm.completionTime = getNowDateTime()
       } else {
-        this.ruleForm.isClose = 2;
-        this.ruleForm.completionTime = "";
+        this.ruleForm.isClose = 2
+        this.ruleForm.completionTime = ''
       }
     },
     // 保存传真信息
     submitInfo() {
-      var str = ""; // 最后的传参
-      var arr = [];
+      var str = '' // 最后的传参
+      var arr = []
       if (this.cusFax != null) {
-        arr = this.cusFax.split(",");
+        arr = this.cusFax.split(',')
       }
-      const arrBackup = this.cusFaxBackup.split(",");
-      this.cusFax = ",";
+      const arrBackup = this.cusFaxBackup.split(',')
+      this.cusFax = ','
       for (let i = 0; i < arr.length; i++) {
-        const a = this.cusFax.indexOf(arr[i]);
-        if (arr[i] === "") {
-          continue;
+        const a = this.cusFax.indexOf(arr[i])
+        if (arr[i] === '') {
+          continue
         }
-        if (this.cusFax.indexOf("," + arr[i] + ",") == -1) {
-          this.cusFax = this.cusFax + arr[i] + ",";
+        if (this.cusFax.indexOf(',' + arr[i] + ',') == -1) {
+          this.cusFax = this.cusFax + arr[i] + ','
         }
       }
       for (let i = 0; i < arrBackup.length; i++) {
-        if (arrBackup[i] === "") {
-          continue;
+        if (arrBackup[i] === '') {
+          continue
         }
         if (this.cusFax.indexOf(arrBackup[i]) == -1) {
-          this.cusFax = arrBackup[i] + "," + this.cusFax;
+          this.cusFax = arrBackup[i] + ',' + this.cusFax
         }
       }
 
       if (this.cusFax.indexOf(this.ruleForm.faxPhone) == -1) {
-        this.cusFax = this.cusFax + "," + this.ruleForm.faxPhone;
+        this.cusFax = this.cusFax + ',' + this.ruleForm.faxPhone
       }
-      this.cusFaxBackup = this.cusFax + "," + this.ruleForm.faxPhone;
-      const array = this.cusFax.split(",");
+      this.cusFaxBackup = this.cusFax + ',' + this.ruleForm.faxPhone
+      const array = this.cusFax.split(',')
       for (let i = 0; i < array.length; i++) {
         if (array[i]) {
-          str += array[i] + ",";
+          str += array[i] + ','
         }
       }
-      str = str.substring(0, str.lastIndexOf(","));
+      str = str.substring(0, str.lastIndexOf(','))
 
       return new Promise((resolve) => {
         const data = {
@@ -511,27 +511,27 @@ export default {
           cusSign: this.ruleForm.cusSign, // 客户类型
           cusServicerTel: this.ruleForm.cusServicerTel, // 客服电话
           salManTel: this.ruleForm.salManTel, // 经理电话
-          cusAsk: this.ruleForm.cusAsk, // 特殊要求
-        };
-        console.log(data);
+          cusAsk: this.ruleForm.cusAsk // 特殊要求
+        }
+        console.log(data)
         editCustomerList(data).then((res) => {
-          if (res.state.toLowerCase() === "success") {
+          if (res.state.toLowerCase() === 'success') {
             if (!this.customerFlag) {
               this.$message({
-                type: "success",
-                message: "成功保存到客户管理！",
-                duration: 1000,
-              });
+                type: 'success',
+                message: '成功保存到客户管理！',
+                duration: 1000
+              })
             }
-            this.customerFlag = false;
+            this.customerFlag = false
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
     //  提交
     submitForm() {
-      const roleId = localStorage.roleId;
+      const roleId = localStorage.roleId
       // 传真号码关联客户管理
 
       // 同步
@@ -539,139 +539,139 @@ export default {
         // var p1 = new Promise((resolve) => {
         const params = {
           sourceId: this.rowid,
-          targetFaxNumber: this.ruleForm.faxNumber,
-        };
+          targetFaxNumber: this.ruleForm.faxNumber
+        }
         SynchronousFax(params).then((response) => {
-          if (response.state.toLowerCase() === "success") {
-            this.$parent.$layer.close(this.layerid);
+          if (response.state.toLowerCase() === 'success') {
+            this.$parent.$layer.close(this.layerid)
             this.$message({
-              type: "success",
-              message: "同步成功!",
-              duration: 1000,
-            });
-            this.$parent.getList(); // 重新加载父级数据
+              type: 'success',
+              message: '同步成功!',
+              duration: 1000
+            })
+            this.$parent.getList() // 重新加载父级数据
           }
           // })
-        });
+        })
       } else {
         this.$refs.ruleForm.validate((valid) => {
           if (valid) {
-            this.loading = true;
+            this.loading = true
             // 添加
-            this.ruleForm.faxNumber = this.ruleForm.faxNumber;
+            this.ruleForm.faxNumber = this.ruleForm.faxNumber
             // this.ruleForm.faxNumber = this.faxNumber
-            this.ruleForm.faxPhone = this.faxPhone;
-            this.ruleForm.czyId = roleId;
+            this.ruleForm.faxPhone = this.faxPhone
+            this.ruleForm.czyId = roleId
             updateFax(this.ruleForm)
               .then((response) => {
-                this.loading = false;
-                if (response.state.toLowerCase() === "success") {
-                  this.$parent.$layer.close(this.layerid);
-                  this.$parent.getList(); // 重新加载父级数据
+                this.loading = false
+                if (response.state.toLowerCase() === 'success') {
+                  this.$parent.$layer.close(this.layerid)
+                  this.$parent.getList() // 重新加载父级数据
                   this.$message({
-                    type: "success",
-                    message: "恭喜你，修改成功!",
-                    duration: 1000,
-                  });
+                    type: 'success',
+                    message: '恭喜你，修改成功!',
+                    duration: 1000
+                  })
                 }
               })
               .catch(() => {
-                this.loading = false;
-              });
-            return;
+                this.loading = false
+              })
+            return
           } else {
-            this.$message.error("请输入有效的必填项信息!");
-            return false;
+            this.$message.error('请输入有效的必填项信息!')
+            return false
           }
-        });
+        })
       }
     },
     // 获取详情
     getDetail(id) {
       return new Promise((resolve) => {
         getfaxById(id).then((response) => {
-          if (response.state.toLowerCase() === "success") {
-            const res = response.data;
+          if (response.state.toLowerCase() === 'success') {
+            const res = response.data
             if (res.recvFax) {
-              if (res.recvFax.ldc == "379") {
-                this.ruleForm.faxPhone = res.faxPhone;
+              if (res.recvFax.ldc == '379') {
+                this.ruleForm.faxPhone = res.faxPhone
               } else {
                 // this.ruleForm.faxPhone = '0' + res.recvFax.ldc + res.faxPhone
-                this.ruleForm.faxPhone = res.faxPhone;
+                this.ruleForm.faxPhone = res.faxPhone
               }
             } else {
-              this.ruleForm.faxPhone = res.faxPhone; // 传真号码
+              this.ruleForm.faxPhone = res.faxPhone // 传真号码
             }
-            this.faxPhone = res.faxPhone;
-            this.cusFaxBackup = this.faxPhone;
-            this.ruleForm.clientId = res.clientId; // 客户id
+            this.faxPhone = res.faxPhone
+            this.cusFaxBackup = this.faxPhone
+            this.ruleForm.clientId = res.clientId // 客户id
             if (res.clientId) {
-              this.getcustomDetail(res.clientId);
+              this.getcustomDetail(res.clientId)
             }
-            this.ruleForm.cusCode = res.cusCode; // 客户代码
-            this.ruleForm.faxNumber = res.faxNumber; // 传真编号
-            this.ruleForm.companyName = res.companyName; // 单位名称
+            this.ruleForm.cusCode = res.cusCode // 客户代码
+            this.ruleForm.faxNumber = res.faxNumber // 传真编号
+            this.ruleForm.companyName = res.companyName // 单位名称
             this.ruleForm.payment =
-              res.payment == null ? "" : res.payment.toString(); // 付款方式
-            this.ruleForm.faxType = res.faxType; // 传真类型
-            this.ruleForm.czyId = res.czyId; // 经办人id
-            this.ruleForm.czyName = res.czyName; // 经办人
-            this.ruleForm.saleManager = res.saleManager; // 销售经理
+              res.payment == null ? '' : res.payment.toString() // 付款方式
+            this.ruleForm.faxType = res.faxType // 传真类型
+            this.ruleForm.czyId = res.czyId // 经办人id
+            this.ruleForm.czyName = res.czyName // 经办人
+            this.ruleForm.saleManager = res.saleManager // 销售经理
             if (this.ruleForm.saleManager) {
-              this.linksalecode();
+              this.linksalecode()
             }
-            this.ruleForm.requiredCompletionTime = res.requiredCompletionTime; // 要求完成日期
-            this.ruleForm.chargeOffsTime = res.chargeOffsTime; // 计划员销账日期
-            this.ruleForm.completionTime = res.completionTime; // 闭环日期
-            this.ruleForm.isClose = res.isClose;
-            if (res.isClose == "1") {
-              this.checkedclose = true;
+            this.ruleForm.requiredCompletionTime = res.requiredCompletionTime // 要求完成日期
+            this.ruleForm.chargeOffsTime = res.chargeOffsTime // 计划员销账日期
+            this.ruleForm.completionTime = res.completionTime // 闭环日期
+            this.ruleForm.isClose = res.isClose
+            if (res.isClose == '1') {
+              this.checkedclose = true
             } else {
-              this.checkedclose = false;
+              this.checkedclose = false
             }
-            this.ruleForm.isInitiate = res.isInitiate; // 是否发起
-            this.ruleForm.remark = res.remark; // 备注
-            this.ruleForm.speciRemark = res.speciRemark; // 特殊要求
-            this.ruleForm.content = res.content; // 内容
-            this.ruleForm.cusSign = res.cusSign; // 客户类型
-            this.ruleForm.planner = res.planner; // 计划员
-            this.ruleForm.priceManager = res.priceManager; // 价格管理员
-            this.ruleForm.salesManager = res.salesManager; // 销售管理员
-            this.ruleForm.contractManager = res.contractManager; // 合同管理员
-            this.ruleForm.customerService = res.customerService; // 客服专员
-            this.ruleForm.creditManager = res.creditManager; // 信用管理员
-            this.intcolor = res.faxColor;
-            if (this.intcolor === "2") {
-              this.checkednum = true;
+            this.ruleForm.isInitiate = res.isInitiate // 是否发起
+            this.ruleForm.remark = res.remark // 备注
+            this.ruleForm.speciRemark = res.speciRemark // 特殊要求
+            this.ruleForm.content = res.content // 内容
+            this.ruleForm.cusSign = res.cusSign // 客户类型
+            this.ruleForm.planner = res.planner // 计划员
+            this.ruleForm.priceManager = res.priceManager // 价格管理员
+            this.ruleForm.salesManager = res.salesManager // 销售管理员
+            this.ruleForm.contractManager = res.contractManager // 合同管理员
+            this.ruleForm.customerService = res.customerService // 客服专员
+            this.ruleForm.creditManager = res.creditManager // 信用管理员
+            this.intcolor = res.faxColor
+            if (this.intcolor === '2') {
+              this.checkednum = true
             } else {
-              this.checkednum = false;
+              this.checkednum = false
             }
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
     getcustomDetail(clientId) {
       const params = {
-        clientId: clientId,
-      };
+        clientId: clientId
+      }
       getCusDetail(params).then((response) => {
-        if (response.state.toLowerCase() === "success") {
-          const res = response.data;
+        if (response.state.toLowerCase() === 'success') {
+          const res = response.data
           if (res) {
-            this.cusFax = res.cusFax;
-            this.customerFlag = true;
-            this.submitInfo();
+            this.cusFax = res.cusFax
+            this.customerFlag = true
+            this.submitInfo()
           }
         }
-      });
+      })
     },
     // 是否用编号
     selcolor(checked) {
       if (checked === true) {
-        this.ruleForm.faxColor = 2;
+        this.ruleForm.faxColor = 2
       } else {
-        this.ruleForm.faxColor = 1;
+        this.ruleForm.faxColor = 1
       }
     },
     // 重置
@@ -686,11 +686,11 @@ export default {
         content: {
           content: cuslist, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: {}, // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+          data: {} // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
         },
-        area: ["60%", "500px"],
-        title: "客户信息",
-      });
+        area: ['60%', '500px'],
+        title: '客户信息'
+      })
     },
     // 选择经办人
     btn_selczy() {
@@ -699,11 +699,11 @@ export default {
         content: {
           content: czylist, // 传递的组件对象
           parent: this, // 当前的vue对象
-          data: {}, // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+          data: {} // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
         },
-        area: ["60%", "500px"],
-        title: "经办人信息",
-      });
+        area: ['60%', '500px'],
+        title: '经办人信息'
+      })
     },
     // 获取传真类型
     getfaxType() {
@@ -712,51 +712,51 @@ export default {
           f_IsLeaf: 1,
           parentId: 305,
           pageindex: 1,
-          pagesize: 20,
-        };
+          pagesize: 20
+        }
         getDictionary(params).then((response) => {
-          if (response.state.toLowerCase() === "success") {
-            this.faxType = response.data;
+          if (response.state.toLowerCase() === 'success') {
+            this.faxType = response.data
           }
-        });
-      });
+        })
+      })
     },
     // 选择传真类型
     selectFaxtype(e) {
-      this.ruleForm.faxType = e;
+      this.ruleForm.faxType = e
     },
     selectpayment(e) {
-      this.ruleForm.payment = e;
+      this.ruleForm.payment = e
     },
     // 同步单位名称
     getcusName(data) {
-      this.cusFax = data.cusFax; // 传真号码
-      this.ruleForm.clientId = data.clientId; // 行id
-      this.ruleForm.companyName = data.cusName; // 客户名称
-      this.ruleForm.cusCode = data.cusCode; // 客户代码
-      this.ruleForm.saleManager = data.salMan; // 销售经理
-      this.ruleForm.cusSign = data.cusSign; // 客户类型
-      this.ruleForm.payment = data.cusCc == null ? "" : data.cusCc.toString(); // 付款方式
-      this.ruleForm.cusTrade = data.cusTrade; // 所属行业
-      this.ruleForm.area = data.area; // 片区
-      this.ruleForm.cusPname = data.cusPname; // 联系人
-      this.ruleForm.cusTel = data.cusTel; // 联系电话
-      this.ruleForm.sourceType = data.sourceType; // 数据来源
-      this.ruleForm.zxbh = data.zxbh; // 维护人
-      this.ruleForm.customer = data.cusServicer; // 客服专员
-      this.ruleForm.cusAdd = data.cusAdd; // 客户地址
-      this.ruleForm.cusServicerTel = data.cusServicerTel; // 客服电话
-      this.ruleForm.impSign = data.impSign; // 是否关键客户
-      this.ruleForm.salManTel = data.salManTel; // 销售经理电话
-      this.ruleForm.cusAsk = data.cusAsk; // 客服要求
+      this.cusFax = data.cusFax // 传真号码
+      this.ruleForm.clientId = data.clientId // 行id
+      this.ruleForm.companyName = data.cusName // 客户名称
+      this.ruleForm.cusCode = data.cusCode // 客户代码
+      this.ruleForm.saleManager = data.salMan // 销售经理
+      this.ruleForm.cusSign = data.cusSign // 客户类型
+      this.ruleForm.payment = data.cusCc == null ? '' : data.cusCc.toString() // 付款方式
+      this.ruleForm.cusTrade = data.cusTrade // 所属行业
+      this.ruleForm.area = data.area // 片区
+      this.ruleForm.cusPname = data.cusPname // 联系人
+      this.ruleForm.cusTel = data.cusTel // 联系电话
+      this.ruleForm.sourceType = data.sourceType // 数据来源
+      this.ruleForm.zxbh = data.zxbh // 维护人
+      this.ruleForm.customer = data.cusServicer // 客服专员
+      this.ruleForm.cusAdd = data.cusAdd // 客户地址
+      this.ruleForm.cusServicerTel = data.cusServicerTel // 客服电话
+      this.ruleForm.impSign = data.impSign // 是否关键客户
+      this.ruleForm.salManTel = data.salManTel // 销售经理电话
+      this.ruleForm.cusAsk = data.cusAsk // 客服要求
     },
     // 经办人
     getcusUsername(data, id) {
-      this.ruleForm.czyName = data;
-      this.ruleForm.czyId = id;
-    },
-  },
-};
+      this.ruleForm.czyName = data
+      this.ruleForm.czyId = id
+    }
+  }
+}
 </script>
 <style scoped rel="stylesheet/scss" lang="scss">
 /deep/.faxNumber .el-input__inner {
@@ -780,7 +780,7 @@ export default {
   padding: 5px;
 }
 .el-input.is-disabled .el-input__inner {
-  /* color: #606260 !important; */
+  color: #606260 !important;
   font-weight: 600 !important;
 }
 .el-input__inner::placeholder {