From 8f63b0f13e6af84cf197aea97655bc62c95d5f39 Mon Sep 17 00:00:00 2001 From: douzhuo <17611323298@163.com> Date: Tue, 19 Jul 2022 14:51:24 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E6=97=A5=E6=8A=A5=E5=91=A8?= =?UTF-8?q?=E6=8A=A5=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/Receive/index.vue | 1106 +++++++++++++++++++++++++---------- vue.config.js | 4 +- 2 files changed, 812 insertions(+), 298 deletions(-) diff --git a/src/views/Receive/index.vue b/src/views/Receive/index.vue index 3bb2e22..921b4c8 100644 --- a/src/views/Receive/index.vue +++ b/src/views/Receive/index.vue @@ -8,47 +8,82 @@
- {{ + {{ userinformationlist.visitRecord == 1 ? "首" : userinformationlist.visitRecord || "" - }}次到访 + }}次到访 - {{ yibiaoji || "" }} - {{ yibiaoji || "" }} -   {{ - userinformationlist.validInvalidName || "" - }} + {{ + yibiaoji || "" + }} + {{ yibiaoji || "" }} +   {{ userinformationlist.validInvalidName || "" }}
-
+
-
- - 加精成功 +
+ + 加精成功
-
+
- 设置加精 + 设置加精
-
-
- - {{ userinformationlist.validInvalidName - }} +
+
+ + {{ userinformationlist.validInvalidName }}
-
- - {{ userinformationlist.validInvalidName - }} +
+ + {{ userinformationlist.validInvalidName }}
-
+
- 导出话术 + 导出话术
@@ -59,11 +94,17 @@
- +
-
+
上一首
@@ -74,26 +115,40 @@ 下一首
-
+
0.5x
-
+
1.0x
-
+
1.5x
-
+
2.0x
-
+
客户：{{ - userinformationlist.name || "" + userinformationlist.name || "" }}
@@ -115,11 +170,11 @@
-
- 最近到访时间：{{userinformationlist.createTime || ""}} - -
- +
+ 最近到访时间：{{ userinformationlist.createTime || "" }} +
@@ -129,72 +184,140 @@
-
+
请输入关键词
搜索
-
- 文本优化 + " + > + 文本优化
-
+
- {{ item.name }} + {{ item.name }}
- 标记 + 标记
-
+
-
+ }" + :key="index" + :data-speaker="item.speaker" + v-if="roleindex == 0 || item.speaker == roleindex" + >
- +
- +
-
+
- + {{ item.speaker | toCapital }} {{ item.bg | timestamp }}
-
- +
+
@@ -203,59 +326,135 @@
-
-
+ " + > +
客户意向
- 校准 + 校准
-
+
- 系统分析 + 系统分析 - 人工校准 + 人工校准
-
+
暂无数据
-
+
{{ item.name }}
-
+
{{ funche.name }}
-
+
{{ funche.name }}
-
+
{{ funche.name }}
-
+
{{ funche.name }}
@@ -264,52 +463,74 @@
-
-
+
+
销讲执行
-
-
+
- 销讲总执行率{{ - userinformationlist.fraction || 0 - }}% - 禁忌执行 - + 销讲总执行率{{ userinformationlist.fraction || 0 }}% + 禁忌执行
-
-
+
+ " + > 指标
@@ -325,27 +546,74 @@
{{ item.name }}
-
-
+
+
-
+ :style="{ + width: + ( + (item.ratepercent / item.rate).toFixed(2) * 100 + ).toFixed() + '%', + height: '16px', + background: '#07B79D', + borderRadius: '8px', + }" + >
{{ ((item.ratepercent - / item.rate).toFixed(2) * 100).toFixed() - }}% + style=" + position: absolute; + top: -12px; + font-size: 10px; + right: 12px; + color: #000; + " + >{{ + ( + (item.ratepercent / item.rate).toFixed(2) * 100 + ).toFixed() + }}%
- - + +
-
-
+
+
{{ subitem.name }}
@@ -356,41 +624,88 @@
-
-
+
+
{{ index + 1 }}、{{ item }}
- + - + - + -
+
取 消 确 定
- -
+
-
+ " + > +
{{ item.name }}
@@ -400,33 +715,60 @@
- +
-
+
{{ item.name }}
-
+
{{ item1.label }}
-
+
取 消 确 定
- +
没电指派无录音 @@ -440,14 +782,21 @@ 其他
- + " + name="" + placeholder="备注" + cols="30" + rows="10" + >
@@ -456,9 +805,14 @@
-
+
-
+ " + > 文本优化 - +
-
- - 搜索 + style=" + width: 100%; + display: flex; + height: 32px; + justify-content: space-between; + padding: 0 15px; + margin-bottom: 20px; + " + > +
+ + 搜索
-
-
+ " + > +
- 纠正 + 纠正     - 删除 - 修改角色 + 删除 + 修改角色
@@ -502,31 +911,49 @@
-
+
-
+ " + >
- 保存并更新文本 - 恢复当前文本 + 保存并更新文本 + 恢复当前文本
- 保存草稿 + 保存草稿
- +
- +
错误内容： @@ -534,7 +961,12 @@
纠正内容：
- +
@@ -544,7 +976,13 @@
- +
-
- - 搜索 +
+ + 搜索
-
+
@@ -573,25 +1038,57 @@
{{ formatTime(item.transferContent.bg) }}
-
+
-
- 取 消 +
+ 取 消
- -
-
角色纠正：
- - - - + +
+
+
+ 角色纠正： +
+ 新增角色 +
- 新增角色 +
+
+ {{ data.name }} +
+
取消 @@ -615,7 +1112,7 @@ import { saveAs } from "file-saver"; export default { data() { return { - mg:0, + mg: 0, recordsText: [], roleVisible: false, roleFlag: "0", @@ -708,7 +1205,7 @@ export default { this.rec_index_todo = this.permissions["rec_index_todo"]; //禁忌 this.rec_index_receflag = this.permissions["rec_index_receflag"]; //接待标记 this.rec_index_textyh = this.permissions["rec_index_textyh"]; //文本优化 - console.log(this.permissions) + console.log(this.permissions); }, mounted() { this.fileId = this.$route.query.flag; @@ -719,10 +1216,10 @@ export default { computed: { ...mapGetters(["permissions"]), optimizetext1() { - return this.optimizetext.filter(value => { - return value.onebest.match(this.searchText) - }) - } + return this.optimizetext.filter((value) => { + return value.onebest.match(this.searchText); + }); + }, }, destroyed() { this.aplayer.destroy(); @@ -758,26 +1255,28 @@ export default { }, methods: { - closeTextYh(){ + chooseRoles(index) { + this.roleFlag = index; + }, + closeTextYh() { this.dialogFormtext = false; }, // 格式化话术内容 formatAudioList() { - let list = this.arr[0].audioContent - list = JSON.parse(list) - console.log(list) - list.map(item => { + let list = this.arr[0].audioContent; + list = JSON.parse(list); + console.log(list); + list.map((item) => { this.outSpeechSkillList.push({ id: this.$options.filters.toCapital(item.speaker), times: this.$options.filters.timestamp(item.bg), - content: item.onebest.replace(/<.*?>/gi, "") - }) - }) + content: item.onebest.replace(/<.*?>/gi, ""), + }); + }); - console.log(this.outSpeechSkillList) + console.log(this.outSpeechSkillList); }, - // 导出word exportWord() { // 读取并获得模板文件的二进制内容 @@ -830,28 +1329,28 @@ export default { if (index >= 0) { switch (index) { case 1: - obj.color = '#60CBEC'; + obj.color = "#60CBEC"; break; case 2: - obj.color = '#EC8B47'; + obj.color = "#EC8B47"; break; case 3: - obj.color = '#4F861E'; + obj.color = "#4F861E"; break; case 5: - obj.color = '#4980C8'; + obj.color = "#4980C8"; break; case 6: - obj.color = '#60CBEC'; + obj.color = "#60CBEC"; break; case 7: - obj.color = '#EC8B47'; + obj.color = "#EC8B47"; break; case 8: - obj.color = '#4F861E'; + obj.color = "#4F861E"; break; default: - obj.color = '#9F61C8'; + obj.color = "#9F61C8"; break; } } else { @@ -866,60 +1365,60 @@ export default { if (index >= 0) { switch (index) { case 1: - obj.color = '#5B8FF9'; - obj.border='1px solid #5B8FF9'; + obj.color = "#5B8FF9"; + obj.border = "1px solid #5B8FF9"; break; case 2: - obj.color = '#E6625B'; - obj.border='1px solid #E6625B'; + obj.color = "#E6625B"; + obj.border = "1px solid #E6625B"; break; case 3: - obj.color = '#FF981E'; - obj.border='1px solid #FF981E'; + obj.color = "#FF981E"; + obj.border = "1px solid #FF981E"; break; case 5: - obj.color = '#F6BD16'; - obj.border='1px solid #F6BD16'; + obj.color = "#F6BD16"; + obj.border = "1px solid #F6BD16"; break; case 6: - obj.color = '#07B79D'; - obj.border='1px solid #07B79D'; + obj.color = "#07B79D"; + obj.border = "1px solid #07B79D"; break; case 7: - obj.color = '#9B6BDF'; - obj.border='1px solid #9B6BDF'; + obj.color = "#9B6BDF"; + obj.border = "1px solid #9B6BDF"; break; case 8: - obj.color = '#3eafb1'; - obj.border='1px solid #3eafb1'; + obj.color = "#3eafb1"; + obj.border = "1px solid #3eafb1"; break; case 9: - obj.color = '#FF99C3'; - obj.border='1px solid #FF99C3'; + obj.color = "#FF99C3"; + obj.border = "1px solid #FF99C3"; break; case 10: - obj.color = '#1E9493'; - obj.border='1px solid #1E9493'; + obj.color = "#1E9493"; + obj.border = "1px solid #1E9493"; break; case 11: - obj.color = '#BA3FB7'; - obj.border='1px solid #BA3FB7'; + obj.color = "#BA3FB7"; + obj.border = "1px solid #BA3FB7"; break; case 12: - obj.color = '#54BEF3'; - obj.border='1px solid #54BEF3'; + obj.color = "#54BEF3"; + obj.border = "1px solid #54BEF3"; break; case 13: - obj.color = '#3C21F7'; - obj.border='1px solid #3C21F7'; + obj.color = "#3C21F7"; + obj.border = "1px solid #3C21F7"; break; case 14: - obj.color = '#F87148'; - obj.border='1px solid #F87148'; + obj.color = "#F87148"; + obj.border = "1px solid #F87148"; break; default: - obj.color = '#3EB171'; - obj.border='1px solid #3EB171'; + obj.color = "#3EB171"; + obj.border = "1px solid #3EB171"; break; } } else { @@ -947,6 +1446,7 @@ export default { }).then((res) => { this.optimizetext1[this.roleidx].speaker = this.roleFlag / 1 + 1; this.roleVisible = false; + this.init(); }); }, //修改角色 @@ -980,8 +1480,8 @@ export default { } else { this.arr[this.aplayerId].audioContent != "" ? (this.transcriptionlist = JSON.parse( - this.arr[this.aplayerId].audioContent - )) + this.arr[this.aplayerId].audioContent + )) : (this.transcriptionlist = []); this.recordPath = this.arr[this.aplayerId].recordPath; } @@ -995,8 +1495,8 @@ export default { } else { this.arr[this.aplayerId].audioContent != "" ? (this.transcriptionlist = JSON.parse( - this.arr[this.aplayerId].audioContent - )) + this.arr[this.aplayerId].audioContent + )) : (this.transcriptionlist = []); this.recordPath = this.arr[this.aplayerId].recordPath; } @@ -1121,8 +1621,10 @@ export default { }) .then(() => { // that.optimizetext.splice(i, 1); - this.optimizetext = this.optimizetext.filter(tt => tt.onebest != t.onebest) - this.$forceUpdate() + this.optimizetext = this.optimizetext.filter( + (tt) => tt.onebest != t.onebest + ); + this.$forceUpdate(); this.$message({ type: "success", message: "删除成功!", @@ -1319,11 +1821,7 @@ export default { }); }, addRole() { - console.log("添加角色"); - - this.tablist.push({ - name: String.fromCharCode(this.tablist.length + 64), - }); + console.log("添加角色") this.roleList.push({ name: String.fromCharCode(this.roleList.length + 65), }); @@ -1363,7 +1861,7 @@ export default { .toMatchKeywords({ carId: this.fileId, }) - .then((res) => { }); + .then((res) => {}); }, // 获取用户信息 init() { @@ -1394,7 +1892,7 @@ export default { this.$message.warning("常错词不能超过8个字!"); return; } else { - let reg = /^[0-9]+$/ + let reg = /^[0-9]+$/; if (reg.test(this.form.wrongWord)) { this.$message.warning("常错词不能为纯数字！"); return; @@ -1415,7 +1913,6 @@ export default { } } } - }, //常错词提交 subWrongMsg() { @@ -1426,7 +1923,7 @@ export default { wrongWord: this.form.wrongWord, customerId: this.fileId, houseId: this.userinformationlist.projectId, - translateHtmlContent: this.arr[this.aplayerId].audioContent + translateHtmlContent: this.arr[this.aplayerId].audioContent, }) .then((res) => { this.$message.success("保存成功"); @@ -1443,7 +1940,7 @@ export default { //常错词点击 checkMsg(row, index) { - this.correctListFun() + this.correctListFun(); if (this.rec_index_wrongword == false) { return; } @@ -1455,14 +1952,14 @@ export default { this.dialogFormVisible = true; this.argtextindex = index; this.isNum = false; - let reg = /^[0-9]+$/ + let reg = /^[0-9]+$/; if (reg.test(this.form.wrongWord)) { - this.isNum = true + this.isNum = true; } }, correctListFun() { let obj = { - houseId: localStorage.getItem("houseId") + houseId: localStorage.getItem("houseId"), }; this.$api.api.correctList(obj).then((res) => { this.mistakenList = res.data.map((item) => { @@ -1599,8 +2096,8 @@ export default { this.recordPath = audopbj[this.AudioIdx].recordPath; audopbj[this.AudioIdx].audioContent != "" ? (this.transcriptionlist = JSON.parse( - audopbj[this.AudioIdx].audioContent - )) + audopbj[this.AudioIdx].audioContent + )) : (this.transcriptionlist = []); // this.transcriptionlist=JSON.parse(audopbj[this.AudioIdx].audioContent) this.tablist = []; @@ -1697,7 +2194,7 @@ export default { this.aplayerLength = audopbj.length; this.arr = res.data; this.bofangchushihua(); - this.formatAudioList() + this.formatAudioList(); }); }, tapspagek(i) { @@ -1763,8 +2260,11 @@ export default { //下载 download() { console.log(this.recordPath); - saveAs(`http://81.70.55.170:9999/autoSR/zk/file/filedownload?videoSrc=${this.recordPath}`, "audio.mp3"); - return + saveAs( + `http://81.70.55.170:9999/autoSR/zk/file/filedownload?videoSrc=${this.recordPath}`, + "audio.mp3" + ); + return; this.exportMethodPost("/autoSR/zk/file/filedownload", "接待详情", { videoSrc: this.recordPath, }); @@ -1778,7 +2278,7 @@ export default { responseType: "blob", }) .then((res) => { - console.log(res, 'adasdjslakd') + console.log(res, "adasdjslakd"); let blob = new Blob([res], { type: "audio/*" }); saveAs(blob, "audio.mp3"); @@ -1800,7 +2300,7 @@ export default { }) .catch((error) => { console.log(error); - this.$message.error('请求超时') + this.$message.error("请求超时"); }); }, }, @@ -1812,7 +2312,7 @@ export default { display: block; width: 16px; height: 16px; - background: url('./icon/exportIcon.png') no-repeat; + background: url("./icon/exportIcon.png") no-repeat; background-size: 100%; } @@ -1835,11 +2335,11 @@ export default { line-height: 20px; } -.biaotibox>div:nth-of-type(1) { +.biaotibox > div:nth-of-type(1) { width: 50%; } -.biaotibox>div:nth-of-type(2) { +.biaotibox > div:nth-of-type(2) { width: 50%; font-size: 30px; text-align: right; @@ -1949,7 +2449,7 @@ export default { } .activecoloc .content123 div { - color: #2671E2 !important; + color: #2671e2 !important; } .center2 .text .avatar { @@ -2105,7 +2605,7 @@ export default { line-height: 24px; background: rgba(230, 98, 91, 0.07); text-align: center; - color: #E6625B; + color: #e6625b; border-radius: 4px; } } @@ -2492,7 +2992,7 @@ export default { display: block; } -.searchbox54 .avatar{ +.searchbox54 .avatar { width: 40px; height: 40px; /*background-color: #f2f2f2;*/ @@ -2503,11 +3003,11 @@ export default { // justify-content: center; // align-items: center; display: flex; - align-items: center; - justify-content: center; + align-items: center; + justify-content: center; } -.searchbox54 .avatar div{ +.searchbox54 .avatar div { width: 40px; height: 40px; /*background-color: #f2f2f2;*/ @@ -2518,8 +3018,22 @@ export default { // justify-content: center; // align-items: center; display: flex; - align-items: center; - justify-content: center; + align-items: center; + justify-content: center; +} + +.roles { + width: 100%; + display: flex; + flex-wrap: wrap; +} +.roles .viewclace { + flex-shrink: 0; +} +.roles .act { + background: #0b6cbc; + color: #fff; + border-color: #0b6cbc; } .searchbox54 { @@ -2532,33 +3046,33 @@ export default { padding-bottom: 20px; } -.searchbox54>div:nth-of-type(1) { +.searchbox54 > div:nth-of-type(1) { width: 17%; height: 100%; text-align: center; margin-top: 18px; } -.searchbox54>div:nth-of-type(2) { +.searchbox54 > div:nth-of-type(2) { width: 83%; margin-top: 20px; } .adjskdjroleindexclass { - background: #F4F5F7 !important; + background: #f4f5f7 !important; color: #333333 !important; } -/deep/ .el-dialog--center{ +/deep/ .el-dialog--center { border-radius: 8px; - .el-dialog__title{ + .el-dialog__title { font-weight: bold; } } -/deep/ .el-button--primary{ - background: #2671E2 !important; - border: 1px solid #2671E2 !important; +/deep/ .el-button--primary { + background: #2671e2 !important; + border: 1px solid #2671e2 !important; } -/deep/ .el-button--text{ - color: #2671E2; +/deep/ .el-button--text { + color: #2671e2; } diff --git a/vue.config.js b/vue.config.js index 3698f20..8f7a4fa 100644 --- a/vue.config.js +++ b/vue.config.js @@ -6,10 +6,10 @@ // const url = 'http://192.168.31.152:9999' // 泽明 // const url = 'http://62.234.122.43:9999' //正式 // const url = 'http://81.70.55.170:9999' // 新测试服务器IP -const url = 'http://192.168.31.101:9999' // 胜浩 +// const url = 'http://192.168.31.101:9999' // 胜浩 // const url = 'https://zanyong.hfju.com' // 正式域名 // const url = 'http://127.0.0.1:9999' // 本地 -// const url = 'http://81.70.55.170:9999' // 新测试 +const url = 'http://81.70.55.170:9999' // 新测试 // const url = 'http://82.156.35.22:9999' // 新正式ip const CompressionWebpackPlugin = require('compression-webpack-plugin') const productionGzipExtensions = ['js', 'css']