|
|
|
@ -4,8 +4,8 @@ |
|
|
|
<div class="tab-header webtop"> |
|
|
|
<div>{{ viewTitle }}</div> |
|
|
|
<div> |
|
|
|
<el-button type="primary" size="small" @click="handleCreate()">保存</el-button> |
|
|
|
<el-button type="primary" size="small" :disabled="disabled" @click="handleSubmit()">提交</el-button> |
|
|
|
<el-button type="primary" size="small" :disabled="submitdisabled" @click="handleCreate()">保存</el-button> |
|
|
|
<el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSubmit()">提交</el-button> |
|
|
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -56,7 +56,7 @@ |
|
|
|
<span><span class="icon">*</span>付款人</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="5"> |
|
|
|
<el-form-item> |
|
|
|
<el-form-item prop="payName"> |
|
|
|
<el-input v-model="temp.payName" class="addinputw" placeholder="" clearable/> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
@ -82,7 +82,7 @@ |
|
|
|
<span><span class="icon">*</span>订金金额</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="13"> |
|
|
|
<el-form-item> |
|
|
|
<el-form-item prop="deposit"> |
|
|
|
<el-input v-model="temp.deposit" class="addinputw" placeholder="" clearable/> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
@ -92,21 +92,15 @@ |
|
|
|
<span><span class="icon">*</span>付款日期</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="5"> |
|
|
|
<el-form-item> |
|
|
|
<el-date-picker |
|
|
|
v-model="temp.payDate" |
|
|
|
type="date" |
|
|
|
placeholder="选择日期" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
class="addinputw"> |
|
|
|
</el-date-picker> |
|
|
|
<el-form-item prop="payDate"> |
|
|
|
<el-date-picker v-model="temp.payDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" class="addinputw"></el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="3" class="tleftb"> |
|
|
|
<span><span class="icon">*</span>付款方式</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="5"> |
|
|
|
<el-form-item> |
|
|
|
<el-form-item prop="payType"> |
|
|
|
<el-select v-model="temp.payType" class="addinputw" placeholder="" @change="changePaymentType"> |
|
|
|
<el-option v-for="item in paymentType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/> |
|
|
|
</el-select> |
|
|
|
@ -116,7 +110,7 @@ |
|
|
|
<span><span class="icon">*</span>付款银行账号</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="5"> |
|
|
|
<el-form-item> |
|
|
|
<el-form-item prop="payNumber"> |
|
|
|
<el-input v-model="temp.payNumber" class="addinputw" placeholder="" clearable/> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
@ -126,15 +120,17 @@ |
|
|
|
<span><span class="icon">*</span>收款银行</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="13"> |
|
|
|
<el-select v-model="temp.collectionBank" class="addinputw" placeholder="" @change="changeproBank"> |
|
|
|
<el-option v-for="item in proBank_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/> |
|
|
|
</el-select> |
|
|
|
<el-form-item prop="collectionBank"> |
|
|
|
<el-select v-model="temp.collectionBank" placeholder="" @change="changeproBank"> |
|
|
|
<el-option v-for="item in proBank_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="3" class="tleftb"> |
|
|
|
<span><span class="icon">*</span>收款银行账号</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="5"> |
|
|
|
<el-form-item> |
|
|
|
<el-form-item prop="collectionNumber"> |
|
|
|
<el-select v-model="temp.collectionNumber" class="addinputw" placeholder="" @change="changeProBankAccValue"> |
|
|
|
<el-option v-for="item in ProBankAcc_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/> |
|
|
|
</el-select> |
|
|
|
@ -170,12 +166,12 @@ |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-table v-loading="listLoading" :data="list" border style="width: 100%" :index="index"> |
|
|
|
<el-table v-loading="listLoading" :data="temp.customerList" border style="width: 100%" :index="index"> |
|
|
|
<el-table-column align="center" label="序号" type="index" width="60"/> |
|
|
|
<el-table-column label="操作" align="center" width="80px" class-name="small-padding fixed-width"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<!-- <el-button size="mini" type="primary" @click="handleUpdate(row)">编辑</el-button>--> |
|
|
|
<el-button size="mini" type="danger" @click="handleDelete(scope.row,scope.$index,list[scope.$index])"> |
|
|
|
<el-button size="mini" type="danger" @click="handleDelete(scope.row,scope.$index)"> |
|
|
|
删除 |
|
|
|
</el-button> |
|
|
|
</template> |
|
|
|
@ -223,12 +219,10 @@ export default { |
|
|
|
list1: [], |
|
|
|
viewTitle: '', |
|
|
|
index: 0, |
|
|
|
disabled: false, // 提交按钮状态 |
|
|
|
submitdisabled: false, // 提交按钮状态 |
|
|
|
// --按钮菜单------- |
|
|
|
viewState: 1, |
|
|
|
FormLoading: false, |
|
|
|
listLoading: false, |
|
|
|
list: [], |
|
|
|
paymentType_list: [], |
|
|
|
proBank_list: [], |
|
|
|
ProBankAcc_list: [], |
|
|
|
@ -259,15 +253,15 @@ export default { |
|
|
|
}, |
|
|
|
customerName: [], |
|
|
|
rules: { |
|
|
|
mobile: [ |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
validator: checkSubmit, |
|
|
|
trigger: 'blur' |
|
|
|
} |
|
|
|
] |
|
|
|
payName: [{ required: true, message: '付款人不能为空', trigger: 'blur' }], |
|
|
|
mobile: [{ required: true, validator: checkSubmit, trigger: 'blur' }], |
|
|
|
deposit: [{ required: true, message: '订金金额不能为空', trigger: 'blur' }], |
|
|
|
payDate: [{ required: true, message: '付款日期不能为空', trigger: 'change' }], |
|
|
|
payType: [{ required: true, message: '付款方式不能为空', trigger: 'change' }], |
|
|
|
payNumber: [{ required: true, message: '付款银行账号不能为空', trigger: 'blur' }], |
|
|
|
collectionBank: [{ required: true, message: '收款银行不能为空', trigger: 'change' }], |
|
|
|
collectionNumber: [{ required: true, message: '收款银行账号不能为空', trigger: 'change' }] |
|
|
|
} |
|
|
|
// ------------------------------------ |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
@ -399,7 +393,6 @@ export default { |
|
|
|
this.temp = response.data |
|
|
|
this.temp.sid = response.data.virtualOrderSid |
|
|
|
this.temp.depositBillType = depositBillType |
|
|
|
this.list = response.data.customerList |
|
|
|
if (response.data.payImages.length > 0) { |
|
|
|
const imgName = response.data.payImages[response.data.payImages.length - 1].split('/') |
|
|
|
this.list1.push({ |
|
|
|
@ -431,7 +424,7 @@ export default { |
|
|
|
}, |
|
|
|
selectCustomer(row) { |
|
|
|
this.viewState = 1 |
|
|
|
this.list.push({ |
|
|
|
this.temp.customerList.push({ |
|
|
|
customerName: row.name, |
|
|
|
mobile: row.mobile, |
|
|
|
customerSid: row.sid |
|
|
|
@ -439,21 +432,22 @@ export default { |
|
|
|
}) |
|
|
|
}, |
|
|
|
handleDelete(row, index) { |
|
|
|
console.log('客户表中的row', row) |
|
|
|
this.list.splice(index, 1) |
|
|
|
this.temp.customerList.splice(index, 1) |
|
|
|
}, |
|
|
|
// 添加数据 |
|
|
|
handleCreate() { |
|
|
|
this.getUrl() |
|
|
|
if (this.temp.payImages.length === 0) { |
|
|
|
this.$message({ showClose: true, type: 'error', message: '请上传付款凭证' }) |
|
|
|
return |
|
|
|
} |
|
|
|
this.$refs['dataForm'].validate((valid) => { |
|
|
|
this.getUrl() |
|
|
|
this.temp.customerList = this.list |
|
|
|
if (valid) { |
|
|
|
this.FormLoading = true |
|
|
|
this.submitdisabled = true |
|
|
|
this.temp.staffSid = window.sessionStorage.getItem('staffSid') |
|
|
|
this.temp.orgSid = window.sessionStorage.getItem('orgSid') |
|
|
|
this.temp.userSid = window.sessionStorage.getItem('userSid') |
|
|
|
saveDing(this.temp).then((response) => { |
|
|
|
this.FormLoading = false |
|
|
|
if (response.code === '200') { |
|
|
|
this.handleReturn('true') |
|
|
|
} else { |
|
|
|
@ -470,16 +464,23 @@ export default { |
|
|
|
}, |
|
|
|
// 提交 |
|
|
|
handleSubmit() { |
|
|
|
this.getUrl() |
|
|
|
if (this.temp.payImages.length === 0) { |
|
|
|
this.$message({ showClose: true, type: 'error', message: '请上传付款凭证' }) |
|
|
|
return |
|
|
|
} |
|
|
|
if (this.temp.customerList.length === 0) { |
|
|
|
this.$message({ showClose: true, type: 'error', message: '客户信息列表不能为空' }) |
|
|
|
return |
|
|
|
} |
|
|
|
this.$confirm('是否确定提交该业务', '提示', { |
|
|
|
confirmButtonText: '确定', |
|
|
|
cancelButtonText: '取消', |
|
|
|
type: 'warning' |
|
|
|
}).then(() => { |
|
|
|
this.$refs['dataForm'].validate((valid) => { |
|
|
|
this.getUrl() |
|
|
|
this.temp.customerList = this.list |
|
|
|
if (valid) { |
|
|
|
this.FormLoading = true |
|
|
|
this.submitdisabled = true |
|
|
|
this.temp.staffSid = window.sessionStorage.getItem('staffSid') |
|
|
|
this.temp.orgSid = window.sessionStorage.getItem('orgSid') |
|
|
|
this.temp.userSid = window.sessionStorage.getItem('userSid') |
|
|
|
@ -529,10 +530,9 @@ export default { |
|
|
|
taskId: '', // 任务Id |
|
|
|
procInsId: '' // 流程实例ID |
|
|
|
} // 添加和修改 |
|
|
|
this.disabled = false |
|
|
|
this.submitdisabled = false |
|
|
|
this.$refs['uploadImg'].stateName = '' // 必写项 |
|
|
|
this.list1 = [] |
|
|
|
this.list = [] |
|
|
|
this.$refs['dataForm'].resetFields() |
|
|
|
this.$emit('doback') |
|
|
|
}, |
|
|
|
@ -540,7 +540,7 @@ export default { |
|
|
|
// 新增客户信息 |
|
|
|
handleyudingcheliang() { |
|
|
|
this.viewState = 2 |
|
|
|
this.$refs['divSelect'].init() |
|
|
|
this.$refs['divSelect'].init(this.temp.customerList) |
|
|
|
}, |
|
|
|
// 选择客户返回 |
|
|
|
resetState() { |
|
|
|
|
