| @@ -108,3 +108,11 @@ export function getAccount(query){ | |||
| params: query | |||
| }) | |||
| } | |||
| // 查询当前账期余额 | |||
| export function getQmyeFlow(id) { | |||
| return request({ | |||
| url: '/cashier/flow/getQmye/' + id, | |||
| method: 'post' | |||
| }) | |||
| } | |||
| @@ -978,6 +978,15 @@ export const constantRoutes = [ | |||
| }, | |||
| component: (resolve) => require(['@/views/onlineHome/homestead/supervision/supervisionCloseCase'], resolve) | |||
| }, | |||
| { | |||
| path: '/approvalForm', | |||
| name: 'approvalForm', | |||
| meta: { | |||
| title: '宅基地审批', | |||
| hidden: true, | |||
| }, | |||
| component: (resolve) => require(['@/views/onlineHome/homestead/homeApproval/approvalForm'], resolve) | |||
| }, | |||
| { | |||
| path: '/approvalList', | |||
| name: 'approvalList', | |||
| @@ -10,131 +10,164 @@ | |||
| <p style="font-weight: bold;">添加付款申请</p> | |||
| </template> | |||
| </van-nav-bar> | |||
| <p class="main_title">基础信息</p> | |||
| <div class="main_box"> | |||
| <!-- <van-field label="付款方" v-model="form.payer" placeholder="请输入付款方" input-align="right" label-width="auto"/>--> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| label="付款方" | |||
| placeholder="请选择付款方" | |||
| v-model="form.payer" | |||
| @click="showpayer = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| label-width="auto" | |||
| /> | |||
| <van-popup v-model="showpayer" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="payerOptions" | |||
| @confirm="onConfirmPayer" | |||
| @cancel="showpayer = false" | |||
| <van-form> | |||
| <p class="main_title">基础信息</p> | |||
| <div class="main_box"> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| required | |||
| :rules="[{ required: true }]" | |||
| v-model="form.applyDate" | |||
| label="申请时间" | |||
| placeholder="请选择申请时间" | |||
| @click="showlasj = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| /> | |||
| </van-popup> | |||
| <van-field label="付款方账户" v-model="form.payerAccount" placeholder="请输入账户" input-align="right" label-width="auto"/> | |||
| <van-field readonly label="支出总金额" v-model="form.expenditureAmount" placeholder="根据下方收款金额自动核算" input-align="right" label-width="auto"/> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| v-model="form.applyDate" | |||
| label="申请时间" | |||
| placeholder="请选择申请时间" | |||
| @click="showlasj = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| /> | |||
| <van-popup v-model="showlasj" position="bottom"> | |||
| <van-datetime-picker | |||
| v-model="currentDate" | |||
| type="date" | |||
| title="选择年月日" | |||
| :min-date="minDate" | |||
| :max-date="maxDate" | |||
| @confirm="onConfirmLasj" | |||
| <van-popup v-model="showlasj" position="bottom"> | |||
| <van-datetime-picker | |||
| v-model="currentDate" | |||
| type="date" | |||
| title="选择年月日" | |||
| :min-date="minDate" | |||
| :max-date="maxDate" | |||
| @confirm="onConfirmLasj" | |||
| /> | |||
| </van-popup> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| required | |||
| :rules="[{ required: true }]" | |||
| label="资金支出类别" | |||
| placeholder="请选择" | |||
| v-model="capitalExpenditureType" | |||
| @click="showcapital = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| label-width="auto" | |||
| /> | |||
| </van-popup> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| label="资金支出类别" | |||
| placeholder="请选择" | |||
| v-model="capitalExpenditureType" | |||
| @click="showcapital = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| label-width="auto" | |||
| /> | |||
| <van-popup v-model="showcapital" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="capitalExpenditureTypeOptions" | |||
| @confirm="onConfirmCapital" | |||
| @cancel="showcapital = false" | |||
| <van-popup v-model="showcapital" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="capitalExpenditureTypeOptions" | |||
| @confirm="onConfirmCapital" | |||
| @cancel="showcapital = false" | |||
| /> | |||
| </van-popup> | |||
| <van-field | |||
| readonly | |||
| required | |||
| label="支出总金额" | |||
| v-model="form.expenditureAmount" | |||
| placeholder="根据下方收款金额自动核算" | |||
| input-align="right" | |||
| label-width="auto" | |||
| /> | |||
| </van-popup> | |||
| <van-cell title="收款账户类型"> | |||
| <template #right-icon> | |||
| <van-radio-group direction="horizontal" v-model="form.accountType" @change="accountTypeChange"> | |||
| <van-radio name="1">公户</van-radio> | |||
| <van-radio name="2">私户</van-radio> | |||
| </van-radio-group> | |||
| </template> | |||
| </van-cell> | |||
| </div> | |||
| <div class="main_box" style="margin-top: 10px;"> | |||
| <van-field label="付款事由" v-model="form.remark" type="textarea" placeholder="请输入付款事由" input-align="right" rows="3" label-width="auto"/> | |||
| </div> | |||
| </div> | |||
| <div class="main_box" style="margin-top: 10px;"> | |||
| <van-field label="说明情况" v-model="form.explainSituation" type="textarea" placeholder="请输入说明情况" input-align="right" rows="3" label-width="auto"/> | |||
| </div> | |||
| <div class="main_box" style="margin-top: 10px;"> | |||
| <van-field | |||
| label="付款事由" | |||
| v-model="form.remark" | |||
| type="textarea" | |||
| placeholder="请输入付款事由" | |||
| input-align="right" | |||
| rows="3" | |||
| label-width="auto" | |||
| required | |||
| :rules="[{ required: true }]" | |||
| /> | |||
| </div> | |||
| <div class="main_box" v-if="capitalExpenditureOpen" style="margin-bottom: 10px;margin-top: 10px;position:relative;"> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| label="项目名称" | |||
| placeholder="请选择" | |||
| v-model="projectForm.projectName" | |||
| @click="showproject = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| /> | |||
| <van-popup v-model="showproject" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="projectListShow" | |||
| @confirm="onConfirmProject" | |||
| @cancel="showproject = false" | |||
| <div class="main_box" style="margin-top: 10px;"> | |||
| <van-field required :rules="[{ required: true }]" label="说明情况" v-model="form.explainSituation" type="textarea" placeholder="请输入说明情况" input-align="right" rows="3" label-width="auto"/> | |||
| </div> | |||
| <p class="main_title" v-if="capitalExpenditureOpen">关联项目</p> | |||
| <div class="main_box" v-if="capitalExpenditureOpen" style="margin-bottom: 10px;margin-top: 10px;position:relative;"> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| label="项目名称" | |||
| placeholder="请选择" | |||
| v-model="projectForm.projectName" | |||
| @click="showproject = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| /> | |||
| </van-popup> | |||
| <van-field v-model="projectForm.projectContractor" label="承建单位" placeholder="请输入承建单位" input-align="right" label-width="auto"/> | |||
| <van-field v-model="projectForm.projectAmount" label="合同价款(元)" placeholder="请输入合同价款(元)" input-align="right" label-width="auto"/> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| label="工程款类型" | |||
| placeholder="请选择" | |||
| v-model="projectFundType" | |||
| @click="showFundType = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| /> | |||
| <van-popup v-model="showFundType" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="projectFundTypeOptions" | |||
| @confirm="onConfirmFundType" | |||
| @cancel="showFundType = false" | |||
| <van-popup v-model="showproject" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="projectListShow" | |||
| @confirm="onConfirmProject" | |||
| @cancel="showproject = false" | |||
| /> | |||
| </van-popup> | |||
| <van-field v-model="projectForm.projectContractor" label="承建单位" placeholder="请输入承建单位" input-align="right" label-width="auto"/> | |||
| <van-field v-model="projectForm.projectAmount" label="合同价款(元)" placeholder="请输入合同价款(元)" input-align="right" label-width="auto"/> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| label="工程款类型" | |||
| placeholder="请选择" | |||
| v-model="projectFundType" | |||
| @click="showFundType = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| /> | |||
| </van-popup> | |||
| <van-field v-model="projectForm.projectBillNum" label="工程发票号" placeholder="请输入工程发票号" input-align="right" label-width="auto"/> | |||
| </div> | |||
| <van-popup v-model="showFundType" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="projectFundTypeOptions" | |||
| @confirm="onConfirmFundType" | |||
| @cancel="showFundType = false" | |||
| /> | |||
| </van-popup> | |||
| <van-field v-model="projectForm.projectBillNum" label="工程发票号" placeholder="请输入工程发票号" input-align="right" label-width="auto"/> | |||
| </div> | |||
| <p class="main_title">付款方信息</p> | |||
| <div class="main_box"> | |||
| <!-- <van-field label="付款方" v-model="form.payer" placeholder="请输入付款方" input-align="right" label-width="auto"/>--> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| label="付款方" | |||
| placeholder="请选择付款方" | |||
| v-model="form.payer" | |||
| @click="showpayer = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| label-width="auto" | |||
| required | |||
| :rules="[{ required: true }]" | |||
| /> | |||
| <van-popup v-model="showpayer" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="payerOptions" | |||
| @confirm="onConfirmPayer($event)" | |||
| @cancel="showpayer = false" | |||
| /> | |||
| </van-popup> | |||
| <van-field :rules="[{ required: true }]" required label="付款方账户" v-model="form.payerAccount" placeholder="请输入账户" input-align="right" label-width="auto"/> | |||
| </div> | |||
| <p class="main_title">收款方信息<van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/></p> | |||
| <p class="main_title">列表信息<van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/></p> | |||
| <div :style="{position:'relative',padding: index == 0 ? '':'10px 0 0 0'}" v-for="(item, index) in chargeItme" :key="index"> | |||
| <div class="main_box" style="margin-bottom: 15px;"> | |||
| <van-cell title="收款账户类型"> | |||
| <template #right-icon> | |||
| <van-radio-group direction="horizontal" v-model="form.accountType" @change="accountTypeChange"> | |||
| <van-radio name="1">公户</van-radio> | |||
| <van-radio name="2">私户</van-radio> | |||
| </van-radio-group> | |||
| </template> | |||
| </van-cell> | |||
| </div> | |||
| <div :style="{position:'relative',padding: index == 0 ? '':'10px 0 0 0'}" v-for="(item, index) in chargeItme" :key="index"> | |||
| <van-button icon="minus" size="mini" type="danger" class="deleteFamily" native-type="button" v-if="index!=0" @click="deleteChargeItme(index)" /> | |||
| <div class="main_box" style="margin-bottom: 10px;position:relative;"> | |||
| <van-field | |||
| @@ -143,42 +176,46 @@ | |||
| label="收款方" | |||
| placeholder="请选择" | |||
| v-model="item.payee" | |||
| @click="showpayee = true" | |||
| @click="item.showPayee = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| required | |||
| :rules="[{ required: true }]" | |||
| /> | |||
| <van-popup v-model="showpayee" position="bottom"> | |||
| <van-popup v-model="item.showPayee" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="payeeList" | |||
| @confirm="onConfirmPayee" | |||
| @cancel="showpayee = false" | |||
| @confirm="onConfirmPayee($event,index)" | |||
| @cancel="item.showPayee = false" | |||
| /> | |||
| </van-popup> | |||
| <van-field v-model="item.payeeAccount" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/> | |||
| <van-field v-model="item.bankDeposit" label="开户银行" placeholder="请输入银行" input-align="right" label-width="auto"/> | |||
| <van-field v-model="item.incomeAmount" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | |||
| <van-field required :rules="[{ required: true }]" v-model="item.payeeAccount" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/> | |||
| <van-field required :rules="[{ required: true }]" v-model="item.bankDeposit" label="开户银行" placeholder="请输入银行" input-align="right" label-width="auto"/> | |||
| <van-field required :rules="[{ required: true }]" v-model="item.incomeAmount" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| label="所属银行" | |||
| placeholder="请选择" | |||
| v-model="item.bankTypeText" | |||
| @click="showbankType = true" | |||
| @click="item.showbankType = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| required | |||
| :rules="[{ required: true }]" | |||
| /> | |||
| <van-popup v-model="showbankType" position="bottom"> | |||
| <van-popup v-model="item.showbankType" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="bankTypeDictionaries" | |||
| @confirm="onConfirmBankType" | |||
| @cancel="showbankType = false" | |||
| @confirm="onConfirmBankType($event,index)" | |||
| @cancel="item.showbankType = false" | |||
| /> | |||
| </van-popup> | |||
| </div> | |||
| </div> | |||
| </van-form> | |||
| <div style="padding: 16px 0;"> | |||
| <van-row> | |||
| <van-col span="12" align="center"> | |||
| @@ -194,7 +231,7 @@ | |||
| </template> | |||
| <script> | |||
| import { addTransfer , listPayee , updateTransfer , getProjectto , listProject , addProjectto , customSubmit , getAccount} from "@/api/onlineHome/bankAgriculture/paymentApproval"; | |||
| import { addTransfer , listPayee , updateTransfer , getProjectto , listProject , addProjectto , customSubmit , getAccount ,getQmyeFlow} from "@/api/onlineHome/bankAgriculture/paymentApproval"; | |||
| export default { | |||
| name: "approvalModify", | |||
| data() { | |||
| @@ -258,7 +295,6 @@ | |||
| pageSize: 100, | |||
| } | |||
| listProject(queryParams).then(response => { | |||
| console.log(response) | |||
| this.projectList = response.rows; | |||
| for (var i = 0; i < response.rows.length; i++) { | |||
| this.projectListShow.push({text: response.rows[i].projectName, value: response.rows[i].id}); | |||
| @@ -275,9 +311,13 @@ | |||
| status: "N", | |||
| } | |||
| getAccount(params1).then((response) => { | |||
| for (var i = 0; i < response.rows.length; i++) { | |||
| this.payerOptions.push({text: response.rows[i].accountName, value: response.rows[i].id}) | |||
| } | |||
| this.payerOptions = response.rows; | |||
| response.rows.map((res,index) => { | |||
| res['payerFrom'] = '1' | |||
| console.log(res) | |||
| this.payerOptions[index].text = res.accountName; | |||
| this.payerOptions[index].value = res.id; | |||
| }) | |||
| }); | |||
| this.getDictionaries(); | |||
| }, | |||
| @@ -288,7 +328,6 @@ | |||
| id: null, | |||
| upId: null, | |||
| downId: null, | |||
| transferType:"", | |||
| orderId: null, | |||
| cashierId: null, | |||
| transferType: '1', | |||
| @@ -337,14 +376,31 @@ | |||
| if(this.chargeItme.length>0&&this.chargeItme[this.chargeItme.length-1].payee == ''){ | |||
| this.$notify({ type: 'danger', message: '请勿添加多个空列表信息' }); | |||
| return; | |||
| }else if(this.chargeItme.length>0&&this.chargeItme[index-1].incomeAmount == ''){ | |||
| this.$notify({ type: 'danger', message: '请输入收入金额!' }); | |||
| return; | |||
| }else if(this.chargeItme.length>0&&this.chargeItme[index-1].payeeAccount == ''){ | |||
| this.$notify({ type: 'danger', message: '请输入收款账户!' }); | |||
| return; | |||
| }else if(this.chargeItme.length>0&&this.chargeItme[index-1].bankDeposit == ''){ | |||
| this.$notify({ type: 'danger', message: '请输入开户银行!' }); | |||
| return; | |||
| }else if(this.chargeItme.length>0&&this.chargeItme[index-1].bankType == ''){ | |||
| this.$notify({ type: 'danger', message: '请选择所属银行!' }); | |||
| return; | |||
| } | |||
| this.chargeItme.splice(index + 1, 0, { | |||
| payeeId: "", //收款方ID | |||
| payee: "", //收款方 | |||
| payeeAccount: "", //收款账户 | |||
| bankDeposit: "", //开户银行 | |||
| incomeAmount: "", //收入金额 | |||
| bankType: "", //所属银行 | |||
| this.getDicts("bank_type").then(res => { | |||
| this.chargeItme.splice(index + 1, 0, { | |||
| payeeId: "", //收款方ID | |||
| payee: "", //收款方 | |||
| payeeAccount: "", //收款账户 | |||
| bankDeposit: "", //开户银行 | |||
| incomeAmount: "", //收入金额 | |||
| bankType: "1", //所属银行 | |||
| bankTypeText:this.selectDictLabel(res.data, 1), //所属银行 | |||
| showPayee:false, | |||
| showbankType:false | |||
| }); | |||
| }); | |||
| }, | |||
| getPayeeList() { | |||
| @@ -352,9 +408,11 @@ | |||
| this.queryParams.accountType = this.form.accountType | |||
| this.queryParams.status = "0" | |||
| listPayee(this.queryParams).then((response) => { | |||
| for (var i = 0; i < response.rows.length; i++) { | |||
| this.payeeList.push({text: response.rows[i].payee, value: response.rows[i].id}); | |||
| } | |||
| this.payeeList = response.rows; | |||
| response.rows.map((res,index) => { | |||
| this.payeeList[index].text = res.payee; | |||
| this.payeeList[index].value = res.id; | |||
| }) | |||
| }); | |||
| }, | |||
| payeeDictLabel(datas, value) { | |||
| @@ -368,7 +426,6 @@ | |||
| return actions.join(''); | |||
| }, | |||
| onConfirmCapital(data){ | |||
| console.log(data) | |||
| if (data.value != 2){ | |||
| this.capitalExpenditureOpen = false; | |||
| this.projectForm = []; | |||
| @@ -386,50 +443,53 @@ | |||
| this.showFundType = false; | |||
| }, | |||
| onConfirmProject(data){ | |||
| console.log(data) | |||
| this.projectList.map(res => { | |||
| console.log(res) | |||
| if(res.projectName==data.text){ | |||
| this.projectForm.projectId = res.id | |||
| this.projectForm.projectName = res.projectName | |||
| this.projectForm.projectContractor = res.projectContractor | |||
| this.projectForm.projectAmount = res.projectAmount | |||
| console.log(this.projectForm) | |||
| } | |||
| }) | |||
| this.showproject = false; | |||
| }, | |||
| onConfirmPayee(data){ | |||
| // this.chargeItme[this.chargeItme.length-1].payeeText = data.text; | |||
| console.log(this.chargeItme.length) | |||
| this.chargeItme[this.chargeItme.length-1].payee = data.text; | |||
| this.chargeItme[this.chargeItme.length-1].payeeId = data.value; | |||
| this.showpayee = false; | |||
| onConfirmPayee(data,index){ | |||
| for (var i = 0 ; i < this.chargeItme.length ; i++){ | |||
| this.chargeItme[i].showPayee = false; | |||
| } | |||
| this.chargeItme[index].payee = data.text; | |||
| this.chargeItme[index].payeeId = data.value; | |||
| this.chargeItme[index].showpayee = false; | |||
| this.payeeSelectChange(data.value , index) | |||
| }, | |||
| onConfirmBankType(data){ | |||
| console.log(this.chargeItme) | |||
| this.chargeItme[this.chargeItme.length-1].bankTypeText = data.text; | |||
| this.chargeItme[this.chargeItme.length-1].bankType = data.value; | |||
| this.showbankType = false; | |||
| onConfirmBankType(data,index){ | |||
| for (var i = 0 ; i < this.chargeItme.length ; i++){ | |||
| this.chargeItme[i].showbankType = false; | |||
| } | |||
| this.chargeItme[index].bankTypeText = data.text; | |||
| this.chargeItme[index].bankType = data.value; | |||
| this.chargeItme[index].showbankType = false; | |||
| }, | |||
| onConfirmPayer(data){ | |||
| this.form.payer = data.text; | |||
| this.form.cashierId = data.value; | |||
| this.showpayer = false; | |||
| this.selectChange(data.value) | |||
| }, | |||
| onConfirmLasj(data){ | |||
| this.form.applyDate = this.getNowFormatDate(data).substr(0,10); | |||
| this.showlasj = false; | |||
| }, | |||
| accountTypeChange(e){ | |||
| console.log(e) | |||
| this.payeeList = []; | |||
| this.queryParams.accountType = this.form.accountType | |||
| this.queryParams.status = "0" | |||
| listPayee(this.queryParams).then((response) => { | |||
| for (var i = 0; i < response.rows.length; i++) { | |||
| this.payeeList.push({text: response.rows[i].payee, value: response.rows[i].id}); | |||
| } | |||
| this.payeeList = response.rows; | |||
| response.rows.map((res,index) => { | |||
| this.payeeList[index].text = res.payee; | |||
| this.payeeList[index].value = res.id; | |||
| }) | |||
| }); | |||
| }, | |||
| // 钱计算 | |||
| @@ -528,6 +588,104 @@ | |||
| } | |||
| }); | |||
| }, | |||
| payeeSelectChange(select, i) { | |||
| let obj = {}; | |||
| let fuzhitype = 0; | |||
| obj = this.payeeList.find((account) => { | |||
| //model就是上面的数据源 | |||
| return account.id === select ; //筛选出匹配数据 | |||
| }); | |||
| if(this.chargeItme != [] && this.chargeItme.length>1){ | |||
| this.chargeItme.some((value, index) => { | |||
| if(value.payeeAccount != undefined &&value.payeeAccount != '' && obj.payeeAccount == value.payeeAccount&&index!=i){ | |||
| fuzhitype = 2; | |||
| return true; | |||
| } | |||
| if(value.accountType != undefined &&value.accountType != '' && obj.accountType != value.accountType&&index!=i){ | |||
| fuzhitype = 1; | |||
| return true; | |||
| } | |||
| }); | |||
| } | |||
| if(fuzhitype == 0){ | |||
| this.$set(this.chargeItme[i], "payee",obj.payee) | |||
| this.$set(this.chargeItme[i], "bankType", obj.bankType) | |||
| this.$set(this.chargeItme[i], "payeeId", obj.id); | |||
| this.$set(this.chargeItme[i], "payeeAccount", obj.payeeAccount); | |||
| this.$set(this.chargeItme[i], "bankDeposit", obj.bankDeposit); | |||
| this.$set(this.chargeItme[i], "accountType", obj.accountType); | |||
| }else if(fuzhitype == 1){ | |||
| this.$set(this.chargeItme[i], "payee",'') | |||
| this.$set(this.chargeItme[i], "bankType",'') | |||
| this.$set(this.chargeItme[i], "payeeId", ''); | |||
| this.$set(this.chargeItme[i], "payeeAccount", ''); | |||
| this.$set(this.chargeItme[i], "bankDeposit", ''); | |||
| this.$set(this.chargeItme[i], "accountType", ''); | |||
| this.$notify({ type: 'danger', message: '请选择账户类型相同的收款方!' }); | |||
| }else if(fuzhitype == 2){ | |||
| this.$set(this.chargeItme[i], "payee",'') | |||
| this.$set(this.chargeItme[i], "bankType",'') | |||
| this.$set(this.chargeItme[i], "payeeId", ''); | |||
| this.$set(this.chargeItme[i], "payeeAccount", ''); | |||
| this.$set(this.chargeItme[i], "bankDeposit", ''); | |||
| this.$set(this.chargeItme[i], "accountType", ''); | |||
| this.$notify({ type: 'danger', message: '收款方已存在!' }); | |||
| } | |||
| }, | |||
| selectChange(select) { | |||
| let obj = {}; | |||
| obj = this.payerOptions.find((account) => { | |||
| //model就是上面的数据源 | |||
| return account.id === select; //筛选出匹配数据 | |||
| }); | |||
| if(obj.payerFrom==1&&obj.operatorCode != null && obj.operatorCode != "" && | |||
| obj.enterpriseCode != null && obj.enterpriseCode != "" && | |||
| obj.accountPassword != null && obj.accountPassword != ""){ | |||
| this.$set(this.form, "bookId", obj.bookId); | |||
| this.$set(this.form, "deptId", obj.deptId); | |||
| this.$set(this.form, "cashierId", obj.id); | |||
| this.$set(this.form, "payer", obj.accountName); | |||
| this.$set(this.form, "payerAccount", obj.bankAccountNumber); | |||
| this.$set(this.form, "operatorCode", obj.operatorCode); | |||
| this.$set(this.form, "enterpriseCode", obj.enterpriseCode); | |||
| this.$set(this.form, "payerFrom", '1'); | |||
| }else{ | |||
| if(obj.payerFrom==1){ | |||
| this.diglogStatus = false; | |||
| this.$notify({ type: 'danger', message: "请完善付款方“操作员代码”、“企业编码”、“支付口令”等信息!" }); | |||
| this.$set(this.form,"payer","") | |||
| this.$set(this.form,"payerAccount","") | |||
| }else{ | |||
| this.$set(this.form, "payerFrom", obj.parerFrom); | |||
| if(obj.operatorCode!=null&&obj.operatorCode!=''){ | |||
| this.$set(this.form, "operatorCode", obj.operatorCode); | |||
| }else{ | |||
| this.$set(this.form, "operatorCode", ''); | |||
| } | |||
| if(obj.enterpriseCode!=null&&obj.enterpriseCode!=''){ | |||
| this.$set(this.form, "enterpriseCode", obj.enterpriseCode); | |||
| }else{ | |||
| this.$set(this.form, "enterpriseCode", ''); | |||
| } | |||
| if(obj.accountPassword!=null&&obj.accountPassword!=''){ | |||
| this.$set(this.form, "accountPassword", obj.accountPassword); | |||
| }else{ | |||
| this.$set(this.form, "accountPassword", ''); | |||
| } | |||
| this.$set(this.form, "bookId",''); | |||
| this.$set(this.form, "deptId", ''); | |||
| this.$set(this.form, "cashierId", obj.id); | |||
| this.$set(this.form, "payer", obj.accountName); | |||
| if(obj.payerFrom==6){ | |||
| getQmyeFlow(obj.bankAccountNumber).then((response) => { | |||
| this.$set(this.form, "payerAccount", response.data); | |||
| }); | |||
| }else { | |||
| this.$set(this.form, "payerAccount", obj.bankAccountNumber); | |||
| } | |||
| } | |||
| } | |||
| }, | |||
| goBack(){ | |||
| window.history.go(-1) | |||
| }, | |||
| @@ -15,12 +15,9 @@ | |||
| </van-nav-bar> | |||
| <p class="main_title">基础信息</p> | |||
| <div class="main_box"> | |||
| <van-field readonly label="付款方" v-model="form.payer" input-align="right" label-width="auto"/> | |||
| <van-field readonly label="付款方账户" v-model="form.payerAccount" input-align="right" label-width="auto"/> | |||
| <van-field readonly label="支出总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | |||
| <van-field readonly label="申请时间" v-model="form.applyDate" input-align="right" /> | |||
| <van-field readonly label="资金支出类别" v-model="capitalExpenditureType" input-align="right" label-width="auto" /> | |||
| <van-field readonly label="收款账户类型" v-model="form.accountType == 1 ? '公户':'私户'" input-align="right" label-width="auto" /> | |||
| <van-field readonly label="支出总金额" v-model="form.expenditureAmount" input-align="right" label-width="auto"/> | |||
| </div> | |||
| <div class="main_box" style="margin-top: 10px;"> | |||
| @@ -31,6 +28,12 @@ | |||
| <van-field readonly label="说明情况" v-model="form.explainSituation" type="textarea" input-align="right" rows="3" label-width="auto"/> | |||
| </div> | |||
| <p class="main_title">付款方信息</p> | |||
| <div class="main_box"> | |||
| <van-field readonly label="付款方" v-model="form.payer" input-align="right" label-width="auto"/> | |||
| <van-field readonly label="付款方账户" v-model="form.payerAccount" input-align="right" label-width="auto"/> | |||
| </div> | |||
| <div class="main_box" v-if="capitalExpenditureOpen" style="margin-bottom: 10px;margin-top: 10px;position:relative;"> | |||
| <van-field readonly label="项目名称" v-model="projectForm.projectName" input-align="right" /> | |||
| <van-field readonly label="承建单位" v-model="projectForm.projectContractor" input-align="right" label-width="auto"/> | |||
| @@ -40,6 +43,11 @@ | |||
| </div> | |||
| <p class="main_title">列表信息</p> | |||
| <div class="main_box" style="margin-bottom: 15px;"> | |||
| <van-field readonly label="收款账户类型" v-model="form.accountType == 1 ? '公户':'私户'" input-align="right" label-width="auto" /> | |||
| </div> | |||
| <div :style="{position:'relative',padding: index == 0 ? '':'10px 0 0 0'}" v-for="(item, index) in chargeItme" :key="index"> | |||
| <div class="main_box" style="margin-bottom: 10px;position:relative;"> | |||
| <van-field readonly label="收款方" v-model="item.payee" input-align="right" /> | |||
| @@ -7,159 +7,215 @@ | |||
| @click-left="$router.back(-1)" | |||
| > | |||
| <template #title> | |||
| <p style="font-weight: bold;">添加付款申请</p> | |||
| <p style="font-weight: bold;">修改付款申请</p> | |||
| </template> | |||
| </van-nav-bar> | |||
| <p class="main_title">基础信息</p> | |||
| <div class="main_box"> | |||
| <van-field label="付款方" v-model="form.payer" placeholder="请输入付款方" input-align="right" label-width="auto"/> | |||
| <van-field label="付款方账户" v-model="form.payerAccount" placeholder="请输入账户" input-align="right" label-width="auto"/> | |||
| <van-field label="支出总金额" v-model="form.expenditureAmount" placeholder="根据下方收款金额自动核算" input-align="right" label-width="auto"/> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| v-model="form.applyDate" | |||
| label="申请时间" | |||
| placeholder="请选择申请时间" | |||
| @click="showlasj = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| /> | |||
| <van-popup v-model="showlasj" position="bottom"> | |||
| <van-datetime-picker | |||
| v-model="currentDate" | |||
| type="date" | |||
| title="选择年月日" | |||
| :min-date="minDate" | |||
| :max-date="maxDate" | |||
| @confirm="onConfirmLasj" | |||
| <van-form> | |||
| <p class="main_title">基础信息</p> | |||
| <div class="main_box"> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| required | |||
| :rules="[{ required: true }]" | |||
| v-model="form.applyDate" | |||
| label="申请时间" | |||
| placeholder="请选择申请时间" | |||
| @click="showlasj = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| /> | |||
| </van-popup> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| label="资金支出类别" | |||
| placeholder="请选择" | |||
| v-model="capitalExpenditureType" | |||
| @click="showcapital = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| label-width="auto" | |||
| /> | |||
| <van-popup v-model="showcapital" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="capitalExpenditureTypeOptions" | |||
| @confirm="onConfirmCapital" | |||
| @cancel="showcapital = false" | |||
| <van-popup v-model="showlasj" position="bottom"> | |||
| <van-datetime-picker | |||
| v-model="currentDate" | |||
| type="date" | |||
| title="选择年月日" | |||
| :min-date="minDate" | |||
| :max-date="maxDate" | |||
| @confirm="onConfirmLasj" | |||
| /> | |||
| </van-popup> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| required | |||
| :rules="[{ required: true }]" | |||
| label="资金支出类别" | |||
| placeholder="请选择" | |||
| v-model="capitalExpenditureType" | |||
| @click="showcapital = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| label-width="auto" | |||
| /> | |||
| <van-popup v-model="showcapital" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="capitalExpenditureTypeOptions" | |||
| @confirm="onConfirmCapital" | |||
| @cancel="showcapital = false" | |||
| /> | |||
| </van-popup> | |||
| <van-field | |||
| readonly | |||
| required | |||
| label="支出总金额" | |||
| v-model="form.expenditureAmount" | |||
| placeholder="根据下方收款金额自动核算" | |||
| input-align="right" | |||
| label-width="auto" | |||
| /> | |||
| </van-popup> | |||
| <van-cell title="收款账户类型"> | |||
| <template #right-icon> | |||
| <van-radio-group direction="horizontal" v-model="form.accountType" @change="accountTypeChange"> | |||
| <van-radio name="1">公户</van-radio> | |||
| <van-radio name="2">私户</van-radio> | |||
| </van-radio-group> | |||
| </template> | |||
| </van-cell> | |||
| </div> | |||
| <div class="main_box" style="margin-top: 10px;"> | |||
| <van-field label="付款事由" v-model="form.remark" type="textarea" placeholder="请输入付款事由" input-align="right" rows="3" label-width="auto"/> | |||
| </div> | |||
| <div class="main_box" style="margin-top: 10px;"> | |||
| <van-field label="说明情况" v-model="form.explainSituation" type="textarea" placeholder="请输入说明情况" input-align="right" rows="3" label-width="auto"/> | |||
| </div> | |||
| </div> | |||
| <div class="main_box" v-if="capitalExpenditureOpen" style="margin-bottom: 10px;margin-top: 10px;position:relative;"> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| label="项目名称" | |||
| placeholder="请选择" | |||
| v-model="projectForm.projectName" | |||
| @click="showproject = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| /> | |||
| <van-popup v-model="showproject" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="projectListShow" | |||
| @confirm="onConfirmProject" | |||
| @cancel="showproject = false" | |||
| /> | |||
| </van-popup> | |||
| <van-field v-model="projectForm.projectContractor" label="承建单位" placeholder="请输入承建单位" input-align="right" label-width="auto"/> | |||
| <van-field v-model="projectForm.projectAmount" label="合同价款(元)" placeholder="请输入合同价款(元)" input-align="right" label-width="auto"/> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| label="工程款类型" | |||
| placeholder="请选择" | |||
| v-model="projectFundType" | |||
| @click="showFundType = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| /> | |||
| <van-popup v-model="showFundType" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="projectFundTypeOptions" | |||
| @confirm="onConfirmFundType" | |||
| @cancel="showFundType = false" | |||
| <div class="main_box" style="margin-top: 10px;"> | |||
| <van-field | |||
| label="付款事由" | |||
| v-model="form.remark" | |||
| type="textarea" | |||
| placeholder="请输入付款事由" | |||
| input-align="right" | |||
| rows="3" | |||
| label-width="auto" | |||
| required | |||
| :rules="[{ required: true }]" | |||
| /> | |||
| </van-popup> | |||
| <van-field v-model="projectForm.projectBillNum" label="工程发票号" placeholder="请输入工程发票号" input-align="right" label-width="auto"/> | |||
| </div> | |||
| </div> | |||
| <p class="main_title">列表信息<van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/></p> | |||
| <div :style="{position:'relative',padding: index == 0 ? '':'10px 0 0 0'}" v-for="(item, index) in chargeItme" :key="index"> | |||
| <van-button icon="minus" size="mini" type="danger" class="deleteFamily" native-type="button" v-if="index!=0" @click="deleteChargeItme(index)" /> | |||
| <div class="main_box" style="margin-bottom: 10px;position:relative;"> | |||
| <div class="main_box" style="margin-top: 10px;"> | |||
| <van-field required :rules="[{ required: true }]" label="说明情况" v-model="form.explainSituation" type="textarea" placeholder="请输入说明情况" input-align="right" rows="3" label-width="auto"/> | |||
| </div> | |||
| <p class="main_title" v-if="capitalExpenditureOpen">关联项目</p> | |||
| <div class="main_box" v-if="capitalExpenditureOpen" style="margin-bottom: 10px;margin-top: 10px;position:relative;"> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| label="收款方" | |||
| label="项目名称" | |||
| placeholder="请选择" | |||
| v-model="item.payee" | |||
| @click="showpayee = true" | |||
| v-model="projectForm.projectName" | |||
| @click="showproject = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| /> | |||
| <van-popup v-model="showpayee" position="bottom"> | |||
| <van-popup v-model="showproject" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="payeeList" | |||
| @confirm="onConfirmPayee" | |||
| @cancel="showpayee = false" | |||
| :columns="projectListShow" | |||
| @confirm="onConfirmProject" | |||
| @cancel="showproject = false" | |||
| /> | |||
| </van-popup> | |||
| <van-field v-model="item.payeeAccount" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/> | |||
| <van-field v-model="item.bankDeposit" label="开户银行" placeholder="请输入银行" input-align="right" label-width="auto"/> | |||
| <van-field v-model="item.incomeAmount" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto"/> | |||
| <van-field v-model="projectForm.projectContractor" label="承建单位" placeholder="请输入承建单位" input-align="right" label-width="auto"/> | |||
| <van-field v-model="projectForm.projectAmount" label="合同价款(元)" placeholder="请输入合同价款(元)" input-align="right" label-width="auto"/> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| label="所属银行" | |||
| label="工程款类型" | |||
| placeholder="请选择" | |||
| v-model="item.bankTypeText" | |||
| @click="showbankType = true" | |||
| v-model="projectFundType" | |||
| @click="showFundType = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| /> | |||
| <van-popup v-model="showbankType" position="bottom"> | |||
| <van-popup v-model="showFundType" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="bankTypeDictionaries" | |||
| @confirm="onConfirmBankType" | |||
| @cancel="showbankType = false" | |||
| :columns="projectFundTypeOptions" | |||
| @confirm="onConfirmFundType" | |||
| @cancel="showFundType = false" | |||
| /> | |||
| </van-popup> | |||
| <van-field v-model="projectForm.projectBillNum" label="工程发票号" placeholder="请输入工程发票号" input-align="right" label-width="auto"/> | |||
| </div> | |||
| <p class="main_title">付款方信息</p> | |||
| <div class="main_box"> | |||
| <!-- <van-field label="付款方" v-model="form.payer" placeholder="请输入付款方" input-align="right" label-width="auto"/>--> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| label="付款方" | |||
| placeholder="请选择付款方" | |||
| v-model="form.payer" | |||
| @click="showpayer = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| label-width="auto" | |||
| required | |||
| :rules="[{ required: true }]" | |||
| /> | |||
| <van-popup v-model="showpayer" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="payerOptions" | |||
| @confirm="onConfirmPayer($event)" | |||
| @cancel="showpayer = false" | |||
| /> | |||
| </van-popup> | |||
| <van-field :rules="[{ required: true }]" required label="付款方账户" v-model="form.payerAccount" placeholder="请输入账户" input-align="right" label-width="auto"/> | |||
| </div> | |||
| </div> | |||
| <p class="main_title">收款方信息<van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/></p> | |||
| <div class="main_box" style="margin-bottom: 15px;"> | |||
| <van-cell title="收款账户类型"> | |||
| <template #right-icon> | |||
| <van-radio-group direction="horizontal" v-model="form.accountType" @change="accountTypeChange"> | |||
| <van-radio name="1">公户</van-radio> | |||
| <van-radio name="2">私户</van-radio> | |||
| </van-radio-group> | |||
| </template> | |||
| </van-cell> | |||
| </div> | |||
| <div :style="{position:'relative',padding: index == 0 ? '':'10px 0 0 0'}" v-for="(item, index) in chargeItme" :key="index"> | |||
| <van-button icon="minus" size="mini" type="danger" class="deleteFamily" native-type="button" v-if="index!=0" @click="deleteChargeItme(index)" /> | |||
| <div class="main_box" style="margin-bottom: 10px;position:relative;"> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| label="收款方" | |||
| placeholder="请选择" | |||
| v-model="item.payee" | |||
| @click="item.showPayee = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| required | |||
| :rules="[{ required: true }]" | |||
| /> | |||
| <van-popup v-model="item.showPayee" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="payeeList" | |||
| @confirm="onConfirmPayee($event,index)" | |||
| @cancel="item.showPayee = false" | |||
| /> | |||
| </van-popup> | |||
| <van-field required :rules="[{ required: true }]" v-model="item.payeeAccount" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/> | |||
| <van-field required :rules="[{ required: true }]" v-model="item.bankDeposit" label="开户银行" placeholder="请输入银行" input-align="right" label-width="auto"/> | |||
| <van-field required :rules="[{ required: true }]" v-model="item.incomeAmount" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| label="所属银行" | |||
| placeholder="请选择" | |||
| v-model="item.bankTypeText" | |||
| @click="item.showbankType = true" | |||
| input-align="right" | |||
| right-icon="arrow-down" | |||
| required | |||
| :rules="[{ required: true }]" | |||
| /> | |||
| <van-popup v-model="item.showbankType" position="bottom"> | |||
| <van-picker | |||
| show-toolbar | |||
| :columns="bankTypeDictionaries" | |||
| @confirm="onConfirmBankType($event,index)" | |||
| @cancel="item.showbankType = false" | |||
| /> | |||
| </van-popup> | |||
| </div> | |||
| </div> | |||
| </van-form> | |||
| <div style="padding: 16px 0;"> | |||
| <van-row> | |||
| <van-col span="12" align="center"> | |||
| @@ -175,7 +231,7 @@ | |||
| </template> | |||
| <script> | |||
| import { getTransfer , queryTransferDetail , listPayee , updateTransfer , getProjectto , listProject , addProjectto , customSubmit} from "@/api/onlineHome/bankAgriculture/paymentApproval"; | |||
| import { getAccount , getTransfer , queryTransferDetail , listPayee , updateTransfer , getProjectto , listProject , addProjectto , customSubmit ,getQmyeFlow} from "@/api/onlineHome/bankAgriculture/paymentApproval"; | |||
| export default { | |||
| name: "approvalModify", | |||
| data() { | |||
| @@ -186,6 +242,7 @@ | |||
| showbankType:false, | |||
| showproject:false, | |||
| showFundType:false, | |||
| showpayer:false, | |||
| minDate: new Date(), | |||
| maxDate: new Date(2025, 10, 1), | |||
| @@ -205,6 +262,7 @@ | |||
| projectFundTypeOptions:[], | |||
| projectFundTypeDictionaries:[], | |||
| projectListShow:[], | |||
| payerOptions:[], | |||
| chargeItme:[], | |||
| chargeItmeShow:[], | |||
| @@ -236,7 +294,6 @@ | |||
| pageSize: 100, | |||
| } | |||
| listProject(queryParams).then(response => { | |||
| console.log(response) | |||
| this.projectList = response.rows; | |||
| for (var i = 0; i < response.rows.length; i++) { | |||
| this.projectListShow.push({text: response.rows[i].projectName, value: response.rows[i].id}); | |||
| @@ -248,6 +305,19 @@ | |||
| } | |||
| this.projectFundTypeDictionaries = response.data; | |||
| }); | |||
| let params1={ | |||
| accountType: "102", | |||
| status: "N", | |||
| } | |||
| getAccount(params1).then((response) => { | |||
| this.payerOptions = response.rows; | |||
| response.rows.map((res,index) => { | |||
| res['payerFrom'] = '1' | |||
| console.log(res) | |||
| this.payerOptions[index].text = res.accountName; | |||
| this.payerOptions[index].value = res.id; | |||
| }) | |||
| }); | |||
| this.getDictionaries(); | |||
| }, | |||
| methods: { | |||
| @@ -284,21 +354,42 @@ | |||
| for (var j = 0 ; j < response.rows.length ; j++){ | |||
| // response.rows[j].payeeText = response.rows[j].payee; | |||
| response.rows[j].bankTypeText = this.selectDictLabel(res.data, response.rows[j].bankType); | |||
| response.rows[j].showPayee = false; | |||
| } | |||
| this.chargeItme = response.rows; | |||
| }); | |||
| this.chargeItme = response.rows; | |||
| console.log(response.rows) | |||
| this.getPayeeList(); | |||
| }); | |||
| }, | |||
| addChargeItme(index){ | |||
| this.chargeItme.splice(index + 1, 0, { | |||
| payeeId: "", //收款方ID | |||
| payee: "", //收款方 | |||
| payeeAccount: "", //收款账户 | |||
| bankDeposit: "", //开户银行 | |||
| incomeAmount: "", //收入金额 | |||
| bankType: "", //所属银行 | |||
| if(this.chargeItme.length>0&&this.chargeItme[this.chargeItme.length-1].payee == ''){ | |||
| this.$notify({ type: 'danger', message: '请勿添加多个空列表信息' }); | |||
| return; | |||
| }else if(this.chargeItme.length>0&&this.chargeItme[index-1].incomeAmount == ''){ | |||
| this.$notify({ type: 'danger', message: '请输入收入金额!' }); | |||
| return; | |||
| }else if(this.chargeItme.length>0&&this.chargeItme[index-1].payeeAccount == ''){ | |||
| this.$notify({ type: 'danger', message: '请输入收款账户!' }); | |||
| return; | |||
| }else if(this.chargeItme.length>0&&this.chargeItme[index-1].bankDeposit == ''){ | |||
| this.$notify({ type: 'danger', message: '请输入开户银行!' }); | |||
| return; | |||
| }else if(this.chargeItme.length>0&&this.chargeItme[index-1].bankType == ''){ | |||
| this.$notify({ type: 'danger', message: '请选择所属银行!' }); | |||
| return; | |||
| } | |||
| this.getDicts("bank_type").then(res => { | |||
| this.chargeItme.splice(index + 1, 0, { | |||
| payeeId: "", //收款方ID | |||
| payee: "", //收款方 | |||
| payeeAccount: "", //收款账户 | |||
| bankDeposit: "", //开户银行 | |||
| incomeAmount: "", //收入金额 | |||
| bankType: "1", //所属银行 | |||
| bankTypeText:this.selectDictLabel(res.data, 1), //所属银行 | |||
| showPayee:false, | |||
| showbankType:false | |||
| }); | |||
| }); | |||
| }, | |||
| getPayeeList() { | |||
| @@ -306,9 +397,11 @@ | |||
| this.queryParams.accountType = this.form.accountType | |||
| this.queryParams.status = "0" | |||
| listPayee(this.queryParams).then((response) => { | |||
| for (var i = 0; i < response.rows.length; i++) { | |||
| this.payeeList.push({text: response.rows[i].payee, value: response.rows[i].id}); | |||
| } | |||
| this.payeeList = response.rows; | |||
| response.rows.map((res,index) => { | |||
| this.payeeList[index].text = res.payee; | |||
| this.payeeList[index].value = res.id; | |||
| }) | |||
| }); | |||
| }, | |||
| payeeDictLabel(datas, value) { | |||
| @@ -340,46 +433,68 @@ | |||
| this.showFundType = false; | |||
| }, | |||
| onConfirmProject(data){ | |||
| console.log(data) | |||
| this.projectList.map(res => { | |||
| console.log(res) | |||
| if(res.projectName==data.text){ | |||
| this.projectForm.projectId = res.id | |||
| this.projectForm.projectName = res.projectName | |||
| this.projectForm.projectContractor = res.projectContractor | |||
| this.projectForm.projectAmount = res.projectAmount | |||
| console.log(this.projectForm) | |||
| } | |||
| }) | |||
| this.showproject = false; | |||
| }, | |||
| onConfirmPayee(data){ | |||
| // this.chargeItme[this.chargeItme.length-1].payeeText = data.text; | |||
| this.chargeItme[this.chargeItme.length-1].payee = data.text; | |||
| this.chargeItme[this.chargeItme.length-1].payeeId = data.value; | |||
| console.log(this.chargeItme) | |||
| this.showpayee = false; | |||
| onConfirmPayee(data,index){ | |||
| console.log(data) | |||
| for (var i = 0 ; i < this.chargeItme.length ; i++){ | |||
| this.chargeItme[i].showPayee = false; | |||
| } | |||
| this.chargeItme[index].payee = data.text; | |||
| this.chargeItme[index].payeeId = data.value; | |||
| this.payeeSelectChange(data.value , index) | |||
| }, | |||
| onConfirmBankType(data,index){ | |||
| for (var i = 0 ; i < this.chargeItme.length ; i++){ | |||
| this.chargeItme[i].showbankType = false; | |||
| } | |||
| this.chargeItme[index].bankTypeText = data.text; | |||
| this.chargeItme[index].bankType = data.value; | |||
| this.chargeItme[index].showbankType = false; | |||
| }, | |||
| onConfirmBankType(data){ | |||
| console.log(this.chargeItme) | |||
| this.chargeItme[this.chargeItme.length-1].bankTypeText = data.text; | |||
| this.chargeItme[this.chargeItme.length-1].bankType = data.value; | |||
| this.showbankType = false; | |||
| onConfirmPayer(data){ | |||
| this.form.payer = data.text; | |||
| this.form.cashierId = data.value; | |||
| this.showpayer = false; | |||
| this.selectChange(data.value) | |||
| }, | |||
| onConfirmLasj(data){ | |||
| this.form.applyDate = this.getNowFormatDate(data).substr(0,10); | |||
| this.showlasj = false; | |||
| }, | |||
| accountTypeChange(e){ | |||
| console.log(e) | |||
| this.payeeList = []; | |||
| this.queryParams.accountType = this.form.accountType | |||
| this.queryParams.status = "0" | |||
| listPayee(this.queryParams).then((response) => { | |||
| for (var i = 0; i < response.rows.length; i++) { | |||
| this.payeeList.push({text: response.rows[i].payee, value: response.rows[i].id}); | |||
| } | |||
| this.payeeList = response.rows; | |||
| response.rows.map((res,index) => { | |||
| this.payeeList[index].text = res.payee; | |||
| this.payeeList[index].value = res.id; | |||
| }) | |||
| }); | |||
| }, | |||
| // 钱计算 | |||
| moneyChange(input) { | |||
| console.log(input) | |||
| let obj = {}; | |||
| obj = this.chargeItme.find((account) => { | |||
| //model就是上面的数据源 | |||
| return parseFloat(account.incomeAmount).toFixed(2) === input; //筛选出匹配数据 | |||
| }); | |||
| let total = 0; | |||
| this.chargeItme.forEach((money) => { | |||
| total = (parseFloat(total) + parseFloat(money.incomeAmount)).toFixed(2) | |||
| }); | |||
| this.$set(this.form, "expenditureAmount", total); | |||
| }, | |||
| goAdd(){ | |||
| if(this.form.remark != null && this.form.remark.indexOf("|")!=-1){ | |||
| @@ -463,6 +578,104 @@ | |||
| } | |||
| }); | |||
| }, | |||
| payeeSelectChange(select, i) { | |||
| let obj = {}; | |||
| let fuzhitype = 0; | |||
| obj = this.payeeList.find((account) => { | |||
| //model就是上面的数据源 | |||
| return account.id === select ; //筛选出匹配数据 | |||
| }); | |||
| if(this.chargeItme != [] && this.chargeItme.length>1){ | |||
| this.chargeItme.some((value, index) => { | |||
| if(value.payeeAccount != undefined &&value.payeeAccount != '' && obj.payeeAccount == value.payeeAccount&&index!=i){ | |||
| fuzhitype = 2; | |||
| return true; | |||
| } | |||
| if(value.accountType != undefined &&value.accountType != '' && obj.accountType != value.accountType&&index!=i){ | |||
| fuzhitype = 1; | |||
| return true; | |||
| } | |||
| }); | |||
| } | |||
| if(fuzhitype == 0){ | |||
| this.$set(this.chargeItme[i], "payee",obj.payee) | |||
| this.$set(this.chargeItme[i], "bankType", obj.bankType) | |||
| this.$set(this.chargeItme[i], "payeeId", obj.id); | |||
| this.$set(this.chargeItme[i], "payeeAccount", obj.payeeAccount); | |||
| this.$set(this.chargeItme[i], "bankDeposit", obj.bankDeposit); | |||
| this.$set(this.chargeItme[i], "accountType", obj.accountType); | |||
| }else if(fuzhitype == 1){ | |||
| this.$set(this.chargeItme[i], "payee",'') | |||
| this.$set(this.chargeItme[i], "bankType",'') | |||
| this.$set(this.chargeItme[i], "payeeId", ''); | |||
| this.$set(this.chargeItme[i], "payeeAccount", ''); | |||
| this.$set(this.chargeItme[i], "bankDeposit", ''); | |||
| this.$set(this.chargeItme[i], "accountType", ''); | |||
| this.$notify({ type: 'danger', message: '请选择账户类型相同的收款方!' }); | |||
| }else if(fuzhitype == 2){ | |||
| this.$set(this.chargeItme[i], "payee",'') | |||
| this.$set(this.chargeItme[i], "bankType",'') | |||
| this.$set(this.chargeItme[i], "payeeId", ''); | |||
| this.$set(this.chargeItme[i], "payeeAccount", ''); | |||
| this.$set(this.chargeItme[i], "bankDeposit", ''); | |||
| this.$set(this.chargeItme[i], "accountType", ''); | |||
| this.$notify({ type: 'danger', message: '收款方已存在!' }); | |||
| } | |||
| }, | |||
| selectChange(select) { | |||
| let obj = {}; | |||
| obj = this.payerOptions.find((account) => { | |||
| //model就是上面的数据源 | |||
| return account.id === select; //筛选出匹配数据 | |||
| }); | |||
| if(obj.payerFrom==1&&obj.operatorCode != null && obj.operatorCode != "" && | |||
| obj.enterpriseCode != null && obj.enterpriseCode != "" && | |||
| obj.accountPassword != null && obj.accountPassword != ""){ | |||
| this.$set(this.form, "bookId", obj.bookId); | |||
| this.$set(this.form, "deptId", obj.deptId); | |||
| this.$set(this.form, "cashierId", obj.id); | |||
| this.$set(this.form, "payer", obj.accountName); | |||
| this.$set(this.form, "payerAccount", obj.bankAccountNumber); | |||
| this.$set(this.form, "operatorCode", obj.operatorCode); | |||
| this.$set(this.form, "enterpriseCode", obj.enterpriseCode); | |||
| this.$set(this.form, "payerFrom", '1'); | |||
| }else{ | |||
| if(obj.payerFrom==1){ | |||
| this.diglogStatus = false; | |||
| this.$notify({ type: 'danger', message: "请完善付款方“操作员代码”、“企业编码”、“支付口令”等信息!" }); | |||
| this.$set(this.form,"payer","") | |||
| this.$set(this.form,"payerAccount","") | |||
| }else{ | |||
| this.$set(this.form, "payerFrom", obj.parerFrom); | |||
| if(obj.operatorCode!=null&&obj.operatorCode!=''){ | |||
| this.$set(this.form, "operatorCode", obj.operatorCode); | |||
| }else{ | |||
| this.$set(this.form, "operatorCode", ''); | |||
| } | |||
| if(obj.enterpriseCode!=null&&obj.enterpriseCode!=''){ | |||
| this.$set(this.form, "enterpriseCode", obj.enterpriseCode); | |||
| }else{ | |||
| this.$set(this.form, "enterpriseCode", ''); | |||
| } | |||
| if(obj.accountPassword!=null&&obj.accountPassword!=''){ | |||
| this.$set(this.form, "accountPassword", obj.accountPassword); | |||
| }else{ | |||
| this.$set(this.form, "accountPassword", ''); | |||
| } | |||
| this.$set(this.form, "bookId",''); | |||
| this.$set(this.form, "deptId", ''); | |||
| this.$set(this.form, "cashierId", obj.id); | |||
| this.$set(this.form, "payer", obj.accountName); | |||
| if(obj.payerFrom==6){ | |||
| getQmyeFlow(obj.bankAccountNumber).then((response) => { | |||
| this.$set(this.form, "payerAccount", response.data); | |||
| }); | |||
| }else { | |||
| this.$set(this.form, "payerAccount", obj.bankAccountNumber); | |||
| } | |||
| } | |||
| } | |||
| }, | |||
| goBack(){ | |||
| window.history.go(-1) | |||
| }, | |||