|
@@ -57,7 +57,8 @@
|
|
|
<div class="font_size16">对公支付</div>
|
|
<div class="font_size16">对公支付</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="mt20">
|
|
|
|
|
|
|
+ <!-- 个人支付 -->
|
|
|
|
|
+ <div class="mt20" v-if="payType === 1">
|
|
|
<div class="gap10">
|
|
<div class="gap10">
|
|
|
<div class="payway flex_1 gap5" :class="{'active': payWay === 1}" @click="payWay = 1">
|
|
<div class="payway flex_1 gap5" :class="{'active': payWay === 1}" @click="payWay = 1">
|
|
|
<div class="checkType"></div>
|
|
<div class="checkType"></div>
|
|
@@ -89,6 +90,30 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</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="mt20 flex-center-between" style="width: 300px;">
|
|
|
<div class="font_size18">总价:</div>
|
|
<div class="font_size18">总价:</div>
|
|
|
<div class="font_size16 bold">¥239.2</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 qianbaoIcon from '@/assets/imgs/pay/qianbao.png'
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
+import FileUploader from '@/components/FileUploader.vue'
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
|
|
|
import { ref } from 'vue'
|
|
import { ref } from 'vue'
|
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
@@ -135,6 +163,10 @@ const payType = ref(1);//支付类型 1:个人支付 2:对公支付
|
|
|
const payWay = ref(1);//支付方式 1:支付宝支付 2:对公支付
|
|
const payWay = ref(1);//支付方式 1:支付宝支付 2:对公支付
|
|
|
// 协议
|
|
// 协议
|
|
|
const agreement = ref(false);//是否同意协议
|
|
const agreement = ref(false);//是否同意协议
|
|
|
|
|
+// 付款凭证
|
|
|
|
|
+const images = ref([]);//付款凭证
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
|
|
|
// 立即支付
|
|
// 立即支付
|
|
|
const payNowFn = () => {
|
|
const payNowFn = () => {
|
|
@@ -146,7 +178,7 @@ const payNowFn = () => {
|
|
|
DGTMessage.success('支付成功')
|
|
DGTMessage.success('支付成功')
|
|
|
//回退
|
|
//回退
|
|
|
router.back()
|
|
router.back()
|
|
|
-}
|
|
|
|
|
|
|
+};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|