From 969ba8b7fa1a18b78506f394467bdb81d975ff18 Mon Sep 17 00:00:00 2001 From: "liu.xiaofeng@ebiz-digits.com" Date: Fri, 18 Nov 2022 16:38:24 +0800 Subject: [PATCH] =?UTF-8?q?=E3=80=90=E9=93=B6=E4=BF=9Dapp=E3=80=91?= =?UTF-8?q?=E4=B8=9A=E7=BB=A9=E6=9F=A5=E8=AF=A2=E9=A1=B5=E9=9D=A2=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E6=8A=BD=E7=A6=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/YB_APP/performanceQuery.vue | 206 +++++++++++++++++--------- 1 file changed, 138 insertions(+), 68 deletions(-) diff --git a/src/views/YB_APP/performanceQuery.vue b/src/views/YB_APP/performanceQuery.vue index 6c736a26e..71c1da1e7 100644 --- a/src/views/YB_APP/performanceQuery.vue +++ b/src/views/YB_APP/performanceQuery.vue @@ -69,7 +69,7 @@

未达标 - +

桂冠人力 @@ -104,76 +104,74 @@

-

12个

-

网点数量

+

+ 12 + 个 +

+

网点数量

-

90%

-

网点期交活动率

+

+ 90% +

+

网点期交活动率

-
-
-
- 渠道业绩 - 网点业绩 +
+
+
+ +
-
保费排序
+
保费排序
- -
-
-
-
-
-
- - 中国工商银行 +
+
+
+
+
+ + + 中国工商银行 +
+
+ 总保费 + ￥200.0 + 万元 + +
-
- 总保费 - ￥200.0 - 万元 - +
+
+

+ 122.6 + 万元 +

+

趸交保费

+
+
+
+

+ 66.5 + 万元 +

+

银保期交保费

+
+
+
+

+ 115.6 + 万元 +

+

传统期交保费

+
-
-
-

- 122.6 - 万元 -

-

趸交保费

-
-
-
-

- 66.5 - 万元 -

-

银保期交保费

-
-
-
-

- 115.6 - 万元 -

-

传统期交保费

-
-
-
-
@@ -204,7 +202,7 @@ data() { return { premType:'QJ', - channelORnetwork:'channel', + channelORnetworkType:'channel', activeProductIndex:'', calendarValue:'', calendarShow:false, @@ -220,15 +218,6 @@ { value: 70, scale:'21.8%', name: '银销个' ,color:'#fcd439',thisId:'006',}, { value: 50, scale:'15.6%', name: '节节高B款' ,color:'#fc7d82',thisId:'007',}, ], - channelORnetworkData:[ - { value: 50, scale:'15.6%', name: '节节高',color:'#768dfe',thisId:'001',}, - { value: 30, scale:'9.3%', name: '鸿利两全' ,color:'#7784a2',thisId:'002',}, - { value: 50, scale:'15.6%', name: '福享年年' ,color:'#38cbcb',thisId:'003',}, - { value: 40, scale:'12.5%', name: '年年丰' ,color:'#a5e1fc',thisId:'004',}, - { value: 30, scale:'9.3%', name: '银销健' ,color:'#e8bfa4',thisId:'005',}, - { value: 70, scale:'21.8%', name: '银销个' ,color:'#fcd439',thisId:'006',}, - { value: 50, scale:'15.6%', name: '节节高B款' ,color:'#fc7d82',thisId:'007',}, - ], incomeOption :{ color: ["#768dfe", "#7784a2", "#38cbcb", "#a5e1fc", "#e8bfa4",'#fcd439','#fc7d82'], title: { @@ -238,7 +227,7 @@ y: "center", textStyle: { fontWeight: "normal", - color: "#000000FF", + color: "#000", fontSize: 24, lineHeight: 18, }, @@ -576,4 +565,85 @@ background-repeat: no-repeat; background-size: cover; } + .activeChannel{ + color:#3749A9;background:#F4F6FF;padding:6px;border-radius:3px;font-weight:bold;font-size:14px;border:none; + } + .unActiveChannel{ + color:#333333;font-size:14px;margin-left:5px;border:none;background:#fff; + } + .channel_head_con_num{ + display:flex;justify-content:flex-start;margin-left:15px; + } + .channel_head_con_num_span{ + color:#3749A9;font-size:16px;font-weight:bold; + } + .channel_head_con_mark{ + color:#3646AF;font-size:14px;margin-left:15px; + } + .channel_head_con_num_span_unit{ + color:#3646AF;font-size:12px; + } + .channelORnetween_list_head{ + width:calc(100% - 20px);height:40px;margin:10px; + } + .channelORnetween_list_head_con{ + display:flex;justify-content:space-between; + } + .channelORnetween_list_head_button_con{ + display:flex;justify-content:space-between;align-items:center; + } + .channelORnetween_list_head_button_right{ + color:#3749A9;background:#F7F7F7;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:bold; + } + .channelORnetween_list{ + width:calc(100% - 20px);margin:10px; + } + .channelORnetween_list_con{ + margin-bottom:15px;border:1px solid #eee;border-radius:8px; + } + .channelORnetween_list_maincon{ + display:flex;justify-content:space-between;align-items:center;height:50px;background:#EEEEEE; + } + .channelORnetween_list_maincon_title{ + display:flex;align-items:center; + } + .channelORnetween_list_maincon_title_img{ + width:20px;height:20px;margin-left:10px; + } + .channelORnetween_list_maincon_title_span{ + font-size:14px;color:#333;margin-left:10px;font-weight:bold; + } + .channelORnetween_list_maincon_title_mark{ + margin-right:10px; + } + .channelORnetween_list_maincon_title_mark_span{ + color:#999;font-size:12px;margin-right:5px; + } + .channelORnetween_list_maincon_title_mark_money{ + color:#D6313F;font-size:16px;font-weight:bold; + } + .markMoneyUnit{ + font-size:12px; + } + .listInfoCon{ + display:flex;align-items:center;height:100px; + } + .listInfoParts{ + width:33.3%;position:relative; + } + .listInfoP{ + line-height:30px; + } + .listInfoP_spanOne{ + font-size:16px;font-weight:bold;color:#333; + } + .listInfoP_spanTwo{ + color:#333;font-size:12px;font-weight:bold; + } + .listInfoMark{ + font-size:12px;color:#999;line-height:30px; + } + .listInfoLine{ + position:absolute;right: 0px;width: 1px;background: #eee;top: calc(50% - 10px);height: 20px; + }