zhangzl
/
nsgk_mobile
2
0
포크 0
코드 이슈 0 풀 리퀘스트 0 릴리즈 0 위키 활동
移动端
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
226 커밋
7 브랜치
79 MiB
 
 
트리: b6b5707a5e
브랜치 태그
${ item.name }
${ searchTerm } 브랜치 생성
from 'b6b5707a5e'
${ noResults }
nsgk_mobile/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd2.vue

923 lines
34 KiB
Raw Blame 히스토리 

  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" type="number"  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.             required

  209.             :rules="[{ required: true , message:'所属银行不能为空' }]"

  210.           />

  211.         </div>

  212.       </div>

  213.       <p class="main_title">上传附件</p>

  214.       <div class="main_box" style="padding: 5px 0 0 8px;">

  215.         <van-uploader v-model="fileList" :after-read="beforeRead" @delete="deleteFile"></van-uploader>

  216.       </div>

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

  218.         <van-row>

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

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

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

  222.           </van-col>

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

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

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

  226.           </van-col>

  227.         </van-row>

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

  229.       </div>

  230.     </van-form>

  231.   </div>

  232. </template>

  233. 

  234. <script>

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

  236.   import request from '@/utils/request'

  237.   import {attachmentList, commonAttach} from "../../../../api/onlineHome/bankAgriculture/paymentApproval";

  238.   import Dialog from "vant/lib/dialog";

  239.   export default {

  240.     name: "approvalAdd2",

  241.     data() {

  242.       return {

  243.         showcapital:false,

  244.         showpayee:false,

  245.         showlasj:false,

  246.         showbankType:false,

  247.         showproject:false,

  248.         showFundType:false,

  249.         showpayer:false,

  250. 

  251.         buttonType:'a',

  252. 

  253.         minDate: new Date(),

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

  255.         currentDate: new Date(),

  256.         form:{},

  257.         fileList:[],

  258.         capitalExpenditureType:'',

  259.         payee:'',

  260.         bankType:'',

  261. 

  262.         wfydlxDictionaries:[],

  263.         jglxDictionaries:[],

  264.         sysDictionaries:[],

  265.         capitalExpenditureTypeOptions:[],

  266.         bankTypeDictionaries:[],

  267.         projectList:[],

  268.         projectFundTypeOptions:[],

  269.         projectFundTypeDictionaries:[],

  270.         projectListShow:[],

  271.         payerOptions:[],

  272. 

  273.         chargeItme:[],

  274.         chargeItmeShow:[],

  275. 

  276.         payeeList:[],

  277.         // 查询参数

  278.         queryParams: {

  279.           transferType:"",

  280.           orderByColumn: "id",

  281.           isAsc: "desc",

  282.         },

  283.         capitalExpenditureOpen:false,

  284.         projectForm:{

  285.           projectId:null,

  286.           projectName:null,

  287.           projectContractor:null,

  288.           projectAmount:null,

  289.           projectBillNum:null,

  290.           projectFundType:'1',

  291.           outId:null,

  292.           ynType:'1'

  293.         },

  294.         projectFundType:'',

  295.         uploadFiles:[],

  296.       };

  297.     },

  298.     created() {

  299.       this.reset();

  300.       let queryParams={

  301.         pageNum: 1,

  302.         pageSize: 100,

  303.       }

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

  305.         this.projectList = response.rows;

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

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

  308.         }

  309.       });

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

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

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

  313.         }

  314.         this.projectFundTypeDictionaries = response.data;

  315.       });

  316.       let params1={

  317.         accountType: "102",

  318.         status: "N",

  319.       }

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

  321.         this.payerOptions = response.rows;

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

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

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

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

  326.         })

  327.       });

  328.       this.getDictionaries();

  329.     },

  330.     methods: {

  331.       // 表单重置

  332.       reset() {

  333.         this.form = {

  334.           id: null,

  335.           upId: null,

  336.           downId: null,

  337.           orderId: null,

  338.           cashierId: null,

  339.           transferType: '2',

  340.           accountType: '2',

  341.           explainSituation: null,

  342.           succeedAmount: null,

  343.           payer: null,

  344.           payerAccount: null,

  345.           operatorCode: null,

  346.           enterpriseCode: null,

  347.           expenditureAmount: null,

  348.           capitalExpenditureType: '1',

  349.           remark: null,

  350.           transferStatus: "0",

  351.           auditStatus: "0",

  352.           paymentState: "1",

  353.           bankPriority: "0",

  354.           clientPriority: "0"

  355.         };

  356.         this.processList = {}

  357.         this.projectForm={

  358.           projectId:null,

  359.           projectName:null,

  360.           projectContractor:null,

  361.           projectAmount:null,

  362.           projectBillNum:null,

  363.           projectFundType:'1',

  364.           outId:null,

  365.           ynType:'1'

  366.         }

  367.       },

  368.       getChange(){

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

  370.           this.goUpdate();

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

  372.           this.goAdd();

  373.         }

  374.       },

  375.       getDictionaries(){

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

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

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

  379.           }

  380.         });

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

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

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

  384.           }

  385.         });

  386.         this.getPayeeList();

  387.       },

  388.       getError(e){

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

  390.       },

  391.       addChargeItme(index){

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

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

  394.           return;

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

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

  397.           return;

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

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

  400.           return;

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

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

  403.           return;

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

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

  406.           return;

  407.         }

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

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

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

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

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

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

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

  415.             bankType: "", //所属银行

  416.             bankTypeText:"", //所属银行

  417.             showPayee:false,

  418.             showbankType:false

  419.           });

  420.         });

  421.       },

  422.       getPayeeList() {

  423.         //信用卡转账

  424.         this.queryParams.accountType = this.form.accountType

  425.         this.queryParams.status = "0"

  426.         console.log(this.queryParams)

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

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

  429.             if(res.payeeType==4){

  430.               res.text = res.payee

  431.               res.value = res.id

  432.               this.payeeList.push(res)

  433.             }

  434.           })

  435.         });

  436.       },

  437.       payeeDictLabel(datas, value) {

  438.         let actions = [];

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

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

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

  442.             return true;

  443.           }

  444.         })

  445.         return actions.join('');

  446.       },

  447.       onConfirmCapital(data){

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

  449.           this.capitalExpenditureOpen = false;

  450.           this.projectForm = [];

  451.         }else{

  452.           this.capitalExpenditureOpen = true;

  453.         }

  454.         this.capitalExpenditureType = data.text;

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

  456.         this.showcapital = false;

  457.       },

  458.       onConfirmFundType(data){

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

  460.         this.projectFundType = data.text;

  461.         this.showFundType = false;

  462.       },

  463.       onConfirmProject(data){

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

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

  466.             this.projectForm.projectId = res.id

  467.             this.projectForm.projectName = res.projectName

  468.             this.projectForm.projectContractor = res.projectContractor

  469.             this.projectForm.projectAmount = res.projectAmount

  470.           }

  471.         })

  472.         this.showproject = false;

  473.       },

  474.       onConfirmPayee(data,index){

  475.         for (let i = 0 ; i < this.chargeItme.length ; i++){

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

  477.         }

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

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

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

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

  482.         this.onConfirmBankType(data,index)

  483.       },

  484.       onConfirmBankType(data,index){

  485.         console.log(this.bankTypeDictionaries)

  486.         this.bankTypeDictionaries.map(res => {

  487.           if(res.value==data.bankType){

  488.             this.chargeItme[index].bankTypeText = res.text;

  489.             this.chargeItme[index].bankType = res.value;

  490.           }

  491.         })

  492. 

  493.       },

  494.       onConfirmPayer(data){

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

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

  497.         this.showpayer = false;

  498.         this.selectChange(data.value)

  499.       },

  500.       onConfirmLasj(data){

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

  502.         this.showlasj = false;

  503.       },

  504.       accountTypeChange(e){

  505.         this.payeeList = [];

  506.         this.chargeItme = [];

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

  508.         this.queryParams.status = "0"

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

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

  511.             if(res.payeeType==4){

  512.               res.text = res.payee

  513.               res.value = res.id

  514.               this.payeeList.push(res)

  515.             }

  516.           })

  517.         });

  518.       },

  519.       // 钱计算

  520.       moneyChange(input) {

  521.         let obj = {};

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

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

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

  525.         });

  526.         let total = 0;

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

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

  529.         });

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

  531.       },

  532.       goAdd(){

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

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

  535.           return;

  536.         }

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

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

  539.           return;

  540.         }

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

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

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

  544.             return;

  545.           }

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

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

  548.             return;

  549.           }

  550.         }

  551.         if(this.uploadFiles==null||this.uploadFiles.length==0){

  552.           Dialog.confirm({

  553.             title: '提示',

  554.             message: '此申请单中未上传任何附件，是否确认提交？',

  555.           })

  556.             .then(() => {

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

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

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

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

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

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

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

  564.                 if(this.uploadFiles!=null&&this.uploadFiles.length>0){

  565.                   this.uploadFiles.map(rr => {

  566.                     const params = new FormData();

  567.                     params.append("tableId", response.data.id);

  568.                     params.append("tableName", "t_yinnong_transfer");

  569.                     params.append("bizPath", "upload");

  570.                     params.append("fileType", "0");

  571.                     params.append("file", rr);

  572.                     commonAttach(params).then((r) => {

  573.                     })

  574.                   })

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

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

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

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

  579.                         setTimeout(function(){

  580.                           history.go(-1)

  581.                         },2000)

  582.                       })

  583.                     })

  584.                   }else{

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

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

  587.                       setTimeout(function(){

  588.                         history.go(-1)

  589.                       },2000)

  590.                     })

  591.                   }

  592.                 }else{

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

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

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

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

  597.                         setTimeout(function(){

  598.                           history.go(-1)

  599.                         },2000)

  600.                       })

  601.                     })

  602.                   }else{

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

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

  605.                       setTimeout(function(){

  606.                         history.go(-1)

  607.                       },2000)

  608.                     })

  609.                   }

  610.                 }

  611.               });

  612.             })

  613.             .catch(() => {

  614.               return false;

  615.             });

  616.         }else{

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

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

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

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

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

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

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

  624.             if(this.uploadFiles!=null&&this.uploadFiles.length>0){

  625.               this.uploadFiles.map(rr => {

  626.                 const params = new FormData();

  627.                 params.append("tableId", response.data.id);

  628.                 params.append("tableName", "t_yinnong_transfer");

  629.                 params.append("bizPath", "upload");

  630.                 params.append("fileType", "0");

  631.                 params.append("file", rr);

  632.                 commonAttach(params).then((r) => {

  633.                 })

  634.               })

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

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

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

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

  639.                     setTimeout(function(){

  640.                       history.go(-1)

  641.                     },2000)

  642.                   })

  643.                 })

  644.               }else{

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

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

  647.                   setTimeout(function(){

  648.                     history.go(-1)

  649.                   },2000)

  650.                 })

  651.               }

  652.             }else{

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

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

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

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

  657.                     setTimeout(function(){

  658.                       history.go(-1)

  659.                     },2000)

  660.                   })

  661.                 })

  662.               }else{

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

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

  665.                   setTimeout(function(){

  666.                     history.go(-1)

  667.                   },2000)

  668.                 })

  669.               }

  670.             }

  671.           });

  672.         }

  673. 

  674. 

  675.       },

  676.       goUpdate(){

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

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

  679.           return;

  680.         }

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

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

  683.           return;

  684.         }

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

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

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

  688.             return;

  689.           }

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

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

  692.             return;

  693.           }

  694.         }

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

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

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

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

  699.         console.log(this.form)

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

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

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

  703.           if(this.uploadFiles!=null&&this.uploadFiles.length>0){

  704.             console.log(this.uploadFiles)

  705.             this.uploadFiles.map(rr => {

  706.               const params = new FormData();

  707.               params.append("tableId", response.data.id);

  708.               params.append("tableName", "t_yinnong_transfer");

  709.               params.append("bizPath", "upload");

  710.               params.append("fileType", "0");

  711.               params.append("file", rr);

  712.               commonAttach(params).then((r) => {

  713.               })

  714.             })

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

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

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

  718.                 setTimeout(function(){

  719.                   history.go(-1)

  720.                 },2000)

  721.               })

  722.             }else{

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

  724.               setTimeout(function(){

  725.                 history.go(-1)

  726.               },2000)

  727.             }

  728.           }else{

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

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

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

  732.                 setTimeout(function(){

  733.                   history.go(-1)

  734.                 },2000)

  735.               })

  736.             }else{

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

  738.               setTimeout(function(){

  739.                 history.go(-1)

  740.               },2000)

  741.             }

  742.           }

  743. 

  744.         });

  745.       },

  746.       payeeSelectChange(select, i) {

  747.         let obj = {};

  748.         let fuzhitype = 0;

  749.         console.log(this.payeeList)

  750.         console.log(select,i)

  751.         console.log(this.chargeItme)

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

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

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

  755.         });

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

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

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

  759.               fuzhitype = 2;

  760.               return true;

  761.             }

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

  763.               fuzhitype = 1;

  764.               return true;

  765.             }

  766.           });

  767.         }

  768.         if(fuzhitype == 0){

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  791.         }

  792.       },

  793.       selectChange(select) {

  794.         let obj = {};

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

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

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

  798.         });

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

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

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

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

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

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

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

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

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

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

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

  810.         }else{

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

  812.             this.diglogStatus = false;

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

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

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

  816.           }else{

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

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

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

  820.             }else{

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

  822.             }

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

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

  825.             }else{

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

  827.             }

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

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

  830.             }else{

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

  832.             }

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

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

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

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

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

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

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

  840.               });

  841.             }else {

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

  843.             }

  844.           }

  845.         }

  846.       },

  847.       beforeRead(file) {

  848.         this.uploadFiles.push(file.file);

  849.       },

  850.       deleteFile(file){

  851.         this.uploadFiles.map((response,index) => {

  852.           if(file.file == response){

  853.             this.uploadFiles.splice(index,1)

  854.           }

  855.         })

  856.       },

  857.       getFileList(){

  858.         let oData= {

  859.           tableId: this.$route.query.id,

  860.           tableName: "t_yinnong_transfer",

  861.           bizPath: "upload",

  862.           fileType: "0",

  863.         }

  864.         attachmentList(oData).then(res => {

  865.           console.log(res)

  866.           console.log(location.protocol+"//"+location.host+request.defaults.baseURL)

  867.           res.rows.map(r => {

  868.             let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL

  869.             this.fileList.push({"url":baseUrl + r.fileUrl,"file":new File([],r.fileName,{})})

  870.             console.log(r)

  871.           })

  872.         })

  873.       },

  874.       goBack(){

  875.         window.history.go(-1)

  876.       },

  877.       //删除家庭成员

  878.       deleteChargeItme(index){

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

  880.       },

  881.     },

  882.   }

  883. </script>

  884. 

  885. <style scoped lang="scss">

  886.   .app-container {

  887.     padding: 2% 0;

  888.   }

  889.   .main_title{

  890.     font-size: 0.4rem;

  891.     color: #1D6FE9;

  892.     margin: 0.2rem 6%;

  893.     position: relative;

  894.   }

  895.   .main_box{

  896.     width: 96%;

  897.     margin: 0 auto;

  898.     border-radius: 6px;

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

  900.     overflow: hidden;

  901.     background-color: #FFF;

  902.   }

  903.   .submitButton{

  904.     width: 80%;

  905.     margin: 0 auto;

  906.     background-color: #1D6FE9;

  907.   }

  908. 

  909.   .addFamily{

  910.     position: absolute;

  911.     top: -2px;

  912.     right: 0;

  913.     border-radius: 50%;

  914.   }

  915.   .deleteFamily{

  916.     position: absolute;

  917.     top: 0rem;

  918.     right: 6%;

  919.     z-index: 9;

  920.     border-radius: 50%;

  921.   }

  922. </style>