zq
1 month ago
5 changed files with 260 additions and 45 deletions
@ -0,0 +1,209 @@ |
|||
<template> |
|||
<div :class="[list && list.length > 0 ?'mt32':'pagePadding']"> |
|||
<div :class="[list && list.length > 0 ? '' : 'flex-common']"> |
|||
<div class="pageheader flex-between mb32"> |
|||
<p class="littleTitle ">收款方式</p> |
|||
<div class="button-group flex"> |
|||
<GuipButton @click="goToWxPay" type="system" :btnstyle="{ width: '130px', height: '33px' }">增加微信收款</GuipButton> |
|||
<GuipButton @click="goBindPay" type="system" :btnstyle="{ width: '130px', height: '33px' }">增加支付宝收款</GuipButton> |
|||
</div> |
|||
</div> |
|||
<el-form> |
|||
<GuipTable :tableData="payList" :loading="tableLoading"> |
|||
<el-table-column prop="type" fixed="left" label="类型" width="140"> |
|||
<template slot-scope="scope"> |
|||
<div class="flex gap10"> |
|||
<img v-show="scope.row.type == 2" class="pay_type_img" src="@/assets/weixin.svg" alt=""> |
|||
<img v-show="scope.row.type == 3" class="pay_type_img" src="@/assets/zhifubao.svg" alt=""> |
|||
{{ scope.row.type_desc }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="company_short_name" label="公司简称" min-width="160px"></el-table-column> |
|||
<el-table-column prop="appid" label="账号" min-width="288px"></el-table-column> |
|||
<el-table-column prop="expires_time" label="有效期" min-width="260px"></el-table-column> |
|||
<el-table-column prop="status" label="证书状态" min-width="258px"> |
|||
<template slot-scope="scope"> |
|||
<div class="flex error"> |
|||
{{ scope.row.status_desc }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="status" label="启用状态" min-width="130px"> |
|||
<template slot-scope="scope"> |
|||
<div class="flex"> |
|||
<GuipSwitch v-model="scope.row.status" active-value="1" inactive-value="0" |
|||
@change="updatePayStatus(scope.row)"></GuipSwitch> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" min-width="130px" fixed="right"> |
|||
<template slot-scope="scope"> |
|||
<div class="flex"> |
|||
<el-button @click="paySetting(scope.row, scope.row.type)" type="text">修改</el-button> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
</GuipTable> |
|||
</el-form> |
|||
<addPay :payType="addPayType" :visible="isShowAddPay" @update:visible="handleEvent" @update:data="handleUpdateEvent" |
|||
:isExistSelfSupplys="isExistSelfSupplys" :doctor_id="doctor_id" :depart_id="depart_id" :checkAliPay="checkAliPay"></addPay> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import GuipTable from '@/components/GuipTable.vue'; |
|||
import GuipSwitch from '@/components/GuipSwitch.vue'; |
|||
import GuipButton from '@/components/GuipButton.vue'; |
|||
import addPay from '@/components/addPay.vue'; |
|||
|
|||
const PAY_TYPE_TAOBAO = 0; // 淘宝 |
|||
const PAY_TYPE_WEIXIN = 2; // 微信 |
|||
const PAY_TYPE_ALIPAY = 3; // 支付宝 |
|||
const PAY_TYPE_JINGDONG = 4; // 京东 |
|||
const PAY_TYPE_PDD = 11; // 拼多多 |
|||
export default { |
|||
props:['doctor_id','depart_id','list'], |
|||
|
|||
data() { |
|||
return { |
|||
// 收款方式 |
|||
payTypeTaoBao: PAY_TYPE_TAOBAO, |
|||
payTypeWeixin: PAY_TYPE_WEIXIN, |
|||
payTypeAlipay: PAY_TYPE_ALIPAY, |
|||
payTypeJingdong: PAY_TYPE_JINGDONG, |
|||
payTypePdd: PAY_TYPE_PDD, |
|||
payList: [ |
|||
// { |
|||
// company_short_name:'微信', |
|||
// type:2, |
|||
// appid:'29384923', |
|||
// mch_id:'98329032wer', |
|||
// pkey:'6634452qwjbj' |
|||
// }, |
|||
// { |
|||
// company_short_name:'支付宝', |
|||
// type:3, |
|||
// appid:'0948032849023' |
|||
// }, |
|||
], |
|||
tableLoading: true, |
|||
doctorId:'', |
|||
departId:'', |
|||
isShowAddPay: false, |
|||
addPayType: -1, |
|||
isExistSelfSupplys: false, |
|||
checkAliPay:null |
|||
}; |
|||
}, |
|||
components: { |
|||
GuipTable, |
|||
GuipSwitch, |
|||
GuipButton, |
|||
addPay, |
|||
|
|||
}, |
|||
watch:{ |
|||
|
|||
list: { |
|||
deep: true, |
|||
handler(newVal) { |
|||
console.log(newVal,'newVal====='); |
|||
this.payList = [...newVal]; |
|||
this.tableLoading = false; |
|||
|
|||
} |
|||
} |
|||
}, |
|||
created(){ |
|||
const {doctor_id,depart_id } = this.$route.query; |
|||
if(depart_id && doctor_id){ |
|||
this.departId =depart_id; |
|||
this.doctorId =doctor_id; |
|||
} |
|||
console.log(this.doctor_id,'=doctor_id==='); |
|||
|
|||
}, |
|||
mounted() { |
|||
if(this.doctor_id){ |
|||
this.getBindpayList() |
|||
} |
|||
}, |
|||
methods: { |
|||
async getBindpayList() { |
|||
await this.$http('POST', '/api/admin/get_pay_list', { |
|||
doctor_id: this.doctor_id, |
|||
depart_id: this.depart_id |
|||
}).then(response => { |
|||
this.payList = response.data; |
|||
}).catch(error => { |
|||
console.error(error, 'error') |
|||
}) |
|||
}, |
|||
handleEvent(data) { |
|||
this.isShowAddPay = data; |
|||
}, |
|||
handleUpdateEvent(data){ |
|||
if (data.type == this.payTypeWeixin) { |
|||
this.bindWxpayId = data.payid; |
|||
this.selectWxpay = data; |
|||
} |
|||
if (data.type == this.payTypeAlipay) { |
|||
this.bindAlipayId = data.payid; |
|||
this.selectAlipay = data; |
|||
} |
|||
}, |
|||
paySetting(row, payType) { |
|||
if(payType == 3){ |
|||
this.checkAliPay = {...row} |
|||
this.goBindPay() |
|||
}else{ |
|||
this.goToWxPay(row.doctor_id,row.depart_id) |
|||
} |
|||
}, |
|||
updatePayStatus(row) { |
|||
console.log(row); |
|||
// var payid = row.payid |
|||
// this.$http('POST', '/agentnew/ajax_update_pay_status', { |
|||
// payid: row.payid, |
|||
// status: row.status, |
|||
// doctor_id: this.doctor_id, |
|||
// depart_id: this.depart_id |
|||
// }).then(response => { |
|||
// this.$nextTick(() => { |
|||
// if (response.status) { |
|||
// this.$Message.success(response.info); |
|||
// this.closePayTipDialogVisible = false; |
|||
// this.getPayList() |
|||
// } else { |
|||
// this.$Message.error(response.info); |
|||
// } |
|||
// }) |
|||
// }).catch(error => { |
|||
// console.error(error, 'error') |
|||
// }) |
|||
}, |
|||
goToWxPay(doctor_id,depart_id){ |
|||
this.$router.push(`/weChatPayment?doctor_id=${doctor_id}&depart_id=${depart_id}`); |
|||
}, |
|||
goBindPay() { |
|||
this.addPayType = this.payTypeAlipay; |
|||
this.isShowAddPay = true; |
|||
}, |
|||
}, |
|||
|
|||
|
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.pay_type_img{ |
|||
width: 16px; |
|||
height: 16px; |
|||
} |
|||
.error{ |
|||
color: #FD3B3B; |
|||
} |
|||
.pageheader{ |
|||
|
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue