zhangzl
/
nsgk_mobile
2
0
Çatalla 0
Kod Konular 0 Değişiklik İstekleri 0 Sürümler 0 Wiki Aktivite
移动端
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
1733 İşleme
7 Dallar
80 MiB
 
 
Ağaç: d98edd0607
Dallar Biçim İmleri
${ item.name }
${ searchTerm } dalı oluştur
'd98edd0607'den
${ noResults }
nsgk_mobile/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd.vue

1484 satır
58 KiB
Ham Suçlama Geçmiş 

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

  115.           required

  116.           show-word-limit

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

  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="3"

  141.           label-width="auto"

  142.           maxlength="30"

  143.           required

  144.           show-word-limit

  145.           v-if="form.bankType != '5' && form.bankType != '6'"

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

  147.         />

  148.       </div>

  149. 

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

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

  152.       </div>

  153. 

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

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

  156.         <van-field

  157.           readonly

  158.           clickable

  159.           label="项目名称"

  160.           placeholder="请选择"

  161.           v-model="projectForm.projectName"

  162.           @click="showproject = true"

  163.           input-align="right"

  164.           right-icon="arrow-down"

  165.           required

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

  167.         />

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

  169.           <van-picker

  170.             show-toolbar

  171.             :columns="projectList"

  172.             @confirm="onConfirmProject"

  173.             @cancel="showproject = false"

  174.           />

  175.         </van-popup>

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

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

  178.         <van-field

  179.           readonly

  180.           clickable

  181.           label="工程款类型"

  182.           placeholder="请选择"

  183.           v-model="projectFundType"

  184.           @click="showFundType = true"

  185.           input-align="right"

  186.           right-icon="arrow-down"

  187.           required

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

  189.         />

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

  191.           <van-picker

  192.             show-toolbar

  193.             :columns="projectFundTypeOptions"

  194.             @confirm="onConfirmFundType"

  195.             @cancel="showFundType = false"

  196.           />

  197.         </van-popup>

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

  199.       </div>

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

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

  202.         <van-field

  203.           readonly

  204.           clickable

  205.           label="合同"

  206.           placeholder="请选择"

  207.           v-model="infoForm.name"

  208.           @click="showcontract = true"

  209.           input-align="right"

  210.           right-icon="arrow-down"

  211.           required

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

  213.         />

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

  215.           <van-picker

  216.             show-toolbar

  217.             :columns="infoList"

  218.             @confirm="onConfirmContract"

  219.             @cancel="showcontract = false"

  220.           />

  221.         </van-popup>

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

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

  224.       </div>

  225. 

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

  227.       <div class="main_box">

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

  229.         <van-field

  230.           readonly

  231.           clickable

  232.           label="付款方"

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

  234.           v-model="form.payer"

  235.           @click="showpayer = true"

  236.           input-align="right"

  237.           right-icon="arrow-down"

  238.           label-width="auto"

  239.           required

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

  241.         />

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

  243.           <van-picker

  244.             show-toolbar

  245.             :columns="payerOptions"

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

  247.             @cancel="showpayer = false"

  248.           />

  249.         </van-popup>

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

  251.       </div>

  252. 

  253.       <div class="main_title main_title_box">

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

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

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

  257.       </div>

  258. 

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

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

  261.           <template #right-icon>

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

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

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

  265.             </van-radio-group>

  266.           </template>

  267.         </van-cell>

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

  269.           <template #right-icon>

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

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

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

  273.             </van-radio-group>

  274.           </template>

  275.         </van-cell>

  276.       </div>

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

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

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

  280.           <van-field

  281.             readonly

  282.             clickable

  283.             label="收款方"

  284.             placeholder="请选择"

  285.             v-model="item.payee"

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

  287.             input-align="right"

  288.             right-icon="arrow-down"

  289.             required

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

  291.           />

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

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

  294.               <template #action>

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

  296.               </template>

  297.             </van-search>

  298.             <van-picker

  299.               show-toolbar

  300.               :columns="payeeList"

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

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

  303.             />

  304.           </van-popup>

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

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

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

  308.           <van-field

  309.             readonly

  310.             label="所属银行"

  311.             v-model="item.bankTypeText"

  312.             input-align="right"

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

  314.             required

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

  316.           />

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

  318.             <van-picker

  319.               show-toolbar

  320.               :columns="bankTypeDictionaries"

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

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

  323.             />

  324.           </van-popup>-->

  325.         </div>

  326.       </div>

  327.       <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>

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

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

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

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

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

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

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

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

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

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

  338.             </div>

  339.           </template>

  340.         </van-uploader>

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

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

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

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

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

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

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

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

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

  350.             </div>

  351.           </template>

  352.         </van-uploader>

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

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

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

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

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

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

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

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

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

  362.             </div>

  363.           </template>

  364.         </van-uploader>

  365.       </div>

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

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

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

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

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

  371.           </van-col>

  372.         </van-row>

  373.         <van-row v-else>

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

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

  376.           </van-col>

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

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

  379.           </van-col>

  380.         </van-row>

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

  382.       </div>

  383.     </van-form>

  384.   </div>

  385. </template>

  386. 

  387. <script>

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

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

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

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

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

  393.   import moment from "moment";

  394.   export default {

  395.     name: "approvalAdd",

  396.     data() {

  397.       return {

  398.         showtemplate:false,

  399.         showcontract:false,

  400.         showcapital:false,

  401.         showpayee:false,

  402.         showlasj:false,

  403.         showbankType:false,

  404.         showproject:false,

  405.         showFundType:false,

  406.         showpayer:false,

  407. 

  408.         buttonType:'a',

  409.         approval: {

  410.           taskId: null,

  411.           auditbatchNo: null,

  412.           type: null,

  413.           id: null,

  414.           comment: '',

  415.         },

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

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

  418.         currentDate: new Date(),

  419.         form:{

  420.           id: null,

  421.           upId: null,

  422.           applyDate:this.nowDate,

  423.           approvalMode:'1',

  424.           downId: null,

  425.           orderId: null,

  426.           cashierId: null,

  427.           transferType: '1',

  428.           accountType: null,

  429.           isPeers:null,

  430.           explainSituation: null,

  431.           succeedAmount: null,

  432.           payer: null,

  433.           payerAccount: null,

  434.           operatorCode: null,

  435.           enterpriseCode: null,

  436.           expenditureAmount: null,

  437.           capitalExpenditureType: '1',

  438.           remark: null,

  439.           transferStatus: "0",

  440.           auditStatus: "0",

  441.           paymentState: "1",

  442.           bankPriority: "0",

  443.           clientPriority: "0"

  444.         },

  445. 

  446.         fileList1:[],

  447.         fileList2:[],

  448.         fileList3:[],

  449.         capitalExpenditureType:'结算类',

  450.         payee:'',

  451.         bankType:'',

  452. 

  453.         wfydlxDictionaries:[],

  454.         jglxDictionaries:[],

  455.         sysDictionaries:[],

  456.         capitalExpenditureTypeOptions:[],

  457.         bankTypeDictionaries:[],

  458.         projectList:[],

  459.         projectFundTypeOptions:[],

  460.         projectFundTypeDictionaries:[],

  461.         infoList:[],

  462.         payerOptions:[],

  463.         chargeItme:[],

  464.         chargeItmeShow:[],

  465.         templateList:[],

  466. 

  467.         payeeSearchValue:'',

  468. 

  469.         payeeList:[],

  470.         bankTypeList:[],

  471.         // 查询参数

  472.         queryParams: {

  473.           transferType:"",

  474.           orderByColumn: "id",

  475.           isAsc: "desc",

  476.         },

  477.         capitalExpenditureOpen:false,

  478.         contractOpen:false,

  479.         projectForm:{

  480.           projectId:null,

  481.           projectName:null,

  482.           projectContractor:null,

  483.           projectAmount:null,

  484.           projectBillNum:null,

  485.           projectFundType:'1',

  486.           outId:null,

  487.           ynType:'1'

  488.         },

  489.         infoForm:{

  490.           infoId:null,

  491.           name:null,

  492.           code:null,

  493.           totalAmount:null,

  494.           contractionId:null,

  495.           transferId:null

  496.         },

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

  498.         queryContractionParams: {

  499.           pageNum: 1,

  500.           pageSize: 100,

  501.           contractionStatus: '1',

  502.           orderByColumn: "endTime",

  503.           isAsc: "desc",

  504.         },

  505.         projectFundType:'',

  506.         nowDate:"",

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

  508.         isCanBatch:true,  //能否批量

  509.       };

  510.     },

  511.     created() {

  512.       this.getNowDate();

  513.       this.reset();

  514.       this.initProjectInfo();

  515.       this.capitalExpenditureOpen = false

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

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

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

  519.         }

  520.         this.projectFundTypeDictionaries = response.data;

  521.       });

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

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

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

  525.         }

  526.       });

  527.       let params1={

  528.         accountType: "102",

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

  530.         status: "N",

  531.       }

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

  533.         this.payerOptions = response.rows;

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

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

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

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

  538.         })

  539.       });

  540.       this.getDictionaries();

  541.       this.getTemplateList();

  542. 

  543. 

  544.     },

  545.     methods: {

  546.       payeeSearch(val){

  547.         console.log(val);

  548.         this.payeeList = [];

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

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

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

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

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

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

  555.               this.payeeList.push(res)

  556.             }

  557.           })

  558.         });

  559.       },

  560.       goFlow(){

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

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

  563.         }else{

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

  565.         }

  566.       },

  567.       getTemplateList(){

  568.         let templateQueryParams = {

  569.           // 分页

  570.           pageNum: 1,

  571.           pageSize: 999,

  572.           type:'1'

  573.         };

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

  575.           this.templateList = response.rows;

  576.         });

  577.       },

  578.       onConfirmTemplate(data){

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

  580.           this.showtemplate = false;

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

  582.             this.form.approvalTemplateName = data.name

  583.             this.form.approvalTemplateId = data.id

  584.           }else{

  585.             this.form.approvalTemplateName = null

  586.             this.form.approvalTemplateId = null

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

  588.           }

  589.         })

  590.       },

  591.       getNowDate(){

  592.         var _this = this;

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

  594.         let mm = new Date().getMonth();

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

  596.         _this.nowDate = moment(new Date()).format("YYYY-MM-DD");

  597.       },

  598.       previewPreview(file, index, len) {

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

  600.         if (file.url) {

  601.           //已上传文件

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

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

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

  605.           let imgi = file.listIndex

  606.           //console.log(ext)

  607.           let allUrl = file.url;

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

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

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

  611.             link.target = "_blank"

  612.             link.href = allUrl;

  613.             document.body.appendChild(link);

  614.             link.click();

  615.             document.body.removeChild(link);

  616.           }

  617. 

  618.         } else {

  619.           //新上传文件

  620.           let fileName = file.file.name;

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

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

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

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

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

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

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

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

  629.             })

  630.           }

  631.         }

  632.       },

  633.       getfileType(type) {

  634.         switch (type) {

  635.           case 'txt':

  636.             return 'text/plain';

  637.           case 'doc':

  638.             return 'application/msword';

  639.           case 'docx':

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

  641.           case 'xls':

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

  643.           case 'xlsx':

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

  645.           case 'pdf':

  646.             return 'application/pdf';

  647.           case 'pptx':

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

  649.           case 'png':

  650.             return 'image/png';

  651.           case 'jpg':

  652.             return 'image/jpeg';

  653.           case 'gif':

  654.             return 'image/gif';

  655.           case 'svg':

  656.             return 'image/svg+xml';

  657.           case 'ico':

  658.             return 'image/x-icon';

  659.           case 'bmp':

  660.             return 'image/bmp,';

  661.         }

  662.       },

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

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

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

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

  667.       },

  668.       base64ToBlob(base64, mime) {

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

  670. 

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

  672.         let rawLength = raw.length

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

  674.         let uInt8Array = new Uint8Array(rawLength)

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

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

  677.         }

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

  679.       },

  680.       downloadFileDownload(blob, fileName, fileType) {

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

  682.         let href = blob;

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

  684.           downloadElement.target = '_blank'

  685.         } else {

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

  687.         }

  688.         downloadElement.href = href;

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

  690.         document.body.appendChild(downloadElement);

  691.         downloadElement.click();

  692.         document.body.removeChild(downloadElement)

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

  694.           window.URL.revokeObjectURL(href)

  695.         }

  696.       },

  697.       fileToBase64(file,fileType){

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

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

  700.           const reader = new FileReader();

  701.           //读取file对象

  702.           reader.readAsDataURL(file);

  703.           reader.onload=function () {

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

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

  706.           }

  707.           reader.onerror=function () {

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

  709.           }

  710.         })

  711.       },

  712.       initProjectInfo(){

  713.         let _this = this

  714.         let queryParams={

  715.           pageNum: 1,

  716.           pageSize: 100,

  717.         }

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

  719.          _this.projectList = response.rows;

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

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

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

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

  724.           }

  725.         });

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

  727.          _this.infoList = response.rows;

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

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

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

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

  732.           }

  733.         });

  734.       },

  735.       // 表单重置

  736.       reset() {

  737.         this.form = {

  738.           id: null,

  739.           upId: null,

  740.           applyDate:this.nowDate,

  741.           approvalMode:'1',

  742.           downId: null,

  743.           orderId: null,

  744.           cashierId: null,

  745.           transferType: '1',

  746.           accountType: null,

  747.           isPeers:null,

  748.           explainSituation: null,

  749.           succeedAmount: null,

  750.           payer: null,

  751.           payerAccount: null,

  752.           operatorCode: null,

  753.           enterpriseCode: null,

  754.           expenditureAmount: null,

  755.           capitalExpenditureType: '1',

  756.           remark: null,

  757.           transferStatus: "0",

  758.           auditStatus: "0",

  759.           paymentState: "1",

  760.           bankPriority: "0",

  761.           clientPriority: "0"

  762.         };

  763.         this.processList = {}

  764.         this.projectForm={

  765.           projectId:null,

  766.           projectName:null,

  767.           projectContractor:null,

  768.           projectAmount:null,

  769.           projectBillNum:null,

  770.           projectFundType:'1',

  771.           outId:null,

  772.           ynType:'1'

  773.         }

  774.       },

  775.       getChange(){

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

  777.           //保存

  778.           this.goSave();

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

  780.           //保存并提交

  781.           this.goAdd();

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

  783.           //修改

  784.           this.goUpdate();

  785.         }

  786.       },

  787.       getDictionaries(){

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

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

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

  791.           }

  792.         });

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

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

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

  796.           }

  797.         });

  798.       },

  799.       getError(e){

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

  801.       },

  802.       addChargeItme(index){

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

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

  805.           return;

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

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

  808.           return;

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

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

  811.           return;

  812.         }

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

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

  815.         //   return;

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

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

  818.         //   return;

  819.         // }

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

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

  822.         // }else

  823.         var heilongjiang = false;

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

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

  826.             heilongjiang = true;

  827.           }

  828.         });

  829.         if(heilongjiang && this.form.bankType == '7' && this.chargeItme.length>0 && this.chargeItme != []){

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

  831.         }else{

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

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

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

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

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

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

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

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

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

  841.               showPayee:false,

  842.               showbankType:false

  843.             });

  844.           });

  845.         }

  846.         if(heilongjiang && this.form.bankType == '7'){

  847.           this.isCanBatch = false;

  848.         }

  849.       },

  850.       getPayeeList() {

  851.         //普通转账

  852.         this.queryParams.status = "0"

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

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

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

  856.               res.text = res.payee;

  857.               res.value = res.id;

  858.               this.payeeList.push(res)

  859.             }

  860.           })

  861.         });

  862.       },

  863.       payeeDictLabel(datas, value) {

  864.         var actions = [];

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

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

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

  868.             return true;

  869.           }

  870.         })

  871.         return actions.join('');

  872.       },

  873.       onConfirmCapital(data){

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

  875.           this.capitalExpenditureOpen = true;

  876.           this.contractOpen = false

  877.           this.infoForm = {};

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

  879.           this.capitalExpenditureOpen = false;

  880.           this.contractOpen = true

  881.           this.projectForm = {};

  882.         }else{

  883.           this.capitalExpenditureOpen = false;

  884.           this.contractOpen = false

  885.           this.projectForm = {};

  886.           this.infoForm = {};

  887.         }

  888.         this.capitalExpenditureType = data.text;

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

  890.         this.showcapital = false;

  891.       },

  892.       onConfirmFundType(data){

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

  894.         this.projectFundType = data.text;

  895.         this.showFundType = false;

  896.       },

  897.       onConfirmContract(data){

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

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

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

  901.             this.infoForm.name = res.name;

  902.             this.infoForm.code = res.code;

  903.             this.infoForm.totalAmount = res.totalAmount;

  904.           }

  905.         })

  906.         this.showcontract = false;

  907.       },

  908. 

  909.       onConfirmProject(data){

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

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

  912.             this.projectForm.projectId = res.id

  913.             this.projectForm.projectName = res.projectName

  914.             this.projectForm.projectContractor = res.projectContractor

  915.             this.projectForm.projectAmount = res.projectAmount

  916.           }

  917.         })

  918.         this.showproject = false;

  919.       },

  920.       onConfirmPayee(data,index){

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

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

  923.         }

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

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

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

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

  928.       },

  929.       onConfirmBankType(data,index){

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

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

  932.         }

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

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

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

  936.       },

  937.       onConfirmPayer(data){

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

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

  940.         this.showpayer = false;

  941.         this.selectChange(data.value)

  942.       },

  943.       onConfirmLasj(data){

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

  945.         this.showlasj = false;

  946.       },

  947.       accountTypeChange(e){

  948.         this.payeeList = [];

  949.         this.chargeItme = [];

  950.         this.queryParams.isPeers = this.form.isPeers

  951.         this.queryParams.accountType = this.form.accountType

  952.         this.queryParams.bankType = this.form.bankType

  953.         this.queryParams.status = "0"

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

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

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

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

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

  959.               this.payeeList.push(res)

  960.             }

  961.           })

  962.         });

  963.       },

  964.       accountTypeChange1(e){

  965.         this.payeeList = [];

  966.         this.chargeItme = [];

  967.         this.queryParams.isPeers = this.form.isPeers

  968.         this.queryParams.accountType = this.form.accountType

  969.         this.queryParams.bankType = this.form.bankType

  970.         this.queryParams.status = "0"

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

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

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

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

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

  976.               this.payeeList.push(res)

  977.             }

  978.           })

  979.         });

  980.       },

  981.       // 钱计算

  982.       moneyChange(input) {

  983.         let obj = {};

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

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

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

  987.         });

  988.         let total = 0;

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

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

  991.         });

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

  993.       },

  994.       goAdd(){

  995. 

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

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

  998.           return;

  999.         }

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

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

  1002.           return;

  1003.         }

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

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

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

  1007.             return;

  1008.           }

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

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

  1011.             return;

  1012.           }

  1013.         }

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

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

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

  1017.             return;

  1018.           }

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

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

  1021.             return;

  1022.           }

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

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

  1025.             return;

  1026.           }

  1027.         }

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

  1029.           Dialog.confirm({

  1030.             title: '提示',

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

  1032.           })

  1033.             .then(() => {

  1034.               this.saveRelease()

  1035.             })

  1036.             .catch(() => {

  1037.               return false;

  1038.             });

  1039.         }else{

  1040.           this.saveRelease()

  1041.         }

  1042.       },

  1043.       saveRelease(){

  1044.         let _this = this;

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

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

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

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

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

  1050.           this.projectForm.outId = this.form.id

  1051.           this.infoForm.transferId = this.form.id

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

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

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

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

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

  1057.                 setTimeout(function(){

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

  1059.                 },1000)

  1060.               })

  1061.             })

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

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

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

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

  1066.                 setTimeout(function(){

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

  1068.                 },1000)

  1069.               })

  1070.             })

  1071.           }else{

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

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

  1074.               setTimeout(function(){

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

  1076.               },2000)

  1077.             })

  1078.           }

  1079.         })

  1080.       },

  1081.       goSave(){

  1082.         let _this = this

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

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

  1085.           return;

  1086.         }

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

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

  1089.           return;

  1090.         }

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

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

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

  1094.             return;

  1095.           }

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

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

  1098.             return;

  1099.           }

  1100.         }

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

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

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

  1104.             return;

  1105.           }

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

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

  1108.             return;

  1109.           }

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

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

  1112.             return;

  1113.           }

  1114.         }

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

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

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

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

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

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

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

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

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

  1124.           this.isModifyOrder = true;

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

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

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

  1128.           //     setTimeout(function(){

  1129.           //       history.go(-1)

  1130.           //     },2000)

  1131.             })

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

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

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

  1135.           //     setTimeout(function(){

  1136.           //       history.go(-1)

  1137.           //     },2000)

  1138.             })

  1139.           }else{

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

  1141.           //   setTimeout(function(){

  1142.           //     history.go(-1)

  1143.           //   },2000)

  1144.           }

  1145.         });

  1146.       },

  1147.       goUpdate(){

  1148.         let _this = this;

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

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

  1151.           return;

  1152.         }

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

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

  1155.           return;

  1156.         }

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

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

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

  1160.             return;

  1161.           }

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

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

  1164.             return;

  1165.           }

  1166.         }

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

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

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

  1170.             return;

  1171.           }

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

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

  1174.             return;

  1175.           }

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

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

  1178.             return;

  1179.           }

  1180.         }

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

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

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

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

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

  1186.           this.projectForm.outId = this.form.id

  1187.           this.infoForm.transferId = this.form.id

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

  1189.           setTimeout(function(){

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

  1191.           },1000)

  1192.         })

  1193.       },

  1194.       payeeSelectChange(select, i) {

  1195.         let obj = {};

  1196.         let fuzhitype = 0;

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

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

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

  1200.         });

  1201.         let _this = this

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

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

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

  1205.               fuzhitype = 2;

  1206.               return true;

  1207.             }

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

  1209. 

  1210.             }else{

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

  1212.                 fuzhitype = 1;

  1213.                 return true;

  1214.               }

  1215.             }

  1216.           });

  1217.         }

  1218.         if(fuzhitype == 0){

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

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

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

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

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

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

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

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

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

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

  1229.             }

  1230.           })

  1231. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1252.         }

  1253.       },

  1254.       selectChange(select) {

  1255.         let obj = {};

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

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

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

  1259.         });

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1277.             this.form.accountType = "1"

  1278.             this.form.isPeers = null

  1279.             this.accountTypeChange();

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

  1281.             this.form.accountType = null

  1282.             this.form.isPeers = "Y"

  1283.             this.accountTypeChange1();

  1284.           }else{

  1285.             this.payeeList = [];

  1286.             this.chargeItme = [];

  1287.             this.queryParams.isPeers = null

  1288.             this.queryParams.accountType = ""

  1289.             this.queryParams.bankType = ""

  1290.             this.queryParams.status = "0"

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

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

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

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

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

  1296.                   this.payeeList.push(res)

  1297.                 }

  1298.               })

  1299.             });

  1300.           }

  1301.         }else{

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

  1303.             this.diglogStatus = false;

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

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

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

  1307.           }else{

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

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

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

  1311.             }else{

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

  1313.             }

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

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

  1316.             }else{

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

  1318.             }

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

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

  1321.             }else{

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

  1323.             }

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

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

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

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

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

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

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

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

  1332.               });

  1333.             }else {

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

  1335.             }

  1336.           }

  1337.         }

  1338.       },

  1339.       beforeRead(obj) {

  1340.         return (file) =>{

  1341.           let params1 = new FormData();

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

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

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

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

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

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

  1348.             file.id=r1.id;

  1349.             file.fileUrl = r1.fileUrl;

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

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

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

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

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

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

  1356.               this.fileList1.push(fileData);

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

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

  1359.               this.fileList2.push(fileData);

  1360.             }else{

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

  1362.               this.fileList3.push(fileData);

  1363.             }

  1364.           })

  1365.         }

  1366.       },

  1367.       deleteFile(file){

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

  1369.       },

  1370.       getFileList(){

  1371.         let oData1= {

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

  1373.           tableName: "t_yinnong_transfer",

  1374.           bizPath: "transfer",

  1375.           fileType: "1",

  1376.         }

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

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

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

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

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

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

  1383.           })

  1384.         })

  1385.         let oData2= {

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

  1387.           tableName: "t_yinnong_transfer",

  1388.           bizPath: "transfer",

  1389.           fileType: "2",

  1390.         }

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

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

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

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

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

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

  1397.           })

  1398.         })

  1399.         let oData3= {

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

  1401.           tableName: "t_yinnong_transfer",

  1402.           bizPath: "transfer",

  1403.           fileType: "3",

  1404.         }

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

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

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

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

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

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

  1411.           })

  1412.         })

  1413.       },

  1414.       goBack(){

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

  1416.       },

  1417.       deleteChargeItme(index){

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

  1419.       },

  1420.     },

  1421.     watch: {

  1422.       $route (to, from ) {

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

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

  1425.           // do anything you want

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

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

  1428.           }

  1429.         }

  1430.       }

  1431.     },

  1432.   }

  1433. </script>

  1434. 

  1435. <style scoped lang="scss">

  1436.   .app-container {

  1437.     padding: 2% 0;

  1438.   }

  1439.   .main_title_box{

  1440.     display: flex;

  1441.     justify-content: space-between;

  1442.     align-items: center;

  1443.   }

  1444.   .main_title{

  1445.     font-size: 0.4rem;

  1446.     color: #1D6FE9;

  1447.     margin: 0.2rem 6%;

  1448.     position: relative;

  1449.     a{

  1450.       background: #1989fa;

  1451.       color: #ffffff;

  1452.       padding: 0.05rem 0.3rem;

  1453.       border-radius: 5PX;

  1454.     }

  1455.   }

  1456.   .main_box{

  1457.     width: 96%;

  1458.     margin: 0 auto;

  1459.     border-radius: 6px;

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

  1461.     overflow: hidden;

  1462.     background-color: #FFF;

  1463.   }

  1464.   .submitButton{

  1465.     width: 80%;

  1466.     margin: 0 auto;

  1467.     background-color: #1D6FE9;

  1468.   }

  1469. 

  1470.   .addFamily{

  1471.     //position: absolute;

  1472.     //top: -2px;

  1473.     //right: 0;

  1474.     border-radius: 50%;

  1475.   }

  1476.   .deleteFamily{

  1477.     position: absolute;

  1478.     top: 0rem;

  1479.     right: 6%;

  1480.     z-index: 9;

  1481.     border-radius: 50%;

  1482.   }

  1483. </style>