diff --git a/public/img/indexIcon/indexCardDown.png b/public/img/indexIcon/indexCardDown.png new file mode 100644 index 0000000..4c99b5a Binary files /dev/null and b/public/img/indexIcon/indexCardDown.png differ diff --git a/public/img/indexIcon/indexCardIcon1.png b/public/img/indexIcon/indexCardIcon1.png new file mode 100644 index 0000000..80b5425 Binary files /dev/null and b/public/img/indexIcon/indexCardIcon1.png differ diff --git a/public/img/indexIcon/indexCardIcon2.png b/public/img/indexIcon/indexCardIcon2.png new file mode 100644 index 0000000..4a61f7d Binary files /dev/null and b/public/img/indexIcon/indexCardIcon2.png differ diff --git a/public/img/indexIcon/indexCardIcon3.png b/public/img/indexIcon/indexCardIcon3.png new file mode 100644 index 0000000..7e4d583 Binary files /dev/null and b/public/img/indexIcon/indexCardIcon3.png differ diff --git a/public/img/indexIcon/indexCardIcon4.png b/public/img/indexIcon/indexCardIcon4.png new file mode 100644 index 0000000..623bad0 Binary files /dev/null and b/public/img/indexIcon/indexCardIcon4.png differ diff --git a/public/img/indexIcon/indexCardIcon5.png b/public/img/indexIcon/indexCardIcon5.png new file mode 100644 index 0000000..1b38bd4 Binary files /dev/null and b/public/img/indexIcon/indexCardIcon5.png differ diff --git a/public/img/indexIcon/indexCardIcon6.png b/public/img/indexIcon/indexCardIcon6.png new file mode 100644 index 0000000..9239771 Binary files /dev/null and b/public/img/indexIcon/indexCardIcon6.png differ diff --git a/public/img/indexIcon/indexCardIcon7.png b/public/img/indexIcon/indexCardIcon7.png new file mode 100644 index 0000000..ae07632 Binary files /dev/null and b/public/img/indexIcon/indexCardIcon7.png differ diff --git a/public/img/indexIcon/indexCardIcon8.png b/public/img/indexIcon/indexCardIcon8.png new file mode 100644 index 0000000..a43dc1b Binary files /dev/null and b/public/img/indexIcon/indexCardIcon8.png differ diff --git a/public/img/indexIcon/indexCardUp.png b/public/img/indexIcon/indexCardUp.png new file mode 100644 index 0000000..60b9a0e Binary files /dev/null and b/public/img/indexIcon/indexCardUp.png differ diff --git a/src/page/index/top/index.vue b/src/page/index/top/index.vue index a34a146..9bc61bf 100644 --- a/src/page/index/top/index.vue +++ b/src/page/index/top/index.vue @@ -12,7 +12,6 @@
-
+
{{ orgType == 0 @@ -35,6 +34,8 @@ : "项目后台" }}
+ + 切换后台
-
+
{{ companyName }}
+ 切换项目
diff --git a/src/page/wel.vue b/src/page/wel.vue index d5e6f0c..9cb6457 100644 --- a/src/page/wel.vue +++ b/src/page/wel.vue @@ -2,293 +2,317 @@
-
-
时间
-
-
- 今天 -
-
- 近7天 -
-
- 近30天 -
+
+
筛选日期:
+
+ 今天 + 近7天 + 近30天
- +
-
-
平均执行率(%) - - - -
-
-
{{ cardlist.datalist.fraction || 0 }}
-
- - 环比:{{ cardlist.sequential.fraction || 0 }} - - - {{ cardlist.liftlist.fraction || 0 }}% - - - - {{ cardlist.liftlist.fraction || 0 }}% - +
+
+
+
平均执行率 + + + +
{{ cardlist.datalist.fraction || 0 }}%
+
+ +
+ +
-
-
-
-
平均接待时长(分钟) - - - -
-
-
{{ cardlist.datalist.avgDuration || 0 }}
-
- - 环比:{{ cardlist.sequential.avgDuration || 0 }} - - - {{ cardlist.liftlist.avgDuration || 0 }} - - - - {{ cardlist.liftlist.avgDuration || 0 }} - +
+
+ + 环比:{{ cardlist.sequential.fraction || 0 }} + + + +{{ cardlist.liftlist.fraction || 0 }} + + + + -{{ cardlist.liftlist.fraction || 0 }} + + + + 数据有所增长 + 数据有所下降 + +
+
+
+
+
平均接待时长(分钟) + + + +
{{ cardlist.datalist.avgDuration || 0 }}
+
-
-
接待量 (次) - - - -
-
-
{{ cardlist.datalist.receptionCount || 0 }}
-
- - 环比:{{ cardlist.sequential.receptionCount || 0 }} - - - {{ cardlist.liftlist.receptionCount || 0 }} - - - - {{ cardlist.liftlist.receptionCount || 0 }} - +
+ +
+
+
+
+ + 环比:{{ cardlist.sequential.avgDuration || 0 }} + + + +{{ cardlist.liftlist.avgDuration || 0 }} + + + + -{{ cardlist.liftlist.avgDuration || 0 }} + + + + 数据有所增长 + 数据有所下降 + +
-
-
有效接待(次) - +
+
+
+
有效接待(次) + -
-
-
{{ cardlist.datalist.activeCustomer || 0 }}
-
- - 环比:{{ cardlist.sequential.activeCustomer || 0 }} - - - {{ cardlist.liftlist.activeCustomer || 0 }} - - - - {{ cardlist.liftlist.activeCustomer || 0 }} - +
{{ cardlist.datalist.activeCustomer || 0 }}
+
+ +
+ +
+
+
+
+ + 环比:{{ cardlist.sequential.activeCustomer || 0 }} + + + +{{ cardlist.liftlist.activeCustomer || 0 }} + + + + -{{ cardlist.liftlist.activeCustomer || 0 }} + + + + 数据有所增长 + 数据有所下降 + +
-
-
正在接待
-
-
- {{ cardlist.datalist.receivingCustomer || 0 }} +
+
+
正在接待
+
+
+ {{ cardlist.datalist.receivingCustomer || 0 }} +
+ +
+ +
-
-
-
违禁接待次数(次) - +
+
+
+
接待量 (次) + -
-
-
- {{ cardlist.datalist.prohibitedCustomer || 0 }} -
-
- - 环比:{{ cardlist.sequential.prohibitedCustomer || 0 }} - - - {{ cardlist.liftlist.prohibitedCustomer || 0 }} - - - - {{ cardlist.liftlist.prohibitedCustomer || 0 }} - +
{{ cardlist.datalist.receptionCount || 0 }}
+
+ +
+ +
+
+
+
+ + 环比:{{ cardlist.sequential.receptionCount || 0 }} + + + +{{ cardlist.liftlist.receptionCount || 0 }} + + + + -{{ cardlist.liftlist.receptionCount || 0 }} + + + + 数据有所增长 + 数据有所下降 + +
-
-
违禁接待占比(%) - +
+
+
+
违禁接待次数(次) + +
{{ cardlist.datalist.prohibitedCustomer || 0 }}
+
+ +
+ +
+
+
+
+ + 环比:{{ cardlist.sequential.prohibitedCustomer || 0 }} + + + +{{ cardlist.liftlist.prohibitedCustomer || 0 }} + + + + -{{ cardlist.liftlist.prohibitedCustomer || 0 }} + + + + 数据有所增长 + 数据有所下降 + +
+
-
-
{{ cardlist.datalist.prohibitedZb || 0 }}
-
- - 环比:{{ cardlist.sequential.prohibitedZb || 0 }} - - - {{ cardlist.liftlist.prohibitedZb || 0 }}% - - - - {{ cardlist.liftlist.prohibitedZb || 0 }}% - +
+
+
+
+
违禁接待占比 + + + +
{{ cardlist.datalist.prohibitedZb || 0 }}
+
+ +
+ +
+
+
+
+ + 环比:{{ cardlist.sequential.prohibitedZb || 0 }} + + + +{{ cardlist.liftlist.prohibitedZb || 0 }} + + + + -{{ cardlist.liftlist.prohibitedZb || 0 }} + + + + 数据有所增长 + 数据有所下降 + +
-
-
顾问(人)
-
-
{{ cardlist.datalist.accountNum || 0 }}
-
- - 环比:{{ cardlist.sequential.accountNum || 0 }} - - - {{ cardlist.liftlist.accountNum || 0 }} - - - - {{ cardlist.liftlist.accountNum || 0 }} - +
+
+
顾问(人)
+
+
{{ cardlist.datalist.accountNum || 0 }}
+
+
+ +
-
-
+
场景执行率 - +
-
+ ">
暂无数据
-
-
+ "> +
- +
-
+
{{ item.name.substring(0, 6) }}
@@ -301,33 +325,27 @@
顾问执行率排名(TOP10)
-
+ ">
暂无数据
-
-
+
+
顾问
{{ employeeExecutionRatelist.num || "" }}
-
+
平均执行
{{ employeeExecutionRatelist.fraction || "" }}% @@ -335,23 +353,18 @@
-
-
-
{{ item.accountName }}
+ "> +
+
{{i+1}}{{ item.accountName }}
-
+
{{ item.fraction }}%
@@ -367,12 +380,8 @@
- + @@ -384,10 +393,7 @@ @@ -397,41 +403,20 @@
- -
+ +
离线工牌
- -
+ +
低电工牌
- > + > @@ -451,23 +436,15 @@
- + - +
@@ -530,17 +507,9 @@
- +
@@ -557,8 +526,7 @@
{{ sysSec.receptionTimeWithAvg || 0 }}
- 环比:{{ sysCompare.receptionTimeWithAvg || 0 }} + 环比:{{ sysCompare.receptionTimeWithAvg || 0 }} {{ orderBy.receptionTimeWithAvg || 0 }} @@ -570,14 +538,13 @@
-
+
新增项目数
{{ sysSec.newAddHouseQuantity || 0 }}
- 环比:{{ sysCompare.newAddHouseQuantity || 0 }} + 环比:{{ sysCompare.newAddHouseQuantity || 0 }} {{ orderBy.newAddHouseQuantity || 0 }} @@ -589,14 +556,13 @@
-
+
活跃项目数
{{ sysSec.activeHouseQuantity || 0 }}
- 环比:{{ sysCompare.activeHouseQuantity || 0 }} + 环比:{{ sysCompare.activeHouseQuantity || 0 }} {{ orderBy.activeHouseQuantity || 0 }} @@ -608,7 +574,7 @@
-
+
销售设备数 @@ -620,26 +586,19 @@
- 环比:{{ sysCompare.equipmentQuantityWithSold || 0 }} - + 环比:{{ sysCompare.equipmentQuantityWithSold || 0 }} + {{ orderBy.equipmentQuantityWithSold || 0 }} - + {{ orderBy.equipmentQuantityWithSold || 0 }}
-
+
活跃设备数 @@ -649,19 +608,12 @@
{{ sysSec.activeEquipmentQuantity || 0 }}
- 环比:{{ sysCompare.activeEquipmentQuantity || 0 }} - + 环比:{{ sysCompare.activeEquipmentQuantity || 0 }} + {{ orderBy.activeEquipmentQuantity || 0 }} - + {{ orderBy.activeEquipmentQuantity || 0 }} @@ -670,7 +622,7 @@
-
+
活跃用户数 @@ -680,8 +632,7 @@
{{ sysSec.activeUserQuantity || 0 }}
- 环比:{{ sysCompare.activeUserQuantity || 0 }} + 环比:{{ sysCompare.activeUserQuantity || 0 }} {{ orderBy.activeUserQuantity || 0 }} @@ -693,7 +644,7 @@
-
+
接待量 @@ -703,8 +654,7 @@
{{ sysSec.receptionCount || 0 }}
- 环比:{{ sysCompare.receptionCount || 0 }} + 环比:{{ sysCompare.receptionCount || 0 }} {{ orderBy.receptionCount || 0 }} @@ -726,8 +676,7 @@
{{ sysSec.activeCustomer || 0 }}
- 环比:{{ sysCompare.activeCustomer || 0 }} + 环比:{{ sysCompare.activeCustomer || 0 }} {{ orderBy.activeCustomer || 0 }} @@ -749,8 +698,7 @@
{{ sysSec.prohibitedCount || 0 }}
- 环比:{{ sysCompare.prohibitedCount || 0 }} + 环比:{{ sysCompare.prohibitedCount || 0 }} {{ orderBy.prohibitedCount || 0 }} @@ -762,14 +710,13 @@
-
+
录音总时长(小时)
{{ sysSec.receptionTime || 0 }}
- 环比:{{ sysCompare.receptionTime || 0 }} + 环比:{{ sysCompare.receptionTime || 0 }} {{ orderBy.receptionTime || 0 }} @@ -786,7 +733,7 @@
-
+
平均执行率 @@ -796,8 +743,7 @@
{{ sysSec.avgFration || 0 }}
- 环比:{{ sysCompare.avgFration || 0 }} + 环比:{{ sysCompare.avgFration || 0 }} {{ orderBy.avgFration || 0 }}% @@ -809,7 +755,7 @@
-
+
平均接待时长(分钟) @@ -819,8 +765,7 @@
{{ sysSec.receptionTimeWithAvg || 0 }}
- 环比:{{ sysCompare.receptionTimeWithAvg || 0 }} + 环比:{{ sysCompare.receptionTimeWithAvg || 0 }} {{ orderBy.receptionTimeWithAvg || 0 }} @@ -832,7 +777,7 @@
-
+
接待量 @@ -842,8 +787,7 @@
{{ sysSec.receptionCount || 0 }}
- 环比:{{ sysCompare.receptionCount || 0 }} + 环比:{{ sysCompare.receptionCount || 0 }} {{ orderBy.receptionCount || 0 }} @@ -855,7 +799,7 @@
-
+
有效接待 @@ -865,8 +809,7 @@
{{ sysSec.activeCustomer || 0 }}
- 环比:{{ sysCompare.activeCustomer || 0 }} + 环比:{{ sysCompare.activeCustomer || 0 }} {{ orderBy.activeCustomer || 0 }} @@ -878,14 +821,13 @@
-
+
无效接待
{{ sysSec.invalidCustomer || 0 }}
- 环比:{{ sysCompare.invalidCustomer || 0 }} + 环比:{{ sysCompare.invalidCustomer || 0 }} {{ orderBy.invalidCustomer || 0 }} @@ -899,14 +841,13 @@
-
+
接待时长(小时)
{{ sysSec.receptionTime || 0 }}
- 环比:{{ sysCompare.receptionTime || 0 }} + 环比:{{ sysCompare.receptionTime || 0 }} {{ orderBy.receptionTime || 0 }} @@ -919,7 +860,7 @@
-
+
违禁接待次数 @@ -929,8 +870,7 @@
{{ sysSec.prohibitedCount || 0 }}
- 环比:{{ sysCompare.prohibitedCount || 0 }} + 环比:{{ sysCompare.prohibitedCount || 0 }} {{ orderBy.prohibitedCount || 0 }} @@ -943,7 +883,7 @@
-
+
活跃设备数 @@ -953,19 +893,12 @@
{{ sysSec.activeEquipmentQuantity || 0 }}
- 环比:{{ sysCompare.activeEquipmentQuantity || 0 }} - + 环比:{{ sysCompare.activeEquipmentQuantity || 0 }} + {{ orderBy.activeEquipmentQuantity || 0 }} - + {{ orderBy.activeEquipmentQuantity || 0 }} @@ -973,7 +906,7 @@
-
+
活跃设备占比 @@ -985,19 +918,12 @@
- 环比:{{ sysCompare.activeEquipmentQuantityZB || 0 }} - + 环比:{{ sysCompare.activeEquipmentQuantityZB || 0 }} + {{ orderBy.activeEquipmentQuantityZB || 0 }}% - + {{ orderBy.activeEquipmentQuantityZB || 0 }}% @@ -1005,14 +931,13 @@
-
+
活跃项目数
{{ sysSec.activeHouseQuantity || 0 }}
- 环比:{{ sysCompare.activeHouseQuantity || 0 }} + 环比:{{ sysCompare.activeHouseQuantity || 0 }} {{ orderBy.activeHouseQuantity || 0 }} @@ -1034,59 +959,29 @@ {{ role == 2 ? "项目排名(TOP10)" : "公司排名(TOP10)" }}
-
+
接待量
-
+
平均执行率
- - + + - + - + - + @@ -1100,61 +995,31 @@ {{ role == 2 ? "顾问排名(TOP10)" : "项目排名(TOP10)" }}
-
+
接待量
-
+
平均执行率
- > - + > + - + - + - + @@ -1164,10 +1029,7 @@
-
+
欢迎光临
@@ -1222,6 +1084,71 @@ export default { ...mapGetters(["permissions"]), info() { return this.$store.state.user.userInfo + }, + RandomColor() { + return (index)=>{ + switch(index){ + case 0: + return "#5B8FF9"; + break; + case 1: + return "#07B79D"; + break; + case 2: + return "#9B6BDF"; + break; + case 3: + return "#F6BD16"; + break; + case 4: + return "#E6625B"; + break; + case 5: + return "#88AA9D"; + break; + case 6: + return "#F575AB"; + break; + case 7: + return "#29689A"; + break; + case 8: + return "#9A4329"; + break; + case 9: + return "#9A6BE0"; + break; + case 10: + return "#1E89B7"; + break; + case 11: + return "#0D9A31"; + break; + case 12: + return "#92F512"; + break; + case 13: + return "#F5D312"; + break; + case 14: + return "#12F5C8"; + break; + case 15: + return "#B967E3"; + break; + case 16: + return "#7379FB"; + break; + case 17: + return "#FB7385"; + break; + case 18: + return "#FBF973"; + break; + default: + return "#138BFB"; + } + } } }, @@ -1601,10 +1528,12 @@ export default { cursor: pointer; } } + .page-container { width: 100%; display: flex; margin-top: 16px; + .pagechen1 { flex: 1; // min-width: 190px; @@ -1612,6 +1541,19 @@ export default { margin-right: 20px; padding: 20px; } + +.projectCardItem{ + display: flex; + justify-content: space-between; + .cardicon{ + width:54px; + height:54px; + img{ + width:100%; + height:100%; + } + } +} .pagechen { flex: 1; // min-width: 190px; @@ -1619,7 +1561,7 @@ export default { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04); border-radius: 4px; margin-right: 20px; - padding: 20px; + padding: 12px; .pageboxtitle1 { width: 100%; @@ -1628,11 +1570,70 @@ export default { color: #666666; line-height: 16px; } + .projectCardItem{ + .sum{ + .span1 { + width: 100px; + height: 30px; + font-size: 30px; + font-weight: normal; + color: #32363d; + line-height: 30px; + margin-top: 10px; + } + } + } + .projectColumn{ + display: flex; + flex-direction: column; + + + .span2{ + font-size: 14px !important; + align-items: center !important; + .span2-2 { + display: flex; + font-weight: 600; + color: rgba(231, 72, 60, 1); + background: rgba(253, 240, 239, 1); + align-items: center; + padding: 3px 12px; + border-radius: 3px; + .up{ + display: block; + width: 20px; + height: 15px; + background: url("../../public/img/indexIcon/indexCardUp.png") no-repeat; + background-size: 100%; + margin-left: 8px; + } + } + + .span2-3 { + display: flex; + font-weight: 600; + color: rgba(7, 183, 157, 1); + background: rgba(235, 250, 246, 1); + align-items: center; + padding: 3px 12px; + border-radius: 3px; + .down{ + display: block; + width: 20px; + height: 15px; + background: url("../../public/img/indexIcon/indexCardDown.png") no-repeat; + background-size: 100%; + margin-left: 8px; + } + } + } + } .pageboxtitle2 { width: 100%; margin-top: 14px; display: flex; flex-wrap: wrap; + .span1 { width: 100px; height: 30px; @@ -1641,26 +1642,33 @@ export default { color: #32363d; line-height: 30px; } + .span2 { height: 30px; font-size: 16px; display: flex; align-items: flex-end; + .span2-1 { color: #424d64; margin-right: 15px; font-weight: 400; } + .span2-2 { + display: flex; font-weight: 600; - color: #e6273a; + color: rgba(231, 72, 60, 1); } + .span2-3 { + display: flex; font-weight: 600; - color: #25ceba; + color: rgba(7, 183, 157, 1); } } } + .pageboxtitle3 { text-align: center; font-size: 30px; @@ -1668,17 +1676,20 @@ export default { } } } + .colostyle { color: #1e90ff; // font-size: 18px; font-weight: 600; } + .table-box { width: 98.8%; height: 400px; background: #ffffff; border-radius: 4px; margin-top: 24px; + .title { width: 100%; height: 50px; @@ -1689,6 +1700,7 @@ export default { color: #32363d; // border-bottom: 1px solid #E6E6E6; } + .tabbox { padding-left: 30px; padding-right: 30px; @@ -1696,8 +1708,10 @@ export default { min-height: 320px; } } + .el-row { margin-bottom: 20px; + &:last-child { margin-bottom: 0; } @@ -1708,19 +1722,22 @@ export default { min-height: 350px; display: flex; margin-top: 15px; + .zuo { - padding: 0 0 20px 0 ; + padding: 0 0 20px 0; margin-right: 15px; background: #ffffff; border-radius: 4px; width: 48.7%; flex-grow: 1; + .title { width: 100%; height: 55px; // border-bottom: 1px solid #E0E0E0; display: flex; align-content: center; + .text1 { flex: 2; line-height: 55px; @@ -1730,17 +1747,20 @@ export default { } } } + .you { flex-grow: 1; width: 49%; background: #ffffff; border-radius: 4px; + .title { width: 100%; height: 55px; // border-bottom: 1px solid #E0E0E0; display: flex; align-content: center; + .text1 { line-height: 55px; text-indent: 20px; @@ -1755,15 +1775,24 @@ export default { color: #ffffff; background: #2671e2; } + +.projectBackend { + background: #ffffff; + padding: 12px 15px; + border-radius: 5px; +} + .app-titel { width: 100%; display: flex; align-items: center; + .titel-text { height: 100%; font-size: 16px; color: #32363d; } + .toptimeqhuan { width: 190px; height: 32px; @@ -1776,6 +1805,7 @@ export default { margin-left: 20px; cursor: pointer; } + .toptimeqhuan div { flex: 1; text-align: center; @@ -1783,6 +1813,7 @@ export default { font-size: 14px; } } + // 进度条 .jinbox { width: 100%; @@ -1792,46 +1823,77 @@ export default { font-size: 16px; color: #2c3542; margin-top: 20px; + .jinboxtit { - width: 14%; + width: 20%; height: 18px; padding-right: 6px; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; + + display: flex; + align-items: center; + .sequenceNum{ + display: flex; + width: 24px; + height: 24px; + justify-content: center; + align-items: center; + background: #E5F0FF; + border-radius: 15px; + color: #333333; + } + .name{ + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + 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; } } + .hejisan { - width: 92%; + width: 100%; margin: 0 auto; display: flex; + .sanbox1{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + } + .text1-1 { color: #666666; } + .text1-2 { color: #333333; margin-top: 10px; } } + .title1 { width: 100%; height: 55px; @@ -1841,8 +1903,8 @@ export default { padding: 0 20px; line-height: 55px; } + /deep/ .el-badge__content { top: 10px; } - \ No newline at end of file