zhangzl
/
nsgk_mobile
2
0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
移动端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
235 Commits
7 Branches
80 MiB
 
 
Tree: f1d4313c11
Branches Labels
${ item.name }
Maak branch ${ searchTerm }
van 'f1d4313c11'
${ noResults }
nsgk_mobile/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd10.vue

765 regels
28 KiB
Ruw Blame Geschiedenis 

  1. <template>

  2.   <div class="app-container">

  3.     <van-nav-bar

  4.       left-arrow

  5.       fixed

  6.       placeholder

  7.       @click-left="$router.back(-1)"

  8.     >

  9.       <template #title>

  10.         <p style="font-weight: bold;">添加付款申请</p>

  11.       </template>

  12.     </van-nav-bar>

  13.     <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>

  14.       <p class="main_title">基础信息</p>

  15.       <div class="main_box">

  16.         <van-field

  17.           readonly

  18.           clickable

  19.           required

  20.           :rules="[{ required: true , message:'请选择申请时间'  }]"

  21.           v-model="form.applyDate"

  22.           label="申请时间"

  23.           placeholder="请选择申请时间"

  24.           @click="showlasj = true"

  25.           input-align="right"

  26.           right-icon="arrow-down"

  27.         />

  28.         <van-popup v-model="showlasj" position="bottom">

  29.           <van-datetime-picker

  30.             v-model="currentDate"

  31.             type="date"

  32.             title="选择年月日"

  33.             :min-date="minDate"

  34.             :max-date="maxDate"

  35.             @confirm="onConfirmLasj"

  36.           />

  37.         </van-popup>

  38.         <van-field

  39.           readonly

  40.           clickable

  41.           required

  42.           :rules="[{ required: true , message:'请选择资金支出类别' }]"

  43.           label="资金支出类别"

  44.           placeholder="请选择"

  45.           v-model="capitalExpenditureType"

  46.           @click="showcapital = true"

  47.           input-align="right"

  48.           right-icon="arrow-down"

  49.           label-width="auto"

  50.         />

  51.         <van-popup v-model="showcapital" position="bottom">

  52.           <van-picker

  53.             show-toolbar

  54.             :columns="capitalExpenditureTypeOptions"

  55.             @confirm="onConfirmCapital"

  56.             @cancel="showcapital = false"

  57.           />

  58.         </van-popup>

  59.         <van-field

  60.           readonly

  61.           required

  62.           label="支出总金额"

  63.           v-model="form.expenditureAmount"

  64.           placeholder="根据下方收款金额自动核算"

  65.           input-align="right"

  66.           label-width="auto"

  67.         />

  68. 

  69.       </div>

  70. 

  71.       <div class="main_box" style="margin-top: 10px;">

  72.         <van-field

  73.           label="付款事由"

  74.           v-model="form.remark"

  75.           type="textarea"

  76.           placeholder="请输入付款事由"

  77.           input-align="right"

  78.           rows="3"

  79.           label-width="auto"

  80.           required

  81.           :rules="[{ required: true , message:'请输入付款事由' }]"

  82.         />

  83.       </div>

  84. 

  85.       <div class="main_box" style="margin-top: 10px;">

  86.         <van-field label="说明情况" v-model="form.explainSituation" type="textarea" placeholder="请输入说明情况" input-align="right" rows="3" label-width="auto"/>

  87.       </div>

  88. 

  89.       <p class="main_title" v-if="capitalExpenditureOpen">关联项目</p>

  90.       <div class="main_box" v-if="capitalExpenditureOpen" style="margin-bottom: 10px;margin-top: 10px;position:relative;">

  91.         <van-field

  92.           readonly

  93.           clickable

  94.           label="项目名称"

  95.           placeholder="请选择"

  96.           v-model="projectForm.projectName"

  97.           @click="showproject = true"

  98.           input-align="right"

  99.           right-icon="arrow-down"

  100.           required

  101.           :rules="[{ required: true , message:'请选择项目名称' }]"

  102.         />

  103.         <van-popup v-model="showproject" position="bottom">

  104.           <van-picker

  105.             show-toolbar

  106.             :columns="projectListShow"

  107.             @confirm="onConfirmProject"

  108.             @cancel="showproject = false"

  109.           />

  110.         </van-popup>

  111.         <van-field required :rules="[{ required: true , message:'请输入承建单位' }]" v-model="projectForm.projectContractor" label="承建单位" placeholder="请输入承建单位" input-align="right" label-width="auto"/>

  112.         <van-field required :rules="[{ required: true , message:'请输入合同价款' }]" v-model="projectForm.projectAmount" label="合同价款（元）" placeholder="请输入合同价款（元）" input-align="right" label-width="auto"/>

  113.         <van-field

  114.           readonly

  115.           clickable

  116.           label="工程款类型"

  117.           placeholder="请选择"

  118.           v-model="projectFundType"

  119.           @click="showFundType = true"

  120.           input-align="right"

  121.           right-icon="arrow-down"

  122.           required

  123.           :rules="[{ required: true , message:'请选择工程款类型' }]"

  124.         />

  125.         <van-popup v-model="showFundType" position="bottom">

  126.           <van-picker

  127.             show-toolbar

  128.             :columns="projectFundTypeOptions"

  129.             @confirm="onConfirmFundType"

  130.             @cancel="showFundType = false"

  131.           />

  132.         </van-popup>

  133.         <van-field required :rules="[{ required: true , message:'请输入工程发票号' }]" v-model="projectForm.projectBillNum" label="工程发票号" placeholder="请输入工程发票号" input-align="right" label-width="auto"/>

  134.       </div>

  135. 

  136.       <p class="main_title">付款方信息</p>

  137.       <div class="main_box">

  138.         <!--      <van-field label="付款方" v-model="form.payer" placeholder="请输入付款方" input-align="right" label-width="auto"/>-->

  139.         <van-field

  140.           readonly

  141.           clickable

  142.           label="付款方"

  143.           placeholder="请选择付款方"

  144.           v-model="form.payer"

  145.           @click="showpayer = true"

  146.           input-align="right"

  147.           right-icon="arrow-down"

  148.           label-width="auto"

  149.           required

  150.           :rules="[{ required: true , message:'请选择付款方' }]"

  151.         />

  152.         <van-popup v-model="showpayer" position="bottom">

  153.           <van-picker

  154.             show-toolbar

  155.             :columns="payerOptions"

  156.             @confirm="onConfirmPayer($event)"

  157.             @cancel="showpayer = false"

  158.           />

  159.         </van-popup>

  160.         <van-field :rules="[{ required: true , message:'请输入付款方账户' }]" required label="付款方账户" v-model="form.payerAccount" placeholder="请输入账户" input-align="right" label-width="auto"/>

  161.       </div>

  162. 

  163.       <p class="main_title">收款方信息<van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/></p>

  164.       <div class="main_box" style="margin-bottom: 15px;">

  165.         <van-cell title="收款账户类型">

  166.           <template #right-icon>

  167.             <van-radio-group direction="horizontal" v-model="form.accountType" @change="accountTypeChange">

  168.               <van-radio name="1">公户</van-radio>

  169.               <van-radio name="2">私户</van-radio>

  170.             </van-radio-group>

  171.           </template>

  172.         </van-cell>

  173.       </div>

  174.       <div :style="{position:'relative',padding: index == 0 ? '':'10px 0 0 0'}" v-for="(item, index) in chargeItme" :key="index">

  175.         <van-button icon="minus" size="mini" type="danger" class="deleteFamily" native-type="button" v-if="index!=0" @click="deleteChargeItme(index)" />

  176.         <div class="main_box" style="margin-bottom: 10px;position:relative;">

  177.           <van-field

  178.             readonly

  179.             clickable

  180.             label="收款方"

  181.             placeholder="请选择"

  182.             v-model="item.payee"

  183.             @click="item.showPayee = true"

  184.             input-align="right"

  185.             right-icon="arrow-down"

  186.             required

  187.             :rules="[{ required: true , message:'请选择收款方' }]"

  188.           />

  189.           <van-popup v-model="item.showPayee" position="bottom">

  190.             <van-picker

  191.               show-toolbar

  192.               :columns="payeeList"

  193.               @confirm="onConfirmPayee($event,index)"

  194.               @cancel="item.showPayee = false"

  195.             />

  196.           </van-popup>

  197.           <van-field required :rules="[{ required: true , message:'请输入账户' }]" v-model="item.payeeAccount" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/>

  198.           <van-field required :rules="[{ required: true , message:'请输入银行' }]" v-model="item.bankDeposit" label="开户银行" placeholder="请输入银行" input-align="right" label-width="auto"/>

  199.           <van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/>

  200.           <van-field

  201.             readonly

  202.             clickable

  203.             label="所属银行"

  204.             placeholder="请选择"

  205.             v-model="item.bankTypeText"

  206.             @click="item.showbankType = true"

  207.             input-align="right"

  208.             right-icon="arrow-down"

  209.             required

  210.             :rules="[{ required: true , message:'请选择所属银行' }]"

  211.           />

  212.           <van-popup v-model="item.showbankType" position="bottom">

  213.             <van-picker

  214.               show-toolbar

  215.               :columns="bankTypeDictionaries"

  216.               @confirm="onConfirmBankType($event,index)"

  217.               @cancel="item.showbankType = false"

  218.             />

  219.           </van-popup>

  220.         </div>

  221.       </div>

  222.       <div style="padding: 16px 0;">

  223.         <van-row>

  224.           <van-col span="12" align="center">

  225. <!--            @click="goUpdate"-->

  226.             <van-button type="info" native-type="submit" @click="buttonType='update'" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button>

  227.           </van-col>

  228.           <van-col span="12" align="center">

  229. <!--            @click="goAdd"-->

  230.             <van-button type="info" native-type="submit" @click="buttonType='add'" class="submitButton">保存并提交</van-button>

  231.           </van-col>

  232.         </van-row>

  233.         <div class="clear"></div>

  234.       </div>

  235.     </van-form>

  236.   </div>

  237. </template>

  238. 

  239. <script>

  240.   import { addTransfer , listPayee , updateTransfer , getProjectto , listProject , addProjectto , customSubmit , getAccount ,getQmyeFlow} from "@/api/onlineHome/bankAgriculture/paymentApproval";

  241.   export default {

  242.     name: "approvalAdd10",

  243.     data() {

  244.       return {

  245.         showcapital:false,

  246.         showpayee:false,

  247.         showlasj:false,

  248.         showbankType:false,

  249.         showproject:false,

  250.         showFundType:false,

  251.         showpayer:false,

  252. 

  253.         buttonType:'a',

  254. 

  255.         minDate: new Date(),

  256.         maxDate: new Date(2050, 10, 1),

  257.         currentDate: new Date(),

  258.         form:{},

  259. 

  260.         capitalExpenditureType:'',

  261.         payee:'',

  262.         bankType:'',

  263. 

  264.         wfydlxDictionaries:[],

  265.         jglxDictionaries:[],

  266.         sysDictionaries:[],

  267.         capitalExpenditureTypeOptions:[],

  268.         bankTypeDictionaries:[],

  269.         projectList:[],

  270.         projectFundTypeOptions:[],

  271.         projectFundTypeDictionaries:[],

  272.         projectListShow:[],

  273.         payerOptions:[],

  274. 

  275.         chargeItme:[],

  276.         chargeItmeShow:[],

  277. 

  278.         payeeList:[],

  279.         // 查询参数

  280.         queryParams: {

  281.           transferType:"",

  282.           orderByColumn: "id",

  283.           isAsc: "desc",

  284.         },

  285.         capitalExpenditureOpen:false,

  286.         projectForm:{

  287.           projectId:null,

  288.           projectName:null,

  289.           projectContractor:null,

  290.           projectAmount:null,

  291.           projectBillNum:null,

  292.           projectFundType:'1',

  293.           outId:null,

  294.           ynType:'1'

  295.         },

  296.         projectFundType:''

  297.       };

  298.     },

  299.     created() {

  300.       this.reset();

  301.       let queryParams={

  302.         pageNum: 1,

  303.         pageSize: 100,

  304.       }

  305.       listProject(queryParams).then(response => {

  306.         this.projectList = response.rows;

  307.         for (var i = 0; i < response.rows.length; i++) {

  308.           this.projectListShow.push({text: response.rows[i].projectName, value: response.rows[i].id});

  309.         }

  310.       });

  311.       this.getDicts("project_fund_type").then((response) => {

  312.         for (var i = 0; i < response.data.length; i++) {

  313.           this.projectFundTypeOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue});

  314.         }

  315.         this.projectFundTypeDictionaries = response.data;

  316.       });

  317.       let params1={

  318.         accountType: "102",

  319.         status: "N",

  320.       }

  321.       getAccount(params1).then((response) => {

  322.         this.payerOptions = response.rows;

  323.         response.rows.map((res,index) => {

  324.           res['payerFrom'] = '1'

  325.           console.log(res)

  326.           this.payerOptions[index].text = res.accountName;

  327.           this.payerOptions[index].value = res.id;

  328.         })

  329.       });

  330.       this.getDictionaries();

  331.     },

  332.     methods: {

  333.       // 表单重置

  334.       reset() {

  335.         this.form = {

  336.           id: null,

  337.           upId: null,

  338.           downId: null,

  339.           orderId: null,

  340.           cashierId: null,

  341.           transferType: '1',

  342.           accountType: '2',

  343.           explainSituation: null,

  344.           succeedAmount: null,

  345.           payer: null,

  346.           payerAccount: null,

  347.           operatorCode: null,

  348.           enterpriseCode: null,

  349.           expenditureAmount: null,

  350.           capitalExpenditureType: '1',

  351.           remark: null,

  352.           transferStatus: "0",

  353.           auditStatus: "0",

  354.           paymentState: "1",

  355.           bankPriority: "0",

  356.           clientPriority: "0"

  357.         };

  358.         this.processList = {}

  359.         this.projectForm={

  360.           projectId:null,

  361.           projectName:null,

  362.           projectContractor:null,

  363.           projectAmount:null,

  364.           projectBillNum:null,

  365.           projectFundType:'1',

  366.           outId:null,

  367.           ynType:'1'

  368.         }

  369.       },

  370.       getChange(){

  371.         console.log(this.buttonType)

  372.         if(this.buttonType == 'update'){

  373.           console.log('update')

  374.           this.goUpdate();

  375.         }else if(this.buttonType == 'add'){

  376.           console.log('add')

  377.           this.goAdd();

  378.         }

  379.       },

  380.       getDictionaries(){

  381.         this.getDicts("capital_expenditure_type").then((res) => {

  382.           for (var i = 0; i < res.data.length; i++) {

  383.             this.capitalExpenditureTypeOptions.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});

  384.           }

  385.         });

  386.         this.getDicts("bank_type").then(res => {

  387.           for (var i = 0; i < res.data.length; i++) {

  388.             this.bankTypeDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});

  389.           }

  390.         });

  391.         this.getPayeeList();

  392.       },

  393.       getError(e){

  394.         console.log(e)

  395.         this.$notify({ type: 'danger', message: e.errors[0].message });

  396.       },

  397.       addChargeItme(index){

  398.         if(this.chargeItme.length>0&&this.chargeItme[this.chargeItme.length-1].payee == ''){

  399.           this.$notify({ type: 'danger', message: '请勿添加多个空列表信息' });

  400.           return;

  401.         }else if(this.chargeItme.length>0&&this.chargeItme[index-1].incomeAmount == ''){

  402.           this.$notify({ type: 'danger', message: '请输入收入金额！' });

  403.           return;

  404.         }else if(this.chargeItme.length>0&&this.chargeItme[index-1].payeeAccount == ''){

  405.           this.$notify({ type: 'danger', message: '请输入收款账户！' });

  406.           return;

  407.         }else if(this.chargeItme.length>0&&this.chargeItme[index-1].bankDeposit == ''){

  408.           this.$notify({ type: 'danger', message: '请输入开户银行！' });

  409.           return;

  410.         }else if(this.chargeItme.length>0&&this.chargeItme[index-1].bankType == ''){

  411.           this.$notify({ type: 'danger', message: '请选择所属银行！' });

  412.           return;

  413.         }

  414.         this.getDicts("bank_type").then(res => {

  415.           this.chargeItme.splice(index + 1, 0, {

  416.             payeeId: "", //收款方ID

  417.             payee: "", //收款方

  418.             payeeAccount: "", //收款账户

  419.             bankDeposit: "", //开户银行

  420.             incomeAmount: "", //收入金额

  421.             bankType: "1", //所属银行

  422.             bankTypeText:this.selectDictLabel(res.data, 1), //所属银行

  423.             showPayee:false,

  424.             showbankType:false

  425.           });

  426.         });

  427.       },

  428.       getPayeeList() {

  429.         //普通转账

  430.         this.queryParams.accountType = this.form.accountType

  431.         this.queryParams.status = "0"

  432.         listPayee(this.queryParams).then((response) => {

  433.           this.payeeList = response.rows;

  434.           response.rows.map((res,index) => {

  435.             this.payeeList[index].text = res.payee;

  436.             this.payeeList[index].value = res.id;

  437.           })

  438.         });

  439.       },

  440.       payeeDictLabel(datas, value) {

  441.         var actions = [];

  442.         Object.keys(datas).some((key) => {

  443.           if (datas[key].payeeId == ('' + value)) {

  444.             actions.push(datas[key].payee);

  445.             return true;

  446.           }

  447.         })

  448.         return actions.join('');

  449.       },

  450.       onConfirmCapital(data){

  451.         if (data.value != 2){

  452.           this.capitalExpenditureOpen = false;

  453.           this.projectForm = [];

  454.         }else{

  455.           this.capitalExpenditureOpen = true;

  456.         }

  457.         this.capitalExpenditureType = data.text;

  458.         this.form.capitalExpenditureType = data.value;

  459.         this.showcapital = false;

  460.       },

  461.       onConfirmFundType(data){

  462.         console.log(data)

  463.         this.projectForm.projectFundType = data.value;

  464.         this.projectFundType = data.text;

  465.         this.showFundType = false;

  466.       },

  467.       onConfirmProject(data){

  468.         this.projectList.map(res => {

  469.           if(res.projectName==data.text){

  470.             this.projectForm.projectId = res.id

  471.             this.projectForm.projectName = res.projectName

  472.             this.projectForm.projectContractor = res.projectContractor

  473.             this.projectForm.projectAmount = res.projectAmount

  474.           }

  475.         })

  476.         this.showproject = false;

  477.       },

  478.       onConfirmPayee(data,index){

  479.         for (var i = 0 ; i < this.chargeItme.length ; i++){

  480.           this.chargeItme[i].showPayee = false;

  481.         }

  482.         this.chargeItme[index].payee = data.text;

  483.         this.chargeItme[index].payeeId = data.value;

  484.         this.chargeItme[index].showpayee = false;

  485.         this.payeeSelectChange(data.value , index)

  486.       },

  487.       onConfirmBankType(data,index){

  488.         for (var i = 0 ; i < this.chargeItme.length ; i++){

  489.           this.chargeItme[i].showbankType = false;

  490.         }

  491.         this.chargeItme[index].bankTypeText = data.text;

  492.         this.chargeItme[index].bankType = data.value;

  493.         this.chargeItme[index].showbankType = false;

  494.       },

  495.       onConfirmPayer(data){

  496.         this.form.payer = data.text;

  497.         this.form.cashierId = data.value;

  498.         this.showpayer = false;

  499.         this.selectChange(data.value)

  500.       },

  501.       onConfirmLasj(data){

  502.         this.form.applyDate = this.getNowFormatDate(data).substr(0,10);

  503.         this.showlasj = false;

  504.       },

  505.       accountTypeChange(e){

  506.         this.payeeList = [];

  507.         this.queryParams.accountType = this.form.accountType

  508.         this.queryParams.status = "0"

  509.         listPayee(this.queryParams).then((response) => {

  510.           this.payeeList = response.rows;

  511.           response.rows.map((res,index) => {

  512.             this.payeeList[index].text = res.payee;

  513.             this.payeeList[index].value = res.id;

  514.           })

  515.         });

  516.       },

  517.       // 钱计算

  518.       moneyChange(input) {

  519.         console.log(input)

  520.         let obj = {};

  521.         obj = this.chargeItme.find((account) => {

  522.           //model就是上面的数据源

  523.           return parseFloat(account.incomeAmount).toFixed(2) === input; //筛选出匹配数据

  524.         });

  525.         let total = 0;

  526.         this.chargeItme.forEach((money) => {

  527.           total = (parseFloat(total) + parseFloat(money.incomeAmount)).toFixed(2)

  528.         });

  529.         this.$set(this.form, "expenditureAmount", total);

  530.       },

  531.       goAdd(){

  532.         if(this.chargeItme.length<1){

  533.           this.$notify({ type: 'danger', message: '请添加收款方信息' });

  534.           return;

  535.         }

  536.         if(this.form.remark != null && this.form.remark.indexOf("|")!=-1){

  537.           this.$notify({ type: 'danger', message: '付款事由禁止包含！' });

  538.           return;

  539.         }

  540.         if(this.form.capitalExpenditureType==2){

  541.           if(this.projectForm.projectName==""||this.projectForm.projectName==null){

  542.             this.$notify({ type: 'danger', message: '请选择项目名称！' });

  543.             return;

  544.           }

  545.           if(this.projectForm.projectBillNum==""||this.projectForm.projectBillNum==null){

  546.             this.$notify({ type: 'danger', message: '请输入工程发票号！' });

  547.             return;

  548.           }

  549.         }

  550.         this.$set(this.form, "payeeList", this.chargeItme);

  551.         this.$set(this.form, "bankTypeList", this.chargeItme);

  552.         this.$set(this.form, "accountTypeList", this.chargeItme);

  553.         this.$set(this.form, "transferStatusList", this.chargeItme);

  554.         addTransfer(this.form).then(response => {

  555.           this.projectForm.outId = response.data.id

  556.           this.$set(this.projectForm, "ynType", '1');

  557.           if(this.form.capitalExpenditureType==2){

  558.             addProjectto(this.projectForm).then(res => {

  559.               customSubmit(response.data.id).then(res => {

  560.                 this.$toast.success('提交成功');

  561.                 setTimeout(function(){

  562.                   history.go(-1)

  563.                 },2000)

  564.               })

  565.             })

  566.           }else{

  567.             customSubmit(response.data.id).then(res => {

  568.               this.$toast.success('提交成功');

  569.               setTimeout(function(){

  570.                 history.go(-1)

  571.               },2000)

  572.             })

  573.           }

  574.         });

  575.       },

  576.       goUpdate(){

  577.         if(this.chargeItme.length<1){

  578.           this.$notify({ type: 'danger', message: '请添加收款方信息' });

  579.           return;

  580.         }

  581.         if(this.form.remark != null && this.form.remark.indexOf("|")!=-1){

  582.           this.$notify({ type: 'danger', message: '付款事由禁止包含！' });

  583.           return;

  584.         }

  585.         if(this.form.capitalExpenditureType==2){

  586.           if(this.projectForm.projectName==""||this.projectForm.projectName==null){

  587.             this.$notify({ type: 'danger', message: '请选择项目名称！' });

  588.             return;

  589.           }

  590.           if(this.projectForm.projectBillNum==""||this.projectForm.projectBillNum==null){

  591.             this.$notify({ type: 'danger', message: '请输入工程发票号！' });

  592.             return;

  593.           }

  594.         }

  595.         this.$set(this.form, "payeeList", this.chargeItme);

  596.         this.$set(this.form, "bankTypeList", this.chargeItme);

  597.         this.$set(this.form, "accountTypeList", this.chargeItme);

  598.         this.$set(this.form, "transferStatusList", this.chargeItme);

  599.         this.projectForm.outId = this.form.id

  600.         addTransfer(this.form).then((response) => {

  601.           this.projectForm.outId = response.data.id

  602.           this.$set(this.projectForm, "ynType", '1');

  603.           if(this.form.capitalExpenditureType==2){

  604.             addProjectto(this.projectForm).then(res => {

  605.               this.$toast.success('保存成功');

  606.               setTimeout(function(){

  607.                 history.go(-1)

  608.               },2000)

  609.             })

  610.           }else{

  611.             this.$toast.success('保存成功');

  612.             setTimeout(function(){

  613.               history.go(-1)

  614.             },2000)

  615.           }

  616.         });

  617.       },

  618.       payeeSelectChange(select, i) {

  619.         let obj = {};

  620.         let fuzhitype = 0;

  621.         obj = this.payeeList.find((account) => {

  622.           //model就是上面的数据源

  623.           return account.id === select ; //筛选出匹配数据

  624.         });

  625.         if(this.chargeItme != [] && this.chargeItme.length>1){

  626.           this.chargeItme.some((value, index) => {

  627.             if(value.payeeAccount != undefined &&value.payeeAccount != '' && obj.payeeAccount == value.payeeAccount&&index!=i){

  628.               fuzhitype = 2;

  629.               return true;

  630.             }

  631.             if(value.accountType != undefined &&value.accountType != '' && obj.accountType != value.accountType&&index!=i){

  632.               fuzhitype = 1;

  633.               return true;

  634.             }

  635.           });

  636.         }

  637.         if(fuzhitype == 0){

  638.           this.$set(this.chargeItme[i], "payee",obj.payee)

  639.           this.$set(this.chargeItme[i], "bankType", obj.bankType)

  640.           this.$set(this.chargeItme[i], "payeeId", obj.id);

  641.           this.$set(this.chargeItme[i], "payeeAccount", obj.payeeAccount);

  642.           this.$set(this.chargeItme[i], "bankDeposit", obj.bankDeposit);

  643.           this.$set(this.chargeItme[i], "accountType", obj.accountType);

  644.         }else if(fuzhitype == 1){

  645.           this.$set(this.chargeItme[i], "payee",'')

  646.           this.$set(this.chargeItme[i], "bankType",'')

  647.           this.$set(this.chargeItme[i], "payeeId", '');

  648.           this.$set(this.chargeItme[i], "payeeAccount", '');

  649.           this.$set(this.chargeItme[i], "bankDeposit", '');

  650.           this.$set(this.chargeItme[i], "accountType", '');

  651.           this.$notify({ type: 'danger', message: '请选择账户类型相同的收款方！' });

  652.         }else if(fuzhitype == 2){

  653.           this.$set(this.chargeItme[i], "payee",'')

  654.           this.$set(this.chargeItme[i], "bankType",'')

  655.           this.$set(this.chargeItme[i], "payeeId", '');

  656.           this.$set(this.chargeItme[i], "payeeAccount", '');

  657.           this.$set(this.chargeItme[i], "bankDeposit", '');

  658.           this.$set(this.chargeItme[i], "accountType", '');

  659.           this.$notify({ type: 'danger', message: '收款方已存在！' });

  660.         }

  661.       },

  662.       selectChange(select) {

  663.         let obj = {};

  664.         obj = this.payerOptions.find((account) => {

  665.           //model就是上面的数据源

  666.           return account.id === select; //筛选出匹配数据

  667.         });

  668.         if(obj.payerFrom==1&&obj.operatorCode != null && obj.operatorCode != "" &&

  669.           obj.enterpriseCode != null && obj.enterpriseCode != "" &&

  670.           obj.accountPassword != null && obj.accountPassword != ""){

  671.           this.$set(this.form, "bookId", obj.bookId);

  672.           this.$set(this.form, "deptId", obj.deptId);

  673.           this.$set(this.form, "cashierId", obj.id);

  674.           this.$set(this.form, "payer", obj.accountName);

  675.           this.$set(this.form, "payerAccount", obj.bankAccountNumber);

  676.           this.$set(this.form, "operatorCode", obj.operatorCode);

  677.           this.$set(this.form, "enterpriseCode", obj.enterpriseCode);

  678.           this.$set(this.form, "payerFrom", '1');

  679.         }else{

  680.           if(obj.payerFrom==1){

  681.             this.diglogStatus = false;

  682.             this.$notify({ type: 'danger', message: "请完善付款方“操作员代码”、“企业编码”、“支付口令”等信息！" });

  683.             this.$set(this.form,"payer","")

  684.             this.$set(this.form,"payerAccount","")

  685.           }else{

  686.             this.$set(this.form, "payerFrom", obj.parerFrom);

  687.             if(obj.operatorCode!=null&&obj.operatorCode!=''){

  688.               this.$set(this.form, "operatorCode", obj.operatorCode);

  689.             }else{

  690.               this.$set(this.form, "operatorCode", '');

  691.             }

  692.             if(obj.enterpriseCode!=null&&obj.enterpriseCode!=''){

  693.               this.$set(this.form, "enterpriseCode", obj.enterpriseCode);

  694.             }else{

  695.               this.$set(this.form, "enterpriseCode", '');

  696.             }

  697.             if(obj.accountPassword!=null&&obj.accountPassword!=''){

  698.               this.$set(this.form, "accountPassword", obj.accountPassword);

  699.             }else{

  700.               this.$set(this.form, "accountPassword", '');

  701.             }

  702.             this.$set(this.form, "bookId",'');

  703.             this.$set(this.form, "deptId", '');

  704.             this.$set(this.form, "cashierId", obj.id);

  705.             this.$set(this.form, "payer", obj.accountName);

  706.             if(obj.payerFrom==6){

  707.               getQmyeFlow(obj.bankAccountNumber).then((response) => {

  708.                 this.$set(this.form, "payerAccount", response.data);

  709.               });

  710.             }else {

  711.               this.$set(this.form, "payerAccount", obj.bankAccountNumber);

  712.             }

  713.           }

  714.         }

  715.       },

  716.       goBack(){

  717.         window.history.go(-1)

  718.       },

  719.       //删除家庭成员

  720.       deleteChargeItme(index){

  721.         this.chargeItme.splice(index,1)

  722.       },

  723.     },

  724.   }

  725. </script>

  726. 

  727. <style scoped lang="scss">

  728.   .app-container {

  729.     padding: 2% 0;

  730.   }

  731.   .main_title{

  732.     font-size: 0.4rem;

  733.     color: #1D6FE9;

  734.     margin: 0.2rem 6%;

  735.     position: relative;

  736.   }

  737.   .main_box{

  738.     width: 96%;

  739.     margin: 0 auto;

  740.     border-radius: 6px;

  741.     box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);

  742.     overflow: hidden;

  743.     background-color: #FFF;

  744.   }

  745.   .submitButton{

  746.     width: 80%;

  747.     margin: 0 auto;

  748.     background-color: #1D6FE9;

  749.   }

  750. 

  751.   .addFamily{

  752.     position: absolute;

  753.     top: -2px;

  754.     right: 0;

  755.     border-radius: 50%;

  756.   }

  757.   .deleteFamily{

  758.     position: absolute;

  759.     top: 0rem;

  760.     right: 6%;

  761.     z-index: 9;

  762.     border-radius: 50%;

  763.   }

  764. </style>