Browse Source

init

newStyle
wangxiaohua 2 years ago
parent
commit
46df211d19
13 changed files with 153 additions and 63 deletions
  1. +1
    -1
      src/views/Customer/label.vue
  2. +1
    -1
      src/views/Equipment/index.vue
  3. +20
    -3
      src/views/Receive/index.vue
  4. +1
    -1
      src/views/ReceivingRecords/index.vue
  5. +1
    -0
      src/views/Scheduling/index.vue
  6. +2
    -1
      src/views/Statistics/BuildingContrast.vue
  7. +2
    -1
      src/views/Statistics/ConsultantBrand.vue
  8. +2
    -1
      src/views/Statistics/MentoringAbility.vue
  9. +72
    -19
      src/views/Statistics/ReceptionOverview.vue
  10. +46
    -32
      src/views/Statistics/ReceptionStatistical.vue
  11. +2
    -1
      src/views/Statistics/TheTeamCompared.vue
  12. +1
    -1
      src/views/Statistics/TrendAnalysis.vue
  13. +2
    -1
      src/views/Statistics/index.vue

+ 1
- 1
src/views/Customer/label.vue View File

@@ -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">


+ 1
- 1
src/views/Equipment/index.vue View File

@@ -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"


+ 20
- 3
src/views/Receive/index.vue View File

@@ -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%;


+ 1
- 1
src/views/ReceivingRecords/index.vue View File

@@ -344,7 +344,7 @@ export default {
label: "已标注",
},
{
value: "2",
value: "0",
label: "未标注",
},
],


+ 1
- 0
src/views/Scheduling/index.vue View File

@@ -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
- 1
src/views/Statistics/BuildingContrast.vue View File

@@ -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 {


+ 2
- 1
src/views/Statistics/ConsultantBrand.vue View File

@@ -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
- 1
src/views/Statistics/MentoringAbility.vue View File

@@ -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 {


+ 72
- 19
src/views/Statistics/ReceptionOverview.vue View File

@@ -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', //更改坐标轴文字颜色


+ 46
- 32
src/views/Statistics/ReceptionStatistical.vue View File

@@ -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
- 1
src/views/Statistics/TheTeamCompared.vue View File

@@ -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;


+ 1
- 1
src/views/Statistics/TrendAnalysis.vue View File

@@ -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天


+ 2
- 1
src/views/Statistics/index.vue View File

@@ -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 {


Loading…
Cancel
Save