新增线下支付方式

pages/orderDetailNew/components/pageThree.vue

@@ -30,6 +30,26 @@
                     <u-input v-model="paymentInfo.idNumber" placeholder="请输入身份证号" class="info-input" />
                 </u-col>
             </u-row>
+            <!-- 支付方式 -->
+            <u-row class="info-row">
+                <u-col span="12">
+                    <view class="info-label">支付方式选择</view>
+                    <u-radio-group iconPlacement="left" v-model="paymentMethodRadio" placement="row"
+                        @change='handlePaymentMethodRadioChange'>
+                        <u-radio shape="circle" label="小葫芦线上支付" name="online"></u-radio>
+                        <u-radio shape="circle" label="线下支付" name="offline"></u-radio>
+                    </u-radio-group>
+                </u-col>
+            </u-row>
+
+            <u-row class="info-row">
+                <u-col span="12">
+                    <view class="info-label">支付方式</view>
+                    <u-input :disabled="paymentMethodRadio == 'online'" v-model="paymentMethod" placeholder="请输入支付方式"
+                        class="info-input" />
+                </u-col>
+            </u-row>
+
         </view>
 
         <view class="card_wrap">
@@ -129,6 +149,10 @@
                         <text class="info-label">银行卡号：</text>
                         <text class="info-value">{{ paymentInfo.bankAccount || '未填写' }}</text>
                     </view>
+                    <view class="info-item">
+                        <text class="info-label">支付方式：</text>
+                        <text class="info-value">{{ paymentMethod || '未填写' }}</text>
+                    </view>
                 </view>
 
                 <!-- 确认转账按钮 -->
@@ -166,11 +190,14 @@ export default {
         orderDetail: {
             handler(newVal) {
                 if (newVal) {
+                    // console.log('这里是page3的orderDetail', newVal)
                     this.paymentInfo.customName = newVal.customName || ''
                     this.paymentInfo.bankName = newVal.bankName || ''
                     this.paymentInfo.bankAccount = newVal.bankCardNumber || ''
                     this.paymentInfo.idNumber = newVal.idCard || ''
                     // this.paymentAmount = newVal.tableFee || '0.00'
+                    //支付方式初始化
+                    this.initPaymentMethod(newVal.paymentMethod)
                 }
             },
             deep: true,
@@ -178,7 +205,7 @@ export default {
         currentReceipt: {
             handler(newVal) {
                 if (newVal) {
-                    console.log('这里是page3的', newVal.tableFee)
+                    // console.log('这里是page3的currentReceipt', newVal)
                     this.paymentAmount = newVal.tableFee || '0.00'
                     setTimeout(() => {
                         this.getList('2', '3', newVal.id, this.orderDetail.itemBrand);
@@ -224,7 +251,10 @@ export default {
 
             detailImages: [],// 高清细节图数组
             // 绑定订单相关
-            bindList: [] // 待绑定的图片列表
+            bindList: [], // 待绑定的图片列表
+
+            paymentMethodRadio: 'offline', // 支付方式
+            paymentMethod: '',//支付方式输入框
         };
     },
 
@@ -382,10 +412,11 @@ export default {
                 bankName: this.paymentInfo.bankName || '',
                 bankCardNumber: this.paymentInfo.bankAccount || '',
                 idCard: this.paymentInfo.idNumber || '',
+                paymentMethod: this.paymentMethod || '',
             });
 
             // 判断是否填写了支付信息
-            if (!this.paymentInfo.customName || !this.paymentInfo.bankName || !this.paymentInfo.bankAccount || !this.paymentInfo.idNumber) {
+            if (!this.paymentInfo.customName || !this.paymentInfo.bankName || !this.paymentInfo.bankAccount || !this.paymentInfo.idNumber || !this.paymentMethod) {
                 uni.$u.toast('请填写完整的支付信息');
                 return;
             }
@@ -494,6 +525,26 @@ export default {
                 urls: urlList,
                 current: src
             })
+        },
+        //页面开始初始化支付方式
+        initPaymentMethod(newvalue) {
+            console.log('这里是初始化的支付方式', newvalue)
+            if (newvalue == '小葫芦线上支付') {
+                this.paymentMethod = '小葫芦线上支付'
+                this.paymentMethodRadio = 'online'
+            } else {
+                this.paymentMethod = newvalue
+                this.paymentMethodRadio = 'offline'
+            }
+        },
+        //支付方式选择改变触发回调
+        handlePaymentMethodRadioChange(value) {
+            console.log('支付方式选择改变：', value)
+            if (value == 'online') {
+                this.paymentMethod = '小葫芦线上支付'
+            } else {
+                this.paymentMethod = ''
+            }
         }
     }
 }