zhangzl
/
nsgk_mobile
2
0
複製 0
程式碼 問題管理 0 合併請求 0 版本發佈 0 Wiki Activity
移动端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1711 Commit
7 分支
80 MiB
 
 
目錄樹: 130c4b3e4a
分支列表 標籤列表
${ item.name }
Create branch ${ searchTerm }
from '130c4b3e4a'
${ noResults }
nsgk_mobile/src/views/sunVillage_info/bankAgriculture/paymentApproval/approvalModify4.vue

1132 line
43 KiB
原始文件 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.       <template #right>

  13.         <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>

  14.       </template>

  15.     </van-nav-bar>

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

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

  18.       <div class="main_box">

  19.         <van-field

  20.           readonly

  21.           clickable

  22.           required

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

  24.           v-model="form.applyDate"

  25.           label="申请时间"

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

  27.           @click="showlasj = true"

  28.           input-align="right"

  29.           right-icon="arrow-down"

  30.         />

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

  32.           <van-datetime-picker

  33.             v-model="currentDate"

  34.             type="date"

  35.             title="选择年月日"

  36.             :min-date="minDate"

  37.             :max-date="maxDate"

  38.             @confirm="onConfirmLasj"

  39.             @cancel="showlasj = false"

  40.           />

  41.         </van-popup>

  42.         <van-field

  43.           readonly

  44.           clickable

  45.           required

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

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

  48.           placeholder="请选择"

  49.           v-model="capitalExpenditureType"

  50.           @click="showcapital = true"

  51.           input-align="right"

  52.           right-icon="arrow-down"

  53.           label-width="auto"

  54.         />

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

  56.           <van-picker

  57.             show-toolbar

  58.             :columns="capitalExpenditureTypeOptions"

  59.             @confirm="onConfirmCapital"

  60.             @cancel="showcapital = false"

  61.           />

  62.         </van-popup>

  63.         <van-field

  64.           readonly

  65.           required

  66.           label="支出总金额"

  67.           v-model="form.expenditureAmount"

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

  69.           input-align="right"

  70.           label-width="auto"

  71.         />

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

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

  74.           <template #input>

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

  76.               <van-radio name="1">线上审批</van-radio>

  77.               <van-radio name="2">线下审批</van-radio>

  78.             </van-radio-group>

  79.           </template>

  80.         </van-field>

  81.       </div>

  82. 

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

  84.         <van-field

  85.           label="转账附言"

  86.           v-model="form.remark"

  87.           type="textarea"

  88.           placeholder="请输入转账附言"

  89.           input-align="right"

  90.           rows="3"

  91.           label-width="auto"

  92.           required

  93.           :rules="[{ required: true , message:'请输入转账附言' }]"

  94.         />

  95.       </div>

  96. 

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

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

  99.       </div>

  100. 

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

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

  103.         <van-field

  104.           readonly

  105.           clickable

  106.           label="项目名称"

  107.           placeholder="请选择"

  108.           v-model="projectForm.projectName"

  109.           @click="showproject = true"

  110.           input-align="right"

  111.           right-icon="arrow-down"

  112.           required

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

  114.         />

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

  116.           <van-picker

  117.             show-toolbar

  118.             :columns="projectList"

  119.             @confirm="onConfirmProject"

  120.             @cancel="showproject = false"

  121.           />

  122.         </van-popup>

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

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

  125.         <van-field

  126.           readonly

  127.           clickable

  128.           label="工程款类型"

  129.           placeholder="请选择"

  130.           v-model="projectFundType"

  131.           @click="showFundType = true"

  132.           input-align="right"

  133.           right-icon="arrow-down"

  134.           required

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

  136.         />

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

  138.           <van-picker

  139.             show-toolbar

  140.             :columns="projectFundTypeOptions"

  141.             @confirm="onConfirmFundType"

  142.             @cancel="showFundType = false"

  143.           />

  144.         </van-popup>

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

  146.       </div>

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

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

  149.         <van-field

  150.           readonly

  151.           clickable

  152.           label="合同"

  153.           placeholder="请选择"

  154.           v-model="infoForm.name"

  155.           @click="showcontract = true"

  156.           input-align="right"

  157.           right-icon="arrow-down"

  158.           required

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

  160.         />

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

  162.           <van-picker

  163.             show-toolbar

  164.             :columns="infoList"

  165.             @confirm="onConfirmContract"

  166.             @cancel="showcontract = false"

  167.           />

  168.         </van-popup>

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

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

  171.       </div>

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

  173.       <div class="main_box">

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

  175.         <van-field

  176.           readonly

  177.           clickable

  178.           label="付款方"

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

  180.           v-model="form.payer"

  181.           @click="showpayer = true"

  182.           input-align="right"

  183.           right-icon="arrow-down"

  184.           label-width="auto"

  185.           required

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

  187.         />

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

  189.           <van-picker

  190.             show-toolbar

  191.             :columns="payerOptions"

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

  193.             @cancel="showpayer = false"

  194.           />

  195.         </van-popup>

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

  197.       </div>

  198. 

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

  200. 

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

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

  203.           <template #right-icon>

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

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

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

  207.             </van-radio-group>

  208.           </template>

  209.         </van-cell>

  210.         <van-cell title="行内转账" v-if="form.bankType==2||form.bankType==3">

  211.           <template #right-icon>

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

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

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

  215.             </van-radio-group>

  216.           </template>

  217.         </van-cell>

  218.       </div>

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

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

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

  222.           <van-field

  223.             readonly

  224.             clickable

  225.             label="收款方"

  226.             placeholder="请选择"

  227.             v-model="item.payee"

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

  229.             input-align="right"

  230.             right-icon="arrow-down"

  231.             required

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

  233.           />

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

  235.             <van-picker

  236.               show-toolbar

  237.               :columns="payeeList"

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

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

  240.             />

  241.           </van-popup>

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

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

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

  245.           <van-field

  246.             readonly

  247.             clickable

  248.             label="所属银行"

  249.             placeholder=""

  250.             v-model="item.bankTypeText"

  251.             input-align="right"

  252.             required

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

  254.           />

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

  256.             <van-picker

  257.               show-toolbar

  258.               :columns="bankTypeDictionaries"

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

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

  261.             />

  262.           </van-popup>

  263.         </div>

  264.       </div>

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

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

  267.         <van-cell value="收据" />

  268.         <van-uploader v-model="fileList1" :after-read="beforeRead1" @delete="deleteFile1" style="margin-left:8px;"></van-uploader>

  269.         <van-cell title="发票" />

  270.         <van-uploader v-model="fileList2" :after-read="beforeRead2" @delete="deleteFile2" style="margin-left:8px;"></van-uploader>

  271.         <van-cell title="其他" />

  272.         <van-uploader v-model="fileList3" :after-read="beforeRead3" @delete="deleteFile3" style="margin-left:8px;"></van-uploader>

  273.       </div>

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

  275.         <van-row>

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

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

  278.           </van-col>

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

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

  281.           </van-col>

  282.         </van-row>

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

  284.       </div>

  285.     </van-form>

  286.   </div>

  287. </template>

  288. 

  289. <script>

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

  291.   import {

  292.     attachmentList,

  293.     commonAttach, listVaccount, listVaccount1,

  294.     systemAttachment

  295.   } from "../../../../api/onlineHome/bankAgriculture/paymentApproval";

  296.   import request from '@/utils/request';

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

  298.   export default {

  299.     name: "approvalModify4",

  300.     data() {

  301.       return {

  302.         showcontract:false,

  303.         showcapital:false,

  304.         showpayee:false,

  305.         showlasj:false,

  306.         showbankType:false,

  307.         showproject:false,

  308.         showFundType:false,

  309.         showpayer:false,

  310. 

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

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

  313.         currentDate: new Date(),

  314.         form:{},

  315. 

  316.         capitalExpenditureType:'',

  317.         payee:'',

  318.         bankType:'',

  319. 

  320.         buttonType:'a',

  321. 

  322.         wfydlxDictionaries:[],

  323.         jglxDictionaries:[],

  324.         sysDictionaries:[],

  325.         capitalExpenditureTypeOptions:[],

  326.         bankTypeDictionaries:[],

  327.         infoList:[],

  328.         projectList:[],

  329.         projectFundTypeOptions:[],

  330.         projectFundTypeDictionaries:[],

  331.         payerOptions:[],

  332. 

  333.         chargeItme:[],

  334.         chargeItmeShow:[],

  335. 

  336.         payeeList:[],

  337.         // 查询参数

  338.         queryParams: {

  339.           transferType:"",

  340.           orderByColumn: "id",

  341.           isAsc: "desc",

  342.         },

  343.         capitalExpenditureOpen:false,

  344.         contractOpen:false,

  345.         projectForm:{

  346.           projectId:null,

  347.           projectName:null,

  348.           projectContractor:null,

  349.           projectAmount:null,

  350.           projectBillNum:null,

  351.           projectFundType:'1',

  352.           outId:null,

  353.           ynType:'1'

  354.         },

  355.         infoForm:{

  356.           infoId:null,

  357.           name:null,

  358.           code:null,

  359.           totalAmount:null,

  360.           contractionId:null,

  361.           transferId:null

  362.         },

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

  364.         queryContractionParams: {

  365.           pageNum: 1,

  366.           pageSize: 100,

  367.           contractionStatus: '1',

  368.           orderByColumn: "endTime",

  369.           isAsc: "desc",

  370.         },

  371.         projectFundType:'',

  372.         fileList1:[],

  373.         fileList2:[],

  374.         fileList3:[],

  375.         uploadFiles1:[],

  376.         uploadFiles2:[],

  377.         uploadFiles3:[],

  378.       };

  379.     },

  380.     created() {

  381.       let queryParams={

  382.         pageNum: 1,

  383.         pageSize: 100,

  384.       }

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

  386.         this.projectList = response.rows;

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

  388.           this.$set(this.projectList[i],"text",response.rows[i].projectName)

  389.           this.$set(this.projectList[i],"value",response.rows[i].id)

  390.         }

  391.       });

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

  393.         this.infoList = response.rows;

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

  395.           this.$set(this.infoList[i],"text",response.rows[i].name)

  396.           this.$set(this.infoList[i],"value",response.rows[i].code)

  397.         }

  398.       });

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

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

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

  402.         }

  403.         this.projectFundTypeDictionaries = response.data;

  404.       });

  405.       let params1={

  406.         villageAccountType:'1',

  407.         "params":{townAccountType:'1'}

  408.       }

  409.       listVaccount1(params1).then((response) => {

  410.         this.payerOptions = response.rows;

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

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

  413.           this.payerOptions[index].text = res.payee;

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

  415.         })

  416.       });

  417.       this.getDictionaries();

  418.       this.getFileList();

  419.     },

  420.     methods: {

  421.       goFlow(){

  422.         if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){

  423.           window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;

  424.         }else{

  425.             this.$notify({ type: 'danger', message: '无审批流程！' });

  426.         }

  427.       },

  428.       getDictionaries(){

  429.         getTransfer(this.$route.query.id).then((response) => {

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

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

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

  433.             }

  434.             this.capitalExpenditureType = this.selectDictLabel(res.data, response.data.capitalExpenditureType);

  435.           });

  436.           if(response.data.capitalExpenditureType==2){

  437.             this.capitalExpenditureOpen = true

  438.             let param={

  439.               'outId' : response.data.id,

  440.               'ynType' : '1'

  441.             }

  442.             getProjectto(param).then(res => {

  443.               console.log(this.selectDictLabel(this.projectFundTypeDictionaries, res.data.projectFundType))

  444.               this.projectFundType = this.selectDictLabel(this.projectFundTypeDictionaries, res.data.projectFundType);

  445.               this.projectForm = res.data

  446.               console.log(res.data)

  447.             })

  448.           }else if(response.data.capitalExpenditureType==4){

  449.             this.contractOpen = true

  450.             let param={

  451.               'transferId' : response.data.id

  452.             }

  453.             console.log(param)

  454.             getInfoto(param).then(res => {

  455.               this.infoForm = res.data

  456.             })

  457.           }else{

  458.             this.showproject = false

  459.           }

  460.           this.form = response.data;

  461.           this.getPayeeList();

  462.         });

  463.         queryTransferDetail(this.$route.query.id).then((response) => {

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

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

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

  467.             }

  468.             for (var j = 0 ; j < response.rows.length ; j++){

  469.               // response.rows[j].payeeText = response.rows[j].payee;

  470.               response.rows[j].bankTypeText = this.selectDictLabel(res.data, response.rows[j].bankType);

  471.               response.rows[j].showPayee = false;

  472.             }

  473.             this.chargeItme = response.rows;

  474.             console.log(this.chargeItme)

  475.           });

  476. 

  477.         });

  478.       },

  479.       getChange(){

  480.         console.log(this.buttonType)

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

  482.           console.log('update')

  483.           this.goUpdate();

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

  485.           console.log('add')

  486.           this.goAdd();

  487.         }

  488.       },

  489.       getError(e){

  490.         console.log(e)

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

  492.       },

  493.       addChargeItme(index){

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

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

  496.           return;

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

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

  499.           return;

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

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

  502.           return;

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

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

  505.           return;

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

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

  508.           return;

  509.         }

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

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

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

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

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

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

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

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

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

  519.             showPayee:false,

  520.             showbankType:false

  521.           });

  522.         });

  523.       },

  524.       getPayeeList() {

  525.         //普通转账

  526.         this.queryParams.isPeers = this.form.isPeers

  527.         this.queryParams.accountType = this.form.accountType

  528.         this.queryParams.status = "0"

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

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

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

  532.               res.text = res.payee;

  533.               res.value = res.id;

  534.               this.payeeList.push(res)

  535.             }

  536.           })

  537.         });

  538.       },

  539.       payeeDictLabel(datas, value) {

  540.         var actions = [];

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

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

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

  544.             return true;

  545.           }

  546.         })

  547.         return actions.join('');

  548.       },

  549.       onConfirmCapital(data){

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

  551.           this.capitalExpenditureOpen = true;

  552.           this.contractOpen = false

  553.           this.infoForm = {};

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

  555.           this.capitalExpenditureOpen = false;

  556.           this.contractOpen = true

  557.           this.projectForm = {};

  558.         }else{

  559.           this.capitalExpenditureOpen = false;

  560.           this.contractOpen = false

  561.           this.projectForm = {};

  562.           this.infoForm = {};

  563.         }

  564.         this.capitalExpenditureType = data.text;

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

  566.         this.showcapital = false;

  567.       },

  568.       onConfirmFundType(data){

  569.         console.log(data)

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

  571.         this.projectFundType = data.text;

  572.         this.showFundType = false;

  573.       },

  574.       onConfirmProject(data){

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

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

  577.             this.projectForm.projectId = res.id

  578.             this.projectForm.projectName = res.projectName

  579.             this.projectForm.projectContractor = res.projectContractor

  580.             this.projectForm.projectAmount = res.projectAmount

  581.           }

  582.         })

  583.         this.showproject = false;

  584.       },

  585.       onConfirmContract(data){

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

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

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

  589.             this.infoForm.name = res.name;

  590.             this.infoForm.code = res.code;

  591.             this.infoForm.totalAmount = res.totalAmount;

  592.           }

  593.         })

  594.         this.showcontract = false;

  595.       },

  596.       onConfirmPayee(data,index){

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

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

  599.         }

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

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

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

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

  604.         this.onConfirmBankType(data,index)

  605.       },

  606.       onConfirmBankType(data,index){

  607.         console.log(this.bankTypeDictionaries)

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

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

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

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

  612.           }

  613.         })

  614.       },

  615.       onConfirmPayer(data){

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

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

  618.         this.showpayer = false;

  619.         this.selectChange(data.value)

  620.       },

  621.       onConfirmLasj(data){

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

  623.         this.showlasj = false;

  624.       },

  625.       accountTypeChange(e){

  626.         this.payeeList = [];

  627.         this.chargeItme = [];

  628.         this.queryParams.accountType = this.form.accountType

  629.         this.queryParams.bankType = this.form.bankType

  630.         this.queryParams.status = "0"

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

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

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

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

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

  636.               this.payeeList.push(res)

  637.             }

  638.           })

  639.         });

  640.       },

  641.       accountTypeChange1(e){

  642.         this.payeeList = [];

  643.         this.chargeItme = [];

  644.         this.queryParams.isPeers = this.form.isPeers

  645.         this.queryParams.bankType = this.form.bankType

  646.         this.queryParams.status = "0"

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

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

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

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

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

  652.               this.payeeList.push(res)

  653.             }

  654.           })

  655.         });

  656.       },

  657.       // 钱计算

  658.       moneyChange(input) {

  659.         console.log(input)

  660.         let obj = {};

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

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

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

  664.         });

  665.         let total = 0;

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

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

  668.         });

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

  670.       },

  671.       goAdd(){

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

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

  674.           return;

  675.         }

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

  677.           this.$notify({ type: 'danger', message: '转账附言禁止包含！' });

  678.           return;

  679.         }

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

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

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

  683.             return;

  684.           }

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

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

  687.             return;

  688.           }

  689.         }

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

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

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

  693.             return;

  694.           }

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

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

  697.             return;

  698.           }

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

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

  701.             return;

  702.           }

  703.         }

  704.         if((this.uploadFiles1==null||this.uploadFiles1.length==0)&&(this.uploadFiles2==null||this.uploadFiles2.length==0)&&(this.uploadFiles3==null||this.uploadFiles3.length==0)){

  705.           Dialog.confirm({

  706.             title: '提示',

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

  708.           })

  709.             .then(() => {

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

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

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

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

  714.               updateTransfer(this.form).then(response => {

  715.                 this.projectForm.outId = this.form.id

  716.                 this.infoForm.transferId = this.form.id

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

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

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

  720.                     customSubmit(this.form.id).then(res => {

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

  722.                       setTimeout(function(){

  723.                         history.go(-1)

  724.                       },2000)

  725.                     })

  726.                   })

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

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

  729.                     customSubmit(this.form.id).then(res => {

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

  731.                       setTimeout(function(){

  732.                         history.go(-1)

  733.                       },2000)

  734.                     })

  735.                   })

  736.                 }else{

  737.                   customSubmit(this.form.id).then(res => {

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

  739.                     setTimeout(function(){

  740.                       history.go(-1)

  741.                     },2000)

  742.                   })

  743.                 }

  744.               });

  745.             })

  746.             .catch(() => {

  747.               return false;

  748.             });

  749.         }else{

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

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

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

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

  754.           updateTransfer(this.form).then(response => {

  755.             this.projectForm.outId = this.form.id

  756.             this.infoForm.transferId = this.form.id

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

  758.             if(this.uploadFiles1!=null&&this.uploadFiles1.length>0){

  759.               this.uploadFiles1.map(rr => {

  760.                 const params = new FormData();

  761.                 params.append("tableId", this.form.id);

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

  763.                 params.append("bizPath", "transfer");

  764.                 params.append("fileType", "1");

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

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

  767.                 })

  768.               })}

  769.             if(this.uploadFiles2!=null&&this.uploadFiles2.length>0){

  770.               this.uploadFiles2.map(rr => {

  771.                 const params = new FormData();

  772.                 params.append("tableId", this.form.id);

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

  774.                 params.append("bizPath", "transfer");

  775.                 params.append("fileType", "2");

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

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

  778.                 })

  779.               })}

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

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

  782.                 const params = new FormData();

  783.                 params.append("tableId", this.form.id);

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

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

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

  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(this.form.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(this.form.id).then(res => {

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

  804.                   setTimeout(function(){

  805.                     history.go(-1)

  806.                   },2000)

  807.                 })

  808.               })

  809.             }else{

  810.               customSubmit(this.form.id).then(res => {

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

  812.                 setTimeout(function(){

  813.                   history.go(-1)

  814.                 },2000)

  815.               })

  816.             }

  817.           });

  818.         }

  819. 

  820. 

  821.       },

  822.       goUpdate(){

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

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

  825.           return;

  826.         }

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

  828.           this.$notify({ type: 'danger', message: '转账附言禁止包含！' });

  829.           return;

  830.         }

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

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

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

  834.             return;

  835.           }

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

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

  838.             return;

  839.           }

  840.         }

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

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

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

  844.             return;

  845.           }

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

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

  848.             return;

  849.           }

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

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

  852.             return;

  853.           }

  854.         }

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

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

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

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

  859.         updateTransfer(this.form).then((response) => {

  860.           this.projectForm.outId = this.form.id

  861.           this.infoForm.transferId = this.form.id

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

  863.           if(this.uploadFiles1!=null&&this.uploadFiles1.length>0){

  864.             this.uploadFiles1.map(rr => {

  865.               const params = new FormData();

  866.               params.append("tableId", this.form.id);

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

  868.               params.append("bizPath", "transfer");

  869.               params.append("fileType", "1");

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

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

  872.               })

  873.             })}

  874.           if(this.uploadFiles2!=null&&this.uploadFiles2.length>0){

  875.             this.uploadFiles2.map(rr => {

  876.               const params = new FormData();

  877.               params.append("tableId", this.form.id);

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

  879.               params.append("bizPath", "transfer");

  880.               params.append("fileType", "2");

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

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

  883.               })

  884.             })}

  885.           if(this.uploadFiles3!=null&&this.uploadFiles3.length>0){

  886.             this.uploadFiles3.map(rr => {

  887.               const params = new FormData();

  888.               params.append("tableId", this.form.id);

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

  890.               params.append("bizPath", "transfer");

  891.               params.append("fileType", "3");

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

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

  894.               })

  895.             })}

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

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

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

  899.               setTimeout(function(){

  900.                 history.go(-1)

  901.               },2000)

  902.             })

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

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

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

  906.               setTimeout(function(){

  907.                 history.go(-1)

  908.               },2000)

  909.             })

  910.           }else{

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

  912.             setTimeout(function(){

  913.               history.go(-1)

  914.             },2000)

  915.           }

  916. 

  917.         });

  918.       },

  919.       payeeSelectChange(select, i) {

  920.         let obj = {};

  921.         let fuzhitype = 0;

  922.         let _this = this

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

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

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

  926.         });

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

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

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

  930.               fuzhitype = 2;

  931.               return true;

  932.             }

  933.             if(_this.form.isPeers!=undefined&&_this.form.isPeers!=null&&_this.form.isPeers=='N'){

  934. 

  935.             }else{

  936.               if(obj.bankType==1&&value.accountType != undefined &&value.accountType != '' && obj.accountType != value.accountType&&index!=i){

  937.                 fuzhitype = 1;

  938.                 return true;

  939.               }

  940.             }

  941.           });

  942.         }

  943.         if(fuzhitype == 0){

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

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

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

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

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

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

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

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

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

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

  954.             }

  955.           })

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  976.         }

  977.       },

  978.       selectChange(select) {

  979.         let obj = {};

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

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

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

  983.         });

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

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

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

  987.         this.$set(this.form, "payer", obj.payee);

  988.         this.$set(this.form, "payerAccount", obj.payeeAccount);

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

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

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

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

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

  994.           this.form.accountType = "1"

  995.           this.form.isPeers = null

  996.           this.accountTypeChange();

  997.         }else if(obj.bankType==2||obj.bankType==3){

  998.           this.form.accountType = null

  999.           this.form.isPeers = "Y"

  1000.           this.accountTypeChange1();

  1001.         }

  1002.       },

  1003.       beforeRead1(file) {

  1004.         this.uploadFiles1.push(file.file);

  1005.       },

  1006.       deleteFile1(file){

  1007.         this.uploadFiles1.map((response,index) => {

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

  1009.             this.uploadFiles1.splice(index,1)

  1010.           }

  1011.         })

  1012.         if(file.id){

  1013.           systemAttachment(file.id).then((res) => {

  1014.           });

  1015.         }

  1016.       },

  1017.       beforeRead2(file) {

  1018.         this.uploadFiles2.push(file.file);

  1019.       },

  1020.       deleteFile2(file){

  1021.         this.uploadFiles2.map((response,index) => {

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

  1023.             this.uploadFiles2.splice(index,1)

  1024.           }

  1025.         })

  1026.         if(file.id){

  1027.           systemAttachment(file.id).then((res) => {

  1028.           });

  1029.         }

  1030.       },

  1031.       beforeRead3(file) {

  1032.         this.uploadFiles3.push(file.file);

  1033.       },

  1034.       deleteFile3(file){

  1035.         this.uploadFiles3.map((response,index) => {

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

  1037.             this.uploadFiles3.splice(index,1)

  1038.           }

  1039.         })

  1040.         if(file.id){

  1041.           systemAttachment(file.id).then((res) => {

  1042.           });

  1043.         }

  1044.       },

  1045.       getFileList(){

  1046.         let oData1= {

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

  1048.           tableName: "t_yinnong_transfer",

  1049.           bizPath: "transfer",

  1050.           fileType: "1",

  1051.         }

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

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

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

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

  1056.           })

  1057.         })

  1058.         let oData2= {

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

  1060.           tableName: "t_yinnong_transfer",

  1061.           bizPath: "transfer",

  1062.           fileType: "2",

  1063.         }

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

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

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

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

  1068.           })

  1069.         })

  1070.         let oData3= {

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

  1072.           tableName: "t_yinnong_transfer",

  1073.           bizPath: "transfer",

  1074.           fileType: "3",

  1075.         }

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

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

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

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

  1080.           })

  1081.         })

  1082.       },

  1083.       goBack(){

  1084.         window.history.go(-1)

  1085.       },

  1086.       //删除家庭成员

  1087.       deleteChargeItme(index){

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

  1089.       },

  1090.     },

  1091.   }

  1092. </script>

  1093. 

  1094. <style scoped lang="scss">

  1095.   .app-container {

  1096.     padding: 2% 0;

  1097.   }

  1098.   .main_title{

  1099.     font-size: 0.4rem;

  1100.     color: #1D6FE9;

  1101.     margin: 0.2rem 6%;

  1102.     position: relative;

  1103.   }

  1104.   .main_box{

  1105.     width: 96%;

  1106.     margin: 0 auto;

  1107.     border-radius: 6px;

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

  1109.     overflow: hidden;

  1110.     background-color: #FFF;

  1111.   }

  1112.   .submitButton{

  1113.     width: 80%;

  1114.     margin: 0 auto;

  1115.     background-color: #1D6FE9;

  1116.   }

  1117. 

  1118.   .addFamily{

  1119.     position: absolute;

  1120.     top: -2px;

  1121.     right: 0;

  1122.     border-radius: 50%;

  1123.   }

  1124.   .deleteFamily{

  1125.     position: absolute;

  1126.     top: 0rem;

  1127.     right: 6%;

  1128.     z-index: 9;

  1129.     border-radius: 50%;

  1130.   }

  1131. </style>