From 8565c28d445db63a7be09ba68fdf6abebbade966 Mon Sep 17 00:00:00 2001
From: "liu.xiaofeng@ebiz-digits.com" <liu.xiaofeng@ebiz-digits.com>
Date: Mon, 28 Nov 2022 09:57:39 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E9=93=B6=E4=BF=9Dapp=E3=80=91?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A6=96=E9=A1=B5=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/YB_APP/home.vue | 313 ++++++++++++++++++++------------------
 1 file changed, 163 insertions(+), 150 deletions(-)

diff --git a/src/views/YB_APP/home.vue b/src/views/YB_APP/home.vue
index 254639c4d..9752933b1 100644
--- a/src/views/YB_APP/home.vue
+++ b/src/views/YB_APP/home.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="public_container" :style="{paddingTop:marginTop+'px'}">
-    <div class="head" style="margin: 10px;border-radius: 5px;">
+    <div class="head">
       <van-swipe :autoplay="3000" style="width: 100%;">
         <van-swipe-item v-for="(item, index) in activity" :key="index" @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend(item)">
           <!-- <img :src="config.assetsUrl + item.img + '?v=' + thisGetTime" /> -->
@@ -9,129 +9,94 @@
       </van-swipe>
     </div>
 
-    <div style="margin: 10px;border-radius: 5px;">
+    <div class="iconPart1">
       <van-notice-bar
         :left-icon="png8"
         :text='getCodeValue'
       />
     </div>
 
-    <div class="top" style="display:flex;justify-content: space-between;margin: 10px;background: #fff;border-radius: 5px;align-items: center;padding: 15px;">
+    <div class="top">
       <div class="menu" v-for="(item, ind) in homePageIcon" :key="ind" @click="goDetail(item)">
-        <div class="menuImg" style="width:100%;display: flex;justify-content: center;margin-bottom: 5px;">
+        <div class="menuImg">
           <img :src="item.img">
         </div>
         <span class="menuName">{{ item.title }}</span>
       </div>
     </div>
 
-    <div style="margin: 10px;background: #fff;border-radius: 5px;padding: 15px;">
-      <div style="display:flex;justify-content: space-between;align-items: center;">
-        <span style="display:flex;align-items: center;">
+    <div class="echarts_con">
+      <div class="echarts_con_head">
+        <span class="echarts_con_head_tit">
           <img src="@/assets/YB_APP/images/1.png">
-          <span style="margin-left: 10px;font-size: 16px;font-weight: bold;">个人保费排行榜</span>
+          <span class="echarts_con_head_tit_span">个人保费排行榜</span>
         </span>
-        <span style="color: #2a409d;border:lpx solid #eee;padding: 6px 12px;border-radius: 15px;background: #f4f6ff;cursor: pointer;font-weight: bold;">
+        <span class="echarts_con_head_date">
           {{calendarValue}}
         </span>
       </div>
       
-      <div style="margin:15px 0px;">
-        <span @click="changePersonalType('1')" v-if="activePersonalType == '1'" style="padding: 8px;border-radius: 5px;background: #f6f6f6;font-weight: bold;cursor: pointer;">期交保费</span>
-        <span @click="changePersonalType('1')" v-if="activePersonalType == '2'" style="padding: 8px;border-radius: 5px;color: #8e8e8e;cursor: pointer;">期交保费</span>  
-        <span @click="changePersonalType('2')" v-if="activePersonalType == '2'" style="padding: 8px;border-radius: 5px;background: #f6f6f6;margin-left: 10px;font-weight: bold;cursor: pointer;">总保费</span>
-        <span @click="changePersonalType('2')" v-if="activePersonalType == '1'" style="padding: 8px;border-radius: 5px;color: #8e8e8e;margin-left: 10px;cursor: pointer;">总保费</span>  
+      <div class="echarts_con_buttonPart">
+        <span @click="changePersonalType('1')" v-if="activePersonalType == '1'" class="echarts_con_buttonPart_one">期交保费</span>
+        <span @click="changePersonalType('1')" v-if="activePersonalType == '2'" class="echarts_con_buttonPart_two">期交保费</span>  
+        <span @click="changePersonalType('2')" v-if="activePersonalType == '2'" class="echarts_con_buttonPart_three">总保费</span>
+        <span @click="changePersonalType('2')" v-if="activePersonalType == '1'" class="echarts_con_buttonPart_four">总保费</span>  
       </div>
 
       <div v-if="activePersonalType == '1' && ebizPremRankGMList.length != 0">
-        <div style="display: flex;align-items: center;font-size:12px;">
-          <div style="width: 100px;">
-            <span style="background: #ffc71f;color: #fff;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankGMList[0].manageCom3.substring(0,2)}}</span>
-            <span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankGMList[0].agentName}}</span>
+        <div class="echarts_con_main">
+          <div class="echarts_con_main_part1">
+            <span class="echarts_con_main_part1_span1" style="background: #ffc71f;color: #fff;">{{ebizPremRankGMList[0].manageCom3.substring(0,2)}}</span>
+            <span class="echarts_con_main_part1_span2">{{ebizPremRankGMList[0].agentName}}</span>
           </div>
-          <div style="width:calc(100% - 150px);
-              margin: 10px 0px;
-              display: flex;
-              background:#f4f6ff;
-              border-top-left-radius: 2px;
-              border-bottom-left-radius: 2px;
-              border-top-right-radius: 8px;
-              border-bottom-right-radius: 8px;">
+          <div class="mySelfEcharts_con">
             <div class="ebizPremRankGMList0" ref="ebizPremRankGMList0"></div>       
           </div>
-          <div v-bind:class="{ 'colorThree': ebizPremRankGMList[0].prem <= 5, 'colorTwo': ebizPremRankGMList[0].prem > 5, 'colorOne': ebizPremRankGMList[0].prem >= 10 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankGMList[0].prem}}万</div>
+          <div v-bind:class="{ 'colorThree': ebizPremRankGMList[0].prem <= 5, 'colorTwo': ebizPremRankGMList[0].prem > 5, 'colorOne': ebizPremRankGMList[0].prem >= 10 }" class="echarts_prem">{{ebizPremRankGMList[0].prem}}万</div>
         </div>
 
-        <div style="display: flex;align-items: center;font-size:12px;">
-          <div style="width: 100px;">
-            <span style="background: #c0d4f4;color: #fff;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankGMList[1].manageCom3.substring(0,2)}}</span>
-            <span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankGMList[1].agentName}}</span>
+        <div class="echarts_con_main">
+          <div class="echarts_con_main_part1">
+            <span class="echarts_con_main_part1_span1" style="background: #c0d4f4;color: #fff;">{{ebizPremRankGMList[1].manageCom3.substring(0,2)}}</span>
+            <span class="echarts_con_main_part1_span2">{{ebizPremRankGMList[1].agentName}}</span>
           </div>
-          <div style="width:calc(100% - 150px);
-              margin: 10px 0px;
-              display: flex;
-              background:#f4f6ff;
-              border-top-left-radius: 2px;
-              border-bottom-left-radius: 2px;
-              border-top-right-radius: 8px;
-              border-bottom-right-radius: 8px;">
+          <div class="mySelfEcharts_con">
             <div class="ebizPremRankGMList1" ref="ebizPremRankGMList1"></div>       
           </div>
-          <div v-bind:class="{ 'colorThree': ebizPremRankGMList[1].prem <= 5, 'colorTwo': ebizPremRankGMList[1].prem > 5, 'colorOne': ebizPremRankGMList[1].prem >= 10 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankGMList[1].prem}}万</div>
+          <div v-bind:class="{ 'colorThree': ebizPremRankGMList[1].prem <= 5, 'colorTwo': ebizPremRankGMList[1].prem > 5, 'colorOne': ebizPremRankGMList[1].prem >= 10 }" class="echarts_prem">{{ebizPremRankGMList[1].prem}}万</div>
         </div>
 
-        <div style="display: flex;align-items: center;font-size:12px;">
-          <div style="width: 100px;">
-            <span style="background: #c9b394;color: #fff;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankGMList[2].manageCom3.substring(0,2)}}</span>
-            <span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankGMList[2].agentName}}</span>
+        <div class="echarts_con_main">
+          <div class="echarts_con_main_part1">
+            <span class="echarts_con_main_part1_span1" style="background: #c9b394;color: #fff;">{{ebizPremRankGMList[2].manageCom3.substring(0,2)}}</span>
+            <span class="echarts_con_main_part1_span2">{{ebizPremRankGMList[2].agentName}}</span>
           </div>
-          <div style="width:calc(100% - 150px);
-              margin: 10px 0px;
-              display: flex;
-              background:#f4f6ff;
-              border-top-left-radius: 2px;
-              border-bottom-left-radius: 2px;
-              border-top-right-radius: 8px;
-              border-bottom-right-radius: 8px;">
+          <div class="mySelfEcharts_con">
             <div class="ebizPremRankGMList2" ref="ebizPremRankGMList2"></div>       
           </div>
-          <div v-bind:class="{ 'colorThree': ebizPremRankGMList[2].prem <= 5, 'colorTwo': ebizPremRankGMList[2].prem > 5, 'colorOne': ebizPremRankGMList[2].prem >= 10 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankGMList[2].prem}}万</div>
+          <div v-bind:class="{ 'colorThree': ebizPremRankGMList[2].prem <= 5, 'colorTwo': ebizPremRankGMList[2].prem > 5, 'colorOne': ebizPremRankGMList[2].prem >= 10 }" class="echarts_prem">{{ebizPremRankGMList[2].prem}}万</div>
         </div>
 
-        <div style="display: flex;align-items: center;font-size:12px;">
-          <div style="width: 100px;">
-            <span style="background: #f6f6f6;color: #959595;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankGMList[3].manageCom3.substring(0,2)}}</span>
-            <span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankGMList[3].agentName}}</span>
+        <div class="echarts_con_main">
+          <div class="echarts_con_main_part1">
+            <span class="echarts_con_main_part1_span1" style="background: #f6f6f6;color: #959595;">{{ebizPremRankGMList[3].manageCom3.substring(0,2)}}</span>
+            <span class="echarts_con_main_part1_span2">{{ebizPremRankGMList[3].agentName}}</span>
           </div>
-          <div style="width:calc(100% - 150px);
-              margin: 10px 0px;
-              display: flex;
-              background:#f4f6ff;
-              border-top-left-radius: 2px;
-              border-bottom-left-radius: 2px;
-              border-top-right-radius: 8px;
-              border-bottom-right-radius: 8px;">
+          <div class="mySelfEcharts_con">
             <div class="ebizPremRankGMList3" ref="ebizPremRankGMList3"></div>       
           </div>
-          <div v-bind:class="{ 'colorThree': ebizPremRankGMList[3].prem <= 5, 'colorTwo': ebizPremRankGMList[3].prem > 5, 'colorOne': ebizPremRankGMList[3].prem >= 10 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankGMList[3].prem}}万</div>
+          <div v-bind:class="{ 'colorThree': ebizPremRankGMList[3].prem <= 5, 'colorTwo': ebizPremRankGMList[3].prem > 5, 'colorOne': ebizPremRankGMList[3].prem >= 10 }" class="echarts_prem">{{ebizPremRankGMList[3].prem}}万</div>
         </div>
 
-        <div style="display: flex;align-items: center;font-size:12px;">
-          <div style="font-size:12px;width: 100px;">
-            <span style="background: #f6f6f6;color: #959595;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankGMList[4].manageCom3.substring(0,2)}}</span>
-            <span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankGMList[4].agentName}}</span>
+        <div class="echarts_con_main">
+          <div class="echarts_con_main_part1">
+            <span class="echarts_con_main_part1_span1" style="background: #f6f6f6;color: #959595;">{{ebizPremRankGMList[4].manageCom3.substring(0,2)}}</span>
+            <span class="echarts_con_main_part1_span2">{{ebizPremRankGMList[4].agentName}}</span>
           </div>
-          <div style="width:calc(100% - 150px);
-              margin: 10px 0px;
-              display: flex;
-              background:#f4f6ff;
-              border-top-left-radius: 2px;
-              border-bottom-left-radius: 2px;
-              border-top-right-radius: 8px;
-              border-bottom-right-radius: 8px;">
+          <div class="mySelfEcharts_con">
             <div class="ebizPremRankGMList4" ref="ebizPremRankGMList4"></div>       
           </div>
-          <div v-bind:class="{ 'colorThree': ebizPremRankGMList[4].prem <= 5, 'colorTwo': ebizPremRankGMList[4].prem > 5, 'colorOne': ebizPremRankGMList[4].prem >= 10 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankGMList[4].prem}}万</div>
+          <div v-bind:class="{ 'colorThree': ebizPremRankGMList[4].prem <= 5, 'colorTwo': ebizPremRankGMList[4].prem > 5, 'colorOne': ebizPremRankGMList[4].prem >= 10 }" class="echarts_prem">{{ebizPremRankGMList[4].prem}}万</div>
         </div>
       </div>
       
@@ -140,94 +105,59 @@
       </div>
 
       <div v-if="activePersonalType == '2' && ebizPremRankQJList.length != 0">
-        <div style="display: flex;align-items: center;font-size:12px;">
-          <div style="width: 100px;">
-            <span style="background: #ffc71f;color: #fff;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankQJList[0].manageCom3.substring(0,2)}}</span>
-            <span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankQJList[0].agentName}}</span>
+        <div class="echarts_con_main">
+          <div class="echarts_con_main_part1">
+            <span class="echarts_con_main_part1_span1" style="background: #ffc71f;color: #fff;">{{ebizPremRankQJList[0].manageCom3.substring(0,2)}}</span>
+            <span class="echarts_con_main_part1_span2">{{ebizPremRankQJList[0].agentName}}</span>
           </div>
-          <div style="width:calc(100% - 150px);
-              margin: 10px 0px;
-              display: flex;
-              background:#f4f6ff;
-              border-top-left-radius: 2px;
-              border-bottom-left-radius: 2px;
-              border-top-right-radius: 8px;
-              border-bottom-right-radius: 8px;">
+          <div class="mySelfEcharts_con">
             <div class="ebizPremRankQJList0" ref="ebizPremRankQJList0"></div>       
           </div>
-          <div v-bind:class="{ 'colorThree': ebizPremRankQJList[0].prem <= 5, 'colorTwo': ebizPremRankQJList[0].prem > 5, 'colorOne': ebizPremRankQJList[0].prem >= 20 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankQJList[0].prem}}万</div>
+          <div v-bind:class="{ 'colorThree': ebizPremRankQJList[0].prem <= 5, 'colorTwo': ebizPremRankQJList[0].prem > 5, 'colorOne': ebizPremRankQJList[0].prem >= 20 }" class="echarts_prem">{{ebizPremRankQJList[0].prem}}万</div>
         </div>
 
-        <div style="display: flex;align-items: center;font-size:12px;">
-          <div style="width: 100px;">
-            <span style="background: #c0d4f4;color: #fff;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankQJList[1].manageCom3.substring(0,2)}}</span>
-            <span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankQJList[1].agentName}}</span>
+        <div class="echarts_con_main">
+          <div class="echarts_con_main_part1">
+            <span class="echarts_con_main_part1_span1" style="background: #c0d4f4;color: #fff;">{{ebizPremRankQJList[1].manageCom3.substring(0,2)}}</span>
+            <span class="echarts_con_main_part1_span2">{{ebizPremRankQJList[1].agentName}}</span>
           </div>
-          <div style="width:calc(100% - 150px);
-              margin: 10px 0px;
-              display: flex;
-              background:#f4f6ff;
-              border-top-left-radius: 2px;
-              border-bottom-left-radius: 2px;
-              border-top-right-radius: 8px;
-              border-bottom-right-radius: 8px;">
+          <div class="mySelfEcharts_con">
             <div class="ebizPremRankQJList1"  ref="ebizPremRankQJList1"></div>       
           </div>
-          <div v-bind:class="{ 'colorThree': ebizPremRankQJList[1].prem <= 5, 'colorTwo': ebizPremRankQJList[1].prem > 5, 'colorOne': ebizPremRankQJList[2].prem >= 20 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankQJList[1].prem}}万</div>
+          <div v-bind:class="{ 'colorThree': ebizPremRankQJList[1].prem <= 5, 'colorTwo': ebizPremRankQJList[1].prem > 5, 'colorOne': ebizPremRankQJList[2].prem >= 20 }" class="echarts_prem">{{ebizPremRankQJList[1].prem}}万</div>
         </div>
 
-        <div style="display: flex;align-items: center;font-size:12px;">
-          <div style="width: 100px;">
-            <span style="background: #c9b394;color: #fff;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankQJList[2].manageCom3.substring(0,2)}}</span>
-            <span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankQJList[2].agentName}}</span>
+        <div class="echarts_con_main">
+          <div class="echarts_con_main_part1">
+            <span class="echarts_con_main_part1_span1" style="background: #c9b394;color: #fff;">{{ebizPremRankQJList[2].manageCom3.substring(0,2)}}</span>
+            <span class="echarts_con_main_part1_span2">{{ebizPremRankQJList[2].agentName}}</span>
           </div>
-          <div style="width:calc(100% - 150px);
-              margin: 10px 0px;
-              display: flex;
-              background:#f4f6ff;
-              border-top-left-radius: 2px;
-              border-bottom-left-radius: 2px;
-              border-top-right-radius: 8px;
-              border-bottom-right-radius: 8px;">
+          <div class="mySelfEcharts_con">
             <div class="ebizPremRankQJList2"  ref="ebizPremRankQJList2"></div>       
           </div>
-          <div v-bind:class="{ 'colorThree': ebizPremRankQJList[2].prem <= 5, 'colorTwo': ebizPremRankQJList[2].prem > 5, 'colorOne': ebizPremRankQJList[2].prem >= 20 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankQJList[2].prem}}万</div>
+          <div v-bind:class="{ 'colorThree': ebizPremRankQJList[2].prem <= 5, 'colorTwo': ebizPremRankQJList[2].prem > 5, 'colorOne': ebizPremRankQJList[2].prem >= 20 }" class="echarts_prem">{{ebizPremRankQJList[2].prem}}万</div>
         </div>
 
-        <div style="display: flex;align-items: center;font-size:12px;">
-          <div style="width: 100px;">
-            <span style="background: #f6f6f6;color: #959595;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankQJList[3].manageCom3.substring(0,2)}}</span>
-            <span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankQJList[3].agentName}}</span>
+        <div class="echarts_con_main">
+          <div class="echarts_con_main_part1">
+            <span class="echarts_con_main_part1_span1" style="background: #f6f6f6;color: #959595;">{{ebizPremRankQJList[3].manageCom3.substring(0,2)}}</span>
+            <span class="echarts_con_main_part1_span2">{{ebizPremRankQJList[3].agentName}}</span>
           </div>
-          <div style="width:calc(100% - 150px);
-              margin: 10px 0px;
-              display: flex;
-              background:#f4f6ff;
-              border-top-left-radius: 2px;
-              border-bottom-left-radius: 2px;
-              border-top-right-radius: 8px;
-              border-bottom-right-radius: 8px;">
+          <div class="mySelfEcharts_con">
             <div class="ebizPremRankQJList3"  ref="ebizPremRankQJList3"></div>       
           </div>
-          <div v-bind:class="{ 'colorThree': ebizPremRankQJList[3].prem <= 5, 'colorTwo': ebizPremRankQJList[3].prem > 5, 'colorOne': ebizPremRankQJList[3].prem >= 20 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankQJList[3].prem}}万</div>
+          <div v-bind:class="{ 'colorThree': ebizPremRankQJList[3].prem <= 5, 'colorTwo': ebizPremRankQJList[3].prem > 5, 'colorOne': ebizPremRankQJList[3].prem >= 20 }" class="echarts_prem">{{ebizPremRankQJList[3].prem}}万</div>
         </div>
 
-        <div style="display: flex;align-items: center;font-size:12px;">
-          <div style="font-size:12px;width: 100px;">
-            <span style="background: #f6f6f6;color: #959595;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankQJList[4].manageCom3.substring(0,2)}}</span>
-            <span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankQJList[4].agentName}}</span>
+        <div class="echarts_con_main">
+          <div class="echarts_con_main_part1">
+            <span class="echarts_con_main_part1_span1" style="background: #f6f6f6;color: #959595;">{{ebizPremRankQJList[4].manageCom3.substring(0,2)}}</span>
+            <span class="echarts_con_main_part1_span2">{{ebizPremRankQJList[4].agentName}}</span>
           </div>
-          <div style="width:calc(100% - 150px);
-              margin: 10px 0px;
-              display: flex;
-              background:#f4f6ff;
-              border-top-left-radius: 2px;
-              border-bottom-left-radius: 2px;
-              border-top-right-radius: 8px;
-              border-bottom-right-radius: 8px;">
+          <div class="mySelfEcharts_con">
             <div class="ebizPremRankQJList4"  ref="ebizPremRankQJList4"></div>       
           </div>
-          <div v-bind:class="{ 'colorThree': ebizPremRankQJList[4].prem <= 5, 'colorTwo': ebizPremRankQJList[4].prem > 5, 'colorOne': ebizPremRankQJList[4].prem >= 20 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankQJList[4].prem}}万</div>
+          <div v-bind:class="{ 'colorThree': ebizPremRankQJList[4].prem <= 5, 'colorTwo': ebizPremRankQJList[4].prem > 5, 'colorOne': ebizPremRankQJList[4].prem >= 20 }" class="echarts_prem">{{ebizPremRankQJList[4].prem}}万</div>
         </div>
       </div>
 
@@ -236,17 +166,17 @@
       </div>
     </div>
 
-    <div style="margin: 10px;background: #fff;border-radius: 5px;padding: 15px;margin-bottom: 20px;">
-      <div style="display:flex;justify-content: space-between;align-items: center;">
-        <span style="display:flex;align-items: center;">
+    <div class="table_con">
+      <div class="table_con_main">
+        <span class="table_con_main_span">
           <img src="@/assets/YB_APP/images/6.png">
-          <span style="margin-left: 10px;font-size: 16px;font-weight: bold;">实时出单榜</span>
+          <span class="table_con_main_span_name">实时出单榜</span>
         </span>
         <span style="color: #959595;">
           数据截止时间 {{currentTime}}
         </span>
       </div>
-      <div style="margin-top: 15px;border-radius: 10px;overflow: hidden;width: 100%;">
+      <div class="tableDiv">
         <table border="1" class="issueTable" style="width:100%;">
           <tr style="background:#4d6cc4;width: 100%;">
             <th style="width: 13%;">时间</th>
@@ -572,7 +502,8 @@ export default {
   }
   .head {
     position: relative;
-    box-shadow: 0px 5px 8px 0px #7a6fc1;
+    margin: 10px;border-radius: 5px;
+    /*box-shadow: 0px 5px 8px 0px #7a6fc1;*/
     img {
       width: 100%;
       height: 100%;
@@ -586,6 +517,7 @@ export default {
     border-radius: 5px;
   }
   .menuImg{
+    width:100%;display: flex;justify-content: center;margin-bottom: 5px;
     /deep/ img{
       width: 30px;
       height: 30px;
@@ -653,4 +585,85 @@ export default {
   .noneDataDiv_span{
     position:absolute;bottom:80px;left:calc(50% - 33px);
   }
+  /deep/ .van-swipe-item{
+    img{
+      height:145px;
+    }
+  }
+  .iconPart1{
+    margin: 10px;border-radius: 5px;
+  }
+  .top{
+    display:flex;justify-content: space-between;margin: 10px;background: #fff;border-radius: 5px;align-items: center;padding: 15px;
+  }
+  .echarts_con{
+    margin: 10px;background: #fff;border-radius: 5px;padding: 15px;
+  }
+  .echarts_con_head{
+    display:flex;justify-content: space-between;align-items: center;
+  }
+  .echarts_con_head_tit{
+    display:flex;align-items: center;
+  }
+  .echarts_con_head_tit_span{
+    margin-left: 10px;font-size: 16px;font-weight: bold;
+  }
+  .echarts_con_head_date{
+    color: #2a409d;border:lpx solid #eee;padding: 6px 12px;border-radius: 15px;background: #f4f6ff;cursor: pointer;font-weight: bold;
+  }
+  .echarts_con_buttonPart{
+    margin:15px 0px;
+  }
+  .echarts_con_buttonPart_one{
+    padding: 8px;border-radius: 5px;background: #f6f6f6;font-weight: bold;cursor: pointer;
+  }
+  .echarts_con_buttonPart_two{
+    padding: 8px;border-radius: 5px;color: #8e8e8e;cursor: pointer;
+  }
+  .echarts_con_buttonPart_three{
+    padding: 8px;border-radius: 5px;background: #f6f6f6;margin-left: 10px;font-weight: bold;cursor: pointer;
+  }
+  .echarts_con_buttonPart_four{
+    padding: 8px;border-radius: 5px;color: #8e8e8e;margin-left: 10px;cursor: pointer;
+  }
+  .echarts_con_main{
+    display: flex;align-items: center;font-size:12px;
+  }
+  .echarts_con_main_part1{
+    width:100px;
+  }
+  .echarts_con_main_part1_span1{
+    padding: 3px 8px;border-radius: 10px;
+  }
+  .mySelfEcharts_con{
+    width:calc(100% - 150px);
+    margin: 10px 0px;
+    display: flex;
+    background:#f4f6ff;
+    border-top-left-radius: 2px;
+    border-bottom-left-radius: 2px;
+    border-top-right-radius: 8px;
+    border-bottom-right-radius: 8px;
+  }
+  .echarts_prem{
+    width: 60px;text-align: right;font-weight: bold;
+  }
+  .echarts_con_main_part1_span2{
+    margin-left:8px;font-weight: bold;color: #333;
+  }
+  .table_con{
+    margin: 10px;background: #fff;border-radius: 5px;padding: 15px;margin-bottom: 20px;
+  }
+  .table_con_main{
+    display:flex;justify-content: space-between;align-items: center;
+  }
+  .table_con_main_span{
+    display:flex;align-items: center;
+  }
+  .table_con_main_span_name{
+    margin-left: 10px;font-size: 16px;font-weight: bold;
+  }
+  .tableDiv{
+    margin-top: 15px;border-radius: 10px;overflow: hidden;width: 100%;
+  }
 </style>