更新

hdApp/src/admin/member/detail.vue

@@ -31,35 +31,32 @@
       <view class="user-bottom">
 
         <view class="data-list balance-clickable" @click="toggleBalanceDetail()">
-          <view class="app-size-30 app-bold">{{ data.balance?parseFloat(data.balance):0 }}</view>
-          <view class="app-color-3 balance-label-row">
+          <view class="data-value">{{ data.balance?parseFloat(data.balance):0 }}</view>
+          <view class="data-label balance-label-row">
             <text>余额</text>
             <i class="iconfont balance-arrow" :class="showBalanceDetail ? 'iconjiantou-shang' : 'iconjiantou-xia'"></i>
           </view>
         </view>
 
         <view class="data-list balance-clickable">
-          <view class="app-size-30 app-bold">{{ data.integral?data.integral:0 }}</view>
-          <view class="app-color-3 balance-label-row">
+          <view class="data-value">{{ data.integral?data.integral:0 }}</view>
+          <view class="data-label balance-label-row">
             <text>积分</text>
           </view>
         </view>
 
         <view class="data-list balance-clickable">
-          <view class="app-size-30 app-bold">{{ data.growth?parseFloat(data.growth):0 }}</view>
-          <view class="app-color-3 balance-label-row">
+          <view class="data-value">{{ data.growth?parseFloat(data.growth):0 }}</view>
+          <view class="data-label balance-label-row">
             <text>成长值</text>
           </view>
         </view>
 
         <view class="data-list">
-          <view class="app-size-30 app-bold" style="display:flex;align-items:center;justify-content:center;">
+          <view class="data-value" style="display:flex;align-items:center;justify-content:center;" @click.stop="handleUpdateBuyAmount">
             {{ buyAmount }}
-            <view @click.stop="handleUpdateBuyAmount" style="margin-left:10upx;display:flex;">
-              <zui-svg-icon icon="general-refresh" :width="15" :height="15" color="#666" />
-            </view>
           </view>
-          <view class="app-color-3">累计消费</view>
+          <view class="data-label">累计消费</view>
         </view>
 
       </view>
@@ -773,13 +770,12 @@ export default {
       })
     },
     handleUpdateBuyAmount() {
+      uni.showLoading()
       updateBuyAmount({ customId: this.option.id }).then(res => {
+        uni.hideLoading()
         if (res.code == 1) {
-          this.$msg('累计消费更新成功')
-          // 更新累计消费
-          this.buyAmount = res.data.buyAmount?parseFloat(res.data.buyAmount):0;
-        } else {
-          this.$msg(res.msg || '累计消费更新失败')
+          this.buyAmount = res.data.buyAmount?parseFloat(res.data.buyAmount):0
+          this.$msg('已更新')
         }
       })
     },
@@ -1014,18 +1010,40 @@ export default {
   }
   .user-bottom {
     width: 100%;
-    @include disFlex(center, space-around);
-    padding-top: 20upx;
-    border-top: 1upx solid #f5f5f5;
+    display: flex;
+    flex-wrap: wrap;
+    background-color: #fcfcfc;
+    padding: 10upx 0;
+    border-radius: 16upx;
+    box-shadow: 0 4upx 20upx rgba(0, 0, 0, 0.05);
+    margin-top: 20upx;
+    
     .data-list {
       text-align: center;
-      flex: 1;
-      padding: 0 20upx;
-      .app-size-30 {
-        margin-bottom: 8upx;
+      width: 50%;
+      box-sizing: border-box;
+      padding: 30upx 20upx;
+      position: relative;
+      margin-bottom: 0;
+      
+      &:nth-child(1), &:nth-child(2) {
+        border-bottom: 1upx dashed #ececec;
       }
-      .app-color-3 {
-        font-size: 28upx;
+      &:nth-child(1), &:nth-child(3) {
+        border-right: 1upx dashed #ececec;
+      }
+      
+      .data-value {
+        font-size:35upx;
+        font-weight: 700;
+        color: #333;
+        margin-bottom: 12upx;
+        line-height: 1.2;
+      }
+      
+      .data-label {
+        font-size: 26upx;
+        color: #888;
       }
       
       &.balance-clickable {