zhangzl
/
nsgk_mobile
2
0
Derivar 0
Código Questões 0 Pedidos de integração 0 Lançamentos 0 Wiki Trabalho
移动端
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
559 Cometimentos
7 Ramos
80 MiB
 
 
Árvore: 3ac72d691b
Ramos Etiquetas
${ item.name }
Criar ramo ${ searchTerm }
de '3ac72d691b'
${ noResults }
nsgk_mobile/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd.vue

1168 linhas
44 KiB
Em bruto Responsabilidade Histórico 

  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.             @cancel="showlasj = false"

  37.           />

  38.         </van-popup>

  39.         <van-field

  40.           readonly

  41.           clickable

  42.           required

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

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

  45.           placeholder="请选择"

  46.           v-model="capitalExpenditureType"

  47.           @click="showcapital = true"

  48.           input-align="right"

  49.           right-icon="arrow-down"

  50.           label-width="auto"

  51.         />

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

  53.           <van-picker

  54.             show-toolbar

  55.             :columns="capitalExpenditureTypeOptions"

  56.             @confirm="onConfirmCapital"

  57.             @cancel="showcapital = false"

  58.           />

  59.         </van-popup>

  60.         <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" required

  61.                    :rules="[{ required: true , message:'请选择审批模式' }]">

  62.           <template #input>

  63.             <van-radio-group v-model="form.approvalMode" direction="horizontal">

  64.               <van-radio name="1">线上支付</van-radio>

  65.               <van-radio name="2">线下支付</van-radio>

  66.             </van-radio-group>

  67.           </template>

  68.         </van-field>

  69.         <van-field

  70.           readonly

  71.           required

  72.           label="支出总金额"

  73.           v-model="form.expenditureAmount"

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

  75.           input-align="right"

  76.           label-width="auto"

  77.         />

  78.       </div>

  79. 

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

  81.         <van-field

  82.           label="付款事由"

  83.           v-model="form.remark"

  84.           type="textarea"

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

  86.           input-align="right"

  87.           rows="3"

  88.           label-width="auto"

  89.           required

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

  91.         />

  92.       </div>

  93. 

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

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

  96.       </div>

  97. 

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

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

  100.         <van-field

  101.           readonly

  102.           clickable

  103.           label="项目名称"

  104.           placeholder="请选择"

  105.           v-model="projectForm.projectName"

  106.           @click="showproject = true"

  107.           input-align="right"

  108.           right-icon="arrow-down"

  109.           required

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

  111.         />

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

  113.           <van-picker

  114.             show-toolbar

  115.             :columns="projectList"

  116.             @confirm="onConfirmProject"

  117.             @cancel="showproject = false"

  118.           />

  119.         </van-popup>

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

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

  122.         <van-field

  123.           readonly

  124.           clickable

  125.           label="工程款类型"

  126.           placeholder="请选择"

  127.           v-model="projectFundType"

  128.           @click="showFundType = true"

  129.           input-align="right"

  130.           right-icon="arrow-down"

  131.           required

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

  133.         />

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

  135.           <van-picker

  136.             show-toolbar

  137.             :columns="projectFundTypeOptions"

  138.             @confirm="onConfirmFundType"

  139.             @cancel="showFundType = false"

  140.           />

  141.         </van-popup>

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

  143.       </div>

  144.       <p class="main_title" v-if="contractOpen">关联合同</p>

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

  146.         <van-field

  147.           readonly

  148.           clickable

  149.           label="合同"

  150.           placeholder="请选择"

  151.           v-model="infoForm.name"

  152.           @click="showcontract = true"

  153.           input-align="right"

  154.           right-icon="arrow-down"

  155.           required

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

  157.         />

  158.         <van-popup v-model="showcontract" position="bottom">

  159.           <van-picker

  160.             show-toolbar

  161.             :columns="infoList"

  162.             @confirm="onConfirmContract"

  163.             @cancel="showcontract = false"

  164.           />

  165.         </van-popup>

  166.         <van-field required :rules="[{ required: true , message:'请输入合同编码' }]" v-model="infoForm.code" label="合同编码" placeholder="请输入合同编码" input-align="right" label-width="auto"/>

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

  168.       </div>

  169. 

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

  171.       <div class="main_box">

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

  173.         <van-field

  174.           readonly

  175.           clickable

  176.           label="付款方"

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

  178.           v-model="form.payer"

  179.           @click="showpayer = true"

  180.           input-align="right"

  181.           right-icon="arrow-down"

  182.           label-width="auto"

  183.           required

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

  185.         />

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

  187.           <van-picker

  188.             show-toolbar

  189.             :columns="payerOptions"

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

  191.             @cancel="showpayer = false"

  192.           />

  193.         </van-popup>

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

  195.       </div>

  196. 

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

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

  199.         <van-cell title="收款账户类型" v-if="form.bankType==1">

  200.           <template #right-icon>

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

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

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

  204.             </van-radio-group>

  205.           </template>

  206.         </van-cell>

  207.         <van-cell title="是否与付款方同行" v-if="form.bankType==2||form.bankType==3||form.bankType==4" >

  208.           <template #right-icon>

  209.             <van-radio-group direction="horizontal" v-model="form.isPeers" @change="accountTypeChange1">

  210.               <van-radio name="Y">是</van-radio>

  211.               <van-radio name="N">否</van-radio>

  212.             </van-radio-group>

  213.           </template>

  214.         </van-cell>

  215.       </div>

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

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

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

  219.           <van-field

  220.             readonly

  221.             clickable

  222.             label="收款方"

  223.             placeholder="请选择"

  224.             v-model="item.payee"

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

  226.             input-align="right"

  227.             right-icon="arrow-down"

  228.             required

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

  230.           />

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

  232.             <van-picker

  233.               show-toolbar

  234.               :columns="payeeList"

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

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

  237.             />

  238.           </van-popup>

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

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

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

  242.           <van-field

  243.             readonly

  244.             clickable

  245.             label="所属银行"

  246.             placeholder=""

  247.             v-model="item.bankTypeText"

  248.             input-align="right"

  249.             required

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

  251.           />

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

  253.             <van-picker

  254.               show-toolbar

  255.               :columns="bankTypeDictionaries"

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

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

  258.             />

  259.           </van-popup>-->

  260.         </div>

  261.       </div>

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

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

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

  265.       </div>

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

  267.         <van-row>

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

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

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

  271.           </van-col>

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

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

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

  275.           </van-col>

  276.         </van-row>

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

  278.       </div>

  279.     </van-form>

  280.   </div>

  281. </template>

  282. 

  283. <script>

  284.   import { addTransfer , listPayee , updateTransfer , getProjectto , listProject , addProjectto , customSubmit , getAccount ,getQmyeFlow , attach ,listInfo ,getInfoto ,addInfoto} from "@/api/onlineHome/bankAgriculture/paymentApproval";

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

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

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

  288.   export default {

  289.     name: "approvalAdd",

  290.     data() {

  291.       return {

  292.         showcontract:false,

  293.         showcapital:false,

  294.         showpayee:false,

  295.         showlasj:false,

  296.         showbankType:false,

  297.         showproject:false,

  298.         showFundType:false,

  299.         showpayer:false,

  300. 

  301.         buttonType:'a',

  302. 

  303.         minDate: new Date(2000, 1, 1),

  304.         maxDate: new Date(2050, 12, 31),

  305.         currentDate: new Date(),

  306.         form:{},

  307.         fileList:[],

  308. 

  309.         capitalExpenditureType:'',

  310.         payee:'',

  311.         bankType:'',

  312. 

  313.         wfydlxDictionaries:[],

  314.         jglxDictionaries:[],

  315.         sysDictionaries:[],

  316.         capitalExpenditureTypeOptions:[],

  317.         bankTypeDictionaries:[],

  318.         projectList:[],

  319.         projectFundTypeOptions:[],

  320.         projectFundTypeDictionaries:[],

  321.         infoList:[],

  322.         payerOptions:[],

  323. 

  324.         chargeItme:[],

  325.         chargeItmeShow:[],

  326. 

  327.         payeeList:[],

  328.         // 查询参数

  329.         queryParams: {

  330.           transferType:"",

  331.           orderByColumn: "id",

  332.           isAsc: "desc",

  333.         },

  334.         capitalExpenditureOpen:false,

  335.         contractOpen:false,

  336.         projectForm:{

  337.           projectId:null,

  338.           projectName:null,

  339.           projectContractor:null,

  340.           projectAmount:null,

  341.           projectBillNum:null,

  342.           projectFundType:'1',

  343.           outId:null,

  344.           ynType:'1'

  345.         },

  346.         infoForm:{

  347.           infoId:null,

  348.           name:null,

  349.           code:null,

  350.           totalAmount:null,

  351.           contractionId:null,

  352.           transferId:null

  353.         },

  354.         // 合同信息查询参数

  355.         queryContractionParams: {

  356.           pageNum: 1,

  357.           pageSize: 100,

  358.           contractionStatus: '1',

  359.           orderByColumn: "endTime",

  360.           isAsc: "desc",

  361.         },

  362.         projectFundType:'',

  363.         uploadFiles:[],

  364.       };

  365.     },

  366.     created() {

  367.       this.reset();

  368.       this.initProjectInfo();

  369.       this.capitalExpenditureOpen = false

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

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

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

  373.         }

  374.         this.projectFundTypeDictionaries = response.data;

  375.       });

  376.       let params1={

  377.         accountType: "102",

  378.         "params":{townAccountType:'0'},

  379.         status: "N",

  380.       }

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

  382.         this.payerOptions = response.rows;

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

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

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

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

  387.         })

  388.       });

  389.       this.getDictionaries();

  390.     },

  391.     methods: {

  392.       initProjectInfo(){

  393.         let _this = this

  394.         let queryParams={

  395.           pageNum: 1,

  396.           pageSize: 100,

  397.         }

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

  399.          _this.projectList = response.rows;

  400.           console.log(response)

  401.           for (let i = 0; i < response.rows.length; i++) {

  402.             //_this.projectList[i].set({text: response.rows[i].projectName, value: response.rows[i].id});

  403.             _this.$set(_this.projectList[i],"text",response.rows[i].projectName)

  404.             _this.$set(_this.projectList[i],"value",response.rows[i].id)

  405.           }

  406.         });

  407.         listInfo(this.queryContractionParams).then(response => {

  408.           console.log(response)

  409.          _this.infoList = response.rows;

  410.           for (let i = 0; i < response.rows.length; i++) {

  411.             //_this.infoList[i].push({text: response.rows[i].name, value: response.rows[i].code});

  412.             _this.$set(_this.infoList[i],"text",response.rows[i].name)

  413.             _this.$set(_this.infoList[i],"value",response.rows[i].code)

  414.           }

  415.         });

  416.       },

  417.       // 表单重置

  418.       reset() {

  419.         this.form = {

  420.           id: null,

  421.           upId: null,

  422.           downId: null,

  423.           orderId: null,

  424.           cashierId: null,

  425.           transferType: '1',

  426.           accountType: null,

  427.           isPeers:null,

  428.           explainSituation: null,

  429.           succeedAmount: null,

  430.           payer: null,

  431.           payerAccount: null,

  432.           operatorCode: null,

  433.           enterpriseCode: null,

  434.           expenditureAmount: null,

  435.           capitalExpenditureType: '1',

  436.           remark: null,

  437.           transferStatus: "0",

  438.           auditStatus: "0",

  439.           paymentState: "1",

  440.           bankPriority: "0",

  441.           clientPriority: "0"

  442.         };

  443.         this.processList = {}

  444.         this.projectForm={

  445.           projectId:null,

  446.           projectName:null,

  447.           projectContractor:null,

  448.           projectAmount:null,

  449.           projectBillNum:null,

  450.           projectFundType:'1',

  451.           outId:null,

  452.           ynType:'1'

  453.         }

  454.       },

  455.       getChange(){

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

  457.           this.goUpdate();

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

  459.           this.goAdd();

  460.         }

  461.       },

  462.       getDictionaries(){

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

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

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

  466.           }

  467.         });

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

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

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

  471.           }

  472.         });

  473.       },

  474.       getError(e){

  475.         console.log(e)

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

  477.       },

  478.       addChargeItme(index){

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

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

  481.           return;

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

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

  484.           return;

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

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

  487.           return;

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

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

  490.           return;

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

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

  493.           return;

  494.         }

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

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

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

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

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

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

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

  502.             bankType: null, //所属银行

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

  504.             showPayee:false,

  505.             showbankType:false

  506.           });

  507.         });

  508.       },

  509.       getPayeeList() {

  510.         //普通转账

  511.         this.queryParams.status = "0"

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

  513.           this.payeeList = response.rows;

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

  515.             if(res.payeeType==1||res.payeeType==2){

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

  517.               this.payeeList[index].value = res.id;}

  518.           })

  519.         });

  520.       },

  521.       payeeDictLabel(datas, value) {

  522.         var actions = [];

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

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

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

  526.             return true;

  527.           }

  528.         })

  529.         return actions.join('');

  530.       },

  531.       onConfirmCapital(data){

  532.         if (data.value == 2){

  533.           this.capitalExpenditureOpen = true;

  534.           this.contractOpen = false

  535.           this.infoForm = {};

  536.         }else if(data.value == 4){

  537.           this.capitalExpenditureOpen = false;

  538.           this.contractOpen = true

  539.           this.projectForm = {};

  540.         }else{

  541.           this.capitalExpenditureOpen = false;

  542.           this.contractOpen = false

  543.           this.projectForm = {};

  544.           this.infoForm = {};

  545.         }

  546.         this.capitalExpenditureType = data.text;

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

  548.         this.showcapital = false;

  549.       },

  550.       onConfirmFundType(data){

  551.         console.log(data)

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

  553.         this.projectFundType = data.text;

  554.         this.showFundType = false;

  555.       },

  556.       onConfirmContract(data){

  557.         this.infoList.map(res => {

  558.           if(res.name==data.text){

  559.             this.infoForm.contractionId = res.id;

  560.             this.infoForm.name = res.name;

  561.             this.infoForm.code = res.code;

  562.             this.infoForm.totalAmount = res.totalAmount;

  563.           }

  564.         })

  565.         this.showcontract = false;

  566.       },

  567.       onConfirmProject(data){

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

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

  570.             this.projectForm.projectId = res.id

  571.             this.projectForm.projectName = res.projectName

  572.             this.projectForm.projectContractor = res.projectContractor

  573.             this.projectForm.projectAmount = res.projectAmount

  574.           }

  575.         })

  576.         this.showproject = false;

  577.       },

  578.       onConfirmPayee(data,index){

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

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

  581.         }

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

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

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

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

  586.         console.log(data)

  587.       },

  588.       onConfirmBankType(data,index){

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

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

  591.         }

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

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

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

  595.       },

  596.       onConfirmPayer(data){

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

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

  599.         this.showpayer = false;

  600.         this.selectChange(data.value)

  601.       },

  602.       onConfirmLasj(data){

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

  604.         this.showlasj = false;

  605.       },

  606.       accountTypeChange(e){

  607.         this.payeeList = [];

  608.         this.chargeItme = [];

  609.         this.queryParams.isPeers = this.form.isPeers

  610.         this.queryParams.accountType = this.form.accountType

  611.         this.queryParams.bankType = this.form.bankType

  612.         this.queryParams.status = "0"

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

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

  615.             if(res.payeeType==1||res.payeeType==2){

  616.               response.rows[index].text = res.payee;

  617.               response.rows[index].value = res.id;

  618.               this.payeeList.push(res)

  619.             }

  620.           })

  621.         });

  622.       },

  623.       accountTypeChange1(e){

  624.         this.payeeList = [];

  625.         this.chargeItme = [];

  626.         this.queryParams.isPeers = this.form.isPeers

  627.         this.queryParams.accountType = this.form.accountType

  628.         this.queryParams.bankType = this.form.bankType

  629.         this.queryParams.status = "0"

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

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

  632.             if(res.payeeType==1||res.payeeType==2){

  633.               response.rows[index].text = res.payee;

  634.               response.rows[index].value = res.id;

  635.               this.payeeList.push(res)

  636.             }

  637.           })

  638.         });

  639.       },

  640.       // 钱计算

  641.       moneyChange(input) {

  642.         console.log(input)

  643.         let obj = {};

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

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

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

  647.         });

  648.         let total = 0;

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

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

  651.         });

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

  653.       },

  654.       goAdd(){

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

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

  657.           return;

  658.         }

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

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

  661.           return;

  662.         }

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

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

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

  666.             return;

  667.           }

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

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

  670.             return;

  671.           }

  672.         }

  673.         if(this.form.capitalExpenditureType==4){

  674.           if(this.infoForm.name==""||this.infoForm.name==null){

  675.             this.$notify({ type: 'danger', message: '请选择合同名称！' });

  676.             return;

  677.           }

  678.           if(this.infoForm.code==""||this.infoForm.code==null){

  679.             this.$notify({ type: 'danger', message: '请输入合同编码！' });

  680.             return;

  681.           }

  682.           if(this.infoForm.totalAmount==""||this.infoForm.totalAmount==null){

  683.             this.$notify({ type: 'danger', message: '请输入合同价款！' });

  684.             return;

  685.           }

  686.         }

  687.         if((this.uploadFiles==null||this.uploadFiles.length==0)&&(this.fileList==null||this.fileList.length==0)){

  688.           Dialog.confirm({

  689.             title: '提示',

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

  691.           })

  692.             .then(() => {

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

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

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

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

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

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

  699.                 this.infoForm.transferId = response.data.id

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

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

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

  703.                     const params = new FormData();

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

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

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

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

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

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

  710.                     })

  711.                   })

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

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

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

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

  716.                         setTimeout(function(){

  717.                           history.go(-1)

  718.                         },2000)

  719.                       })

  720.                     })

  721.                   }else if(this.form.capitalExpenditureType==4){

  722.                     addInfoto(this.infoForm).then(res => {

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

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

  725.                         setTimeout(function(){

  726.                           history.go(-1)

  727.                         },2000)

  728.                       })

  729.                     })

  730.                   }else{

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

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

  733.                       setTimeout(function(){

  734.                         history.go(-1)

  735.                       },2000)

  736.                     })

  737.                   }

  738.                 }else{

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

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

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

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

  743.                         setTimeout(function(){

  744.                           history.go(-1)

  745.                         },2000)

  746.                       })

  747.                     })

  748.                   }else if(this.form.capitalExpenditureType==4){

  749.                     addInfoto(this.infoForm).then(res => {

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

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

  752.                         setTimeout(function(){

  753.                           history.go(-1)

  754.                         },2000)

  755.                       })

  756.                     })

  757.                   }else{

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

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

  760.                       setTimeout(function(){

  761.                         history.go(-1)

  762.                       },2000)

  763.                     })

  764.                   }

  765.                 }

  766.               });

  767.             })

  768.             .catch(() => {

  769.               return false;

  770.             });

  771.         }else{

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

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

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

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

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

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

  778.             this.infoForm.transferId = response.data.id

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

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

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

  782.                 const params = new FormData();

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

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

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

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

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

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

  789.                 })

  790.               })

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

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

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

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

  795.                     setTimeout(function(){

  796.                       history.go(-1)

  797.                     },2000)

  798.                   })

  799.                 })

  800.               } else if(this.form.capitalExpenditureType==4){

  801.                 addInfoto(this.infoForm).then(res => {

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

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

  804.                     setTimeout(function(){

  805.                       history.go(-1)

  806.                     },2000)

  807.                   })

  808.                 })

  809.               }else{

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

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

  812.                   setTimeout(function(){

  813.                     history.go(-1)

  814.                   },2000)

  815.                 })

  816.               }

  817.             }else{

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

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

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

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

  822.                     setTimeout(function(){

  823.                       history.go(-1)

  824.                     },2000)

  825.                   })

  826.                 })

  827.               } else if(this.form.capitalExpenditureType==4){

  828.                 addInfoto(this.infoForm).then(res => {

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

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

  831.                     setTimeout(function(){

  832.                       history.go(-1)

  833.                     },2000)

  834.                   })

  835.                 })

  836.               }else{

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

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

  839.                   setTimeout(function(){

  840.                     history.go(-1)

  841.                   },2000)

  842.                 })

  843.               }

  844.             }

  845.           });

  846.         }

  847. 

  848. 

  849.       },

  850.       goUpdate(){

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

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

  853.           return;

  854.         }

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

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

  857.           return;

  858.         }

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

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

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

  862.             return;

  863.           }

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

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

  866.             return;

  867.           }

  868.         }

  869.         if(this.form.capitalExpenditureType==4){

  870.           if(this.infoForm.name==""||this.infoForm.name==null){

  871.             this.$notify({ type: 'danger', message: '请选择合同名称！' });

  872.             return;

  873.           }

  874.           if(this.infoForm.code==""||this.infoForm.code==null){

  875.             this.$notify({ type: 'danger', message: '请输入合同编码！' });

  876.             return;

  877.           }

  878.           if(this.infoForm.totalAmount==""||this.infoForm.totalAmount==null){

  879.             this.$notify({ type: 'danger', message: '请输入合同价款！' });

  880.             return;

  881.           }

  882.         }

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

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

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

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

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

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

  889.           this.infoForm.transferId = response.data.id

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

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

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

  893.               const params = new FormData();

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

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

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

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

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

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

  900.               })

  901.             })

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

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

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

  905.                 setTimeout(function(){

  906.                   history.go(-1)

  907.                 },2000)

  908.               })

  909.             }else if(this.form.capitalExpenditureType==4){

  910.               addInfoto(this.infoForm).then(res => {

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

  912.                 setTimeout(function(){

  913.                   history.go(-1)

  914.                 },2000)

  915.               })

  916.             }else{

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

  918.               setTimeout(function(){

  919.                 history.go(-1)

  920.               },2000)

  921.             }

  922.           }else{

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

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

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

  926.                 setTimeout(function(){

  927.                   history.go(-1)

  928.                 },2000)

  929.               })

  930.             }else if(this.form.capitalExpenditureType==4){

  931.               addInfoto(this.infoForm).then(res => {

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

  933.                 setTimeout(function(){

  934.                   history.go(-1)

  935.                 },2000)

  936.               })

  937.             }else{

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

  939.               setTimeout(function(){

  940.                 history.go(-1)

  941.               },2000)

  942.             }

  943.           }

  944. 

  945.         });

  946.       },

  947.       payeeSelectChange(select, i) {

  948.         let obj = {};

  949.         let fuzhitype = 0;

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

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

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

  953.         });

  954.         let _this = this

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

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

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

  958.               fuzhitype = 2;

  959.               return true;

  960.             }

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

  962.               fuzhitype = 1;

  963.               return true;

  964.             }

  965.           });

  966.         }

  967.         if(fuzhitype == 0){

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

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

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

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

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

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

  974.           this.$set(this.chargeItme[i], "payeePaymentLines", obj.payeePaymentLines);

  975.           _this.bankTypeDictionaries.map(rr => {

  976.             if(rr.value==obj.bankType){

  977.               this.$set(this.chargeItme[i], "bankTypeText", rr.text);

  978.             }

  979.           })

  980. 

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

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

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

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

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

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

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

  988.           this.$set(this.chargeItme[i], "payeePaymentLines", '');

  989.           this.$set(this.chargeItme[i], "bankTypeText", '');

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

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

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

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

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

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

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

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

  998.           this.$set(this.chargeItme[i], "payeePaymentLines", '');

  999.           this.$set(this.chargeItme[i], "bankTypeText", '');

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

  1001.         }

  1002.       },

  1003.       selectChange(select) {

  1004.         let obj = {};

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

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

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

  1008.         });

  1009.         if(obj.accountPassword != null && obj.accountPassword != "" &&

  1010.           obj.bankType != null && obj.bankType != ""){

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

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

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

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

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

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

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

  1018.           this.$set(this.form, "bankType", obj.bankType);

  1019.           this.$set(this.form, "bankAccountType", obj.bankAccountType);

  1020.           this.$set(this.form, "villageAccountType", obj.villageAccountType);

  1021.           this.$set(this.form, "taccountId", obj.taccountId);

  1022.           this.$set(this.form, "accountNo", obj.accountNo);

  1023.           this.$set(this.form, "cifNo", obj.cifNo);

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

  1025.           if(obj.bankType==1){

  1026.             this.form.accountType = "1"

  1027.             this.form.isPeers = null

  1028.             this.accountTypeChange();

  1029.           }else if(obj.bankType==2||obj.bankType==4){

  1030.             this.form.accountType = null

  1031.             this.form.isPeers = "Y"

  1032.             this.accountTypeChange1();

  1033.           }

  1034.         }else{

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

  1036.             this.diglogStatus = false;

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

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

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

  1040.           }else{

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

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

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

  1044.             }else{

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

  1046.             }

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

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

  1049.             }else{

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

  1051.             }

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

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

  1054.             }else{

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

  1056.             }

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

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

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

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

  1061.             this.$set(this.form, "bankType", obj.bankType);

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

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

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

  1065.               });

  1066.             }else {

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

  1068.             }

  1069.           }

  1070.         }

  1071.       },

  1072.       beforeRead(file) {

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

  1074.       },

  1075.       deleteFile(file){

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

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

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

  1079.           }

  1080.         })

  1081.       },

  1082.       getFileList(){

  1083.         let oData1= {

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

  1085.           tableName: "t_yinnong_transfer",

  1086.           bizPath: "upload",

  1087.           fileType: "1",

  1088.         }

  1089.         attachmentList(oData1).then(res => {

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

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

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

  1093.           })

  1094.         })

  1095.         let oData2= {

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

  1097.           tableName: "t_yinnong_transfer",

  1098.           bizPath: "upload",

  1099.           fileType: "2",

  1100.         }

  1101.         attachmentList(oData2).then(res => {

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

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

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

  1105.           })

  1106.         })

  1107.         let oData3= {

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

  1109.           tableName: "t_yinnong_transfer",

  1110.           bizPath: "upload",

  1111.           fileType: "3",

  1112.         }

  1113.         attachmentList(oData3).then(res => {

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

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

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

  1117.           })

  1118.         })

  1119.       },

  1120.       goBack(){

  1121.         window.history.go(-1)

  1122.       },

  1123.       deleteChargeItme(index){

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

  1125.       },

  1126.     },

  1127.   }

  1128. </script>

  1129. 

  1130. <style scoped lang="scss">

  1131.   .app-container {

  1132.     padding: 2% 0;

  1133.   }

  1134.   .main_title{

  1135.     font-size: 0.4rem;

  1136.     color: #1D6FE9;

  1137.     margin: 0.2rem 6%;

  1138.     position: relative;

  1139.   }

  1140.   .main_box{

  1141.     width: 96%;

  1142.     margin: 0 auto;

  1143.     border-radius: 6px;

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

  1145.     overflow: hidden;

  1146.     background-color: #FFF;

  1147.   }

  1148.   .submitButton{

  1149.     width: 80%;

  1150.     margin: 0 auto;

  1151.     background-color: #1D6FE9;

  1152.   }

  1153. 

  1154.   .addFamily{

  1155.     position: absolute;

  1156.     top: -2px;

  1157.     right: 0;

  1158.     border-radius: 50%;

  1159.   }

  1160.   .deleteFamily{

  1161.     position: absolute;

  1162.     top: 0rem;

  1163.     right: 6%;

  1164.     z-index: 9;

  1165.     border-radius: 50%;

  1166.   }

  1167. </style>