客户列表

hdApp/src/admin/home/member.vue

@@ -17,40 +17,39 @@
         <block v-if="!$util.isEmpty(list.data)">
           <block v-for="(item,index) in list.data" :key="index">
             <tui-list-cell :arrow="true" @click="pageTo({ url: '/admin/member/detail', query: { id: item.id } })" >
-              <div class="user-card">
-                <div class="user-avatar">
+              <view class="user-card">
+                <view class="user-avatar">
                   <img :src="item.avatar" class="avatar-img" mode="aspectFill" />
-                </div>
-                <div class="user-info">
-                  <div class="user-main">
-                    <div class="user-name">{{item.name}}</div>
-                    <div class="right-info">
-                      <div v-if="!$util.isEmpty(item.memberName)" class="member-badge">{{ item.memberName }}</div>
-                      <div class="user-balance" v-if="Number(item.balance) !== 0">
-                        <text v-if="Number(item.balance) > 0" class="balance positive">+￥{{ parseFloat(item.balance).toFixed(2) }}</text>
-                        <text v-if="Number(item.balance) < 0" class="balance negative">-￥{{ parseFloat(Math.abs(item.balance)).toFixed(2) }}</text>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="user-meta">
-                    <div class="visit-time">
+                </view>
+                <view class="user-info">
+                  <view class="user-main">
+                    <view class="user-name">{{item.name}}</view>
+                    <view class="right-info">
+                      <view v-if="!$util.isEmpty(item.memberName)" class="member-badge">{{ item.memberName }}</view>
+                    </view>
+                  </view>
+                  <view class="user-meta">
+                    <view class="visit-time">
                       {{item.visitTime.substr(5,11)}}
 
+                      <text v-if="Number(item.balance) > 0" class="positive">{{ parseFloat(item.balance) }}</text>
+                      <text v-if="Number(item.balance) < 0" class="negative">-{{ parseFloat(Math.abs(item.balance)) }}</text>
+
                       <block v-if="item.passStatus == 1">
-                        <text v-if="item.overTimeUnExpend && item.overTimeUnExpend == 10000" style="font-size:24upx;margin-left:20upx;color:green;font-weight:bold;">没有下过单</text>
-                        <text v-if="item.overTimeUnExpend && item.overTimeUnExpend == 7" style="font-size:24upx;margin-left:20upx;color:green;font-weight:bold;">超1周未下单</text>
-                        <text v-if="item.overTimeUnExpend && item.overTimeUnExpend == 30" style="font-size:24upx;margin-left:20upx;color:green;font-weight:bold;">超1个月未下单</text>
-                        <text v-if="item.overTimeUnExpend && item.overTimeUnExpend == 180" style="font-size:24upx;margin-left:20upx;color:green;font-weight:bold;">超半年未下单</text>
-                        <text v-if="item.overTimeUnExpend && item.overTimeUnExpend == 365" style="font-size:24upx;margin-left:20upx;color:green;font-weight:bold;">超1年未下单</text>
+                        <text v-if="item.overTimeUnExpend && item.overTimeUnExpend == 10000" style="font-size:24upx;margin-left:15upx;color:green;font-weight:bold;">没有下过单</text>
+                        <text v-if="item.overTimeUnExpend && item.overTimeUnExpend == 7" style="font-size:24upx;margin-left:15upx;color:green;font-weight:bold;">超1周未下单</text>
+                        <text v-if="item.overTimeUnExpend && item.overTimeUnExpend == 30" style="font-size:24upx;margin-left:15upx;color:green;font-weight:bold;">超1个月未下单</text>
+                        <text v-if="item.overTimeUnExpend && item.overTimeUnExpend == 180" style="font-size:24upx;margin-left:15upx;color:green;font-weight:bold;">超半年未下单</text>
+                        <text v-if="item.overTimeUnExpend && item.overTimeUnExpend == 365" style="font-size:24upx;margin-left:15upx;color:green;font-weight:bold;">超1年未下单</text>
                       </block>
                       <block v-else>
                         <text style="font-size:28upx;margin-left:20upx;color:#3385FF;font-weight:bold;">待审核</text>
                       </block>
 
-                    </div>
-                  </div>
-                </div>
-              </div>
+                    </view>
+                  </view>
+                </view>
+              </view>
             </tui-list-cell>
           </block>
         </block>
@@ -277,26 +276,16 @@ export default {
     text-align: right;
   }
 
-  .user-balance {
-    display: flex;
-    align-items: baseline;
-    white-space: nowrap;
-    width: 100%;
-    justify-content: flex-end;
-  }
-
-  .balance {
-    font-size: 26upx;
-    font-weight: bold;
-    text-align: right;
-  }
-
   .positive {
     color: #049E2C;
+    margin-left:20upx;
+    font-weight:bold;
   }
 
   .negative {
     color: #ff0000;
+    margin-left:20upx;
+    font-weight:bold;
   }
 
   .user-meta {