优化

hdApp/src/admin/home/components/purchase-ghs-panel.vue

@@ -193,12 +193,34 @@
 
         </view>
     </view>
-    <uni-popup ref="toShowMore" background-color="#fff" type="center" :animation="true" class="class-popup-style">
-      <view class="more-popup-list">
-        <view class="more-popup-item"><button @click="rechargeChange()">充值记录</button></view>
-        <view class="more-popup-item"><button @click="goDebtChange()">挂账变动</button></view>
-        <view class="more-popup-item"><button @click="bpSj()">删除</button></view>
-        <view class="more-popup-item more-popup-item--cancel"><button @click="closeToShow()">取消</button></view>
+    <!-- 批发店更多功能：卡片式操作菜单 -->
+    <uni-popup ref="toShowMore" background-color="transparent" type="center" :animation="true" class="ghs-more-popup">
+      <view class="ghs-more-card">
+        <view class="ghs-more-header">
+          <text class="ghs-more-title">{{ currentGhs.name || '更多功能' }}</text>
+          <text class="ghs-more-subtitle">请选择操作项</text>
+        </view>
+        <view class="ghs-more-body">
+          <view class="ghs-more-row ghs-more-row--primary" @click="goRecharge()">
+            <text class="ghs-more-row__label">充值</text>
+            <text class="ghs-more-row__arrow">›</text>
+          </view>
+          <view class="ghs-more-row" @click="rechargeChange()">
+            <text class="ghs-more-row__label">充值记录</text>
+            <text class="ghs-more-row__arrow">›</text>
+          </view>
+          <view class="ghs-more-row ghs-more-row--muted" @click="goDebtChange()">
+            <text class="ghs-more-row__label">挂账变动（废弃）</text>
+            <text class="ghs-more-row__arrow">›</text>
+          </view>
+          <view class="ghs-more-row ghs-more-row--danger" @click="bpSj()">
+            <text class="ghs-more-row__label">删除批发店</text>
+            <text class="ghs-more-row__arrow">›</text>
+          </view>
+        </view>
+        <view class="ghs-more-footer">
+          <view class="ghs-more-cancel" @click="closeToShow()">取消</view>
+        </view>
       </view>
     </uni-popup>
 
@@ -436,6 +458,11 @@ export default {
       this.closeToShow()
       this.pageTo({ url: '/admin/ghs/debtChange?ghsId=' + this.currentGhs.id })
     },
+    /** 更多菜单：跳转线上充值页 */
+    goRecharge() {
+      this.closeToShow()
+      this.recharge(this.currentGhs)
+    },
     rechargeChange() {
       this.closeToShow()
       this.pageTo({ url: '/admin/ghs/rechargeChange?ghsId=' + this.currentGhs.id })
@@ -601,25 +628,91 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.more-popup-list {
+/* 批发店更多功能弹框 */
+.ghs-more-card {
+  width: 620upx;
+  background-color: #ffffff;
+  border-radius: 24upx;
+  overflow: hidden;
+  box-shadow: 0 12upx 48upx rgba(0, 0, 0, 0.12);
+}
+
+.ghs-more-header {
+  padding: 36upx 32upx 28upx;
+  text-align: center;
+  background-color: #f8f9fb;
+  border-bottom: 1upx solid #eef0f3;
+}
+
+.ghs-more-title {
+  display: block;
+  font-size: 34upx;
+  font-weight: 600;
+  color: #333333;
+  line-height: 1.4;
+}
+
+.ghs-more-subtitle {
+  display: block;
+  margin-top: 10upx;
+  font-size: 24upx;
+  color: #999999;
+}
+
+.ghs-more-body {
+  padding: 8upx 0;
+}
+
+.ghs-more-row {
   display: flex;
-  width: 100vw;
-  padding: 20upx 20upx 40upx 20upx;
-  height: auto;
-  justify-content: space-between;
   align-items: center;
-  flex-wrap: wrap;
-  max-height: 100vh;
-  overflow: auto;
+  justify-content: space-between;
+  padding: 30upx 32upx;
+  border-bottom: 1upx solid #f5f5f5;
 }
 
-.more-popup-item {
-  width: 100vw;
-  margin-top:20upx;
+.ghs-more-row:last-child {
+  border-bottom: none;
+}
+
+.ghs-more-row__label {
+  font-size: 30upx;
+  color: #333333;
+}
+
+.ghs-more-row__arrow {
+  font-size: 36upx;
+  color: #cccccc;
+  line-height: 1;
 }
 
-.more-popup-item--cancel {
-  margin-top: 30upx;
+.ghs-more-row--primary .ghs-more-row__label {
+  color: #3385ff;
+  font-weight: 600;
+}
+
+.ghs-more-row--muted .ghs-more-row__label {
+  font-size: 28upx;
+  color: #aaaaaa;
+}
+
+.ghs-more-row--danger .ghs-more-row__label {
+  color: #ff4d4f;
+}
+
+.ghs-more-footer {
+  padding: 20upx 32upx 32upx;
+  border-top: 1upx solid #f0f0f0;
+}
+
+.ghs-more-cancel {
+  height: 84upx;
+  line-height: 84upx;
+  text-align: center;
+  font-size: 30upx;
+  color: #666666;
+  background-color: #f5f6f8;
+  border-radius: 16upx;
 }
 
 /* 供货商提示弹框样式 */