From 3237ef9b451059748621efaf13525d2749fb6a50 Mon Sep 17 00:00:00 2001 From: jyt <1592211625@qq.com> Date: Tue, 14 Jun 2022 10:56:48 +0800 Subject: [PATCH] =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=96=87=E6=9C=AC=E6=BA=A2?= =?UTF-8?q?=E5=87=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/page/wel.vue | 226 +++++------ src/views/Customer/AgentManagement.vue | 5 + src/views/Equipment/index.vue | 15 + src/views/Equipment/state.vue | 5 + src/views/Statistics/ReceptionOverview.vue | 35 +- src/views/Statistics/TrendAnalysis.vue | 2 +- src/views/Statistics/dataScreeAge.vue | 18 +- src/views/Statistics/dataScreeOrg.vue | 2 +- src/views/Statistics/dataScreeSys.vue | 18 +- src/views/Template/wrongword.vue | 10 + src/views/building/Count.vue | 346 +++++------------ src/views/houseData/analyse.vue | 417 ++++++++------------- 12 files changed, 438 insertions(+), 661 deletions(-) diff --git a/src/page/wel.vue b/src/page/wel.vue index 35654d3..e13b4e3 100644 --- a/src/page/wel.vue +++ b/src/page/wel.vue @@ -510,41 +510,6 @@
-
-
-
-
平均接待时长(分钟) - - - -
{{ sysSec.receptionTimeWithAvg || 0 }}
-
- -
- -
-
-
-
- - 环比:{{ sysCompare.receptionTimeWithAvg || 0 }} - - - +{{ orderBy.receptionTimeWithAvg || 0 }} - - - - {{ orderBy.receptionTimeWithAvg || 0 }} - - - - 数据有所增长 - 数据有所下降 - -
-
-
-
@@ -613,229 +578,270 @@
-
+
-
销售设备数 - +
接待量 + -
{{ sysSec.equipmentQuantityWithSold || 0 }}
+
{{ sysSec.receptionCount || 0 }}
- +
- 环比:{{ sysCompare.equipmentQuantityWithSold || 0 }} + 环比:{{ sysCompare.receptionCount || 0 }} - - +{{ orderBy.equipmentQuantityWithSold || 0 }} + + +{{ orderBy.receptionCount || 0 }} - - {{ orderBy.equipmentQuantityWithSold || 0 }} + + {{ orderBy.receptionCount || 0 }} - 数据有所增长 - 数据有所下降 + 数据有所增长 + 数据有所下降
-
+
-
活跃设备数 - +
有效接待 + -
{{ sysSec.activeEquipmentQuantity || 0 }}
+
{{ sysSec.activeCustomer || 0 }}
- +
- 环比:{{ sysCompare.activeEquipmentQuantity || 0 }} + 环比:{{ sysCompare.activeCustomer || 0 }} - - +{{ orderBy.activeEquipmentQuantity || 0 }} + + +{{ orderBy.activeCustomer || 0 }} - - {{ orderBy.activeEquipmentQuantity || 0 }} + + {{ orderBy.activeCustomer || 0 }} - 数据有所增长 - 数据有所下降 + 数据有所增长 + 数据有所下降
+
-
活跃用户数 - +
违禁接待次数 + -
{{ sysSec.activeUserQuantity || 0 }}
+
{{ sysSec.prohibitedCount || 0 }}
- +
- 环比:{{ sysCompare.activeUserQuantity || 0 }} + 环比:{{ sysCompare.prohibitedCount || 0 }} - - +{{ orderBy.activeUserQuantity || 0 }} + + +{{ orderBy.prohibitedCount || 0 }} - - {{ orderBy.activeUserQuantity || 0 }} + + {{ orderBy.prohibitedCount || 0 }} - 数据有所增长 - 数据有所下降 + 数据有所增长 + 数据有所下降
-
+ + +
-
接待量 - +
活跃设备数 + -
{{ sysSec.receptionCount || 0 }}
+
{{ sysSec.activeEquipmentQuantity || 0 }}
- +
- 环比:{{ sysCompare.receptionCount || 0 }} + 环比:{{ sysCompare.activeEquipmentQuantity || 0 }} - - +{{ orderBy.receptionCount || 0 }} + + +{{ orderBy.activeEquipmentQuantity || 0 }} - - {{ orderBy.receptionCount || 0 }} + + {{ orderBy.activeEquipmentQuantity || 0 }} - 数据有所增长 - 数据有所下降 + 数据有所增长 + 数据有所下降
-
+ + + + +
-
-
违禁接待次数 - +
平均接待时长(分钟) + -
{{ sysSec.prohibitedCount || 0 }}
+
{{ sysSec.receptionTimeWithAvg || 0 }}
- +
- 环比:{{ sysCompare.prohibitedCount || 0 }} + 环比:{{ sysCompare.receptionTimeWithAvg || 0 }} - - +{{ orderBy.prohibitedCount || 0 }} + + +{{ orderBy.receptionTimeWithAvg || 0 }} - - {{ orderBy.prohibitedCount || 0 }} + + {{ orderBy.receptionTimeWithAvg || 0 }} - 数据有所增长 - 数据有所下降 + 数据有所增长 + 数据有所下降
-
@@ -1124,7 +1130,7 @@
-
+
diff --git a/src/views/Customer/AgentManagement.vue b/src/views/Customer/AgentManagement.vue index f7b382c..49e70f8 100644 --- a/src/views/Customer/AgentManagement.vue +++ b/src/views/Customer/AgentManagement.vue @@ -71,6 +71,11 @@ + diff --git a/src/views/Equipment/index.vue b/src/views/Equipment/index.vue index c3611b3..8966c82 100644 --- a/src/views/Equipment/index.vue +++ b/src/views/Equipment/index.vue @@ -233,12 +233,27 @@ + + + diff --git a/src/views/Equipment/state.vue b/src/views/Equipment/state.vue index fcf817f..73086b6 100644 --- a/src/views/Equipment/state.vue +++ b/src/views/Equipment/state.vue @@ -353,6 +353,11 @@ + diff --git a/src/views/Statistics/ReceptionOverview.vue b/src/views/Statistics/ReceptionOverview.vue index 559debf..faef5ca 100644 --- a/src/views/Statistics/ReceptionOverview.vue +++ b/src/views/Statistics/ReceptionOverview.vue @@ -166,8 +166,8 @@
团队执行率趋势
-
- + @@ -189,8 +189,8 @@
顾问执行率趋势
-
- + @@ -406,8 +406,8 @@
-
- + @@ -767,7 +767,7 @@ export default { tooltip: { trigger: 'axis', axisPointer: { - type: 'shadow' + type: 'line' } }, grid: { @@ -797,16 +797,17 @@ export default { type: 'bar', barCategoryGap: '70%', itemStyle: { - normal: { - color: new echarts.graphic.LinearGradient( - 0, 0, 0, 1, - [ - { offset: 0, color: '#9837dd' }, //柱图渐变色 - { offset: 1, color: '#e23af5' }, //柱图渐变色 - ] - ) - }, - }, + normal: { + color: new echarts.graphic.LinearGradient( + 0, 0, 0, 1, + [ + { offset: 0, color: '#9837dd' }, //柱图渐变色 + { offset: 1, color: '#e23af5' }, //柱图渐变色 + ] + ), + barBorderRadius: [5, 5, 0, 0] + }, + }, } ] }; diff --git a/src/views/Statistics/TrendAnalysis.vue b/src/views/Statistics/TrendAnalysis.vue index d3b72ff..2ec5062 100644 --- a/src/views/Statistics/TrendAnalysis.vue +++ b/src/views/Statistics/TrendAnalysis.vue @@ -1440,7 +1440,7 @@ export default { justify-content: center; .youimg { - width: 45%; + width: 33%; // height: 60px; } } diff --git a/src/views/Statistics/dataScreeAge.vue b/src/views/Statistics/dataScreeAge.vue index 82386cc..a18e59d 100644 --- a/src/views/Statistics/dataScreeAge.vue +++ b/src/views/Statistics/dataScreeAge.vue @@ -140,7 +140,7 @@
-->
- + -
- +
@@ -275,7 +275,7 @@
- +
@@ -392,7 +392,7 @@
- +
- + -
- +
@@ -394,7 +394,7 @@
- +
@@ -510,7 +510,7 @@
- +
- - - - - + + + + +
- - - - + + + +
@@ -164,15 +89,8 @@
地区：
- +
运营人员：
- - + +
@@ -208,10 +115,7 @@
清空筛选条件
-
+
导出
@@ -219,25 +123,19 @@
- + + - + @@ -246,28 +144,27 @@ - + + - - - - - + + + + + + @@ -279,51 +176,24 @@ - + - - + + - + - - - + + + @@ -336,21 +206,11 @@ - + - + @@ -364,41 +224,22 @@ - - + + - + - + @@ -407,19 +248,9 @@ - + - + @@ -431,33 +262,18 @@ - - + +
- +
@@ -824,11 +640,13 @@ export default { min-width: 1000px; padding-bottom: 100px; } + .toptab { width: 100%; display: flex; margin-bottom: 20px; } + .toptab div { padding-left: 30px; padding-right: 30px; @@ -836,19 +654,23 @@ export default { padding-bottom: 10px; font-size: 14px; } + .activecllasscet { color: #ffffff; } + .cen-tab { width: 100%; padding: 15px; background: #ffffff; margin-top: 15px; } + .tophove { color: #ffffff; background: #2671e2; } + .app-top { width: 100%; background: #ffffff; @@ -856,11 +678,13 @@ export default { border-radius: 4px; padding-top: 15px; padding-bottom: 15px; + .app-titel { width: 100%; display: flex; align-items: center; flex-wrap: wrap; + .label { font-size: 14px; font-weight: 400; @@ -869,12 +693,14 @@ export default { margin-left: 15px; // min-width: 100px; } + .toptimeqhuan { height: 30px; background: #ffffff; display: flex; align-items: center; } + .toptimeqhuan div { padding-left: 20px; padding-right: 20px; @@ -887,10 +713,12 @@ export default { } } } + .div-lab { display: flex; margin: 5px; } + .div-inp { width: 250px; } diff --git a/src/views/houseData/analyse.vue b/src/views/houseData/analyse.vue index 058727f..4518ca9 100644 --- a/src/views/houseData/analyse.vue +++ b/src/views/houseData/analyse.vue @@ -5,97 +5,42 @@
月份:
- +
- +
- - + +
- - + +
- - + +
运营人员：
- - + +
@@ -122,20 +67,14 @@
运营目标完成排名
-
-
+ "> +
达标 @@ -149,9 +88,7 @@
-
+
运营目标排名
-
-
+ "> +
不变
-
+
上升 @@ -224,9 +151,7 @@
-
+
- 批量设置目标 + 批量设置目标
- + + - - + + - + - + - + @@ -332,21 +235,15 @@
- +
-
项目： {{houseName||''}} 运营：{{operationStaffName||'暂无'}}
+
项目： {{ houseName || '' }} 运营：{{ operationStaffName || '暂无' }}
@@ -356,52 +253,21 @@
--> - - - - - % + + + + + % - - - % + + + % - - - % + + + % @@ -423,14 +289,14 @@ export default { localStorage.getItem("orgType") == 0 ? "0" : localStorage.getItem("orgType") == 1 - ? "1" - : "2", + ? "1" + : "2", choicValue: "", operationStaffId: "", houseList: [], operaList: [], tableData: [], - choiceList:[], + choiceList: [], orgType: localStorage.getItem("orgType"), time: "", page: 1, @@ -442,9 +308,9 @@ export default { num0: "", num1: "", num2: "", - name0:'', - name1:'', - name2:'', + name0: '', + name1: '', + name2: '', }, receiveRules: {}, tabFlag: 1, @@ -454,10 +320,10 @@ export default { orgData: [], orgArr: [], childList: [], - echarIdx:'', - houseName:'', - operationStaffName:'', - choiceFlag:true, + echarIdx: '', + houseName: '', + operationStaffName: '', + choiceFlag: true, }; }, mounted() { @@ -470,10 +336,10 @@ export default { : new Date().getMonth() + 1); console.log( new Date().getFullYear() + - "-" + - (new Date().getMonth() + 1 < 10 - ? "0" + (new Date().getMonth() + 1) - : new Date().getMonth() + 1), + "-" + + (new Date().getMonth() + 1 < 10 + ? "0" + (new Date().getMonth() + 1) + : new Date().getMonth() + 1), "时间" ); this.getList(); @@ -497,7 +363,7 @@ export default { if (this.orgType == 1) { obj.agentId = localStorage.getItem("agentId"); } - if (this.orgType == 2) { + if (this.orgType == 2) { obj.orgCode = localStorage.getItem("orgCode"); } this.$api.api.houseSalesAnalysis(obj).then((res) => { @@ -519,10 +385,10 @@ export default { houseTypes: "0,1", operationStaffId: this.operationStaffId, }; - if (this.orgType == 1) { + if (this.orgType == 1) { obj.agentId = localStorage.getItem("agentId"); } - if (this.orgType == 2) { + if (this.orgType == 2) { obj.orgCode = localStorage.getItem("orgCode"); } this.$api.api.targetAnalysis(obj).then((res) => { @@ -551,10 +417,10 @@ export default { houseTypes: "0,1", operationStaffId: this.operationStaffId, }; - if (this.orgType == 1) { + if (this.orgType == 1) { obj.agentId = localStorage.getItem("agentId"); } - if (this.orgType == 2) { + if (this.orgType == 2) { obj.orgCode = localStorage.getItem("orgCode"); } this.$api.api.operationalGoals(obj).then((res) => { @@ -614,10 +480,10 @@ export default { houseTypes: "0,1", operationStaffId: this.operationStaffId, }; - if (this.orgType == 1) { + if (this.orgType == 1) { obj.agentId = localStorage.getItem("agentId"); } - if (this.orgType == 2) { + if (this.orgType == 2) { obj.orgCode = localStorage.getItem("orgCode"); } this.$api.api.targetAnalysisCompared(obj).then((res) => { @@ -650,10 +516,10 @@ export default { houseTypes: "0,1", operationStaffId: this.operationStaffId, }; - if (this.orgType == 1) { + if (this.orgType == 1) { obj.agentId = localStorage.getItem("agentId"); } - if (this.orgType == 2) { + if (this.orgType == 2) { obj.orgCode = localStorage.getItem("orgCode"); } this.$api.api.operationalGoalsCompared(obj).then((res) => { @@ -729,9 +595,9 @@ export default { num0: "", num1: "", num2: "", - name0:'', - name1:'', - name2:'', + name0: '', + name1: '', + name2: '', }; this.$refs.receiveForm.resetFields(); }, @@ -756,29 +622,29 @@ export default { this.screen(); }, sava() { - let obj={} - let flag=true - this.choiceFlag?obj.houseIds=this.receiveForm.houseId:obj.houseIds=this.choiceList.join(',') + let obj = {} + let flag = true + this.choiceFlag ? obj.houseIds = this.receiveForm.houseId : obj.houseIds = this.choiceList.join(',') // obj.houseId=this.receiveForm.houseId - let arr=[this.receiveForm.name0+'-01',this.receiveForm.name1+'-01',this.receiveForm.name2+'-01'] - let arr1=[this.receiveForm.num0,this.receiveForm.num1,this.receiveForm.num2] - arr1.map(item=>{ - if(!item){ - flag=false + let arr = [this.receiveForm.name0 + '-01', this.receiveForm.name1 + '-01', this.receiveForm.name2 + '-01'] + let arr1 = [this.receiveForm.num0, this.receiveForm.num1, this.receiveForm.num2] + arr1.map(item => { + if (!item) { + flag = false } }) - if(!flag){ + if (!flag) { this.$message.warning('请填写目标') return } - obj.targets=arr1.join(',') - obj.months=arr.join(',') + obj.targets = arr1.join(',') + obj.months = arr.join(',') this.$api.api.setTargetExecutionRate(obj) - .then(res=>{ - console.log(res); - this.houseSalesAnalysis(); - this.targetVisible=false - }) + .then(res => { + console.log(res); + this.houseSalesAnalysis(); + this.targetVisible = false + }) }, getAnalyse(scope) { console.log("趋势图"); @@ -788,8 +654,8 @@ export default { }, dealEaharData(row) { // 数据处理 - this.houseName=row.houseName - this.operationStaffName=row.operationStaffName + this.houseName = row.houseName + this.operationStaffName = row.operationStaffName let timeDate = []; let Strname = ["平均执行率", "对比上月", "目标执行率", "目标完成率"]; let arr0 = []; @@ -822,36 +688,36 @@ export default { this.SwitchCARDS(arr, "line", timeDate, Strname); }, 100); }, - setTits(){ - this.choiceFlag=false - let obj={ - houseId:'', + setTits() { + this.choiceFlag = false + let obj = { + houseId: '', month: this.time + "-01", } this.findTargetExecutionRate(obj) }, setTit(scope) { // console.log("设置目标"); - this.choiceFlag=true - let obj={ - houseId:scope.row.id, + this.choiceFlag = true + let obj = { + houseId: scope.row.id, month: this.time + "-01", } - this.receiveForm.houseId=scope.row.id + this.receiveForm.houseId = scope.row.id this.findTargetExecutionRate(obj) }, - findTargetExecutionRate(obj){ - this.$api.api.findTargetExecutionRate(obj) - .then(res=>{ - // console.log(res); - res.data.map((item,idx)=>{ - this.receiveForm['name'+idx]=item.month.substring(0,7) - this.receiveForm['num'+idx]=item.target||'' - }) - console.log(this.receiveForm); - this.targetVisible = true; - }) + findTargetExecutionRate(obj) { + this.$api.api.findTargetExecutionRate(obj) + .then(res => { + // console.log(res); + res.data.map((item, idx) => { + this.receiveForm['name' + idx] = item.month.substring(0, 7) + this.receiveForm['num' + idx] = item.target || '' + }) + console.log(this.receiveForm); + this.targetVisible = true; + }) }, // 折线图 SwitchCARDS(arr, str, timeDate, Strname) { @@ -986,11 +852,11 @@ export default { this.choicValue = ""; this.getList(); }, - valuechange() {}, + valuechange() { }, handleSelectionChange(e) { // console.log(e); - this.choiceList=[] - e.map(item=>{ + this.choiceList = [] + e.map(item => { this.choiceList.push(item.id) }) console.log(this.choiceList); @@ -1068,22 +934,26 @@ export default { border-radius: 15px; color: #333333; } + .box-center { width: 100%; padding: 15px; min-width: 1000px; padding-bottom: 100px; } + .cen-tab { width: 100%; padding: 15px; background: #ffffff; margin-top: 15px; } + .tophove { color: #ffffff; background: #2671e2; } + .app-titel1 { width: 100%; height: 70px; @@ -1092,6 +962,7 @@ export default { border-radius: 4px; display: flex; align-items: center; + .titel-text { height: 100%; font-size: 18px; @@ -1100,6 +971,7 @@ export default { line-height: 70px; margin-left: 30px; } + .toptimeqhuan { width: 190px; height: 32px; @@ -1112,6 +984,7 @@ export default { margin-left: 20px; cursor: pointer; } + .toptimeqhuan div { flex: 1; text-align: center; @@ -1128,10 +1001,12 @@ export default { padding-top: 15px; // padding-bottom: 15px; padding-bottom: 6px; + .app-titel { width: 100%; display: flex; align-items: center; + .titel-text { height: 100%; font-size: 16px; @@ -1139,6 +1014,7 @@ export default { color: #32363d; text-indent: 30px; } + .toptimeqhuan { width: 190px; height: 32px; @@ -1151,6 +1027,7 @@ export default { margin-left: 20px; cursor: pointer; } + .toptimeqhuan div { flex: 1; text-align: center; @@ -1165,18 +1042,21 @@ export default { // height: 400px; display: flex; margin-top: 15px; + .zuo { flex: 1; height: 100%; margin-right: 15px; background: #ffffff; border-radius: 4px; + .title { width: 100%; height: 55px; border-bottom: 1px solid #e0e0e0; display: flex; align-content: center; + .text1 { flex: 2; line-height: 55px; @@ -1185,6 +1065,7 @@ export default { font-size: 16px; color: #333333; } + .text2 { flex: 1; height: 55px; @@ -1193,17 +1074,20 @@ export default { } } } + .you { height: 100%; flex: 1; background: #ffffff; border-radius: 4px; + .title { width: 100%; height: 55px; border-bottom: 1px solid #e0e0e0; display: flex; align-content: center; + .text1 { flex: 2; line-height: 55px; @@ -1212,6 +1096,7 @@ export default { font-size: 16px; color: #333333; } + .text2 { flex: 1; height: 55px; @@ -1228,9 +1113,11 @@ export default { display: flex; padding-top: 10px; padding-bottom: 10px; + .text1-1 { color: #666666; } + .text1-2 { color: #333333; margin-top: 10px; @@ -1246,6 +1133,7 @@ export default { font-size: 16px; color: #2c3542; margin-top: 10px; + .jinboxtit { width: 14%; height: 18px; @@ -1253,6 +1141,7 @@ export default { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; + .name { white-space: nowrap; text-overflow: ellipsis; @@ -1260,33 +1149,40 @@ export default { margin-left: 10px; } } + .jinbox-box { width: 75%; height: 100%; border-radius: 8px; background: #f2f2f2; } + .boxbaifenbi { height: 100%; background: #60d7a0; border-radius: 8px; } + .boxbaifenbi2 { height: 100%; background: #5b8ff9; } + .jinboxbott { width: 16%; text-indent: 50px; } } + .div-lab { display: flex; margin: 5px; } + .div-inp { width: 200px; } + .label { font-size: 14px; font-weight: 400; @@ -1295,6 +1191,7 @@ export default { margin-left: 15px; min-width: 40px; } + .noData { width: 100%; // height: 60vh; @@ -1304,10 +1201,12 @@ export default { margin-top: 20px; overflow: hidden; } + .imgboxc { margin-top: 100px; color: #999999; } + // 进度条 .jinbox { width: 100%; @@ -1317,6 +1216,7 @@ export default { font-size: 16px; color: #2c3542; margin-top: 10px; + .jinboxtit { width: 14%; height: 18px; @@ -1325,34 +1225,41 @@ export default { text-overflow: ellipsis; overflow: hidden; } + .jinbox-box { width: 75%; height: 100%; border-radius: 8px; background: #f2f2f2; } + .boxbaifenbi { height: 100%; background: #60d7a0; border-radius: 8px; } + .boxbaifenbi2 { height: 100%; background: #5b8ff9; } + .jinboxbott { width: 16%; text-indent: 16px; } } + .colostyle { color: #1e90ff; } + .houseSize { - text-align: center; - font-weight: bold; - font-size: 20px; + text-align: center; + font-weight: bold; + font-size: 20px; } + // /deep/ .el-tooltip{ // width: 140px; // }