You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
129 lines
3.5 KiB
129 lines
3.5 KiB
<template>
|
|
<view>
|
|
<u-navbar :title="$t('page.payOrder.title')" :safeAreaInsetTop="false" placeholder @leftClick="leftClick">
|
|
</u-navbar>
|
|
<view class="line">
|
|
<u-cell class="celi" :title="$t('page.productDetail.payOrder.order-number')" :value="orderInfo.id"></u-cell>
|
|
<u-cell class="celi" :title="$t('page.productDetail.payOrder.price')"
|
|
:value="$t('$') + orderInfo.sumPrice"></u-cell>
|
|
<u-cell class="celi" :title="$t('page.productDetail.payOrder.pay-method')"
|
|
:value="$t('page.productDetail.payOrder.balance_payment')" isLink></u-cell>
|
|
<selectAddress @selectAddress="selectAddress" @toAdd="toAdd" ref="selectAddress"></selectAddress>
|
|
</view>
|
|
<!-- <view class="line">
|
|
<u-input :placeholder="$t('page.productDetail.payOrder.pay-input-placeholder')" class="celi">
|
|
<u-text
|
|
:text="$t('page.productDetail.payOrder.pay-password')"
|
|
slot="prefix"
|
|
margin="0 3px 0 0"
|
|
color="#000"
|
|
></u-text>
|
|
</u-input>
|
|
</view> -->
|
|
<u--form labelPosition="left" :model="model1" :rules="rules" class="line" ref="uForm">
|
|
<u-form-item :label="$t('page.productDetail.payOrder.pay-password')" prop="payPassword" borderBottom
|
|
labelWidth="80px">
|
|
<u--input v-model="model1.payPassword" type="password"
|
|
:placeholder="$t('page.productDetail.payOrder.pay-input-placeholder')"></u--input>
|
|
</u-form-item>
|
|
</u--form>
|
|
<u-button class="submit" size="large" @click="submit"
|
|
:text="$t('page.productDetail.payOrder.firm-pay')"></u-button>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import selectAddress from '@/components/select-address/selectAddress.vue'
|
|
export default {
|
|
components: {
|
|
selectAddress
|
|
},
|
|
data() {
|
|
return {
|
|
model1: {
|
|
payPassword: '',
|
|
addressId: null
|
|
},
|
|
rules: {
|
|
'payPassword': {
|
|
type: 'string',
|
|
required: true,
|
|
message: this.$t('page.productDetail.payOrder.pay-input-placeholder'),
|
|
trigger: ['blur', 'change']
|
|
},
|
|
},
|
|
orderInfo: {}
|
|
}
|
|
},
|
|
onShow() {
|
|
this.getOrder();
|
|
if (this.$refs.selectAddress) {
|
|
this.$refs.selectAddress.getAddressList()
|
|
}
|
|
},
|
|
methods: {
|
|
leftClick() {
|
|
uni.switchTab({
|
|
url: '/pages/order/order'
|
|
})
|
|
},
|
|
submit() { //订单支付
|
|
this.$refs.uForm.validate().then(res => {
|
|
if (!this.model1.addressId) { //用户没有地址
|
|
this.$u.toast(this.$t('page.payOrder.no-address'));
|
|
return this.toAdd();
|
|
}
|
|
this.request('payOrder', {
|
|
orderId: this.orderInfo.id,
|
|
payPass: this.model1.payPassword,
|
|
addressId: this.model1.addressId,
|
|
}).then(res => {
|
|
if (res.code == 200) {
|
|
uni.$u.toast(this.$t('success-operation'));
|
|
uni.redirectTo({
|
|
url: '/pages/productDetail/successTransaction/successTransaction'
|
|
})
|
|
}
|
|
})
|
|
})
|
|
},
|
|
getOrder() { //获取当前订单
|
|
this.request("getOrderOne", {}, {
|
|
id: this.$route.query.id
|
|
}).then(res => {
|
|
this.orderInfo = res.result;
|
|
})
|
|
},
|
|
selectAddress(id) { //用户选择了地址
|
|
this.model1.addressId = id
|
|
},
|
|
toAdd() {
|
|
return setTimeout(() => {
|
|
uni.navigateTo({
|
|
url: `/pages/user/address/addAddres?url=/pages/payOrder/payOrder&oid=${this.$route.query.id}&quantity=${this.$route.query.quantity}`
|
|
})
|
|
}, 500)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.line {
|
|
background-color: #fff;
|
|
padding: 10px;
|
|
margin-top: 10px;
|
|
|
|
.celi {
|
|
border-radius: 10px;
|
|
margin: 10px 0;
|
|
}
|
|
}
|
|
|
|
.submit {
|
|
border-radius: 30px;
|
|
background-color: #ED762F;
|
|
color: #fff;
|
|
margin-top: 10px;
|
|
}
|
|
</style>
|