增加个人中心幸福存折显示

src/assets/css/newPersonalCenter/block/HomePage.css

@@ -92,7 +92,7 @@
   position: absolute;
   width: 20px;
   height: 20px;
-  border: 1px solid #fff;
+  border: 1px solid #F5F5F5;
   z-index: 1;
   background: #fff;
 }
@@ -102,6 +102,7 @@
   border-radius:0px 0px 20px 0px;
   border-bottom: 1px solid rgba(230,230,230,1);
   border-right: 1px solid rgba(230,230,230,1);
+  background-color: #F5F5F5;
 }
 
 .top_info .cro_right_top{
@@ -110,6 +111,7 @@
   border-radius:0px 0px 0px 20px;
   border-bottom: 1px solid rgba(230,230,230,1);
   border-left: 1px solid rgba(230,230,230,1);
+  background-color: #F5F5F5;
 }
 
 .top_info .cro_left_bottom{
@@ -118,6 +120,7 @@
   border-radius:0px 20px 0px 0px;
   border-top: 1px solid rgba(230,230,230,1);
   border-right: 1px solid rgba(230,230,230,1);
+  background-color: #F5F5F5;
 }
 
 .top_info .cro_right_bottom{
@@ -126,6 +129,7 @@
   border-radius:20px 0px 0px 0px;
   border-top: 1px solid rgba(230,230,230,1);
   border-left: 1px solid rgba(230,230,230,1);
+  background-color: #F5F5F5;
 }
 .top_info ._head_icon ._addr{
   margin-top: 10px;
@@ -158,7 +162,16 @@
 }
 .top_info .top_info_right ._business ._business_ite{
   margin: 8% 0;
-  height: 80%;
+  height: auto;
+  position: relative;
+}
+.top_info .top_info_right ._business ._business_Line{
+  border-right:1px dashed #E6E6E6;
+  width:1px;
+  height:40px;
+  position: absolute;
+  top:35px;
+  right:0;
 }
 .top_info .top_info_right ._business ._business_ite p{
   text-align: center;
@@ -178,6 +191,9 @@
 .top_info .top_info_right ._business ._business_ite ._top span._bg_color_org{
   background-color: #FEAD5E;
 }
+.top_info .top_info_right ._business ._business_ite ._top span._bg_color_green{
+  background-color: #49C0A1;
+}
 .top_info .top_info_right ._business ._business_ite ._text{
   color: #666666;
   font-size: 14px;

src/components/newPersonalCenter/block/model/PersonalInfor.vue

@@ -70,19 +70,30 @@
     <div class="cro_left_bottom"></div>
     <el-col :span="12" class="top_info_right cro">
       <el-row class="_business">
-        <el-col :span="12" class="_business_ite">
+        <el-col :span="9" class="_business_ite">
           <p class="_top">
             <span>￥</span>
           </p>
           <p class="_text">本月交易额</p>
           <p class="_money">¥{{moneyFormat(userInfo.monthTradeMoney)}}</p>
+          <div class="_business_Line"></div>
         </el-col>
-        <el-col :span="12" class="_business_ite">
+        <el-col :span="8" class="_business_ite">
           <p class="_top">
             <span class="_bg_color_org">￥</span>
           </p>
           <p class="_text">累计交易额</p>
           <p class="_money">¥{{moneyFormat(userInfo.sumTradeMoney)}}</p>
+          <div class="_business_Line"></div>
+        </el-col>
+        <el-col :span="7" class="_business_ite">
+          <div @click="getCunzhe()" style="cursor:pointer;">
+            <p class="_top">
+              <span class="_bg_color_green">￥</span>
+            </p>
+            <p class="_text">幸福存折</p>
+            <p class="_money">¥{{moneyFormat(userInfo.Clientbalance)}}</p>
+          </div>
         </el-col>
       </el-row>
     </el-col>
@@ -110,13 +121,16 @@ export default {
         res => {
           if (res.data.resultCode == 1) {
             this.userInfo = res.data.data;
-            console.log(res.data.data);
           } else {
             this.Error(res.data.message);
           }
         },
         null
       );
+    },
+    //点击跳转幸福存折
+    getCunzhe(){
+      this.MsgBus.$emit("happyPassBook");
     }
   }
 };

src/components/newPersonalCenter/newPersonalCenter.vue

@@ -187,6 +187,12 @@ export default {
   created() {
     this.MsgBus.$on('newPersonalCenter', this.setActive)
     this.MsgBus.$on('goCPage', this.setActive)
+
+    //个人中心首页点击幸福存折跳过来
+    var that = this;
+    that.MsgBus.$on('happyPassBook', function () {
+      that.clickMenu("6");
+    });
   }
 }
 </script>