Skip to content

S
SuperMan
Commit fa8137cc authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 4f9a83d5
Show whitespace changes
Inline Side-by-side
Showing with 38 additions and 223 deletions
src/components/commonPage/payMall.vue
View file @ fa8137cc
<template>
<div class="templatePayURL" style="display: inline-block; float: right; margin-right: 10px;">
<el-popover width="320" trigger="manual" v-model="visible">
<div class="templatePayURL" style=" float: right; margin-right: 10px;">
<div>
<p style="margin:0 0 15px 0;">二维码收款
<i class="el-icon-circle-close-outline fr" style="cursor: pointer; margin: 3px 0 0 0;"
@click="closePic()"></i>
</p>
<div style="margin: 15px 0;" >
<el-input placeholder="请输入金额" v-model="payMoney"
@input="payMoney=/^\d+\.?\d{0,2}$/.test(payMoney)||payMoney == '' ? payMoney : payMoney=''">
<el-select class='fz12 w120' v-model="payType" slot="prepend" placeholder="请选择费用类型" filterable
:readonly="false">
<el-option v-for='item in fylxList' :label="item.Name" :value="item.ID" :key='item.ID'>
</el-option>
</el-select>
<p style="margin:0 0 15px 0;">二维码收款</p>
<div style="margin: 15px 0;">
<el-input disabled="true" v-model="item.TotalPrice">
</el-input>
<p style="margin: 15px 0; text-indent:5px;">
<el-radio v-model="payWay" label="3">支付宝</el-radio>
......@@ -23,7 +14,7 @@
<input type="button" @click="getPayPic(item)" class="normalBtn w280" value="生成收款码" />
</p>
</div>
<div >
<div>
<img :src="payPic"
style="float: left; margin-right: 15px; width: 150px; height: 150px; border: 1px solid #ccc;" />
<p style="padding-right: 10px; font-size: 12px; line-height: 20px; margin-bottom: 10px;">
......@@ -33,22 +24,17 @@
<p style="color: #E95252; font-weight: bold; font-size: 12px; margin: 8px 0;">{{descMin}}分{{descSecond}}秒</p>
</div>
</div>
</el-popover>
</div>
</template>
<script>
export default {
props: ["item", "showID"],
props: ["item"],
data() {
return {
value: '',
visible: false,
payObj: {},
payWay: '3',
minpay: '0',
payMoney: '0',
payType: '',
payType: 211,
lastTime: '',
isShowPic: true,
payPic: '',
......@@ -56,195 +42,32 @@
descMin: 0,
descSecond: 0,
descHour: 0,
fylxList: [],
isShowId: -1,
checkValue: '',
begin: 0,
nowDate: new Date(),
timer: null,
chaTime: 0
};
},
watch: {
showID: {
handler: function (val, oldVal) {
this.isShowId = val;
if (val != this.item.orderId) {
this.visible = false;
this.value = '';
if (this.timer) {
clearInterval(this.timer)
}
}
},
deep: true
}
},
mounted() {
this.getFylx()
},
methods: {
closePic() {
this.visible = false
this.value = ''
if (this.timer) {
clearInterval(this.timer)
}
},
chanceType(obj) {
let TCIDARR = []
TCIDARR.push(obj.tcid)
if (this.value === '1') {
this.visible = true
this.getPayDetail(obj, 2)
this.$emit("childByValue", obj.orderId)
} else if (this.value === '2') {
this.visible = false
let orderObj = {
OrderID: obj.orderId,
OrderSource: 8,
Obj: {},
SourceID: obj.ID,
TCIDList: TCIDARR
}
this.$router.push({
name: 'ChoiceAddFinancialDocuments',
query: {
"Type": 1,
"companyID": obj.outBranchId,
"path": "",
'blank': 'y',
'orderObj': JSON.stringify(orderObj),
'tradeWay': obj.tradeWay,
'platformAccount': obj.platformAccount
}
});
} else if (this.value === '3') {
if (this.item.oP_Remarks && this.item.oP_Remarks != "") {
this.visible = false
let orderObj = {
OrderID: obj.orderId, //订单号
OrderSource: 8, //12
Obj: {},
SourceID: obj.ID, //机票id
TCIDList: TCIDARR
}
this.$router.push({
name: 'ChoiceAddFinancialDocuments',
query: {
"Type": 2,
"companyID": obj.outBranchId, //公司id
"path": "",
'blank': 'y',
'orderObj': JSON.stringify(orderObj)
}
});
} else {
this.Error("请让OP先填写OP备注，说明退款情况");
}
} else if (this.value === '4') {
this.visible = false
let orderObj = {
OrderID: obj.orderId,
OrderSource: 8,
CallType: 1,
Obj: {},
SourceID: obj.ID,
TCIDList: TCIDARR
}
this.$router.push({
name: 'ChoiceAddFinancialDocuments',
query: {
"Type": 1,
"companyID": obj.outBranchId,
"path": "",
'blank': 'y',
'orderObj': JSON.stringify(orderObj)
}
});
} else if (this.value === '5') {
this.visible = false
let orderObj = {
OrderID: obj.orderId,
OrderSource: 8,
CallType: 2,
Obj: {},
TCIDList: []
}
this.$router.push({
name: 'ChoiceAddFinancialDocuments',
query: {
"Type": 1,
"companyID": 49,
"templateID": JSON.stringify([79]),
"path": "",
'blank': 'y',
'orderObj': JSON.stringify(orderObj)
}
});
}
this.value = ''
},
getPayDetail(obj, Type) {
let nowTime = new Date()
let ExpireDate = ''
this.apipost('OnlinePay_post_GetURL', {
OrderID: obj.orderId,
OrderSource: 8
}, res => {
if (res.data.resultCode == 1) {
if (Object.keys(res.data.data).length == 0) {
if (Type == 2) {
this.getCodeUrl(obj)
} else {
this.$message.warning('未生成二维码')
}
} else {
this.lastTime = new Date(res.data.data.ExpireDate)
this.nowDate = new Date(res.data.data.NowDate)
this.chaTime = this.lastTime - this.nowDate
ExpireDate = new Date(res.data.data.ExpireDate)
this.timer = setInterval(() => {
this.descTime(this.chaTime)
}, 1000);
this.payPic = res.data.data.CodeURL
this.isShowPic = true
}
}
}, err => {})
},
getCodeUrl(obj) {
this.apipost('Financial_post_GetLowPrice', {
OrderID: obj.orderId,
OrderResource: 8
}, res => {
if (res.data.resultCode == 1) {
if (res.data.data.LowDeposit != -1) {
this.minpay = res.data.data.LowDeposit
this.payMoney = res.data.data.LowDeposit > this.item.preferPrice ? this.item.preferPrice : res.data
.data.LowDeposit
}
}
}, err => {})
},
methods: {
getPayPic(obj) {
let msg = {}
msg.OrderSource = 8
msg.OrderSource = 16
msg.body = obj.description
msg.attach = this.payType + '|' + obj.contactName + '|' + obj.orderId + '|' + obj.customerId + '|' + obj
.outBranchId
msg.total_fee = this.payMoney
msg.total_fee = obj.TotalPrice
msg.payway = this.payWay
if (this.payType == '') {
this.$message.warning('请选择费用类型！')
return;
}
console.log("msg",msg);
// if (this.payType == '') {
// this.$message.warning('请选择费用类型！')
// return;
// }
this.apipost('OnlinePay_post_GetCodeUrl', msg, res => {
if (res.data.resultCode == 1) {
this.payPic = res.data.data.CodeURL
......@@ -287,17 +110,9 @@
this.chaTime -= 1000
// 一秒后递归
},
getFylx() {
this.apipost('Financial_post_GetByOrderCostTypeList', {
Type: 1
}, res => {
if (res.data.resultCode == 1) {
this.fylxList = res.data.data
} else {}
}, err => {})
},
},
};
</script>
<style>
......
src/components/mall/goodlist.vue
View file @ fa8137cc
......@@ -209,9 +209,9 @@
data() {
return {
payObj: {
orderId: 1,
orderId: 83260,
OrderSource: 16,
TotalPrice:0,
TotalPrice:100,
},
statusValue: 0, //请选择
//数据列表
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment