zhangzl
/
nsgk_mobile
2
0
Forka 0
Codice Problemi 0 Pull Requests 0 Rilasci 0 Wiki Attività
移动端
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
1821 Commit
7 Rami (Branch)
5.6 GiB
 
 
Albero (Tree): 6fa811fb41
Rami (Branch) Tag
${ item.name }
Crea branch ${ searchTerm }
da '6fa811fb41'
${ noResults }
nsgk_mobile/src/views/sunVillage_info/bankAgriculture/paymentApproval/approvalModify.vue

1412 righe
56 KiB
Originale Blame Cronologia 

  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/sunVillage_info/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.       <div class="main_box">

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

  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.         <van-field

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

  83.           readonly

  84.           clickable

  85.           label="审批流程"

  86.           placeholder="请选择"

  87.           v-model="form.approvalTemplateName"

  88.           @click="showtemplate = true"

  89.           input-align="right"

  90.           right-icon="arrow-down"

  91.           required

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

  93.         />

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

  95.           <van-picker

  96.             show-toolbar

  97.             value-key="name"

  98.             :columns="templateList"

  99.             @confirm="onConfirmTemplate"

  100.             @cancel="showtemplate = false"

  101.           />

  102.         </van-popup>

  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.           maxlength="10"

  115.           required

  116.           show-word-limit

  117.           v-if="form.bankType == '5' || form.bankType == '8'"

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

  119.         />

  120.         <van-field

  121.           label="转账附言"

  122.           v-model="form.remark"

  123.           type="textarea"

  124.           placeholder="附言请尽量简洁并减少标点符号的使用，详情可在‘说明情况’中描述。"

  125.           input-align="right"

  126.           rows="3"

  127.           label-width="auto"

  128.           maxlength="20"

  129.           required

  130.           show-word-limit

  131.           v-if="form.bankType == '6'"

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

  133.         />

  134.         <van-field

  135.           label="转账附言"

  136.           v-model="form.remark"

  137.           type="textarea"

  138.           placeholder="附言请尽量简洁并减少标点符号的使用，对私转账时不要出现工资、奖金和劳务费，详情可在‘说明情况’中描述。"

  139.           input-align="right"

  140.           rows="4"

  141.           label-width="auto"

  142.           maxlength="30"

  143.           required

  144.           show-word-limit

  145.           v-if="form.bankType == '10'"

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

  147.         />

  148.         <van-field

  149.           label="转账附言"

  150.           v-model="form.remark"

  151.           type="textarea"

  152.           placeholder="附言请尽量简洁并减少标点符号的使用，详情可在‘说明情况’中描述。"

  153.           input-align="right"

  154.           rows="3"

  155.           label-width="auto"

  156.           maxlength="30"

  157.           required

  158.           show-word-limit

  159.           v-if="form.bankType != '5' && form.bankType != '6' && form.bankType != '8' && form.bankType != '10'"

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

  161.         />

  162.       </div>

  163. 

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

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

  166.       </div>

  167. 

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

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

  170.         <van-field

  171.           readonly

  172.           clickable

  173.           label="项目名称"

  174.           placeholder="请选择"

  175.           v-model="projectForm.projectName"

  176.           @click="showproject = true"

  177.           input-align="right"

  178.           right-icon="arrow-down"

  179.           required

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

  181.         />

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

  183.           <van-picker

  184.             show-toolbar

  185.             :columns="projectList"

  186.             @confirm="onConfirmProject"

  187.             @cancel="showproject = false"

  188.           />

  189.         </van-popup>

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

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

  192.         <van-field

  193.           readonly

  194.           clickable

  195.           label="工程款类型"

  196.           placeholder="请选择"

  197.           v-model="projectFundType"

  198.           @click="showFundType = true"

  199.           input-align="right"

  200.           right-icon="arrow-down"

  201.           required

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

  203.         />

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

  205.           <van-picker

  206.             show-toolbar

  207.             :columns="projectFundTypeOptions"

  208.             @confirm="onConfirmFundType"

  209.             @cancel="showFundType = false"

  210.           />

  211.         </van-popup>

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

  213.       </div>

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

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

  216.         <van-field

  217.           readonly

  218.           clickable

  219.           label="合同"

  220.           placeholder="请选择"

  221.           v-model="infoForm.name"

  222.           @click="showcontract = true"

  223.           input-align="right"

  224.           right-icon="arrow-down"

  225.           required

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

  227.         />

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

  229.           <van-picker

  230.             show-toolbar

  231.             :columns="infoList"

  232.             @confirm="onConfirmContract"

  233.             @cancel="showcontract = false"

  234.           />

  235.         </van-popup>

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

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

  238.       </div>

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

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

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

  242.         <van-field

  243.           readonly

  244.           clickable

  245.           label="付款方"

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

  247.           v-model="form.payer"

  248.           @click="showpayer = true"

  249.           input-align="right"

  250.           right-icon="arrow-down"

  251.           label-width="auto"

  252.           required

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

  254.         />

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

  256.           <van-picker

  257.             show-toolbar

  258.             :columns="payerOptions"

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

  260.             @cancel="showpayer = false"

  261.           />

  262.         </van-popup>

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

  264.         <van-field required label="余额" readonly v-model="form.balance" placeholder="请输入余额" input-align="right" label-width="auto"/>

  265.       </div>

  266. 

  267. <!--      <div class="main_title main_title_box">-->

  268. <!--        <p>收款方信息</p>-->

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

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

  271. <!--      </div>-->

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

  273.         <div style="position:relative;">

  274.           <p class="main_title">

  275.             <i></i>收款方信息

  276.           </p>

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

  278.         </div>

  279. 

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

  281.           <template #right-icon>

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

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

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

  285.             </van-radio-group>

  286.           </template>

  287.         </van-cell>

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

  289.           <template #right-icon>

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

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

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

  293.             </van-radio-group>

  294.           </template>

  295.         </van-cell>

  296.       </div>

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

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

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

  300.           <van-field

  301.             readonly

  302.             clickable

  303.             label="收款方"

  304.             placeholder="请选择"

  305.             v-model="item.payee"

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

  307.             input-align="right"

  308.             right-icon="arrow-down"

  309.             required

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

  311.           />

  312.           <van-popup v-model="item.showPayee" position="bottom" @close="payeeSearchValue = ''" @closed="payeeSearch">

  313.             <van-search v-model="payeeSearchValue" show-action placeholder="请输入收款方名称搜索" >

  314.               <template #action>

  315.                 <div @click="payeeSearch">搜索</div>

  316.               </template>

  317.             </van-search>

  318.             <van-picker

  319.               show-toolbar

  320.               :columns="payeeList"

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

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

  323.             />

  324.           </van-popup>

  325.           <van-field required readonly v-model="item.payeeAccount" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/>

  326.           <van-field required readonly v-model="item.bankDeposit" label="开户银行" placeholder="请输入开户银行" input-align="right" label-width="auto"/>

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

  328.           <van-field

  329.             readonly

  330.             clickable

  331.             label="所属银行"

  332.             placeholder="请选择"

  333.             v-model="item.bankTypeText"

  334.             input-align="right"

  335.             required

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

  337.           />

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

  339.             <van-picker

  340.               show-toolbar

  341.               :columns="bankTypeDictionaries"

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

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

  344.             />

  345.           </van-popup>

  346.         </div>

  347.       </div>

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

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

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

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

  352.           <template #preview-cover="file">

  353.             <div class="preview-cover">

  354.               <img src="../../../../assets/images/sunVillage_info/WORD.png" width="75" v-if="file.type == 'docx' || file.type == 'doc'"/>

  355.               <img src="../../../../assets/images/sunVillage_info/ECEL.png" width="75" v-if="file.type == 'xlsx' || file.type == 'xls'" />

  356.               <img src="../../../../assets/images/sunVillage_info/PDF.png" width="75" v-if="file.type == 'pdf'" />

  357.               <img src="../../../../assets/images/sunVillage_info/PPT.png" width="75" v-if="file.type == 'ppt'" />

  358.               <img src="../../../../assets/images/sunVillage_info/RAR.png" width="75" v-if="file.type == 'zip' || file.type == 'rar'" />

  359.             </div>

  360.           </template>

  361.         </van-uploader>

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

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

  364.           <template #preview-cover="file">

  365.             <div class="preview-cover">

  366.               <img src="../../../../assets/images/sunVillage_info/WORD.png" width="75" v-if="file.type == 'docx' || file.type == 'doc'"/>

  367.               <img src="../../../../assets/images/sunVillage_info/ECEL.png" width="75" v-if="file.type == 'xlsx' || file.type == 'xls'" />

  368.               <img src="../../../../assets/images/sunVillage_info/PDF.png" width="75" v-if="file.type == 'pdf'" />

  369.               <img src="../../../../assets/images/sunVillage_info/PPT.png" width="75" v-if="file.type == 'ppt'" />

  370.               <img src="../../../../assets/images/sunVillage_info/RAR.png" width="75" v-if="file.type == 'zip' || file.type == 'rar'" />

  371.             </div>

  372.           </template>

  373.         </van-uploader>

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

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

  376.           <template #preview-cover="file">

  377.             <div class="preview-cover">

  378.               <img src="../../../../assets/images/sunVillage_info/WORD.png" width="75" v-if="file.type == 'docx' || file.type == 'doc'"/>

  379.               <img src="../../../../assets/images/sunVillage_info/ECEL.png" width="75" v-if="file.type == 'xlsx' || file.type == 'xls'" />

  380.               <img src="../../../../assets/images/sunVillage_info/PDF.png" width="75" v-if="file.type == 'pdf'" />

  381.               <img src="../../../../assets/images/sunVillage_info/PPT.png" width="75" v-if="file.type == 'ppt'" />

  382.               <img src="../../../../assets/images/sunVillage_info/RAR.png" width="75" v-if="file.type == 'zip' || file.type == 'rar'" />

  383.             </div>

  384.           </template>

  385.         </van-uploader>

  386.       </div>

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

  388.         <van-row>

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

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

  391.           </van-col>

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

  393.             <van-button type="info" native-type="submit" @click="buttonType='add'" class="submitButton">提<i style="margin-right: 1em;"></i>交</van-button>

  394.           </van-col>

  395.         </van-row>

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

  397.       </div>

  398.     </van-form>

  399.   </div>

  400. </template>

  401. 

  402. <script>

  403.   import { getCashierAccount,getAccount , getTransfer , queryTransferDetail , listPayee , updateTransfer , getProjectto , listProject , addProjectto ,

  404.     customSubmit ,offlineCustomSubmit, getQmyeFlow ,listInfo ,getInfoto ,addInfoto,listTemplate,selectApprovalByTemplateId} from "@/api/onlineHome/bankAgriculture/paymentApproval";

  405.   import {

  406.     attachmentList,

  407.     commonAttach,

  408.     systemAttachment

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

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

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

  412.   export default {

  413.     name: "approvalModify",

  414.     data() {

  415.       return {

  416.         showtemplate:false,

  417.         showcontract:false,

  418.         showcapital:false,

  419.         showpayee:false,

  420.         showlasj:false,

  421.         showbankType:false,

  422.         showproject:false,

  423.         showFundType:false,

  424.         showpayer:false,

  425. 

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

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

  428.         currentDate: new Date(),

  429.         form:{},

  430. 

  431.         capitalExpenditureType:'',

  432.         payee:'',

  433.         bankType:'',

  434. 

  435.         buttonType:'a',

  436. 

  437.         wfydlxDictionaries:[],

  438.         jglxDictionaries:[],

  439.         sysDictionaries:[],

  440.         capitalExpenditureTypeOptions:[],

  441.         bankTypeDictionaries:[],

  442.         infoList:[],

  443.         projectList:[],

  444.         projectFundTypeOptions:[],

  445.         projectFundTypeDictionaries:[],

  446.         payerOptions:[],

  447. 

  448.         chargeItme:[],

  449.         chargeItmeShow:[],

  450. 

  451.         payeeSearchValue:'',

  452. 

  453.         payeeList:[],

  454.         bankTypeList:[],

  455.         // 查询参数

  456.         queryParams: {

  457.           transferType:"",

  458.           orderByColumn: "id",

  459.           isAsc: "desc",

  460.         },

  461.         capitalExpenditureOpen:false,

  462.         contractOpen:false,

  463.         projectForm:{

  464.           projectId:null,

  465.           projectName:null,

  466.           projectContractor:null,

  467.           projectAmount:null,

  468.           projectBillNum:null,

  469.           projectFundType:'1',

  470.           outId:null,

  471.           ynType:'1'

  472.         },

  473.         infoForm:{

  474.           infoId:null,

  475.           name:null,

  476.           code:null,

  477.           totalAmount:null,

  478.           contractionId:null,

  479.           transferId:null

  480.         },

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

  482.         queryContractionParams: {

  483.           pageNum: 1,

  484.           pageSize: 100,

  485.           contractionStatus: '1',

  486.           orderByColumn: "endTime",

  487.           isAsc: "desc",

  488.         },

  489.         projectFundType:'',

  490.         fileList1:[],

  491.         fileList2:[],

  492.         fileList3:[],

  493.         uploadFiles1:[],

  494.         uploadFiles2:[],

  495.         uploadFiles3:[],

  496.         templateList:[],

  497.       };

  498.     },

  499.     created() {

  500.       let queryParams={

  501.         pageNum: 1,

  502.         pageSize: 100,

  503.       }

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

  505.         this.projectList = response.rows;

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

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

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

  509.         }

  510.       });

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

  512.         this.infoList = response.rows;

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

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

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

  516.         }

  517.       });

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

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

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

  521.         }

  522.         this.projectFundTypeDictionaries = response.data;

  523.       });

  524.       this.getDicts("bank_type").then((response) => {

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

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

  527.         }

  528.       });

  529.       let params1={

  530.         accountType: "102",

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

  532.         status: "N",

  533.       }

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

  535.         this.payerOptions = response.rows;

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

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

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

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

  540.         })

  541.       });

  542.       this.getDictionaries();

  543.       this.getFileList();

  544.     },

  545.     methods: {

  546.       payeeSearch(val){

  547.         console.log(val);

  548.         this.payeeList = [];

  549.         this.queryParams.payee = this.payeeSearchValue;

  550.         if(this.form.bankType == 1 || this.form.bankType == 10){

  551.           this.queryParams.bankType = "";

  552.         }

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

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

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

  556.               response.rows[index].text = (res.payee +":"+ res.payeeAccount);

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

  558.               this.payeeList.push(res)

  559.             }

  560.           })

  561.         });

  562.       },

  563.       goFlow(){

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

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

  566.         }else{

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

  568.         }

  569.       },

  570.       onConfirmTemplate(data){

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

  572.           this.showtemplate = false;

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

  574.             this.form.approvalTemplateName = data.name

  575.             this.form.approvalTemplateId = data.id

  576.           }else{

  577.             this.form.approvalTemplateName = null

  578.             this.form.approvalTemplateId = null

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

  580.           }

  581.         })

  582.       },

  583.       getDictionaries(){

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

  585.           getCashierAccount(response.data.cashierId).then(res => {

  586.             this.form.balance = res.data.balance

  587.           })

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

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

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

  591.             }

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

  593.           });

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

  595.             this.capitalExpenditureOpen = true

  596.             let param={

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

  598.               'ynType' : '1'

  599.             }

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

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

  602.               this.projectForm = res.data

  603.             })

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

  605.             this.contractOpen = true

  606.             let param={

  607.               'transferId' : response.data.id

  608.             }

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

  610.               this.infoForm = res.data

  611.             })

  612.           }else{

  613.             this.showproject = false

  614.           }

  615.           this.form = response.data;

  616.           this.getPayeeList();

  617.           let _this = this

  618.           let templateQueryParams = {

  619.             // 分页

  620.             pageNum: 1,

  621.             pageSize: 999,

  622.             type:'1'

  623.           };

  624.           listTemplate(templateQueryParams).then(rrr => {

  625.             this.templateList = rrr.rows;

  626.             this.templateList.map(ra => {

  627.               if(ra.id == response.data.approvalTemplateId){

  628.                 _this.form.approvalTemplateName = ra.name

  629.               }

  630.             })

  631.           });

  632.         });

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

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

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

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

  637.             }

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

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

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

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

  642.             }

  643.             this.chargeItme = response.rows;

  644.             console.log(this.chargeItme)

  645.           });

  646.         });

  647.       },

  648.       getChange(){

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

  650.           this.goUpdate();

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

  652.           this.goAdd();

  653.         }

  654.       },

  655.       getError(e){

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

  657.       },

  658.       addChargeItme(index){

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

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

  661.           return;

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

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

  664.           return;

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

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

  667.           return;

  668.         }

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

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

  671.         //   return;

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

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

  674.         //   return;

  675.         // }

  676.         // if(this.form.bankType == '2' && this.form.isPeers == 'N' && this.chargeItme.length==1){

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

  678.         // }else

  679.         var heilongjiang = false;

  680.         this.bankTypeList.map(res => {

  681.           if(res.value == 7 && res.text.includes("黑龙江")){

  682.             heilongjiang = true;

  683.           }

  684.         });

  685.         if(heilongjiang && this.form.bankType == '7' && this.chargeItme.length==1){

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

  687.         }else{

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

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

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

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

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

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

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

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

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

  697.               showPayee:false,

  698.               showbankType:false

  699.             });

  700.           });}

  701.       },

  702.       getPayeeList() {

  703.         //普通转账

  704.         this.queryParams.isPeers = this.form.isPeers?this.form.isPeers:null

  705.         this.queryParams.accountType = this.form.accountType?this.form.accountType:null

  706.         this.queryParams.bankType = this.form.bankType

  707.         this.queryParams.status = "0"

  708.         if(this.form.bankType == 1 || this.form.bankType == 10){

  709.           this.queryParams.bankType = "";

  710.         }

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

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

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

  714.               res.text = (res.payee +":"+ res.payeeAccount);

  715.               res.value = res.id;

  716.               this.payeeList.push(res)

  717.             }

  718.           })

  719.         });

  720.       },

  721.       payeeDictLabel(datas, value) {

  722.         var actions = [];

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

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

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

  726.             return true;

  727.           }

  728.         })

  729.         return actions.join('');

  730.       },

  731.       onConfirmCapital(data){

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

  733.           this.capitalExpenditureOpen = true;

  734.           this.contractOpen = false

  735.           this.infoForm = {};

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

  737.           this.capitalExpenditureOpen = false;

  738.           this.contractOpen = true

  739.           this.projectForm = {};

  740.         }else{

  741.           this.capitalExpenditureOpen = false;

  742.           this.contractOpen = false

  743.           this.projectForm = {};

  744.           this.infoForm = {};

  745.         }

  746.         this.capitalExpenditureType = data.text;

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

  748.         this.showcapital = false;

  749.       },

  750.       onConfirmFundType(data){

  751.         console.log(data)

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

  753.         this.projectFundType = data.text;

  754.         this.showFundType = false;

  755.       },

  756.       onConfirmProject(data){

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

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

  759.             this.projectForm.projectId = res.id

  760.             this.projectForm.projectName = res.projectName

  761.             this.projectForm.projectContractor = res.projectContractor

  762.             this.projectForm.projectAmount = res.projectAmount

  763.           }

  764.         })

  765.         this.showproject = false;

  766.       },

  767.       onConfirmContract(data){

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

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

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

  771.             this.infoForm.name = res.name;

  772.             this.infoForm.code = res.code;

  773.             this.infoForm.totalAmount = res.totalAmount;

  774.           }

  775.         })

  776.         this.showcontract = false;

  777.       },

  778.       onConfirmPayee(data,index){

  779.         console.log(data)

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

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

  782.         }

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

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

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

  786.       },

  787.       onConfirmBankType(data,index){

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

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

  790.         }

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

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

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

  794.       },

  795.       onConfirmPayer(data){

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

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

  798.         this.showpayer = false;

  799.         this.selectChange(data.value)

  800.       },

  801.       onConfirmLasj(data){

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

  803.         this.showlasj = false;

  804.       },

  805.       accountTypeChange(e){

  806.         this.payeeList = [];

  807.         this.chargeItme = [];

  808.         this.queryParams.accountType = this.form.accountType

  809.         this.queryParams.isPeers = this.form.isPeers

  810.         this.queryParams.bankType = this.form.bankType

  811.         this.queryParams.status = "0"

  812.         if(this.form.bankType == 1 || this.form.bankType == 10){

  813.           this.queryParams.bankType = "";

  814.         }

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

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

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

  818.               response.rows[index].text = (res.payee +":"+ res.payeeAccount);

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

  820.               this.payeeList.push(res)

  821.             }

  822.           })

  823.         });

  824.       },

  825.       accountTypeChange1(e){

  826.         this.payeeList = [];

  827.         this.chargeItme = [];

  828.         this.queryParams.accountType = this.form.accountType

  829.         this.queryParams.isPeers = this.form.isPeers

  830.         this.queryParams.bankType = this.form.bankType

  831.         this.queryParams.status = "0"

  832.         if(this.form.bankType == 1 || this.form.bankType == 10){

  833.           this.queryParams.bankType = "";

  834.         }

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

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

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

  838.               response.rows[index].text = (res.payee +":"+ res.payeeAccount);

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

  840.               this.payeeList.push(res)

  841.             }

  842.           })

  843.         });

  844.       },

  845.       // 钱计算

  846.       moneyChange(input) {

  847.         console.log(input)

  848.         let obj = {};

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

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

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

  852.         });

  853.         let total = 0;

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

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

  856.         });

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

  858.       },

  859.       goAdd(){

  860.         let _this = this

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

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

  863.           return;

  864.         }

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

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

  867.           return;

  868.         }

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

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

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

  872.             return;

  873.           }

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

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

  876.             return;

  877.           }

  878.         }

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

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

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

  882.             return;

  883.           }

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

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

  886.             return;

  887.           }

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

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

  890.             return;

  891.           }

  892.         }

  893.         if(

  894.           this.fileList1.length==0&&

  895.           this.fileList2.length==0&&

  896.           this.fileList3.length==0){

  897.           Dialog.confirm({

  898.             title: '提示',

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

  900.           })

  901.             .then(() => {

  902.               this.saveRelease()

  903.             })

  904.             .catch(() => {

  905.               return false;

  906.             });

  907.         }else{

  908.           this.saveRelease()

  909.         }

  910.       },

  911.       previewPreview(file, index, len) {

  912.         const baseImgUrl = this.$store.getters.baseRoutingUrl;

  913.         if (file.url) {

  914.           //已上传文件

  915.           let fileName = file.file.name || file.url;

  916.           let subIndex = fileName.lastIndexOf(".");

  917.           let ext = fileName.substring(subIndex + 1, fileName.length);

  918.           let imgi = file.listIndex

  919.           //console.log(ext)

  920.           let allUrl = file.url;

  921.           if(ext  !== 'jpg' && ext  !== 'png' && ext  !== 'gif' && ext  !== 'svg' && ext  !== 'ico' && ext  !== 'bmp'){

  922.             const link = document.createElement("a");

  923.             link.style.display = "none";

  924.             link.target = "_blank"

  925.             link.href = allUrl;

  926.             document.body.appendChild(link);

  927.             link.click();

  928.             document.body.removeChild(link);

  929.           }

  930. 

  931.         } else {

  932.           //新上传文件

  933.           let fileName = file.file.name;

  934.           // console.info(file.file.name)

  935.           let subIndex = fileName.lastIndexOf(".");

  936.           let ext = fileName.substring(subIndex + 1, fileName.length);

  937.           if(ext  !== 'jpg' && ext  !== 'png' && ext  !== 'gif' && ext  !== 'svg' && ext  !== 'ico' && ext  !== 'bmp'){

  938.             let type = this.getfileType(ext);

  939.             // 将文件转换为base64编码

  940.             this.fileToBase64(file.file, ext).then(res => {

  941.               this.downloadFile(res, fileName, ext, type);

  942.             })

  943.           }

  944.         }

  945.       },

  946.       getfileType(type) {

  947.         switch (type) {

  948.           case 'txt':

  949.             return 'text/plain';

  950.           case 'doc':

  951.             return 'application/msword';

  952.           case 'docx':

  953.             return 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';

  954.           case 'xls':

  955.             return 'application/vnd.ms-excel';

  956.           case 'xlsx':

  957.             return 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';

  958.           case 'pdf':

  959.             return 'application/pdf';

  960.           case 'pptx':

  961.             return 'application/vnd.openxmlformats-officedocument.presentationml.presentation';

  962.           case 'png':

  963.             return 'image/png';

  964.           case 'jpg':

  965.             return 'image/jpeg';

  966.           case 'gif':

  967.             return 'image/gif';

  968.           case 'svg':

  969.             return 'image/svg+xml';

  970.           case 'ico':

  971.             return 'image/x-icon';

  972.           case 'bmp':

  973.             return 'image/bmp,';

  974.         }

  975.       },

  976.       downloadFile(base64, fileName, fileType, mimetype) {

  977.         const typeHeader = 'data:application/' + fileType + ';base64,';

  978.         const blob = this.base64ToBlob(base64, mimetype);

  979.         this.downloadFileDownload(blob, fileName, fileType);

  980.       },

  981.       base64ToBlob(base64, mime) {

  982.         //解码base64得到二进制字符串

  983. 

  984.         let raw = window.atob(base64.substring(base64.indexOf(',') + 1));

  985.         let rawLength = raw.length

  986.         //创建8位无符号整数值的类型化数组

  987.         let uInt8Array = new Uint8Array(rawLength)

  988.         for (let i = 0; i < rawLength; ++i) {

  989.           uInt8Array[i] = raw.charCodeAt(i);

  990.         }

  991.         return new Blob([uInt8Array], {type: mime})

  992.       },

  993.       downloadFileDownload(blob, fileName, fileType) {

  994.         const downloadElement = document.createElement('a');

  995.         let href = blob;

  996.         if (typeof blob === 'string') {

  997.           downloadElement.target = '_blank'

  998.         } else {

  999.           href = window.URL.createObjectURL(blob)

  1000.         }

  1001.         downloadElement.href = href;

  1002.         downloadElement.download = fileName + '.' + fileType;//下载后文件名

  1003.         document.body.appendChild(downloadElement);

  1004.         downloadElement.click();

  1005.         document.body.removeChild(downloadElement)

  1006.         if (typeof blob !== 'string') {

  1007.           window.URL.revokeObjectURL(href)

  1008.         }

  1009.       },

  1010.       fileToBase64(file,fileType){

  1011.         return new Promise((resolve,reject)=>{

  1012.           //创建一个新的FileReader 对象

  1013.           const reader = new FileReader();

  1014.           //读取file对象

  1015.           reader.readAsDataURL(file);

  1016.           reader.onload=function () {

  1017.             const base64String =  reader.result.split(",")[1];

  1018.             resolve('data:application/' + fileType + ';base64,'+base64String);

  1019.           }

  1020.           reader.onerror=function () {

  1021.             reject(new Error("Failed to load file") )

  1022.           }

  1023.         })

  1024.       },

  1025.       saveRelease(){

  1026.         let _this = this;

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

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

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

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

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

  1032.           this.projectForm.outId = this.form.id

  1033.           this.infoForm.transferId = this.form.id

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

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

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

  1037.                 offlineCustomSubmit(this.form.id).then(res => {

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

  1039.                   setTimeout(function(){

  1040.                     _this.$router.push('/sunVillage_info/approvalList')

  1041.                   },2000)

  1042.                 })

  1043.             })

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

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

  1046.                 offlineCustomSubmit(this.form.id).then(res => {

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

  1048.                   setTimeout(function(){

  1049.                     _this.$router.push('/sunVillage_info/approvalList')

  1050.                   },2000)

  1051.                 })

  1052.             })

  1053.           }else{

  1054.               offlineCustomSubmit(this.form.id).then(res => {

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

  1056.                 setTimeout(function(){

  1057.                   _this.$router.push('/sunVillage_info/approvalList')

  1058.                 },2000)

  1059.               })

  1060.           }

  1061.         });

  1062.       },

  1063.       goUpdate(){

  1064.         let _this = this

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

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

  1067.           return;

  1068.         }

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

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

  1071.           return;

  1072.         }

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

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

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

  1076.             return;

  1077.           }

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

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

  1080.             return;

  1081.           }

  1082.         }

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

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

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

  1086.             return;

  1087.           }

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

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

  1090.             return;

  1091.           }

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

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

  1094.             return;

  1095.           }

  1096.         }

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

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

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

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

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

  1102.           this.projectForm.outId = this.form.id

  1103.           this.infoForm.transferId = this.form.id

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

  1105. 

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

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

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

  1109.                 setTimeout(function(){

  1110.                   _this.$router.push('/sunVillage_info/approvalList')

  1111.                 },2000)

  1112.               })

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

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

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

  1116.                 setTimeout(function(){

  1117.                   _this.$router.push('/sunVillage_info/approvalList')

  1118.                 },2000)

  1119.               })

  1120.             }else{

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

  1122.               setTimeout(function(){

  1123.                 _this.$router.push('/sunVillage_info/approvalList')

  1124.               },2000)

  1125.             }

  1126.         });

  1127.       },

  1128.       payeeSelectChange(select, i) {

  1129.         let obj = {};

  1130.         let fuzhitype = 0;

  1131.         let _this = this

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

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

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

  1135.         });

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

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

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

  1139.               fuzhitype = 2;

  1140.               return true;

  1141.             }

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

  1143. 

  1144.             }else{

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

  1146.                 fuzhitype = 1;

  1147.                 return true;

  1148.               }

  1149.             }

  1150.           });

  1151.         }

  1152.         if(fuzhitype == 0){

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

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

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

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

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

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

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

  1160.           this.$set(this.chargeItme[i], "clearingBank", obj.clearingBank);

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

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

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

  1164.             }

  1165.           })

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1186.         }

  1187.       },

  1188.       selectChange(select) {

  1189.         let obj = {};

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

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

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

  1193.         });

  1194.         if(obj.bankType === "8" || (obj.accountPassword != null && obj.accountPassword != "" &&

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

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

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

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

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

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

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

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

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

  1204.           this.$set(this.form, "balance", obj.balance);

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

  1206.           this.$set(this.form, "clearingBank", obj.clearingBank);

  1207.           console.log(obj.bankType)

  1208.           if(obj.bankType==1 || obj.bankType==10){

  1209.             this.form.accountType = "1"

  1210.             this.form.isPeers = null

  1211.             this.accountTypeChange();

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

  1213.             this.form.accountType = null

  1214.             this.form.isPeers = "Y"

  1215.             this.accountTypeChange1();

  1216.           }

  1217.         }else{

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

  1219.             this.diglogStatus = false;

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

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

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

  1223.           }else{

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

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

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

  1227.             }else{

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

  1229.             }

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

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

  1232.             }else{

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

  1234.             }

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

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

  1237.             }else{

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

  1239.             }

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

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

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

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

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

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

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

  1247.               });

  1248.             }else {

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

  1250.             }

  1251.           }

  1252.         }

  1253.       },

  1254.       beforeRead(obj) {

  1255.         return (file) =>{

  1256.           let params1 = new FormData();

  1257.           params1.append("tableId", this.form.id);

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

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

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

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

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

  1263.             file.id=r1.id;

  1264.             file.fileUrl = r1.fileUrl;

  1265.             let subIndex = r1.fileUrl.lastIndexOf(".");

  1266.             let ext =  r1.fileUrl.substring(subIndex + 1, r1.fileUrl.length);

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

  1268.             let fileData =  {"url": baseUrl + r1.fileUrl, "file": new File([], "name", {}), "id": r1.id,"type":ext};

  1269.             if(obj === '1'){

  1270.               this.fileList1.splice(-1, 1);

  1271.               this.fileList1.push(fileData);

  1272.             }else if(obj === '2'){

  1273.               this.fileList2.splice(-1, 1);

  1274.               this.fileList2.push(fileData);

  1275.             }else{

  1276.               this.fileList3.splice(-1, 1);

  1277.               this.fileList3.push(fileData);

  1278.             }

  1279.           })

  1280.         }

  1281.       },

  1282.       deleteFile(file){

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

  1284.       },

  1285. 

  1286.       getFileList(){

  1287.         let oData1= {

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

  1289.           tableName: "t_yinnong_transfer",

  1290.           bizPath: "transfer",

  1291.           fileType: "1",

  1292.         }

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

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

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

  1296.             let subIndex = r.fileName.lastIndexOf(".");

  1297.             let ext =  r.fileName.substring(subIndex + 1, r.fileName.length);

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

  1299.           })

  1300.         })

  1301.         let oData2= {

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

  1303.           tableName: "t_yinnong_transfer",

  1304.           bizPath: "transfer",

  1305.           fileType: "2",

  1306.         }

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

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

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

  1310.             let subIndex = r.fileName.lastIndexOf(".");

  1311.             let ext =  r.fileName.substring(subIndex + 1, r.fileName.length);

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

  1313.           })

  1314.         })

  1315.         let oData3= {

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

  1317.           tableName: "t_yinnong_transfer",

  1318.           bizPath: "transfer",

  1319.           fileType: "3",

  1320.         }

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

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

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

  1324.             let subIndex = r.fileName.lastIndexOf(".");

  1325.             let ext =  r.fileName.substring(subIndex + 1, r.fileName.length);

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

  1327.           })

  1328.         })

  1329.       },

  1330.       goBack(){

  1331.         this.$router.push({path:'/sunVillage_info/approvalList'})

  1332.       },

  1333.       //删除家庭成员

  1334.       deleteChargeItme(index){

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

  1336.       },

  1337.     },

  1338.     watch: {

  1339.       $route (to, from ) {

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

  1341.         if (to.path === '/sunVillage_info/approvalModify') {

  1342.           // do anything you want

  1343.           console.log("aaa")

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

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

  1346.             console.log(this.$route.params.payeeForm)

  1347.           }

  1348.         }

  1349.       }

  1350.     },

  1351.   }

  1352. </script>

  1353. 

  1354. <style scoped lang="scss">

  1355.   .app-container {

  1356.     padding: 2% 0;

  1357.   }

  1358.   /deep/ .van-nav-bar{

  1359.     background: linear-gradient(to right , #9EF7FF , #2637D8);

  1360.     p,i{

  1361.       color: #ffffff;

  1362.     }

  1363.   }

  1364.   .main_title_box{

  1365.     display: flex;

  1366.     justify-content: space-between;

  1367.     align-items: center;

  1368.   }

  1369.   .main_title{

  1370.     font-size: 0.45rem;

  1371.     color: #333333;

  1372.     margin: 0.4rem 3% 0.2rem;

  1373.     position: relative;

  1374.     display: flex;

  1375.     align-items: center;

  1376.     i{

  1377.       display: block;

  1378.       width: 3PX;

  1379.       height: 0.4rem;

  1380.       background-color: #4B72E4;

  1381.       margin-right: 10PX;

  1382.     }

  1383.   }

  1384.   .main_box{

  1385.     width: 96%;

  1386.     margin: 0 auto;

  1387.     border-radius: 6px;

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

  1389.     overflow: hidden;

  1390.     background-color: #FFF;

  1391.   }

  1392.   .submitButton{

  1393.     width: 80%;

  1394.     margin: 0 auto;

  1395.     background-color: #1D6FE9;

  1396.   }

  1397. 

  1398.   .addFamily{

  1399.     position: absolute;

  1400.     top: -2px;

  1401.     right: 3%;

  1402.     border-radius: 50%;

  1403.   }

  1404.   .deleteFamily{

  1405.     position: absolute;

  1406.     top: 0rem;

  1407.     right: 6%;

  1408.     z-index: 9;

  1409.     border-radius: 50%;

  1410.   }

  1411. </style>