客户列表优化

hdApp/src/admin/custom/selectCustom.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="app-main app-content">
+    <view class="app-main app-content">
       <view class="input-wrap_box">
         <view>
           <AppSearchModule placeholder="输入拼音首字母搜索" @input="searchFn"/>
@@ -8,15 +8,15 @@
       <block v-if="!$util.isEmpty(list.data)">
         <block v-for="(item, index) in list.data" :key="index">
           <tui-list-cell :arrow="true" @click="selectCurrent(item)">
-            <div class="tui-msg-box">
+            <view class="tui-msg-box">
               <img :src="item.avatar" class="tui-msg-pic" mode="widthFix"/>
-              <div class="tui-msg-item" style="position:relative;">
-                <div class="tui-msg-name">
-                  <div class="tui-user-name">
+              <view class="tui-msg-item" style="position:relative;">
+                <view class="tui-msg-name">
+                  <view class="tui-user-name">
                     {{ item.name }}
-                  </div>
-                </div>
-                <div class="tui-msg-content">
+                  </view>
+                </view>
+                <view class="tui-msg-content">
                   <span>{{ item.visitTime.substr(5,11) }}</span>
   
                     <span v-if="Number(item.balance)!=0" class="balance-amount">
@@ -30,20 +30,20 @@
                     <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>
   
-                </div>
+                </view>
   
-              </div>
-            </div>
-            <div class="tui-msg-right">
+              </view>
+            </view>
+            <view class="tui-msg-right">
               <badge-module type="danger" :dot="item.level == 3 ? true : false" v-if="item.messageNum > 0" >{{ item.messageNum }}</badge-module >
-            </div>
+            </view>
           </tui-list-cell>
         </block>
       </block>
       <block v-else>
         <app-wrapper-empty :is-empty="$util.isEmpty(list.data)" />
       </block>
-    </div>
+    </view>
   </template>
   <script>
   import TuiListCell from "@/components/plugin/list-cell";
@@ -263,8 +263,8 @@
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
-        width: 500upx;
-        font-size: 32upx;
+        width: 450upx;
+        font-size: 38upx;
         .super-man{
           margin-left:30upx;
           color:red;
@@ -294,7 +294,7 @@
       overflow: hidden;
       white-space: nowrap;
       text-overflow: ellipsis;
-      font-size: 24upx;
+      font-size: 28upx;
       line-height: 1;
       color: #9397a4;
       .balance-amount{

hdApp/src/admin/home/member.vue

@@ -38,15 +38,15 @@
                     <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="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: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>
+                        <text v-if="item.overTimeUnExpend && item.overTimeUnExpend == 10000" style="margin-left:20upx;color:green;">没有下过单</text>
+                        <text v-if="item.overTimeUnExpend && item.overTimeUnExpend == 7" style="margin-left:20upx;color:green;">超1周未下单</text>
+                        <text v-if="item.overTimeUnExpend && item.overTimeUnExpend == 30" style="margin-left:20upx;color:green;">超1个月未下单</text>
+                        <text v-if="item.overTimeUnExpend && item.overTimeUnExpend == 180" style="margin-left:20upx;color:green;">超半年未下单</text>
+                        <text v-if="item.overTimeUnExpend && item.overTimeUnExpend == 365" style="margin-left:20upx;color:green;">超1年未下单</text>
                       </block>
                       <block v-else>
                         <text style="font-size:28upx;margin-left:20upx;color:#3385FF;font-weight:bold;">待审核</text>
@@ -226,6 +226,7 @@ export default {
   padding: 12upx 0;
   width: 100%;
   position: relative;
+  box-sizing: border-box;
 
   .user-avatar {
     width: 80upx;
@@ -234,6 +235,7 @@ export default {
     overflow: hidden;
     margin-left: 16upx;
     margin-right: 16upx;
+    flex-shrink: 0; /* 防止头像被挤压 */
 
     .avatar-img {
       width: 100%;
@@ -247,7 +249,8 @@ export default {
     flex-direction: column;
     justify-content: space-between;
     height: 80upx;
-    padding-right: 210upx;
+    padding-right: 150upx; /* 减小右侧内边距，给名字留出更多空间 */
+    min-width: 0; /* 确保flex子元素可以正确缩小 */
   }
 
   .user-main {
@@ -259,14 +262,13 @@ export default {
 
   .user-name {
     flex: 1;
-    font-size: 28upx;
-    font-weight: bold;
+    font-size: 34upx;
     color: #333;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     margin-right: 10upx;
-    max-width: calc(100% - 160upx);
+    max-width: calc(100% - 50upx); /* 进一步增加名字显示的最大宽度 */
   }
 
   .right-info {
@@ -277,13 +279,13 @@ export default {
     flex-direction: column;
     align-items: flex-end;
     gap: 4upx;
-    width: 200upx;
+    width: 80upx; /* 进一步减小宽度以给名字留出更多空间 */
     z-index: 1;
     text-align: right;
   }
 
   .positive {
-    color: #049E2C;
+    color: #3385FF;
     margin-left:20upx;
     font-weight:bold;
   }
@@ -305,6 +307,7 @@ export default {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    font-size:28upx;
   }
 
   .member-icon {