@@ -26,7 +26,7 @@ | |||
</el-select> | |||
</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 style="width: 100%; margin-top: 20px"> | |||
@@ -4,7 +4,7 @@ | |||
<div class="app-top"> | |||
<div class="app-titel" style="margin-top: 5px"> | |||
<div class="div-lab"> | |||
<div class="label">更新时间:</div> | |||
<div class="label">添加时间:</div> | |||
<el-date-picker | |||
v-model="time" | |||
type="daterange" | |||
@@ -86,7 +86,8 @@ | |||
</div> | |||
</div> | |||
<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="avatar"> | |||
<div v-if="item.speaker == 1"> | |||
@@ -381,7 +382,8 @@ | |||
</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="zxlLev1" @click="changeshow(index)"> | |||
<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, | |||
Searchcontent:[], | |||
inputtest:'', | |||
info:{} | |||
info:{}, | |||
// zxldivhe:0, | |||
// condivhe:0 | |||
}; | |||
}, | |||
mounted() { | |||
@@ -701,6 +705,10 @@ export default { | |||
this.AudioIdx=this.$route.query.AudioIdx; | |||
this.info = getStore({ name: "userInfo" }); | |||
this.init() | |||
// this.condivhe=document.querySelector("#center2").offsetHeight; | |||
// this.zxldivhe=document.querySelector("#zxldiv").offsetHeight; | |||
// console.log(this.condivhe,this.zxldivhe) | |||
}, | |||
methods: { | |||
//点击播放 | |||
@@ -1345,6 +1353,11 @@ export default { | |||
#avue-view{ | |||
overflow: hidden; | |||
} | |||
#zxldiv{ | |||
overflow-y: scroll; | |||
// height: 100%; | |||
height:calc(100vh - 426px); | |||
} | |||
.box-center { | |||
width: 100%; | |||
padding: 15px; | |||
@@ -1375,6 +1388,10 @@ export default { | |||
.center2{ | |||
padding-left: 10px; | |||
padding-right: 10px; | |||
width: 100%; | |||
// height: 100%; | |||
height:calc(100vh - 426px); | |||
overflow-y: scroll; | |||
} | |||
.text { | |||
width: 100%; | |||
@@ -344,7 +344,7 @@ export default { | |||
label: "已标注", | |||
}, | |||
{ | |||
value: "2", | |||
value: "0", | |||
label: "未标注", | |||
}, | |||
], | |||
@@ -655,6 +655,7 @@ export default { | |||
height: 400px !important; | |||
} | |||
/deep/.el-transfer-panel__list{ | |||
padding-bottom: 50px; | |||
height: 400px !important; | |||
} | |||
// /deep/ .wh_content_all{ | |||
@@ -2,6 +2,7 @@ | |||
<div class="box-center"> | |||
<!-- 头 --> | |||
<div class="app-titel"> | |||
<div style="text-indent: 30px;">接待时间:</div> | |||
<div class="toptimeqhuan"> | |||
<div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)"> | |||
近7天 | |||
@@ -529,7 +530,7 @@ export default { | |||
display: flex; | |||
align-items: center; | |||
overflow: hidden; | |||
margin-left: 30px; | |||
margin-left: 20px; | |||
cursor: pointer; | |||
} | |||
.toptimeqhuan div { | |||
@@ -1,6 +1,7 @@ | |||
<template> | |||
<div class="box-center"> | |||
<div class="app-titel"> | |||
<div style="text-indent: 30px;">接待时间:</div> | |||
<div class="toptimeqhuan"> | |||
<div :class="{ tophove: dateType == 4 }" @click="tabtimetap(4)"> | |||
近7天 | |||
@@ -654,7 +655,7 @@ export default { | |||
display: flex; | |||
align-items: center; | |||
overflow: hidden; | |||
margin-left: 30px; | |||
margin-left: 20px; | |||
cursor: pointer; | |||
} | |||
.toptimeqhuan div { | |||
@@ -2,6 +2,7 @@ | |||
<div class="box-center"> | |||
<!-- 头 --> | |||
<div class="app-titel"> | |||
<div style="text-indent: 30px;">接待时间:</div> | |||
<div class="toptimeqhuan"> | |||
<div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)"> | |||
近7天 | |||
@@ -953,7 +954,7 @@ export default { | |||
display: flex; | |||
align-items: center; | |||
overflow: hidden; | |||
margin-left: 30px; | |||
margin-left: 20px; | |||
cursor: pointer; | |||
} | |||
.toptimeqhuan div { | |||
@@ -16,7 +16,7 @@ | |||
</div> | |||
</div> | |||
<div class="app-titel"> | |||
<div class="titel-text">接待时间:</div> | |||
<div style="text-indent: 30px;">接待时间:</div> | |||
<div class="toptimeqhuan"> | |||
<div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)">近7天</div> | |||
<div :class="{ tophove: TimetoAhoose == 5 }" @click="tabtimetap(5)"> 近15天 </div> | |||
@@ -600,14 +600,12 @@ export default { | |||
}, | |||
//卡片下折线图 | |||
SwitchCARDS(newline,newline2,Strname){ | |||
echarts.init(document.getElementById('main')).dispose(); // 销毁实例 | |||
var chartDom = document.getElementById('main'); | |||
var myChart = echarts.init(chartDom); | |||
var option; | |||
option = { | |||
tooltip: { | |||
trigger: 'axis' | |||
}, | |||
legend: { | |||
data: [Strname], | |||
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', | |||
splitNumber:4, | |||
splitNumber:5, | |||
max:100, | |||
min:0, | |||
axisLabel: { //重点在这一块,其余可以忽略 | |||
textStyle: { | |||
color: '#212121', //更改坐标轴文字颜色 | |||
@@ -658,15 +672,48 @@ export default { | |||
axisTick: { //y轴刻度线 | |||
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); | |||
window.addEventListener("resize", () => { myChart.resize();}); | |||
}, | |||
@@ -677,7 +724,8 @@ export default { | |||
let myChart = echarts.init(chartDom); | |||
let option= { | |||
tooltip: { | |||
trigger: 'axis' | |||
trigger: 'axis', | |||
formatter: '{b0}: {c0}'+'/%' | |||
}, | |||
legend: { | |||
data: ['执行率/%'], | |||
@@ -708,7 +756,9 @@ export default { | |||
}, | |||
yAxis: { | |||
type: 'value', | |||
splitNumber:4, | |||
splitNumber:5, | |||
max:100, | |||
min:0, | |||
axisLabel: { //重点在这一块,其余可以忽略 | |||
textStyle: { | |||
color: '#212121', //更改坐标轴文字颜色 | |||
@@ -748,8 +798,9 @@ export default { | |||
let myChart = echarts.init(chartDom); | |||
let option= { | |||
tooltip: { | |||
trigger: 'axis' | |||
}, | |||
trigger: 'axis', | |||
formatter: '{b0}: {c0}'+'/%' | |||
}, | |||
legend: { | |||
data: ['执行率/%'], | |||
bottom: '10', | |||
@@ -779,7 +830,9 @@ export default { | |||
}, | |||
yAxis: { | |||
type: 'value', | |||
splitNumber:4, | |||
splitNumber:5, | |||
max:100, | |||
min:0, | |||
axisLabel: { //重点在这一块,其余可以忽略 | |||
textStyle: { | |||
color: '#212121', //更改坐标轴文字颜色 | |||
@@ -1,6 +1,8 @@ | |||
<template> | |||
<div class="box-center"> | |||
<div class="app-top"> | |||
<div class="app-titel"> | |||
<div style="text-indent: 30px;">接待时间:</div> | |||
<div class="toptimeqhuan"> | |||
<div :class="{ tophove: dateType == 4 }" @click="tabtimetap(4)"> | |||
近7天 | |||
@@ -26,9 +28,9 @@ | |||
</el-date-picker> | |||
</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 | |||
v-model="deptId" | |||
filterable | |||
@@ -46,7 +48,7 @@ | |||
</el-select> | |||
</div> | |||
<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 | |||
v-model="accountId" | |||
filterable | |||
@@ -70,6 +72,7 @@ | |||
<el-button type="primary" size="small" @click="reset()">清空</el-button> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- 表格 --> | |||
<div class="cen-tab"> | |||
<el-table max-height="300" :data="tableData" stripe style="width: 100%"> | |||
@@ -489,42 +492,53 @@ export default { | |||
color: #ffffff; | |||
background: #2671e2; | |||
} | |||
.app-titel { | |||
.app-top { | |||
width: 100%; | |||
height: 70px; | |||
background: #ffffff; | |||
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); | |||
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; | |||
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 { | |||
width: 100%; | |||
@@ -2,7 +2,7 @@ | |||
<div class="box-center"> | |||
<!-- 头 --> | |||
<div class="app-titel"> | |||
<div style="margin-left: 26px">接待时间:</div> | |||
<div style="text-indent: 30px;">接待时间:</div> | |||
<div class="toptimeqhuan"> | |||
<div :class="{ tophove: TimetoAhoose == 4 }" @click="tabtimetap(4)"> | |||
近7天 | |||
@@ -716,6 +716,7 @@ tbody tr { | |||
height: 32px; | |||
background: #ffffff; | |||
border-radius: 4px; | |||
margin-left: 20px; | |||
border: 1px solid #e0e0e0; | |||
display: flex; | |||
align-items: center; | |||
@@ -3,7 +3,7 @@ | |||
<!-- 头 --> | |||
<div class="app-top"> | |||
<div class="app-titel"> | |||
<div class="titel-text">接待时间:</div> | |||
<div style="text-indent: 30px;">接待时间:</div> | |||
<div class="toptimeqhuan"> | |||
<div :class="{ tophove: timeType == 4 }" @click="tabtimetap(4)"> | |||
近7天 | |||
@@ -14,6 +14,7 @@ | |||
</el-option> | |||
</el-select> | |||
</div> | |||
<div style="text-indent: 30px;">接待时间:</div> | |||
<div class="toptimeqhuan"> | |||
<div :class="{ tophove: TimetoAhoose == 0 }" @click="tabtimetap(0)"> | |||
今日 | |||
@@ -379,7 +380,7 @@ export default { | |||
display: flex; | |||
align-items: center; | |||
overflow: hidden; | |||
margin-left: 30px; | |||
margin-left: 20px; | |||
cursor: pointer; | |||
} | |||
.toptimeqhuan div { | |||