Skip to content

S
SuperMan
Commit f42c103e authored by youjie's avatar youjie
Browse files
Options

no message

parent 93eca61e
Show whitespace changes
Inline Side-by-side
Showing with 227 additions and 16 deletions
src/components/FinancialModule/addReceivablesDocuments.vue
View file @ f42c103e
......@@ -600,7 +600,8 @@
</el-option>
</el-select>
</span></p>
<template v-if="msg.TemplateId==27">
<!-- msg.TemplateId==27&&msg.CourseId&&orderObj&&orderObj.OrderID&&orderObj.OrderSource==8 -->
<template v-if="isReceivablesAccount">
<!--
<p style="margin-left: 15px;">
<el-tooltip class="item" effect="dark" content="请输入参加活动的转账卡号/平台用户名，不输入则此单不参与" placement="top">
......@@ -616,21 +617,28 @@
</el-select>
</span>
</p> -->
<p v-if="msg.CourseId" style="margin-left: 15px;">
<el-tooltip class="item" effect="dark" :content="AccountPrompt" placement="top">
<p style="margin-left: 15px;">
<el-tooltip v-if="msg.CourseId!=12||(PlatformUserNameList&&PlatformUserNameList.length>0)" class="item" effect="dark" :content="AccountPrompt" placement="top">
<i class="el-icon-warning-outline" style="cursor: pointer;"></i>
</el-tooltip>
<span>
<template v-if="msg.CourseId!=12&&msg.CourseId>0">
卡号：
</template>
<template v-if="msg.CourseId==12">
<template v-if="msg.CourseId==12&&PlatformUserNameList&&PlatformUserNameList.length>0">
平台用户名称：
</template>
</span>
<span>
<el-input type="text" class="w135 _border_b_1"
v-model="msg.PayReceipt_No" :placeholder="msg.CourseId!=12&&msg.CourseId>0?'输入银行卡号后四位':'输入平台用户名'" style="width: 364px;" clearable></el-input>
<el-input v-if="msg.CourseId!=12&&msg.CourseId>0" type="text" class="w135 _border_b_1"
v-model="msg.PayReceipt_No" placeholder="输入银行卡号后四位" style="width: 364px;" clearable></el-input>
<el-select v-if="msg.CourseId==12&&PlatformUserNameList&&PlatformUserNameList.length>0" v-model="msg.PayReceipt_No" placeholder="选择平台用户名称" clearable
class="w135 _border_b_1"
style="width: 100%;">
<el-option v-for="(item,index) in PlatformUserNameList" :key="index" :label="item"
:value="item"></el-option>
</el-select>
</span>
</p>
</template>
......@@ -774,11 +782,16 @@
</div>
</div>
</div>
<!-- 跟团订单、当地游订单，获取订单客户收款账号 -->
<OrderReceivablesAccount v-if="isReceivablesAccount" :orderObj="orderObj"
:clientData="clientData" @ClosePopup="isReceivablesAccount=false"></OrderReceivablesAccount>
</div>
</template>
<script>
import myFlowChartModule from "./FinancialSubmodule/FlowChartModule.vue";
import TicketingModule from "../commonPage/TicketingModule.vue";
import OrderReceivablesAccount from "./components/OrderReceivablesAccount.vue";
export default {
data() {
return {
......@@ -940,9 +953,30 @@
StoredCustomerList: [],
isDepositCustomer: false,
AccountPrompt: '',
isReceivablesAccount: false,
clientData: {},
PlatformUserNameList: []
}
},
methods: {
// 获取订单客户收款账号
getReceivablesAccount(OrderID){
this.apipost('Financial_post_GetCanActivityContractInfo', {
OrderId: OrderID
}, res => {
if (res.data.resultCode == 1) {
this.clientData = res.data.data
this.PlatformUserNameList = res.data.data.PlatformUserNameList
if(res.data.data.State==1){
this.isReceivablesAccount = true
}
}else{
this.Error(res.data.message)
}
}, err => {})
},
// 客户平台名称
getCourseId(){
this.msg.PayReceipt_No = ''
......@@ -1248,7 +1282,7 @@
},
getAccountList(i, t) { //获取账户类型对应下的账户列表
// 1 银行卡号 12平台用户名称
if(i&&i!=12){
if(i!=12){
this.msg.CourseId = 1
this.AccountPrompt = '请输入参加活动的转账卡号，不输入则此单不参与'
}if(i==12){
......@@ -1451,9 +1485,9 @@
e.target.value = (e.target.value.match(/^\d*(\.?\d{0,1})/g)[0]) || null
},
AddFinancial(z) { //保存
if(this.msg.TemplateId==27&&this.msg.CourseId&&!this.msg.PayReceipt_No){
return this.Error(`请输入${this.msg.CourseId!=12&&this.msg.CourseId>0?'银行卡号后四位':'请输入平台用户名'}`)
}
// if(this.msg.TemplateId==27&&this.msg.CourseId&&!this.msg.PayReceipt_No){
// return this.Error(`请输入${this.msg.CourseId!=12&&this.msg.CourseId>0?'银行卡号后四位':'平台用户名称'}`)
// }
if ((this.orderObj && !this.orderObj.isPrestore) || this.msg.DepositCustomerId) {
let To = Number(this.allPrice + this.msg.Fee)
let totalAmount = 0;
......@@ -1856,10 +1890,11 @@
this.msg.TemplateId = data.TemplateId
if(data.TemplateId==27&&data.Course_Name){
if(data.TemplateId==27&&data.Course_Name&&data.OrderID>0&&data.TCIDList&&data.TCIDList.length>0){
this.msg.Course_Name = data.Course_Name
this.msg.CourseId = data.Course_Name=='银行卡'?1:12
this.msg.PayReceipt_No = data.PayReceipt_No
this.getReceivablesAccount(this.msg.OrderID)
}
......@@ -2171,6 +2206,8 @@
this.AuditState.IsTravel=true;
}
}
},
mounted() {
this.getCustomerIdList();
......@@ -2211,10 +2248,15 @@
this.returnCode = this.$route.query.Conditon;
}
this.BankAccount_post_GetAccountType();
// 跟团订单、当地游订单，获取订单客户收款账号
if(this.orderObj&&this.orderObj.OrderID&&this.orderObj.OrderSource==8&&this.msg.TemplateId==27){
this.getReceivablesAccount(this.orderObj.OrderID)
}
},
components: {
"my-FlowChartModule": myFlowChartModule,
"TicketingModule": TicketingModule,
OrderReceivablesAccount,
}
}
......
src/components/FinancialModule/components/OrderReceivablesAccount.vue 0 → 100644
View file @ f42c103e
<style scoped>
.OrderReceivablesAccount-form{
width: 330px;
position: fixed;
z-index: 2;
right: 16px;
top: 100px;
background: #fff;
padding: 14px 26px 14px 13px;
border-radius: 8px;
}
.OrderReceivablesAccount-title{
font-size: 18px;
font-weight: bold;
padding: 0 0 10px 0;
}
.OrderReceivablesAccount-center>div{
display: flex;
flex-wrap: nowrap;
padding: 0 0 5px 0;
}
.OrderReceivablesAccount-center>div:last-child{
padding: 0;
}
.OrderReceivablesAccount-center>div>span{
color: #949695;
margin-right: 10px;
}
.OrderReceivablesAccount-contract{
display: flex;
flex-wrap: wrap;
}
.OrderReceivablesAccount-imgBox{
width: 50px;
height: 50px;
overflow: hidden;
position: relative;
}
.imgBox-imgs img{
width: 100%;
height: 100%;
display: block;
}
.ClosePopup{
position: fixed;
right: 30px;
top: 110px;
z-index: 3;
font-size: 20px;
cursor: pointer;
}
.OrderReceivablesAccount-PDF ._see_img{
opacity: 0;
}
.OrderReceivablesAccount-PDF ._see_img {
position: absolute;
top: 0;
width: 50px;
height: 50px;
padding-top: 16px;
line-height: 34px;
text-align: center;
background-color: rgba(2, 2, 2, 0.3);
display: inherit;
opacity: 0;
transition: all linear .5s
}
.OrderReceivablesAccount-PDF:hover ._see_img {
opacity: 1;
}
</style>
<template>
<div class="OrderReceivablesAccount-form" v-if="clientData&&clientData.State==1">
<div class="OrderReceivablesAccount-title">提示</div>
<div class="ClosePopup" @click="clickClosePopup"><i class="el-icon-close"></i> </div>
<div class="OrderReceivablesAccount-center">
<div><span>客户名称:</span> <div>{{clientData.CustomerName}}</div></div>
<div><span>联系人:</span> <div>{{clientData.Contact}}</div></div>
<div v-if="clientData.PlatformUserNameList&&clientData.PlatformUserNameList.length>0"><span>平台用户名:</span> <div>{{clientData.PlatformUserNameList.join(',')}}</div></div>
<template v-if="clientData.OpenBankName">
<div><span>开户行:</span> <div>{{clientData.OpenBankName}}</div></div>
<div><span>开户人:</span> <div>{{clientData.AccountHolder}}</div></div>
<div><span>卡号:</span> <div>{{clientData.CardNum}}</div></div>
<div><span>别名:</span> <div>{{clientData.AccountAlias}}</div></div>
</template>
<div>
<span>合同:</span>
<div class="OrderReceivablesAccount-contract">
<div class="OrderReceivablesAccount-imgBox" v-for="(img,imgI) in clientData.ContractList" >
<div class="imgBox-imgs" v-if="img&&verificationFile(img,3)">
<img src="../../../assets/img/Travelslider.png" alt="">
</div>
<div class="OrderReceivablesAccount-PDF" v-if="img&&verificationFile(img,1)"
style="width: 50px; line-height: 50px;text-align: center;">
<span class="_wenjian_P iconfont"
:class="img.substring(img.lastIndexOf('.')+1,img.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'"></span>
</div>
<div v-if="img&&verificationFile(img,1)" class="_see_img" @click="showUpLoadFile2(img)">
<i class="iconfont icon-sousuo"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
props:['orderObj'],
data() {
return {
// clientData: {}
}
},
watch: {
clientData:{
handler(val, oldVal){
// this.getReceivablesAccount()
},
deep: true,
immediate: true
},
orderObj:{
handler(val, oldVal){
// this.getReceivablesAccount()
},
deep: true,
immediate: true
}
},
created() {
},
methods: {
// 获取订单客户收款账号
getReceivablesAccount(){
this.apipost('Financial_post_GetCanActivityContractInfo', {
OrderId: this.orderObj.OrderID
}, res => {
if (res.data.resultCode == 1) {
this.clientData = res.data.data
if(!this.clientData.State){
this.Error(res.data.data.Msg)
this.clickClosePopup()
}
}else{
this.Error(res.data.message)
}
}, err => {})
},
showUpLoadFile2(i) { // 预览上传文件
if (i.substring(i.lastIndexOf('.') + 1, i.length).toUpperCase() == 'PDF') {
this.previewPDF(i)
} else {
window.open("https://view.officeapps.live.com/op/view.aspx?src=" + i)
}
},
clickClosePopup(){
this.$emit('ClosePopup')
}
},
mounted() {
}
}
</script>
src/components/SalesModule/MyCustomer.vue
View file @ f42c103e
......@@ -15,15 +15,15 @@
}
._info_img ul li img {
width: 88px;
height: 59px;
width: 50px;
height: 50px;
}
._see_img {
position: absolute;
top: 0;
width: 100%;
height: 59px;
height: 50px;
padding-top: 16px;
line-height: 34px;
text-align: center;
......@@ -675,7 +675,7 @@
:preview-src-list="[img]">
</el-image>
<div v-if="img&&verificationFile(img,1)"
style="width: 88px; line-height: 59px;text-align: center;">
style="width: 50px; line-height: 50px;text-align: center;">
<span class="_wenjian_P iconfont"
:class="img.substring(img.lastIndexOf('.')+1,img.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'"></span>
</div>
......@@ -978,7 +978,7 @@
:preview-src-list="[img]">
</el-image>
<div v-if="img&&verificationFile(img,1)"
style="width: 88px; line-height: 59px;text-align: center;">
style="width: 50px; line-height: 59px;text-align: center;">
<span class="_wenjian_P iconfont"
:class="img.substring(img.lastIndexOf('.')+1,img.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'"></span>
</div>
......
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