优化订单汇总

src/views/viplist/components/orderInfo.vue

@@ -19,10 +19,21 @@
                         <span> 昵称：</span>{{ orderInfo.userInfo.userName }}
                     </div>
                     <div class="row">
-                        <span> 支付宝账号：</span>{{ orderInfo.userInfo.userName }}
+                        <span> 手机号：</span>{{ orderInfo.userInfo.phone }}
                     </div>
                     <div class="row">
-                        支付宝姓名：{{ orderInfo.userInfo.zhiFuBaoName }}
+                        <span> 支付宝账号：</span>{{ orderInfo.userInfo.zhiFuBao }}
+                    </div>
+                    <div class="row">
+                        <span>支付宝姓名：</span> {{ orderInfo.userInfo.zhiFuBaoName }}
+                    </div>
+                    <div class="row">
+                        <span>状态：</span>
+                        <span v-if="orderInfo.userInfo.status == 1" style="color: #67C23A;">正常</span>
+                        <span v-else style="color: #F56C6C;">异常</span>
+                    </div>
+                    <div class="row" v-if="!orderInfo.userInfo.status">
+                        <span>异常原因：</span> <span style="color: #F56C6C;">{{ orderInfo.userInfo.platform }}</span>
                     </div>
                 </template>
                 <div class="empty" v-else>空空如也~</div>
@@ -167,14 +178,16 @@ export default {
         background-color: #fff;
 
         .title {
+            font-size: 16px;
             font-weight: bold;
+            padding-bottom: 10px;
         }
 
         .row {
             margin-top: 10px;
 
             span {
-                color: #555;
+                color: #999;
             }
         }
 
@@ -184,7 +197,7 @@ export default {
             align-items: center;
             justify-content: center;
             color: #999;
-            padding-bottom: 15px;
+            padding-bottom: 45px;
         }
     }
 }