@@ -26,7 +26,7 @@ | |||||
</el-select> | </el-select> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="addlevl" v-if="yyc_add_level1" @click="append1()"> | |||||
<div class="addlevl" style="cursor:pointer;" v-if="yyc_add_level1" @click="append1()"> | |||||
新增一级 | 新增一级 | ||||
</div> | </div> | ||||
<div style="width: 100%; margin-top: 20px"> | <div style="width: 100%; margin-top: 20px"> | ||||
@@ -4,7 +4,7 @@ | |||||
<div class="app-top"> | <div class="app-top"> | ||||
<div class="app-titel" style="margin-top: 5px"> | <div class="app-titel" style="margin-top: 5px"> | ||||
<div class="div-lab"> | <div class="div-lab"> | ||||
<div class="label">更新时间:</div> | |||||
<div class="label">添加时间:</div> | |||||
<el-date-picker | <el-date-picker | ||||
v-model="time" | v-model="time" | ||||
type="daterange" | type="daterange" | ||||
@@ -86,7 +86,8 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<div style="width: 100%"> | <div style="width: 100%"> | ||||
<div class="center2" style="width: 100%;height:410px;overflow-y: scroll;"> | |||||
<!-- v-bind:style="{ height: condivhe + 'px' }" --> | |||||
<div class="center2" id="center2" > | |||||
<div class="text" :data-bg="item.bg" :data-ed="item.ed" v-if="roleindex==0" v-for="(item,index) in transcriptionlist" :key="index" :data-speaker="item.speaker"> | <div class="text" :data-bg="item.bg" :data-ed="item.ed" v-if="roleindex==0" v-for="(item,index) in transcriptionlist" :key="index" :data-speaker="item.speaker"> | ||||
<div class="avatar"> | <div class="avatar"> | ||||
<div v-if="item.speaker == 1"> | <div v-if="item.speaker == 1"> | ||||
@@ -381,7 +382,8 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<div v-if="zhixingcenterindex==0"> | |||||
<!-- v-bind:style="{ height: zxldivhe + 'px' }" --> | |||||
<div id="zxldiv" v-if="zhixingcenterindex==0" > | |||||
<div class="zxlBox" v-for="(item,index) in ratelist" :key="index"> | <div class="zxlBox" v-for="(item,index) in ratelist" :key="index"> | ||||
<div class="zxlLev1" @click="changeshow(index)"> | <div class="zxlLev1" @click="changeshow(index)"> | ||||
<div style="width:60%;" class="zxlLev1box">{{item.name}} {{((item.ratepercent/item.rate).toFixed(2)*100).toFixed()}}%</div> | <div style="width:60%;" class="zxlLev1box">{{item.name}} {{((item.ratepercent/item.rate).toFixed(2)*100).toFixed()}}%</div> | ||||
@@ -693,7 +695,9 @@ export default { | |||||
textareaindex:0, | textareaindex:0, | ||||
Searchcontent:[], | Searchcontent:[], | ||||
inputtest:'', | inputtest:'', | ||||
info:{} | |||||
info:{}, | |||||
// zxldivhe:0, | |||||
// condivhe:0 | |||||
}; | }; | ||||
}, | }, | ||||
mounted() { | mounted() { | ||||
@@ -701,6 +705,10 @@ export default { | |||||
this.AudioIdx=this.$route.query.AudioIdx; | this.AudioIdx=this.$route.query.AudioIdx; | ||||
this.info = getStore({ name: "userInfo" }); | this.info = getStore({ name: "userInfo" }); | ||||
this.init() | this.init() | ||||
// this.condivhe=document.querySelector("#center2").offsetHeight; | |||||
// this.zxldivhe=document.querySelector("#zxldiv").offsetHeight; | |||||
// console.log(this.condivhe,this.zxldivhe) | |||||
}, | }, | ||||
methods: { | methods: { | ||||
//点击播放 | //点击播放 | ||||
@@ -1345,6 +1353,11 @@ export default { | |||||
#avue-view{ | #avue-view{ | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
#zxldiv{ | |||||
overflow-y: scroll; | |||||
// height: 100%; | |||||
height:calc(100vh - 426px); | |||||
} | |||||
.box-center { | .box-center { | ||||
width: 100%; | width: 100%; | ||||
padding: 15px; | padding: 15px; | ||||
@@ -1375,6 +1388,10 @@ export default { | |||||
.center2{ | .center2{ | ||||
padding-left: 10px; | padding-left: 10px; | ||||
padding-right: 10px; | padding-right: 10px; | ||||
width: 100%; | |||||
// height: 100%; | |||||
height:calc(100vh - 426px); | |||||
overflow-y: scroll; | |||||
} | } | ||||
.text { | .text { | ||||
width: 100%; | width: 100%; | ||||
@@ -344,7 +344,7 @@ export default { | |||||
label: "已标注", | label: "已标注", | ||||
}, | }, | ||||
{ | { | ||||
value: "2", | |||||
value: "0", | |||||
label: "未标注", | label: "未标注", | ||||
}, | }, | ||||
], | ], | ||||
@@ -655,6 +655,7 @@ export default { | |||||
height: 400px !important; | height: 400px !important; | ||||
} | } | ||||
/deep/.el-transfer-panel__list{ | /deep/.el-transfer-panel__list{ | ||||
padding-bottom: 50px; | |||||
height: 400px !important; | height: 400px !important; | ||||
} | } | ||||
// /deep/ .wh_content_all{ | // /deep/ .wh_content_all{ | ||||
@@ -2,6 +2,7 @@ | |||||
<div class="box-center"> | <div class="box-center"> | ||||
<!-- 头 --> | <!-- 头 --> | ||||
<div class="app-titel"> | <div class="app-titel"> | ||||
<div style="text-indent: 30px;">接待时间:</div> | |||||
<div class="toptimeqhuan"> | <div class="toptimeqhuan"> | ||||
<div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)"> | <div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)"> | ||||
近7天 | 近7天 | ||||
@@ -529,7 +530,7 @@ export default { | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
overflow: hidden; | overflow: hidden; | ||||
margin-left: 30px; | |||||
margin-left: 20px; | |||||
cursor: pointer; | cursor: pointer; | ||||
} | } | ||||
.toptimeqhuan div { | .toptimeqhuan div { | ||||
@@ -1,6 +1,7 @@ | |||||
<template> | <template> | ||||
<div class="box-center"> | <div class="box-center"> | ||||
<div class="app-titel"> | <div class="app-titel"> | ||||
<div style="text-indent: 30px;">接待时间:</div> | |||||
<div class="toptimeqhuan"> | <div class="toptimeqhuan"> | ||||
<div :class="{ tophove: dateType == 4 }" @click="tabtimetap(4)"> | <div :class="{ tophove: dateType == 4 }" @click="tabtimetap(4)"> | ||||
近7天 | 近7天 | ||||
@@ -654,7 +655,7 @@ export default { | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
overflow: hidden; | overflow: hidden; | ||||
margin-left: 30px; | |||||
margin-left: 20px; | |||||
cursor: pointer; | cursor: pointer; | ||||
} | } | ||||
.toptimeqhuan div { | .toptimeqhuan div { | ||||
@@ -2,6 +2,7 @@ | |||||
<div class="box-center"> | <div class="box-center"> | ||||
<!-- 头 --> | <!-- 头 --> | ||||
<div class="app-titel"> | <div class="app-titel"> | ||||
<div style="text-indent: 30px;">接待时间:</div> | |||||
<div class="toptimeqhuan"> | <div class="toptimeqhuan"> | ||||
<div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)"> | <div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)"> | ||||
近7天 | 近7天 | ||||
@@ -953,7 +954,7 @@ export default { | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
overflow: hidden; | overflow: hidden; | ||||
margin-left: 30px; | |||||
margin-left: 20px; | |||||
cursor: pointer; | cursor: pointer; | ||||
} | } | ||||
.toptimeqhuan div { | .toptimeqhuan div { | ||||
@@ -16,7 +16,7 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="app-titel"> | <div class="app-titel"> | ||||
<div class="titel-text">接待时间:</div> | |||||
<div style="text-indent: 30px;">接待时间:</div> | |||||
<div class="toptimeqhuan"> | <div class="toptimeqhuan"> | ||||
<div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)">近7天</div> | <div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)">近7天</div> | ||||
<div :class="{ tophove: TimetoAhoose == 5 }" @click="tabtimetap(5)"> 近15天 </div> | <div :class="{ tophove: TimetoAhoose == 5 }" @click="tabtimetap(5)"> 近15天 </div> | ||||
@@ -600,14 +600,12 @@ export default { | |||||
}, | }, | ||||
//卡片下折线图 | //卡片下折线图 | ||||
SwitchCARDS(newline,newline2,Strname){ | SwitchCARDS(newline,newline2,Strname){ | ||||
echarts.init(document.getElementById('main')).dispose(); // 销毁实例 | |||||
var chartDom = document.getElementById('main'); | var chartDom = document.getElementById('main'); | ||||
var myChart = echarts.init(chartDom); | var myChart = echarts.init(chartDom); | ||||
var option; | var option; | ||||
option = { | option = { | ||||
tooltip: { | |||||
trigger: 'axis' | |||||
}, | |||||
legend: { | legend: { | ||||
data: [Strname], | data: [Strname], | ||||
bottom: '10', | bottom: '10', | ||||
@@ -635,9 +633,25 @@ export default { | |||||
} | } | ||||
} | } | ||||
}, | }, | ||||
yAxis: { | |||||
series: [{ | |||||
name:Strname, | |||||
data: newline, | |||||
type: 'line', | |||||
smooth: true, | |||||
}] | |||||
}; | |||||
if(this.cardindex==4){ | |||||
option.tooltip={ | |||||
trigger: 'axis', | |||||
formatter: '{b0}: {c0}'+'/%' | |||||
}; | |||||
option.yAxis={ | |||||
type: 'value', | type: 'value', | ||||
splitNumber:4, | |||||
splitNumber:5, | |||||
max:100, | |||||
min:0, | |||||
axisLabel: { //重点在这一块,其余可以忽略 | axisLabel: { //重点在这一块,其余可以忽略 | ||||
textStyle: { | textStyle: { | ||||
color: '#212121', //更改坐标轴文字颜色 | color: '#212121', //更改坐标轴文字颜色 | ||||
@@ -658,15 +672,48 @@ export default { | |||||
axisTick: { //y轴刻度线 | axisTick: { //y轴刻度线 | ||||
show: false | show: false | ||||
}, | }, | ||||
}, | |||||
series: [{ | |||||
name:Strname, | |||||
data: newline, | |||||
type: 'line', | |||||
smooth: true, | |||||
} | |||||
}else{ | |||||
option.yAxis={ | |||||
type: 'value', | |||||
splitNumber:5, | |||||
min:0, | |||||
minInterval: 1, | |||||
axisLabel: { //重点在这一块,其余可以忽略 | |||||
textStyle: { | |||||
color: '#212121', //更改坐标轴文字颜色 | |||||
} | |||||
}, | |||||
axisLine: { | |||||
lineStyle: { | |||||
ype: 'solid', | |||||
color: '#DDE1EE',//x线的颜色 | |||||
width:'1'//坐标线的宽度 | |||||
} | |||||
}, | |||||
splitLine: { | |||||
lineStyle: { | |||||
type: 'dashed' // y轴分割线类型 | |||||
} | |||||
}, | |||||
axisTick: { //y轴刻度线 | |||||
show: false | |||||
}, | |||||
}; | |||||
} | |||||
if(this.cardindex==3){ | |||||
option.tooltip={ | |||||
trigger: 'axis', | |||||
formatter: '{b0}: {c0}'+'/分钟' | |||||
}; | |||||
}else{ | |||||
option.tooltip={ | |||||
trigger: 'axis', | |||||
formatter: '{b0}: {c0}'+'/次' | |||||
}; | |||||
} | |||||
}] | |||||
}; | |||||
option && myChart.setOption(option); | option && myChart.setOption(option); | ||||
window.addEventListener("resize", () => { myChart.resize();}); | window.addEventListener("resize", () => { myChart.resize();}); | ||||
}, | }, | ||||
@@ -677,7 +724,8 @@ export default { | |||||
let myChart = echarts.init(chartDom); | let myChart = echarts.init(chartDom); | ||||
let option= { | let option= { | ||||
tooltip: { | tooltip: { | ||||
trigger: 'axis' | |||||
trigger: 'axis', | |||||
formatter: '{b0}: {c0}'+'/%' | |||||
}, | }, | ||||
legend: { | legend: { | ||||
data: ['执行率/%'], | data: ['执行率/%'], | ||||
@@ -708,7 +756,9 @@ export default { | |||||
}, | }, | ||||
yAxis: { | yAxis: { | ||||
type: 'value', | type: 'value', | ||||
splitNumber:4, | |||||
splitNumber:5, | |||||
max:100, | |||||
min:0, | |||||
axisLabel: { //重点在这一块,其余可以忽略 | axisLabel: { //重点在这一块,其余可以忽略 | ||||
textStyle: { | textStyle: { | ||||
color: '#212121', //更改坐标轴文字颜色 | color: '#212121', //更改坐标轴文字颜色 | ||||
@@ -748,8 +798,9 @@ export default { | |||||
let myChart = echarts.init(chartDom); | let myChart = echarts.init(chartDom); | ||||
let option= { | let option= { | ||||
tooltip: { | tooltip: { | ||||
trigger: 'axis' | |||||
}, | |||||
trigger: 'axis', | |||||
formatter: '{b0}: {c0}'+'/%' | |||||
}, | |||||
legend: { | legend: { | ||||
data: ['执行率/%'], | data: ['执行率/%'], | ||||
bottom: '10', | bottom: '10', | ||||
@@ -779,7 +830,9 @@ export default { | |||||
}, | }, | ||||
yAxis: { | yAxis: { | ||||
type: 'value', | type: 'value', | ||||
splitNumber:4, | |||||
splitNumber:5, | |||||
max:100, | |||||
min:0, | |||||
axisLabel: { //重点在这一块,其余可以忽略 | axisLabel: { //重点在这一块,其余可以忽略 | ||||
textStyle: { | textStyle: { | ||||
color: '#212121', //更改坐标轴文字颜色 | color: '#212121', //更改坐标轴文字颜色 | ||||
@@ -1,6 +1,8 @@ | |||||
<template> | <template> | ||||
<div class="box-center"> | <div class="box-center"> | ||||
<div class="app-top"> | |||||
<div class="app-titel"> | <div class="app-titel"> | ||||
<div style="text-indent: 30px;">接待时间:</div> | |||||
<div class="toptimeqhuan"> | <div class="toptimeqhuan"> | ||||
<div :class="{ tophove: dateType == 4 }" @click="tabtimetap(4)"> | <div :class="{ tophove: dateType == 4 }" @click="tabtimetap(4)"> | ||||
近7天 | 近7天 | ||||
@@ -26,9 +28,9 @@ | |||||
</el-date-picker> | </el-date-picker> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="app-titel"> | |||||
<div style="margin-left: 26px" class="div-lab"> | |||||
<div class="label">团队</div> | |||||
<div class="app-titel" style="margin-top: 15px"> | |||||
<div class="div-lab"> | |||||
<div style="margin-right: 20px" class="label">团队:</div> | |||||
<el-select | <el-select | ||||
v-model="deptId" | v-model="deptId" | ||||
filterable | filterable | ||||
@@ -46,7 +48,7 @@ | |||||
</el-select> | </el-select> | ||||
</div> | </div> | ||||
<div style="margin-left: 26px" class="div-lab"> | <div style="margin-left: 26px" class="div-lab"> | ||||
<div style="margin-right: 20px" class="label">置业顾问</div> | |||||
<div style="margin-right: 20px" class="label">置业顾问:</div> | |||||
<el-select | <el-select | ||||
v-model="accountId" | v-model="accountId" | ||||
filterable | filterable | ||||
@@ -70,6 +72,7 @@ | |||||
<el-button type="primary" size="small" @click="reset()">清空</el-button> | <el-button type="primary" size="small" @click="reset()">清空</el-button> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | |||||
<!-- 表格 --> | <!-- 表格 --> | ||||
<div class="cen-tab"> | <div class="cen-tab"> | ||||
<el-table max-height="300" :data="tableData" stripe style="width: 100%"> | <el-table max-height="300" :data="tableData" stripe style="width: 100%"> | ||||
@@ -489,42 +492,53 @@ export default { | |||||
color: #ffffff; | color: #ffffff; | ||||
background: #2671e2; | background: #2671e2; | ||||
} | } | ||||
.app-titel { | |||||
.app-top { | |||||
width: 100%; | width: 100%; | ||||
height: 70px; | |||||
background: #ffffff; | background: #ffffff; | ||||
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | ||||
border-radius: 4px; | border-radius: 4px; | ||||
display: flex; | |||||
align-items: center; | |||||
flex-wrap: wrap; | |||||
.titel-text { | |||||
height: 100%; | |||||
font-size: 18px; | |||||
font-weight: 600; | |||||
color: #32363d; | |||||
line-height: 70px; | |||||
margin-left: 30px; | |||||
} | |||||
.toptimeqhuan { | |||||
width: 190px; | |||||
height: 32px; | |||||
background: #ffffff; | |||||
border-radius: 4px; | |||||
border: 1px solid #e0e0e0; | |||||
padding-top: 15px; | |||||
padding-bottom: 15px; | |||||
.app-titel { | |||||
width: 100%; | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
overflow: hidden; | |||||
margin-left: 30px; | |||||
cursor: pointer; | |||||
} | |||||
.toptimeqhuan div { | |||||
flex: 1; | |||||
text-align: center; | |||||
line-height: 32px; | |||||
font-size: 16px; | |||||
flex-wrap: wrap; | |||||
.label { | |||||
font-size: 14px; | |||||
font-weight: 400; | |||||
color: #32363d; | |||||
line-height: 32px; | |||||
margin-left: 15px; | |||||
// min-width: 100px; | |||||
text-align: right; | |||||
} | |||||
.toptimeqhuan { | |||||
height: 30px; | |||||
background: #ffffff; | |||||
display: flex; | |||||
align-items: center; | |||||
margin-left: 20px; | |||||
} | |||||
.toptimeqhuan div { | |||||
padding-left: 20px; | |||||
padding-right: 20px; | |||||
text-align: center; | |||||
line-height: 30px; | |||||
font-size: 14px; | |||||
margin-right: 15px; | |||||
border-radius: 4px; | |||||
border: 1px solid #e0e0e0; | |||||
} | |||||
} | } | ||||
} | } | ||||
.div-lab { | |||||
display: flex; | |||||
margin: 5px; | |||||
} | |||||
.div-inp { | |||||
width: 250px; | |||||
} | |||||
.app-box-san { | .app-box-san { | ||||
width: 100%; | width: 100%; | ||||
@@ -2,7 +2,7 @@ | |||||
<div class="box-center"> | <div class="box-center"> | ||||
<!-- 头 --> | <!-- 头 --> | ||||
<div class="app-titel"> | <div class="app-titel"> | ||||
<div style="margin-left: 26px">接待时间:</div> | |||||
<div style="text-indent: 30px;">接待时间:</div> | |||||
<div class="toptimeqhuan"> | <div class="toptimeqhuan"> | ||||
<div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)"> | <div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)"> | ||||
近7天 | 近7天 | ||||
@@ -716,6 +716,7 @@ tbody tr { | |||||
height: 32px; | height: 32px; | ||||
background: #ffffff; | background: #ffffff; | ||||
border-radius: 4px; | border-radius: 4px; | ||||
margin-left: 20px; | |||||
border: 1px solid #e0e0e0; | border: 1px solid #e0e0e0; | ||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
@@ -3,7 +3,7 @@ | |||||
<!-- 头 --> | <!-- 头 --> | ||||
<div class="app-top"> | <div class="app-top"> | ||||
<div class="app-titel"> | <div class="app-titel"> | ||||
<div class="titel-text">接待时间:</div> | |||||
<div style="text-indent: 30px;">接待时间:</div> | |||||
<div class="toptimeqhuan"> | <div class="toptimeqhuan"> | ||||
<div :class="{ tophove: timeType == 4 }" @click="tabtimetap(4)"> | <div :class="{ tophove: timeType == 4 }" @click="tabtimetap(4)"> | ||||
近7天 | 近7天 | ||||
@@ -14,6 +14,7 @@ | |||||
</el-option> | </el-option> | ||||
</el-select> | </el-select> | ||||
</div> | </div> | ||||
<div style="text-indent: 30px;">接待时间:</div> | |||||
<div class="toptimeqhuan"> | <div class="toptimeqhuan"> | ||||
<div :class="{ tophove: TimetoAhoose == 0 }" @click="tabtimetap(0)"> | <div :class="{ tophove: TimetoAhoose == 0 }" @click="tabtimetap(0)"> | ||||
今日 | 今日 | ||||
@@ -379,7 +380,7 @@ export default { | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
overflow: hidden; | overflow: hidden; | ||||
margin-left: 30px; | |||||
margin-left: 20px; | |||||
cursor: pointer; | cursor: pointer; | ||||
} | } | ||||
.toptimeqhuan div { | .toptimeqhuan div { | ||||