diff --git a/src/page/wel.vue b/src/page/wel.vue index e7eae00..fbed4e8 100644 --- a/src/page/wel.vue +++ b/src/page/wel.vue @@ -455,6 +455,67 @@ + 数据有所增长 + 数据有所下降 + + + + +
+
+
+
+
+
平均需求挖掘率
+ + + +
+
+ {{ cardlist.datalist.prohibitedZb || 0 }}% +
+
+ +
+ +
+
+
+
+ + 环比:{{ cardlist.sequential.prohibitedZb || 0 }} + + + +{{ cardlist.liftlist.prohibitedZb || 0 }}% + + + + {{ cardlist.liftlist.prohibitedZb || 0 }}% + + + 销讲总执行率{{ userinformationlist.fraction || 0 }}% 禁忌执行 - 需求挖掘率 + 需求挖掘率{{ userinformationlist.fraction || 0 }}%
@@ -512,8 +512,7 @@
- - +
@@ -594,7 +593,7 @@
- +
-
+
指标
执行
-
- 匹配标签 -
+
匹配标签
-
-
-
-
- {{ item.name }} -
-
-
-
- {{ - ( - (item.ratepercent / item.rate).toFixed(2) * 100 - ).toFixed() - }}% +
+
+
+ +
+
+
{{item.name}}
+
执行{{item.fraction||0}}%
+
已匹配({{item.keywordsList&&item.keywordsList.length}})
+
未匹配
+
+ + +
+
+
+ +
+
客户标签:{{getKeywordsList(subitem.keywordsList)}}
+
需求挖掘话术
+
+
+ +
{{question.showFormatExpression||question.keywordsName}}
+
+
+
+
+
{{subitem.name}}
+
+
已执行
+
未执行
+
+
+
已匹配
+
未匹配
+
+
+
+
+
-
- - + +
+
+ +
+
客户标签:{{getKeywordsList(item.keywordsList)}}
+
需求挖掘话术
+
+
+ +
{{question.showFormatExpression||question.keywordsName}}
+
+
+
+
+
{{item.name}}
+
执行{{item.fraction||0}}%
+
已匹配({{item.keywordsList&&item.keywordsList.length}})
+
未匹配
+
+
+
+
-
-
-
-
- {{ subitem.name }} -
-
-
已执行
-
未执行
-
-
+
+ 本次接待执行 + 之前接待执行 + 未执行
@@ -1182,6 +1171,7 @@ import { saveAs } from "file-saver"; export default { data() { return { + keyWordsList: [], imgArr: ['', 'https://static.quhouse.com/37e0de3f8d1c421dac8bf699d5e7992d.png', 'https://static.quhouse.com/b106e8e75db24a59a579a15a78830a76.png', 'https://static.quhouse.com/8443a2ecb81d4639991ab29c422e9949.png', 'https://static.quhouse.com/1cd794cb6c974d9dad948a6dd444518b.png',], mg: 0, recordsText: [], @@ -1276,6 +1266,7 @@ export default { this.fileId = this.$route.query.flag; this.AudioIdx = this.$route.query.AudioIdx; this.info = getStore({ name: "userInfo" }); + this.findKeyWordsBycusId(); this.init(); }, computed: { @@ -1337,6 +1328,95 @@ export default { }, methods: { + changeshow1(item){ + item.show = !item.show + }, + //挖掘率话术客户标签展示 + getKeywordsList(list){ + let keywords = [] + if(list&&list.length){ + keywords = list.map(item=>item.name) + }else{ + return '--' + } + return keywords.join(',') + }, + //需求挖掘率-需求话术 + findKeyWordsBycusId() { + // axios({ + // url: `${jypath}/customer/findKeyWordsBycusId`, + // method: 'get', + // params: { + // cusId: this.fileId + // } + // }).then(data => { + // if (data.data.res == 1) { + // // console.log(data.data.obj) + // let tempData = data.data.obj + // if(tempData.length){ + // tempData.forEach((item,index)=>{ + // item.show = false + // if(index==0){ + // item.show = true + // } + // }) + // }else{ + // tempData = [] + // } + // this.keyWordsList = tempData + // console.log(this.keyWordsList) + // } + // }) + this.keyWordsList = [{ + show: true, + fraction: 10, + name:'中亚', + children: [{ + name:'sdcsd', + isAskQuestions: 1, + },{ + name:'大城市sdcsd', + isAskQuestions: 0, + }], + modelList: [ + {isAskQuestions: 2, + selected: 0, + keywordsName:'as', + name: 'as'}, + {isAskQuestions: 2, + selected: 1, + keywordsName:'aeeeees', + name: 'addds'}, + ] + },{ + show: false, + fraction: 10, + name:'中ddd亚', + children: [], + modelList: [ + {isAskQuestions: 0, + selected: 0, + keywordsName:'aeeeees', + name: 'as'}, + {isAskQuestions: 1, + keywordsName:'aeees', + selected: 1, + name: 'addds'}, + {isAskQuestions: 1, + keywordsName:'aeees', + selected: 1, + name: 'addds'}, + {isAskQuestions: 1, + keywordsName:'aeees', + selected: 1, + name: 'addds'}, + {isAskQuestions: 1, + keywordsName:'aeees', + selected: 1, + name: 'addds'}, + ] + }] + }, // 对话加命中标签 dealTypes(type){ if(type){ @@ -1376,7 +1456,7 @@ export default { }); }); - console.log(this.outSpeechSkillList); + // console.log(this.outSpeechSkillList); }, // 导出word @@ -2387,6 +2467,110 @@ export default { background-color: #2671e2 !important; border-color: #2671e2 !important; } +/deep/.el-radio-button--small .el-radio-button__inner{ + padding: 9px 10px !important; +} + .rateboxcenttit { + width: 100%; + height: 44px; + background: #F8F8F8; + display: flex; + align-items: center; + color: #333333; + font-size: 16px; + &>div { + flex:1; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + text-align: center; + } + } + .ratebutton { + width: 68px; + height: 26px; + background: #2671E2; + border-radius: 4px; + font-size: 14px; + font-weight: 400; + color: #FFFFFF; + text-align: center; + line-height: 26px; + margin:0 auto; + } + + .ratebutton1 { + width: 68px; + height: 26px; + background: #F2F2F2; + border-radius: 4px; + font-size: 14px; + font-weight: 400; + color: #999999; + text-align: center; + line-height: 26px; + margin:0 auto; + } + + /*话术*/ + .huashu-title{ + background: #fff; + font-size: 16px; + line-height: 20px; + padding: 10px 20px; + } + .huashu{ + width: 400px; + padding: 0 20px 30px; + display: flex; + align-items: center; + flex-wrap: wrap; + background: #fff; + .huashu-item{ + margin-right: 20px; + height: 30px; + line-height: 30px; + display: flex; + align-items: center; + .text{ + font-size: 14px; + color: #666; + margin-left: 5px; + + } + } + } + + .rateboxcent { + width: 100%; + height: 50px; + border-bottom: 1px solid #F8F8F8; + display: flex; + align-items: center; + color: #666666; + font-size: 14px; + &>div{ + flex:1; + text-align: center; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + } + +.mydesc{ + position: absolute; + bottom: 0; + left: 0; + right: 0; + padding: 0 10px; + height: 40px; + border-top: 1px solid #ccc; + display: flex; + justify-content: space-between; + align-items: center; + background: #fff; +} /*对话的标签标识*/ .content123 .showmark{ font-size: 14px; @@ -2426,9 +2610,10 @@ export default { } #zxldiv { + height: calc(70vh - 220px); + // padding-bottom: 50px; overflow-y: scroll; - // height: 100%; - height: calc(70vh - 248px); + position: relative; } .biaotibox { @@ -2481,7 +2666,6 @@ export default { width: 100%; height: 95%; min-width: 1000px; - // padding-bottom: 100px; background: #ffffff; } @@ -2562,7 +2746,6 @@ export default { .center2 .text .avatar { width: 34px; height: 34px; - // background-color: #ccc; border-radius: 50%; display: flex; justify-content: center; @@ -2650,7 +2833,6 @@ export default { height: 100%; text-align: center; line-height: 38px; - // color: #ffffff; font-size: 24px; border-radius: 4px; } @@ -2726,7 +2908,6 @@ export default { width: 94%; margin: 0 auto; padding-bottom: 12px; - // border-bottom: 1px solid #e0e0e0; } .intentionChe { @@ -2985,7 +3166,6 @@ export default { .aplayer { box-shadow: none; - /*width: 80%;*/ width: 95.3%; } @@ -3102,13 +3282,7 @@ export default { .searchbox54 .avatar { width: 40px; height: 40px; - /*background-color: #f2f2f2;*/ - // background-color: #ccc; border-radius: 4px; - // margin-left: 5px; - // display: flex; - // justify-content: center; - // align-items: center; display: flex; align-items: center; justify-content: center; @@ -3117,13 +3291,7 @@ export default { .searchbox54 .avatar div { width: 40px; height: 40px; - /*background-color: #f2f2f2;*/ - // background-color: #ccc; border-radius: 4px; - // margin-left: 5px; - // display: flex; - // justify-content: center; - // align-items: center; display: flex; align-items: center; justify-content: center;