فهرست منبع

```
feat(order): 添加对公支付功能并优化支付页面

- 添加对公支付相关UI组件和布局
- 实现个人支付与对公支付的条件渲染切换
- 集成FileUploader组件用于上传付款凭证
- 添加支付类型状态管理和付款凭证数据绑定
- 实现支付成功后的页面回退逻辑
```

zhangningning 1 ماه پیش
والد
کامیت
e5109b616b
1فایلهای تغییر یافته به همراه34 افزوده شده و 2 حذف شده
  1. 34 2
      src/pages/order/orderConfirm.vue

+ 34 - 2
src/pages/order/orderConfirm.vue

@@ -57,7 +57,8 @@
           <div class="font_size16">对公支付</div>
         </div>
       </div>
-      <div class="mt20">
+      <!-- 个人支付 -->
+      <div class="mt20" v-if="payType === 1">
         <div class="gap10">
           <div class="payway flex_1 gap5" :class="{'active': payWay === 1}" @click="payWay = 1">
             <div class="checkType"></div>
@@ -89,6 +90,30 @@
           </div>
         </div>
       </div>
+      <!-- 对公支付 -->
+      <div class="mt20" v-if="payType === 2">
+        <div class="flex-between order_table padding16">
+          <div class="flex_1 font_size16">收款方:XXXX有限公司</div>
+          <div class="flex_1 font_size16">收款方银行账号:************ 1234</div>
+          <div class="flex_1 font_size16">收款方开户银行:****支行</div>
+        </div>
+        <div class="mt20">
+          <div class="bold font_size18">付款凭证</div>
+          <div class="mt20">
+            <FileUploader
+                ref="fileUploader"
+                accept="image/*"
+                :multiple="true"
+                :auto-upload="true"
+                list-type="picture-card"
+                :data="{ directory: 'workflow' }"
+                buttonText=""
+                v-model="images"
+                tip=""
+              />
+          </div>
+        </div>
+      </div>
       <div class="mt20 flex-center-between" style="width: 300px;">
         <div class="font_size18">总价:</div>
         <div class="font_size16 bold">¥239.2</div>
@@ -119,6 +144,9 @@ import paypalIcon from '@/assets/imgs/pay/paypal.png'
 import qianbaoIcon from '@/assets/imgs/pay/qianbao.png'
 
 
+import FileUploader from '@/components/FileUploader.vue'
+
+
 
 import { ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
@@ -135,6 +163,10 @@ const payType = ref(1);//支付类型 1:个人支付 2:对公支付
 const payWay = ref(1);//支付方式 1:支付宝支付 2:对公支付
 // 协议
 const agreement = ref(false);//是否同意协议
+// 付款凭证
+const images = ref([]);//付款凭证
+
+
 
 // 立即支付
 const payNowFn = () => {
@@ -146,7 +178,7 @@ const payNowFn = () => {
   DGTMessage.success('支付成功')
   //回退
   router.back()
-}
+};