Procházet zdrojové kódy

fix: improve layout and formatting in PageThree.vue

Yannay před 1 týdnem
rodič
revize
0081499510
1 změnil soubory, kde provedl 19 přidání a 16 odebrání
  1. 19 16
      pages/orderDetailRefactored/components/PageThree.vue

+ 19 - 16
pages/orderDetailRefactored/components/PageThree.vue

@@ -11,8 +11,8 @@
11 11
         </u-col>
12 12
         <u-col span="5.8">
13 13
           <view class="info-label">银行名称</view>
14
-          <u-input v-model="paymentInfo.bankName" placeholder="请输入银行名称" class="info-input"
15
-            :disabled="isAlipayPayment" @blur="handleBankNameInput" />
14
+          <u-input v-model="paymentInfo.bankName" placeholder="请输入银行名称" class="info-input" :disabled="isAlipayPayment"
15
+            @blur="handleBankNameInput" />
16 16
         </u-col>
17 17
       </u-row>
18 18
       <u-row class="info-row">
@@ -34,17 +34,17 @@
34 34
           <view class="info-label">支付方式选择</view>
35 35
           <u-radio-group iconPlacement="left" v-model="paymentMethodRadio" placement="column"
36 36
             @change="handlePaymentMethodRadioChange">
37
-            <u-radio shape="circle" label="小葫芦线上支付" name="online"  :customStyle="{marginBottom: '16rpx'}"/>
38
-            <u-radio shape="circle" label="小葫芦线上支付宝" name="online_alipay" :customStyle="{marginBottom: '16rpx'}" />
39
-            <u-radio shape="circle" label="线下支付" name="offline"  :customStyle="{marginBottom: '16rpx'}"/>
37
+            <u-radio shape="circle" label="小葫芦线上支付" name="online" :customStyle="{ marginBottom: '16rpx' }" />
38
+            <u-radio shape="circle" label="小葫芦线上支付宝" name="online_alipay" :customStyle="{ marginBottom: '16rpx' }" />
39
+            <u-radio shape="circle" label="线下支付" name="offline" :customStyle="{ marginBottom: '16rpx' }" />
40 40
           </u-radio-group>
41 41
         </u-col>
42 42
       </u-row>
43 43
       <u-row class="info-row">
44 44
         <u-col span="12">
45 45
           <view class="info-label">支付方式</view>
46
-          <u-input :disabled="paymentMethodRadio === 'online'||paymentMethodRadio === 'online_alipay'" v-model="paymentMethod" placeholder="请输入支付方式"
47
-            class="info-input" />
46
+          <u-input :disabled="paymentMethodRadio === 'online' || paymentMethodRadio === 'online_alipay'"
47
+            v-model="paymentMethod" placeholder="请输入支付方式" class="info-input" />
48 48
         </u-col>
49 49
       </u-row>
50 50
     </view>
@@ -69,7 +69,8 @@
69 69
       <view class="detail-image-section">
70 70
         <view class="detail-image-header">
71 71
           <text class="detail-image-title">高清实物图(拖拽排序)</text>
72
-          <u-button type="primary" shape="circle" plain text="核价" size="small" class="pricing-btn" @click="handlePricing"></u-button>
72
+          <u-button type="primary" shape="circle" plain text="核价" size="small" class="pricing-btn"
73
+            @click="handlePricing"></u-button>
73 74
         </view>
74 75
         <view class="detail-image-content">
75 76
           <view class="detail-image-list">
@@ -103,8 +104,9 @@
103 104
               @blur="handlePaymentAmountBlur" />
104 105
           </view>
105 106
           <view class="pay-now-btn-wrap">
106
-          <u-button type="primary" shape="circle" plain text="立即支付" size="small" @click="handlePayNowClick"></u-button>
107
-        </view>
107
+            <u-button type="primary" shape="circle" plain text="立即支付" size="small"
108
+              @click="handlePayNowClick"></u-button>
109
+          </view>
108 110
         </view>
109 111
         <view class="payment-buttons-row">
110 112
           <view class="payment-button" @click="handleUnpaidClick">
@@ -153,7 +155,7 @@
153 155
 
154 156
     <!-- 核价对话框 -->
155 157
     <add-inquiry-dialog ref="pricingDialog" :clueId="pricingClueId" :editOrAdd="pricingEditOrAdd"
156
-      :editInfo="pricingEditInfo" :type="2" title="询价"/>
158
+      :editInfo="pricingEditInfo" :type="2" title="询价" />
157 159
 
158 160
     <u-modal :show="payNowModalVisible" title="确认支付信息" :showConfirmButton="false">
159 161
       <view class="modal-content">
@@ -677,7 +679,7 @@ export default {
677 679
           return
678 680
         }
679 681
       }
680
-      
682
+
681 683
 
682 684
       // 保存支付信息到回单表(后端需 sendFormId 才能更新发单表的开户人/银行/身份证等)
683 685
       await uni.$u.api.updateReceiptForm({
@@ -863,7 +865,7 @@ export default {
863 865
       // 检查是否已有核价记录
864 866
       try {
865 867
         const data = {
866
-          clueId: this.currentReceipt.clueId,
868
+          clueId: this.pricingClueId,
867 869
           type: 2
868 870
         }
869 871
         const res = await uni.$u.api.inquiryDetail(data)
@@ -886,7 +888,7 @@ export default {
886 888
             dictLabel: brandDictLabel,
887 889
             dictValue: brandDictValue,
888 890
             imgsUrl: imgsUrl,
889
-            model:  this.currentReceipt.model,
891
+            model: this.currentReceipt.model,
890 892
             code: '',
891 893
             price: ''
892 894
           }
@@ -901,7 +903,7 @@ export default {
901 903
           dictLabel: brandDictLabel,
902 904
           dictValue: brandDictValue,
903 905
           imgsUrl: imgsUrl,
904
-          model:  this.currentReceipt.model,
906
+          model: this.currentReceipt.model,
905 907
           code: '',
906 908
           price: ''
907 909
         }
@@ -966,7 +968,8 @@ export default {
966 968
   grid-template-columns: 1fr auto;
967 969
   margin-bottom: 20rpx;
968 970
   padding-bottom: 20rpx;
969
-  padding-right: 100rpx; /* 右侧留空,避免被固定页面导航遮挡,使整行(含核价按钮)左移 */
971
+  padding-right: 100rpx;
972
+  /* 右侧留空,避免被固定页面导航遮挡,使整行(含核价按钮)左移 */
970 973
   border-bottom: 1rpx solid map-get($colors, border);
971 974
 }
972 975