zhangzl
/
nsgk_mobile
2
0
Разклонения 0
Код Задачи 0 Заявки за сливане 0 Версии 0 Уики 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.
841 Ревизии
7 Клонове
80 MiB
 
 
ИН на ревизия: 5fefdcd03c
Клонове Маркери
${ item.name }
Create branch ${ searchTerm }
от '5fefdcd03c'
${ noResults }
nsgk_mobile/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd.vue

1268 lines
48 KiB
Директен файл Blame История 

  1. <template>

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

  3.     <van-nav-bar

  4.       left-arrow

  5.       fixed

  6.       placeholder

  7.       @click-left="goBack"

  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 name="radio" label="审批模式" input-align="right" autocomplete="off" required

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

  65.           <template #input>

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

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

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

  69.             </van-radio-group>

  70.           </template>

  71.         </van-field>

  72.         <van-field

  73.           v-if="form.approvalMode==1"

  74.           readonly

  75.           clickable

  76.           label="审批流程"

  77.           placeholder="请选择"

  78.           v-model="form.approvalTemplateName"

  79.           @click="showtemplate = true"

  80.           input-align="right"

  81.           right-icon="arrow-down"

  82.           required

  83.           :rules="[{ required: true , message:'请选择项目流程' }]"

  84.         />

  85.         <van-popup v-model="showtemplate" position="bottom">

  86.           <van-picker

  87.             show-toolbar

  88.             value-key="name"

  89.             :columns="templateList"

  90.             @confirm="onConfirmTemplate"

  91.             @cancel="showtemplate = false"

  92.           />

  93.         </van-popup>

  94.         <van-field

  95.           readonly

  96.           required

  97.           label="支出总金额"

  98.           v-model="form.expenditureAmount"

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

  100.           input-align="right"

  101.           label-width="auto"

  102.         />

  103.       </div>

  104. 

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

  106.         <van-field

  107.           label="转账附言"

  108.           v-model="form.remark"

  109.           type="textarea"

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

  111.           input-align="right"

  112.           rows="3"

  113.           label-width="auto"

  114.           required

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

  116.         />

  117.       </div>

  118. 

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

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

  121.       </div>

  122. 

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

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

  125.         <van-field

  126.           readonly

  127.           clickable

  128.           label="项目名称"

  129.           placeholder="请选择"

  130.           v-model="projectForm.projectName"

  131.           @click="showproject = true"

  132.           input-align="right"

  133.           right-icon="arrow-down"

  134.           required

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

  136.         />

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

  138.           <van-picker

  139.             show-toolbar

  140.             :columns="projectList"

  141.             @confirm="onConfirmProject"

  142.             @cancel="showproject = false"

  143.           />

  144.         </van-popup>

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

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

  147.         <van-field

  148.           readonly

  149.           clickable

  150.           label="工程款类型"

  151.           placeholder="请选择"

  152.           v-model="projectFundType"

  153.           @click="showFundType = true"

  154.           input-align="right"

  155.           right-icon="arrow-down"

  156.           required

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

  158.         />

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

  160.           <van-picker

  161.             show-toolbar

  162.             :columns="projectFundTypeOptions"

  163.             @confirm="onConfirmFundType"

  164.             @cancel="showFundType = false"

  165.           />

  166.         </van-popup>

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

  168.       </div>

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

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

  171.         <van-field

  172.           readonly

  173.           clickable

  174.           label="合同"

  175.           placeholder="请选择"

  176.           v-model="infoForm.name"

  177.           @click="showcontract = true"

  178.           input-align="right"

  179.           right-icon="arrow-down"

  180.           required

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

  182.         />

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

  184.           <van-picker

  185.             show-toolbar

  186.             :columns="infoList"

  187.             @confirm="onConfirmContract"

  188.             @cancel="showcontract = false"

  189.           />

  190.         </van-popup>

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

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

  193.       </div>

  194. 

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

  196.       <div class="main_box">

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

  198.         <van-field

  199.           readonly

  200.           clickable

  201.           label="付款方"

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

  203.           v-model="form.payer"

  204.           @click="showpayer = true"

  205.           input-align="right"

  206.           right-icon="arrow-down"

  207.           label-width="auto"

  208.           required

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

  210.         />

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

  212.           <van-picker

  213.             show-toolbar

  214.             :columns="payerOptions"

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

  216.             @cancel="showpayer = false"

  217.           />

  218.         </van-popup>

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

  220.       </div>

  221. 

  222.       <div class="main_title main_title_box">

  223.         <p>收款方信息</p>

  224.         <router-link v-if="!isModifyOrder" :to="{name:'approvalCollectionAdd', params: {accountType:form.accountType,isPeers:form.isPeers,bankType:form.bankType,option:form}}">添加收款方</router-link>

  225.         <van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/>

  226.       </div>

  227. 

  228.       <div class="main_box" style="margin-bottom: 15px;" v-if="form.bankType==1||form.bankType==2||form.bankType==3||form.bankType==4">

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

  230.           <template #right-icon>

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

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

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

  234.             </van-radio-group>

  235.           </template>

  236.         </van-cell>

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

  238.           <template #right-icon>

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

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

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

  242.             </van-radio-group>

  243.           </template>

  244.         </van-cell>

  245.       </div>

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

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

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

  249.           <van-field

  250.             readonly

  251.             clickable

  252.             label="收款方"

  253.             placeholder="请选择"

  254.             v-model="item.payee"

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

  256.             input-align="right"

  257.             right-icon="arrow-down"

  258.             required

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

  260.           />

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

  262.             <van-picker

  263.               show-toolbar

  264.               :columns="payeeList"

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

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

  267.             />

  268.           </van-popup>

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

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

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

  272.           <van-field

  273.             readonly

  274.             clickable

  275.             label="所属银行"

  276.             v-model="item.bankTypeText"

  277.             input-align="right"

  278.             placeholder="请输入所属银行"

  279.             required

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

  281.           />

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

  283.             <van-picker

  284.               show-toolbar

  285.               :columns="bankTypeDictionaries"

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

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

  288.             />

  289.           </van-popup>-->

  290.         </div>

  291.       </div>

  292.       <p class="main_title"  v-if="isModifyOrder" style="margin: 0.2rem 3%;">上传附件<i style="margin-right: 0.5em;"></i><span style="font-size: 12px;color: red;">（若申请单未变动可不必点击底部的修改按钮）</span></p>

  293.       <div class="main_box" style="padding: 5px 0 0 0;" v-if="isModifyOrder">

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

  295.         <van-uploader v-model="fileList1" :after-read="beforeRead('1')" @delete="deleteFile" style="margin-left:8px;"></van-uploader>

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

  297.         <van-uploader v-model="fileList2" :after-read="beforeRead('2')"   @delete="deleteFile" style="margin-left:8px;"></van-uploader>

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

  299.         <van-uploader v-model="fileList3" :after-read="beforeRead('3')" @delete="deleteFile" style="margin-left:8px;"></van-uploader>

  300.       </div>

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

  302.         <van-row v-if="!isModifyOrder">

  303.           <van-col span="24" align="center">

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

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

  306.           </van-col>

  307.         </van-row>

  308.         <van-row v-else>

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

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

  311.           </van-col>

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

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

  314.           </van-col>

  315.         </van-row>

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

  317.       </div>

  318.     </van-form>

  319.   </div>

  320. </template>

  321. 

  322. <script>

  323.   import { addTransfer , listPayee , updateTransfer , getProjectto , listProject , addProjectto ,selectApprovalByTemplateId,

  324.     customSubmit ,offlineCustomSubmit, getAccount ,getQmyeFlow , attach ,listInfo ,getInfoto ,addInfoto,listTemplate} from "@/api/onlineHome/bankAgriculture/paymentApproval";

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

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

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

  328.   export default {

  329.     name: "approvalAdd",

  330.     data() {

  331.       return {

  332.         showtemplate:false,

  333.         showcontract:false,

  334.         showcapital:false,

  335.         showpayee:false,

  336.         showlasj:false,

  337.         showbankType:false,

  338.         showproject:false,

  339.         showFundType:false,

  340.         showpayer:false,

  341. 

  342.         buttonType:'a',

  343. 

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

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

  346.         currentDate: new Date(),

  347.         form:{

  348.           id: null,

  349.           upId: null,

  350.           applyDate:this.nowDate,

  351.           approvalMode:'1',

  352.           downId: null,

  353.           orderId: null,

  354.           cashierId: null,

  355.           transferType: '1',

  356.           accountType: null,

  357.           isPeers:null,

  358.           explainSituation: null,

  359.           succeedAmount: null,

  360.           payer: null,

  361.           payerAccount: null,

  362.           operatorCode: null,

  363.           enterpriseCode: null,

  364.           expenditureAmount: null,

  365.           capitalExpenditureType: '1',

  366.           remark: null,

  367.           transferStatus: "0",

  368.           auditStatus: "0",

  369.           paymentState: "1",

  370.           bankPriority: "0",

  371.           clientPriority: "0"

  372.         },

  373.         fileList1:[],

  374.         fileList2:[],

  375.         fileList3:[],

  376.         capitalExpenditureType:'结算类',

  377.         payee:'',

  378.         bankType:'',

  379. 

  380.         wfydlxDictionaries:[],

  381.         jglxDictionaries:[],

  382.         sysDictionaries:[],

  383.         capitalExpenditureTypeOptions:[],

  384.         bankTypeDictionaries:[],

  385.         projectList:[],

  386.         projectFundTypeOptions:[],

  387.         projectFundTypeDictionaries:[],

  388.         infoList:[],

  389.         payerOptions:[],

  390. 

  391.         chargeItme:[],

  392.         chargeItmeShow:[],

  393.         templateList:[],

  394.         payeeList:[],

  395.         // 查询参数

  396.         queryParams: {

  397.           transferType:"",

  398.           orderByColumn: "id",

  399.           isAsc: "desc",

  400.         },

  401.         capitalExpenditureOpen:false,

  402.         contractOpen:false,

  403.         projectForm:{

  404.           projectId:null,

  405.           projectName:null,

  406.           projectContractor:null,

  407.           projectAmount:null,

  408.           projectBillNum:null,

  409.           projectFundType:'1',

  410.           outId:null,

  411.           ynType:'1'

  412.         },

  413.         infoForm:{

  414.           infoId:null,

  415.           name:null,

  416.           code:null,

  417.           totalAmount:null,

  418.           contractionId:null,

  419.           transferId:null

  420.         },

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

  422.         queryContractionParams: {

  423.           pageNum: 1,

  424.           pageSize: 100,

  425.           contractionStatus: '1',

  426.           orderByColumn: "endTime",

  427.           isAsc: "desc",

  428.         },

  429.         projectFundType:'',

  430.         nowDate:"",

  431.         isModifyOrder:false,  //是已创建订单 false新建订单  true已创建订单

  432.       };

  433.     },

  434.     created() {

  435.       this.getNowDate();

  436.       this.reset();

  437.       this.initProjectInfo();

  438.       this.capitalExpenditureOpen = false

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

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

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

  442.         }

  443.         this.projectFundTypeDictionaries = response.data;

  444.       });

  445.       let params1={

  446.         accountType: "102",

  447.        // "params":{townAccountType:'0'},

  448.         status: "N",

  449.       }

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

  451.         this.payerOptions = response.rows;

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

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

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

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

  456.         })

  457.       });

  458.       this.getDictionaries();

  459.       this.getTemplateList();

  460. 

  461. 

  462.     },

  463.     methods: {

  464.       goFlow(){

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

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

  467.         }else{

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

  469.         }

  470.       },

  471.       getTemplateList(){

  472.         let templateQueryParams = {

  473.           // 分页

  474.           pageNum: 1,

  475.           pageSize: 999,

  476.           type:'1'

  477.         };

  478.         listTemplate(templateQueryParams).then(response => {

  479.           this.templateList = response.rows;

  480.         });

  481.       },

  482.       onConfirmTemplate(data){

  483.         selectApprovalByTemplateId(data.id).then(res => {

  484.           this.showtemplate = false;

  485.           if(res.approvalDetails.length>0){

  486.             this.form.approvalTemplateName = data.name

  487.             this.form.approvalTemplateId = data.id

  488.           }else{

  489.             this.form.approvalTemplateName = null

  490.             this.form.approvalTemplateId = null

  491.             this.$notify({ type: 'danger', message: '此流程无节点，无法选择！' });

  492.           }

  493.         })

  494.       },

  495.       getNowDate(){

  496.         var _this = this;

  497.         let yy = new Date().getFullYear();

  498.         let mm = new Date().getMonth()+1;

  499.         let dd = new Date().getDate();

  500.         _this.nowDate = yy+'-'+mm+'-'+dd

  501.       },

  502.       initProjectInfo(){

  503.         let _this = this

  504.         let queryParams={

  505.           pageNum: 1,

  506.           pageSize: 100,

  507.         }

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

  509.          _this.projectList = response.rows;

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

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

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

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

  514.           }

  515.         });

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

  517.          _this.infoList = response.rows;

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

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

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

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

  522.           }

  523.         });

  524.       },

  525.       // 表单重置

  526.       reset() {

  527.         this.form = {

  528.           id: null,

  529.           upId: null,

  530.           applyDate:this.nowDate,

  531.           approvalMode:'1',

  532.           downId: null,

  533.           orderId: null,

  534.           cashierId: null,

  535.           transferType: '1',

  536.           accountType: null,

  537.           isPeers:null,

  538.           explainSituation: null,

  539.           succeedAmount: null,

  540.           payer: null,

  541.           payerAccount: null,

  542.           operatorCode: null,

  543.           enterpriseCode: null,

  544.           expenditureAmount: null,

  545.           capitalExpenditureType: '1',

  546.           remark: null,

  547.           transferStatus: "0",

  548.           auditStatus: "0",

  549.           paymentState: "1",

  550.           bankPriority: "0",

  551.           clientPriority: "0"

  552.         };

  553.         this.processList = {}

  554.         this.projectForm={

  555.           projectId:null,

  556.           projectName:null,

  557.           projectContractor:null,

  558.           projectAmount:null,

  559.           projectBillNum:null,

  560.           projectFundType:'1',

  561.           outId:null,

  562.           ynType:'1'

  563.         }

  564.       },

  565.       getChange(){

  566.         if(this.buttonType == 'save'){

  567.           //保存

  568.           this.goSave();

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

  570.           //保存并提交

  571.           this.goAdd();

  572.         }else if(this.buttonType == 'update'){

  573.           //修改

  574.           this.goUpdate();

  575.         }

  576.       },

  577.       getDictionaries(){

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

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

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

  581.           }

  582.         });

  583.         this.getDicts("bank_type_all").then(res => {

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

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

  586.           }

  587.         });

  588.       },

  589.       getError(e){

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

  591.       },

  592.       addChargeItme(index){

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

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

  595.           return;

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

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

  598.           return;

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

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

  601.           return;

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

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

  604.           return;

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

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

  607.           return;

  608.         }

  609.         if(this.form.bankType == '2' && this.form.isPeers == 'N' && this.chargeItme.length>0 && this.chargeItme != []){

  610.           this.$notify({ type: 'danger', message: '目前农商行仅支持单笔跨行转账，即仅能有一个收款方！' });

  611.         }else{

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

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

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

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

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

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

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

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

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

  621.             showPayee:false,

  622.             showbankType:false

  623.           });

  624.         });}

  625.       },

  626.       getPayeeList() {

  627.         //普通转账

  628.         this.queryParams.status = "0"

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

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

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

  632.               res.text = res.payee;

  633.               res.value = res.id;

  634.               this.payeeList.push(res)

  635.             }

  636.           })

  637.         });

  638.       },

  639.       payeeDictLabel(datas, value) {

  640.         var actions = [];

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

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

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

  644.             return true;

  645.           }

  646.         })

  647.         return actions.join('');

  648.       },

  649.       onConfirmCapital(data){

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

  651.           this.capitalExpenditureOpen = true;

  652.           this.contractOpen = false

  653.           this.infoForm = {};

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

  655.           this.capitalExpenditureOpen = false;

  656.           this.contractOpen = true

  657.           this.projectForm = {};

  658.         }else{

  659.           this.capitalExpenditureOpen = false;

  660.           this.contractOpen = false

  661.           this.projectForm = {};

  662.           this.infoForm = {};

  663.         }

  664.         this.capitalExpenditureType = data.text;

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

  666.         this.showcapital = false;

  667.       },

  668.       onConfirmFundType(data){

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

  670.         this.projectFundType = data.text;

  671.         this.showFundType = false;

  672.       },

  673.       onConfirmContract(data){

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

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

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

  677.             this.infoForm.name = res.name;

  678.             this.infoForm.code = res.code;

  679.             this.infoForm.totalAmount = res.totalAmount;

  680.           }

  681.         })

  682.         this.showcontract = false;

  683.       },

  684. 

  685.       onConfirmProject(data){

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

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

  688.             this.projectForm.projectId = res.id

  689.             this.projectForm.projectName = res.projectName

  690.             this.projectForm.projectContractor = res.projectContractor

  691.             this.projectForm.projectAmount = res.projectAmount

  692.           }

  693.         })

  694.         this.showproject = false;

  695.       },

  696.       onConfirmPayee(data,index){

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

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

  699.         }

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

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

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

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

  704.       },

  705.       onConfirmBankType(data,index){

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

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

  708.         }

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

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

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

  712.       },

  713.       onConfirmPayer(data){

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

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

  716.         this.showpayer = false;

  717.         this.selectChange(data.value)

  718.       },

  719.       onConfirmLasj(data){

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

  721.         this.showlasj = false;

  722.       },

  723.       accountTypeChange(e){

  724.         this.payeeList = [];

  725.         this.chargeItme = [];

  726.         this.queryParams.isPeers = this.form.isPeers

  727.         this.queryParams.accountType = this.form.accountType

  728.         this.queryParams.bankType = this.form.bankType

  729.         this.queryParams.status = "0"

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

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

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

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

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

  735.               this.payeeList.push(res)

  736.             }

  737.           })

  738.         });

  739.       },

  740.       accountTypeChange1(e){

  741.         this.payeeList = [];

  742.         this.chargeItme = [];

  743.         this.queryParams.isPeers = this.form.isPeers

  744.         this.queryParams.accountType = this.form.accountType

  745.         this.queryParams.bankType = this.form.bankType

  746.         this.queryParams.status = "0"

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

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

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

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

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

  752.               this.payeeList.push(res)

  753.             }

  754.           })

  755.         });

  756.       },

  757.       // 钱计算

  758.       moneyChange(input) {

  759.         let obj = {};

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

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

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

  763.         });

  764.         let total = 0;

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

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

  767.         });

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

  769.       },

  770.       goAdd(){

  771. 

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

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

  774.           return;

  775.         }

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

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

  778.           return;

  779.         }

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

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

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

  783.             return;

  784.           }

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

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

  787.             return;

  788.           }

  789.         }

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

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

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

  793.             return;

  794.           }

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

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

  797.             return;

  798.           }

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

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

  801.             return;

  802.           }

  803.         }

  804.         if(this.fileList1.length==0&&this.fileList2.length==0&&this.fileList3.length==0){

  805.           Dialog.confirm({

  806.             title: '提示',

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

  808.           })

  809.             .then(() => {

  810.               this.saveRelease()

  811.             })

  812.             .catch(() => {

  813.               return false;

  814.             });

  815.         }else{

  816.           this.saveRelease()

  817.         }

  818.       },

  819.       saveRelease(){

  820.         let _this = this;

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

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

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

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

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

  826.           this.projectForm.outId = this.form.id

  827.           this.infoForm.transferId = this.form.id

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

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

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

  831.               if(this.form.approvalMode === '1'){

  832.                 customSubmit(this.projectForm.outId).then(res => {

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

  834.                   setTimeout(function(){

  835.                     _this.$router.push('/yinnong/approvalList')

  836.                   },1000)

  837.                 })

  838.               }else{

  839.                 offlineCustomSubmit(this.projectForm.outId).then(res => {

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

  841.                   setTimeout(function(){

  842.                     _this.$router.push('/yinnong/approvalList')

  843.                   },1000)

  844.                 })

  845.               }

  846. 

  847.             })

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

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

  850.               if(this.form.approvalMode === '1'){

  851.                 customSubmit(this.projectForm.outId).then(res => {

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

  853.                   setTimeout(function(){

  854.                     _this.$router.push('/yinnong/approvalList')

  855.                   },1000)

  856.                 })

  857.               }else{

  858.                 offlineCustomSubmit(this.projectForm.outId).then(res => {

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

  860.                   setTimeout(function(){

  861.                     _this.$router.push('/yinnong/approvalList')

  862.                   },1000)

  863.                 })

  864.               }

  865.             })

  866.           }else{

  867.             if(this.form.approvalMode === '1'){

  868.               customSubmit(this.projectForm.outId).then(res => {

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

  870.                 setTimeout(function(){

  871.                   _this.$router.push('/yinnong/approvalList')

  872.                 },1000)

  873.               })

  874.             }else{

  875.               offlineCustomSubmit(this.projectForm.outId).then(res => {

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

  877.                 setTimeout(function(){

  878.                   _this.$router.push('/yinnong/approvalList')

  879.                 },2000)

  880.               })

  881.             }

  882.           }

  883.         })

  884.       },

  885.       goSave(){

  886.         let _this = this

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

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

  889.           return;

  890.         }

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

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

  893.           return;

  894.         }

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

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

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

  898.             return;

  899.           }

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

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

  902.             return;

  903.           }

  904.         }

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

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

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

  908.             return;

  909.           }

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

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

  912.             return;

  913.           }

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

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

  916.             return;

  917.           }

  918.         }

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

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

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

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

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

  924.           this.projectForm.outId = response.data.id;

  925.           this.infoForm.transferId = response.data.id;

  926.           this.form.id = response.data.id;

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

  928.           this.isModifyOrder = true;

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

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

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

  932.           //     setTimeout(function(){

  933.           //       history.go(-1)

  934.           //     },2000)

  935.             })

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

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

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

  939.           //     setTimeout(function(){

  940.           //       history.go(-1)

  941.           //     },2000)

  942.             })

  943.           }else{

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

  945.           //   setTimeout(function(){

  946.           //     history.go(-1)

  947.           //   },2000)

  948.           }

  949.         });

  950.       },

  951.       goUpdate(){

  952.         let _this = this;

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

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

  955.           return;

  956.         }

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

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

  959.           return;

  960.         }

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

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

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

  964.             return;

  965.           }

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

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

  968.             return;

  969.           }

  970.         }

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

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

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

  974.             return;

  975.           }

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

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

  978.             return;

  979.           }

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

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

  982.             return;

  983.           }

  984.         }

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

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

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

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

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

  990.           this.projectForm.outId = this.form.id

  991.           this.infoForm.transferId = this.form.id

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

  993.           setTimeout(function(){

  994.             _this.$router.push('/yinnong/approvalList')

  995.           },1000)

  996.         })

  997.       },

  998.       payeeSelectChange(select, i) {

  999.         let obj = {};

  1000.         let fuzhitype = 0;

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

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

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

  1004.         });

  1005.         let _this = this

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

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

  1008.             if(value.payeeAccount != undefined &&value.payeeAccount != '' && obj.payeeAccount == value.payeeAccount&&index!=i&&this.form.bankType != 2){

  1009.               fuzhitype = 2;

  1010.               return true;

  1011.             }

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

  1013. 

  1014.             }else{

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

  1016.                 fuzhitype = 1;

  1017.                 return true;

  1018.               }

  1019.             }

  1020.           });

  1021.         }

  1022.         if(fuzhitype == 0){

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

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

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

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

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

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

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

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

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

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

  1033.             }

  1034.           })

  1035. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1056.         }

  1057.       },

  1058.       selectChange(select) {

  1059.         let obj = {};

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

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

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

  1063.         });

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1081.             this.form.accountType = "1"

  1082.             this.form.isPeers = null

  1083.             this.accountTypeChange();

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

  1085.             this.form.accountType = null

  1086.             this.form.isPeers = "Y"

  1087.             this.accountTypeChange1();

  1088.           }else{

  1089.             this.payeeList = [];

  1090.             this.chargeItme = [];

  1091.             this.queryParams.isPeers = null

  1092.             this.queryParams.accountType = ""

  1093.             this.queryParams.bankType = ""

  1094.             this.queryParams.status = "0"

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

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

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

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

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

  1100.                   this.payeeList.push(res)

  1101.                 }

  1102.               })

  1103.             });

  1104.           }

  1105.         }else{

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

  1107.             this.diglogStatus = false;

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

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

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

  1111.           }else{

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

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

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

  1115.             }else{

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

  1117.             }

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

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

  1120.             }else{

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

  1122.             }

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

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

  1125.             }else{

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

  1127.             }

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

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

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

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

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

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

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

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

  1136.               });

  1137.             }else {

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

  1139.             }

  1140.           }

  1141.         }

  1142.       },

  1143.       beforeRead(obj) {

  1144.         return (file) =>{

  1145.           let params1 = new FormData();

  1146.           params1.append("tableId", this.projectForm.outId);

  1147.           params1.append("tableName", "t_yinnong_transfer");

  1148.           params1.append("bizPath", "transfer");

  1149.           params1.append("fileType", obj);

  1150.           params1.append("file", file.file);

  1151.           commonAttach(params1).then((r1) => {

  1152.             file.id=r1.id;

  1153.             file.fileUrl = r1.fileUrl;

  1154.           })

  1155.         }

  1156.       },

  1157.       deleteFile(file){

  1158.         systemAttachment(file.id).then((res) => {});

  1159.       },

  1160.       getFileList(){

  1161.         let oData1= {

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

  1163.           tableName: "t_yinnong_transfer",

  1164.           bizPath: "transfer",

  1165.           fileType: "1",

  1166.         }

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

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

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

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

  1171.           })

  1172.         })

  1173.         let oData2= {

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

  1175.           tableName: "t_yinnong_transfer",

  1176.           bizPath: "transfer",

  1177.           fileType: "2",

  1178.         }

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

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

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

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

  1183.           })

  1184.         })

  1185.         let oData3= {

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

  1187.           tableName: "t_yinnong_transfer",

  1188.           bizPath: "transfer",

  1189.           fileType: "3",

  1190.         }

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

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

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

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

  1195.           })

  1196.         })

  1197.       },

  1198.       goBack(){

  1199.         this.$router.push({path:'/yinnong/approvalList'})

  1200.       },

  1201.       deleteChargeItme(index){

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

  1203.       },

  1204.     },

  1205.     watch: {

  1206.       $route (to, from ) {

  1207.         // 监听路由变化, 实现类似 小程序的 onShow 事件

  1208.         if (to.path === '/yinnong/approvalAdd') {

  1209.           // do anything you want

  1210.           if (this.$route.params.payeeForm){

  1211.             this.chargeItme.push(this.$route.params.payeeForm)

  1212.           }

  1213.         }

  1214.       }

  1215.     },

  1216.   }

  1217. </script>

  1218. 

  1219. <style scoped lang="scss">

  1220.   .app-container {

  1221.     padding: 2% 0;

  1222.   }

  1223.   .main_title_box{

  1224.     display: flex;

  1225.     justify-content: space-between;

  1226.     align-items: center;

  1227.   }

  1228.   .main_title{

  1229.     font-size: 0.4rem;

  1230.     color: #1D6FE9;

  1231.     margin: 0.2rem 6%;

  1232.     position: relative;

  1233.     a{

  1234.       background: #1989fa;

  1235.       color: #ffffff;

  1236.       padding: 0.05rem 0.3rem;

  1237.       border-radius: 5PX;

  1238.     }

  1239.   }

  1240.   .main_box{

  1241.     width: 96%;

  1242.     margin: 0 auto;

  1243.     border-radius: 6px;

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

  1245.     overflow: hidden;

  1246.     background-color: #FFF;

  1247.   }

  1248.   .submitButton{

  1249.     width: 80%;

  1250.     margin: 0 auto;

  1251.     background-color: #1D6FE9;

  1252.   }

  1253. 

  1254.   .addFamily{

  1255.     //position: absolute;

  1256.     //top: -2px;

  1257.     //right: 0;

  1258.     border-radius: 50%;

  1259.   }

  1260.   .deleteFamily{

  1261.     position: absolute;

  1262.     top: 0rem;

  1263.     right: 6%;

  1264.     z-index: 9;

  1265.     border-radius: 50%;

  1266.   }

  1267. </style>