shish il y a 1 an
Parent
commit
35f05ed42e
1 fichiers modifiés avec 81 ajouts et 15 suppressions
  1. 81 15
      hdApp/src/admin/billing/affirm.vue

+ 81 - 15
hdApp/src/admin/billing/affirm.vue

@@ -252,27 +252,32 @@
 		</uni-popup>
 
 		<uni-popup ref="remindForwardRef" background-color="#fff" type="center" :animation="false" class="class-popup-style">
-      <view>
-        <view>
+      <view class="forward-popup-content">
+        <view class="popup-title">
           请选择退货方式和付款给客户的方式
         </view>
-        <view>
-          <text>退货方式</text>
-          <button @tap="form.forwardStock = 0" class="admin-button-com middle" style="width:190upx;" :class="form.forwardStock == 0? 'blue' : 'default'">货退回来</button>
-          <button @click="form.forwardStock = 1" class="admin-button-com middle" style="width:160upx;" :class="form.forwardStock == 1 ? 'blue' : 'default'">货不退回</button>
+        
+        <view class="option-group">
+          <view class="option-label">退货方式</view>
+          <view class="button-group">
+            <button @tap="form.forwardStock = 0" class="admin-button-com big" :class="form.forwardStock == 0? 'blue' : 'default'">货退回来</button>
+            <button @click="form.forwardStock = 1" class="admin-button-com big" :class="form.forwardStock == 1 ? 'blue' : 'default'">货不退回</button>
+          </view>
         </view>
-        <view>
-          <text>付款</text>
-          <view>
-          <button @tap="forwardPayWay = 0" class="admin-button-com middle" style="width:160upx;" :class="forwardPayWay == 0? 'blue' : 'default'">微信</button>
-          <button @click="forwardPayWay = 1" class="admin-button-com middle" style="width:160upx;" :class="forwardPayWay == 1 ? 'blue' : 'default'">支付宝</button>
-          <button @tap="forwardPayWay = 4" class="admin-button-com middle" style="width:160upx;" :class="forwardPayWay == 4? 'blue' : 'default'">现金</button>
-          <button @click="forwardPayWay = 5" class="admin-button-com middle" style="width:160upx;" :class="forwardPayWay == 5 ? 'blue' : 'default'">银行卡</button>
+        
+        <view class="option-group">
+          <view class="option-label">付款方式</view>
+          <view class="button-group">
+            <button @tap="forwardPayWay = 0" class="admin-button-com big" :class="forwardPayWay == 0? 'blue' : 'default'">微信</button>
+            <button @click="forwardPayWay = 1" class="admin-button-com big" :class="forwardPayWay == 1 ? 'blue' : 'default'">支付宝</button>
+            <button @tap="forwardPayWay = 4" class="admin-button-com big" :class="forwardPayWay == 4? 'blue' : 'default'">现金</button>
+            <button @click="forwardPayWay = 5" class="admin-button-com big" :class="forwardPayWay == 5 ? 'blue' : 'default'">银行卡</button>
           </view>
         </view>
-        <view style="text-align:center;margin-top:30upx;width:100%;">
+        
+        <view class="popup-footer">
           <button class="admin-button-com big default" @click="cancelForward()">取消</button>
-          <button style="margin-left:20upx;" @click="confirmForward()" class="admin-button-com big blue">确认</button>
+          <button class="admin-button-com big blue" @click="confirmForward()">确认</button>
         </view>
       </view>
 		</uni-popup>
@@ -937,6 +942,67 @@ export default {
 .class-popup-style{
 	z-index:99999;
 }
+
+.forward-popup-content {
+  padding: 40upx;
+  min-width: 600upx;
+  
+  .popup-title {
+    font-size: 32upx;
+    font-weight: bold;
+    color: #333;
+    text-align: center;
+    margin-bottom: 40upx;
+    line-height: 1.4;
+  }
+  
+  .option-group {
+    margin-bottom: 40upx;
+    
+    .option-label {
+      font-size: 28upx;
+      color: #666;
+      margin-bottom: 20upx;
+      font-weight: 500;
+    }
+    
+         .button-group {
+       display: flex;
+       flex-wrap: wrap;
+       justify-content: space-between;
+       gap: 20upx;
+       
+       .admin-button-com {
+         margin-right: 0;
+         flex: 1;
+         min-width: 0;
+         
+         &:first-child {
+           margin-left: 0;
+         }
+         
+         &:last-child {
+           margin-right: 0;
+         }
+       }
+     }
+  }
+  
+  .popup-footer {
+    display: flex;
+    justify-content: center;
+    gap: 30upx;
+    margin-top: 40upx;
+    padding-top: 30upx;
+    border-top: 1upx solid #eee;
+    
+    .admin-button-com {
+      margin-right: 0;
+      min-width: 160upx;
+    }
+  }
+}
+
 .remark-class{
   z-index:0
 }