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.
1754 Commit
7 Rami (Branch)
80 MiB
 
 
Albero (Tree): d26a641824
Rami (Branch) Tag
${ item.name }
Crea branch ${ searchTerm }
da 'd26a641824'
${ noResults }
nsgk_mobile/src/views/sunVillage_info/bankAgriculture/paymentApproval/approvalAdd.vue

1563 righe
61 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="$router.back(-1)"

  8.     >

  9.       <template #title>

  10.         <p style="font-weight: bold;">添加银行卡转账申请</p>

  11.       </template>

  12.       <template #right>

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

  14.       </template>

  15.     </van-nav-bar>

  16. <!--    <div class="header_main">-->

  17. <!--      添加银行卡转账申请-->

  18. <!--      <div class="return_btn" @click="onClickLeft"></div>-->

  19. <!--      <div class="add_btn" @click="goFlow"></div>-->

  20. <!--    </div>-->

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

  22. 

  23.       <div class="main_box">

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

  25.         <van-field

  26.           readonly

  27.           clickable

  28.           required

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

  30.           v-model="form.applyDate"

  31.           label="申请时间"

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

  33.           @click="showlasj = true"

  34.           input-align="right"

  35.           right-icon="arrow-down"

  36.         />

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

  38.           <van-datetime-picker

  39.             v-model="currentDate"

  40.             type="date"

  41.             title="选择年月日"

  42.             :min-date="minDate"

  43.             :max-date="maxDate"

  44.             @confirm="onConfirmLasj"

  45.             @cancel="showlasj = false"

  46.           />

  47.         </van-popup>

  48.         <van-field

  49.           readonly

  50.           clickable

  51.           required

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

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

  54.           placeholder="请选择"

  55.           v-model="capitalExpenditureType"

  56.           @click="showcapital = true"

  57.           input-align="right"

  58.           right-icon="arrow-down"

  59.           label-width="auto"

  60.         />

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

  62.           <van-picker

  63.             show-toolbar

  64.             :columns="capitalExpenditureTypeOptions"

  65.             @confirm="onConfirmCapital"

  66.             @cancel="showcapital = false"

  67.           />

  68.         </van-popup>

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

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

  71.           <template #input>

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

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

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

  75.             </van-radio-group>

  76.           </template>

  77.         </van-field>

  78.         <van-field

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

  80.           readonly

  81.           clickable

  82.           label="审批流程"

  83.           placeholder="请选择"

  84.           v-model="form.approvalTemplateName"

  85.           @click="showtemplate = true"

  86.           input-align="right"

  87.           right-icon="arrow-down"

  88.           required

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

  90.         />

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

  92.           <van-picker

  93.             show-toolbar

  94.             value-key="name"

  95.             :columns="templateList"

  96.             @confirm="onConfirmTemplate"

  97.             @cancel="showtemplate = false"

  98.           />

  99.         </van-popup>

  100.         <van-field

  101.           readonly

  102.           required

  103.           label="支出总金额"

  104.           v-model="form.expenditureAmount"

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

  106.           input-align="right"

  107.           label-width="auto"

  108.         />

  109.       </div>

  110. 

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

  112.         <van-field

  113.           label="转账附言"

  114.           v-model="form.remark"

  115.           type="textarea"

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

  117.           input-align="right"

  118.           rows="3"

  119.           label-width="auto"

  120.           maxlength="10"

  121.           required

  122.           show-word-limit

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

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

  125.         />

  126.         <van-field

  127.           label="转账附言"

  128.           v-model="form.remark"

  129.           type="textarea"

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

  131.           input-align="right"

  132.           rows="3"

  133.           label-width="auto"

  134.           maxlength="20"

  135.           required

  136.           show-word-limit

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

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

  139.         />

  140.         <van-field

  141.           label="转账附言"

  142.           v-model="form.remark"

  143.           type="textarea"

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

  145.           input-align="right"

  146.           rows="3"

  147.           label-width="auto"

  148.           maxlength="30"

  149.           required

  150.           show-word-limit

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

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

  153.         />

  154.       </div>

  155. 

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

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

  158.       </div>

  159. 

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

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

  162.         <van-field

  163.           readonly

  164.           clickable

  165.           label="项目名称"

  166.           placeholder="请选择"

  167.           v-model="projectForm.projectName"

  168.           @click="showproject = true"

  169.           input-align="right"

  170.           right-icon="arrow-down"

  171.           required

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

  173.         />

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

  175.           <van-picker

  176.             show-toolbar

  177.             :columns="projectList"

  178.             @confirm="onConfirmProject"

  179.             @cancel="showproject = false"

  180.           />

  181.         </van-popup>

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

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

  184.         <van-field

  185.           readonly

  186.           clickable

  187.           label="工程款类型"

  188.           placeholder="请选择"

  189.           v-model="projectFundType"

  190.           @click="showFundType = true"

  191.           input-align="right"

  192.           right-icon="arrow-down"

  193.           required

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

  195.         />

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

  197.           <van-picker

  198.             show-toolbar

  199.             :columns="projectFundTypeOptions"

  200.             @confirm="onConfirmFundType"

  201.             @cancel="showFundType = false"

  202.           />

  203.         </van-popup>

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

  205.       </div>

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

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

  208.         <van-field

  209.           readonly

  210.           clickable

  211.           label="合同"

  212.           placeholder="请选择"

  213.           v-model="infoForm.name"

  214.           @click="showcontract = true"

  215.           input-align="right"

  216.           right-icon="arrow-down"

  217.           required

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

  219.         />

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

  221.           <van-picker

  222.             show-toolbar

  223.             :columns="infoList"

  224.             @confirm="onConfirmContract"

  225.             @cancel="showcontract = false"

  226.           />

  227.         </van-popup>

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

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

  230.       </div>

  231. 

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

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

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

  235.         <van-field

  236.           readonly

  237.           clickable

  238.           label="付款方"

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

  240.           v-model="form.payer"

  241.           @click="showpayer = true"

  242.           input-align="right"

  243.           right-icon="arrow-down"

  244.           label-width="auto"

  245.           required

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

  247.         />

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

  249.           <van-picker

  250.             show-toolbar

  251.             :columns="payerOptions"

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

  253.             @cancel="showpayer = false"

  254.           />

  255.         </van-popup>

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

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

  258.       </div>

  259. 

  260.       <div class="main_box" style="margin-top: 10px;display: flex;justify-content: space-between;align-items: center;">

  261.         <div class="main_title main_title_box" style="margin-top: 0.2rem;">

  262.           <p style="display: flex;align-items: center;margin-right: 10vw;"><i></i>收款方信息</p>

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

  264.         </div>

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

  266.       </div>

  267. 

  268.       <div class="main_box" style="margin-top: 10px;" v-if="form.bankType==1||form.bankType==2||form.bankType==3">

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

  270.           <template #right-icon>

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

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

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

  274.             </van-radio-group>

  275.           </template>

  276.         </van-cell>

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

  278.           <template #right-icon>

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

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

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

  282.             </van-radio-group>

  283.           </template>

  284.         </van-cell>

  285.       </div>

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

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

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

  289.           <van-field

  290.             readonly

  291.             clickable

  292.             label="收款方"

  293.             placeholder="请选择"

  294.             v-model="item.payee"

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

  296.             input-align="right"

  297.             right-icon="arrow-down"

  298.             required

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

  300.           />

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

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

  303.               <template #action>

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

  305.               </template>

  306.             </van-search>

  307.             <van-picker

  308.               show-toolbar

  309.               :columns="payeeList"

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

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

  312.             />

  313.           </van-popup>

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

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

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

  317.           <van-field

  318.             readonly

  319.             clickable

  320.             label="所属银行"

  321.             v-model="item.bankTypeText"

  322.             input-align="right"

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

  324.             required

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

  326.           />

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

  328.             <van-picker

  329.               show-toolbar

  330.               :columns="bankTypeDictionaries"

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

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

  333.             />

  334.           </van-popup>-->

  335.         </div>

  336.       </div>

  337.       <div class="main_box" style="padding: 5px 0 0 0;margin-top: 10px;" v-if="isModifyOrder">

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

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

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

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

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

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

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

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

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

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

  348.             </div>

  349.           </template>

  350.         </van-uploader>

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

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

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

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

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

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

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

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

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

  360.             </div>

  361.           </template>

  362.         </van-uploader>

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

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

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

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

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

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

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

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

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

  372.             </div>

  373.           </template>

  374.         </van-uploader>

  375.       </div>

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

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

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

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

  380.           </van-col>

  381.         </van-row>

  382.         <van-row v-else>

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

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

  385.           </van-col>

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

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

  388.           </van-col>

  389.         </van-row>

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

  391.       </div>

  392.     </van-form>

  393.   </div>

  394. </template>

  395. 

  396. <script>

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

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

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

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

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

  402.   import moment from "moment";

  403.   export default {

  404.     name: "approvalAdd",

  405.     data() {

  406.       return {

  407.         showtemplate:false,

  408.         showcontract:false,

  409.         showcapital:false,

  410.         showpayee:false,

  411.         showlasj:false,

  412.         showbankType:false,

  413.         showproject:false,

  414.         showFundType:false,

  415.         showpayer:false,

  416. 

  417.         buttonType:'a',

  418. 

  419.         payeeSearchValue:'',

  420. 

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

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

  423.         currentDate: new Date(),

  424.         form:{

  425.           id: null,

  426.           upId: null,

  427.           applyDate:this.nowDate,

  428.           approvalMode:'1',

  429.           downId: null,

  430.           orderId: null,

  431.           cashierId: null,

  432.           transferType: '1',

  433.           accountType: null,

  434.           isPeers:null,

  435.           explainSituation: null,

  436.           succeedAmount: null,

  437.           payer: null,

  438.           payerAccount: null,

  439.           operatorCode: null,

  440.           enterpriseCode: null,

  441.           expenditureAmount: null,

  442.           capitalExpenditureType: '1',

  443.           remark: null,

  444.           transferStatus: "0",

  445.           auditStatus: "0",

  446.           paymentState: "1",

  447.           bankPriority: "0",

  448.           clientPriority: "0"

  449.         },

  450.         fileList1:[],

  451.         fileList2:[],

  452.         fileList3:[],

  453.         capitalExpenditureType:'结算类',

  454.         payee:'',

  455.         bankType:'',

  456. 

  457.         wfydlxDictionaries:[],

  458.         jglxDictionaries:[],

  459.         sysDictionaries:[],

  460.         capitalExpenditureTypeOptions:[],

  461.         bankTypeDictionaries:[],

  462.         projectList:[],

  463.         projectFundTypeOptions:[],

  464.         projectFundTypeDictionaries:[],

  465.         infoList:[],

  466.         payerOptions:[],

  467. 

  468.         chargeItme:[],

  469.         chargeItmeShow:[],

  470.         templateList:[],

  471.         payeeList:[],

  472.         bankTypeList:[],

  473.         // 查询参数

  474.         queryParams: {

  475.           transferType:"",

  476.           orderByColumn: "id",

  477.           isAsc: "desc",

  478.         },

  479.         capitalExpenditureOpen:false,

  480.         contractOpen:false,

  481.         projectForm:{

  482.           projectId:null,

  483.           projectName:null,

  484.           projectContractor:null,

  485.           projectAmount:null,

  486.           projectBillNum:null,

  487.           projectFundType:'1',

  488.           outId:null,

  489.           ynType:'1'

  490.         },

  491.         infoForm:{

  492.           infoId:null,

  493.           name:null,

  494.           code:null,

  495.           totalAmount:null,

  496.           contractionId:null,

  497.           transferId:null

  498.         },

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

  500.         queryContractionParams: {

  501.           pageNum: 1,

  502.           pageSize: 100,

  503.           contractionStatus: '1',

  504.           orderByColumn: "endTime",

  505.           isAsc: "desc",

  506.         },

  507.         projectFundType:'',

  508.         nowDate:"",

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

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

  511.       };

  512.     },

  513.     created() {

  514.       this.getNowDate();

  515.       this.reset();

  516.       this.initProjectInfo();

  517.       this.capitalExpenditureOpen = false

  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.         if(this.payerOptions != null && this.payerOptions.length>0){

  542.           this.onConfirmPayer(this.payerOptions[0]);

  543.         }

  544.       });

  545.       this.getDictionaries();

  546.       this.getTemplateList();

  547.     },

  548.     methods: {

  549.       goFlow(){

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

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

  552.         }else{

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

  554.         }

  555.       },

  556.       getTemplateList(){

  557.         let templateQueryParams = {

  558.           // 分页

  559.           pageNum: 1,

  560.           pageSize: 999,

  561.           type:'1'

  562.         };

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

  564.           this.templateList = response.rows;

  565.         });

  566.       },

  567.       onConfirmTemplate(data){

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

  569.           this.showtemplate = false;

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

  571.             this.form.approvalTemplateName = data.name

  572.             this.form.approvalTemplateId = data.id

  573.           }else{

  574.             this.form.approvalTemplateName = null

  575.             this.form.approvalTemplateId = null

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

  577.           }

  578.         })

  579.       },

  580.       getNowDate(){

  581.         var _this = this;

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

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

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

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

  586.       },

  587.       initProjectInfo(){

  588.         let _this = this

  589.         let queryParams={

  590.           pageNum: 1,

  591.           pageSize: 100,

  592.         }

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

  594.          _this.projectList = response.rows;

  595.           console.log(response)

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

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

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

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

  600.           }

  601.         });

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

  603.           console.log(response)

  604.          _this.infoList = response.rows;

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

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

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

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

  609.           }

  610.         });

  611.       },

  612.       // 表单重置

  613.       reset() {

  614.         this.form = {

  615.           id: null,

  616.           upId: null,

  617.           applyDate:this.nowDate,

  618.           approvalMode:'1',

  619.           downId: null,

  620.           orderId: null,

  621.           cashierId: null,

  622.           transferType: '1',

  623.           accountType: null,

  624.           isPeers:null,

  625.           explainSituation: null,

  626.           succeedAmount: null,

  627.           payer: null,

  628.           payerAccount: null,

  629.           operatorCode: null,

  630.           enterpriseCode: null,

  631.           expenditureAmount: null,

  632.           capitalExpenditureType: '1',

  633.           remark: null,

  634.           transferStatus: "0",

  635.           auditStatus: "0",

  636.           paymentState: "1",

  637.           bankPriority: "0",

  638.           clientPriority: "0"

  639.         };

  640.         this.processList = {}

  641.         this.projectForm={

  642.           projectId:null,

  643.           projectName:null,

  644.           projectContractor:null,

  645.           projectAmount:null,

  646.           projectBillNum:null,

  647.           projectFundType:'1',

  648.           outId:null,

  649.           ynType:'1'

  650.         }

  651.       },

  652.       getChange(){

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

  654.           //保存

  655.           this.goSave();

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

  657.           //保存并提交

  658.           this.goAdd();

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

  660.           //修改

  661.           this.goUpdate();

  662.         }

  663.       },

  664.       getDictionaries(){

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

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

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

  668.           }

  669.         });

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

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

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

  673.           }

  674.         });

  675.       },

  676.       getError(e){

  677.         console.log(e)

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

  679.       },

  680.       addChargeItme(index){

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

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

  683.           return;

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

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

  686.           return;

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

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

  689.           return;

  690.         }

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

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

  693.         //   return;

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

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

  696.         //   return;

  697.         // }

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

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

  700.         // }else

  701.         var heilongjiang = false;

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

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

  704.             heilongjiang = true;

  705.           }

  706.         });

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

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

  709.         }else{

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

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

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

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

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

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

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

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

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

  719.               showPayee:false,

  720.               showbankType:false

  721.             });

  722.           });

  723.         }

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

  725.           this.isCanBatch = false;

  726.         }

  727.       },

  728.       getPayeeList() {

  729.         //普通转账

  730.         this.queryParams.status = "0"

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

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

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

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

  735.               res.value = res.id;

  736.               this.payeeList.push(res)

  737.             }

  738.           })

  739.         });

  740.       },

  741.       previewPreview(file, index, len) {

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

  743.         if (file.url) {

  744.           //已上传文件

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

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

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

  748.           let imgi = file.listIndex

  749.           //console.log(ext)

  750.           let allUrl = file.url;

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

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

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

  754.             link.target = "_blank"

  755.             link.href = allUrl;

  756.             document.body.appendChild(link);

  757.             link.click();

  758.             document.body.removeChild(link);

  759.           }

  760. 

  761.         } else {

  762.           //新上传文件

  763.           let fileName = file.file.name;

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

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

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

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

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

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

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

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

  772.             })

  773.           }

  774.         }

  775.       },

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

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

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

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

  780.       },

  781.       fileToBase64(file,fileType){

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

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

  784.           const reader = new FileReader();

  785.           //读取file对象

  786.           reader.readAsDataURL(file);

  787.           reader.onload=function () {

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

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

  790.           }

  791.           reader.onerror=function () {

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

  793.           }

  794.         })

  795.       },

  796.       base64ToBlob(base64, mime) {

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

  798. 

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

  800.         let rawLength = raw.length

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

  802.         let uInt8Array = new Uint8Array(rawLength)

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

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

  805.         }

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

  807.       },

  808.       getfileType(type) {

  809.         switch (type) {

  810.           case 'txt':

  811.             return 'text/plain';

  812.           case 'doc':

  813.             return 'application/msword';

  814.           case 'docx':

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

  816.           case 'xls':

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

  818.           case 'xlsx':

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

  820.           case 'pdf':

  821.             return 'application/pdf';

  822.           case 'pptx':

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

  824.           case 'png':

  825.             return 'image/png';

  826.           case 'jpg':

  827.             return 'image/jpeg';

  828.           case 'gif':

  829.             return 'image/gif';

  830.           case 'svg':

  831.             return 'image/svg+xml';

  832.           case 'ico':

  833.             return 'image/x-icon';

  834.           case 'bmp':

  835.             return 'image/bmp,';

  836.         }

  837.       },

  838.       downloadFileDownload(blob, fileName, fileType) {

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

  840.         let href = blob;

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

  842.           downloadElement.target = '_blank'

  843.         } else {

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

  845.         }

  846.         downloadElement.href = href;

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

  848.         document.body.appendChild(downloadElement);

  849.         downloadElement.click();

  850.         document.body.removeChild(downloadElement)

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

  852.           window.URL.revokeObjectURL(href)

  853.         }

  854.       },

  855.       payeeDictLabel(datas, value) {

  856.         var actions = [];

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

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

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

  860.             return true;

  861.           }

  862.         })

  863.         return actions.join('');

  864.       },

  865.       onConfirmCapital(data){

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

  867.           this.capitalExpenditureOpen = true;

  868.           this.contractOpen = false

  869.           this.infoForm = {};

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

  871.           this.capitalExpenditureOpen = false;

  872.           this.contractOpen = true

  873.           this.projectForm = {};

  874.         }else{

  875.           this.capitalExpenditureOpen = false;

  876.           this.contractOpen = false

  877.           this.projectForm = {};

  878.           this.infoForm = {};

  879.         }

  880.         this.capitalExpenditureType = data.text;

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

  882.         this.showcapital = false;

  883.       },

  884.       onConfirmFundType(data){

  885.         console.log(data)

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

  887.         this.projectFundType = data.text;

  888.         this.showFundType = false;

  889.       },

  890.       onConfirmContract(data){

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

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

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

  894.             this.infoForm.name = res.name;

  895.             this.infoForm.code = res.code;

  896.             this.infoForm.totalAmount = res.totalAmount;

  897.           }

  898.         })

  899.         this.showcontract = false;

  900.       },

  901. 

  902.       onConfirmProject(data){

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

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

  905.             this.projectForm.projectId = res.id

  906.             this.projectForm.projectName = res.projectName

  907.             this.projectForm.projectContractor = res.projectContractor

  908.             this.projectForm.projectAmount = res.projectAmount

  909.           }

  910.         })

  911.         this.showproject = false;

  912.       },

  913.       onConfirmPayee(data,index){

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

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

  916.         }

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

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

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

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

  921.         console.log(data)

  922.       },

  923.       onConfirmBankType(data,index){

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

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

  926.         }

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

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

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

  930.       },

  931.       onConfirmPayer(data){

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

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

  934.         this.showpayer = false;

  935.         this.selectChange(data.value)

  936.       },

  937.       onConfirmLasj(data){

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

  939.         this.showlasj = false;

  940.       },

  941.       accountTypeChange(e){

  942.         this.payeeList = [];

  943.         this.chargeItme = [];

  944.         this.queryParams.isPeers = this.form.isPeers

  945.         this.queryParams.accountType = this.form.accountType

  946.         this.queryParams.bankType = this.form.bankType

  947.         this.queryParams.status = "0"

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

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

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

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

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

  953.               this.payeeList.push(res)

  954.             }

  955.           })

  956.         });

  957.       },

  958.       accountTypeChange1(e){

  959.         this.payeeList = [];

  960.         this.chargeItme = [];

  961.         this.queryParams.isPeers = this.form.isPeers

  962.         this.queryParams.accountType = this.form.accountType

  963.         this.queryParams.bankType = this.form.bankType

  964.         this.queryParams.status = "0"

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

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

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

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

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

  970.               this.payeeList.push(res)

  971.             }

  972.           })

  973.         });

  974.       },

  975.       // 钱计算

  976.       moneyChange(input) {

  977.         console.log(input)

  978.         let obj = {};

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

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

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

  982.         });

  983.         let total = 0;

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

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

  986.         });

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

  988.       },

  989.       goAdd(){

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

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

  992.           return;

  993.         }

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

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

  996.           return;

  997.         }

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

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

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

  1001.             return;

  1002.           }

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

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

  1005.             return;

  1006.           }

  1007.         }

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

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

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

  1011.             return;

  1012.           }

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

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

  1015.             return;

  1016.           }

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

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

  1019.             return;

  1020.           }

  1021.         }

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

  1023.           Dialog.confirm({

  1024.             title: '提示',

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

  1026.           })

  1027.             .then(() => {

  1028.               this.saveRelease()

  1029.             })

  1030.             .catch(() => {

  1031.               return false;

  1032.             });

  1033.         }else{

  1034.           this.saveRelease()

  1035.         }

  1036.       },

  1037.       saveRelease(){

  1038.         let _this = this;

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

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

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

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

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

  1044. 

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

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

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

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

  1049.                       _this.$toast.success('提交成功');

  1050.                       setTimeout(function(){

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

  1052.                       },1500)

  1053.                     })

  1054.                 })

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

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

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

  1058.                     _this.$toast.success('提交成功');

  1059.                     setTimeout(function(){

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

  1061.                     },1500)

  1062.                   })

  1063.               })

  1064.             }else{

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

  1066.                   _this.$toast.success('提交成功');

  1067.                   setTimeout(function(){

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

  1069.                   },1500)

  1070.                 })

  1071.             }

  1072.         })

  1073.       },

  1074.       goSave(){

  1075.         let _this = this

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

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

  1078.           return;

  1079.         }

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

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

  1082.           return;

  1083.         }

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

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

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

  1087.             return;

  1088.           }

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

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

  1091.             return;

  1092.           }

  1093.         }

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

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

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

  1097.             return;

  1098.           }

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

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

  1101.             return;

  1102.           }

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

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

  1105.             return;

  1106.           }

  1107.         }

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

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

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

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

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

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

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

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

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

  1117.           this.isModifyOrder = true;

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

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

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

  1121.           //     setTimeout(function(){

  1122.           //       history.go(-1)

  1123.           //     },2000)

  1124.             })

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

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

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

  1128.           //     setTimeout(function(){

  1129.           //       history.go(-1)

  1130.           //     },2000)

  1131.             })

  1132.           }else{

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

  1134.           //   setTimeout(function(){

  1135.           //     history.go(-1)

  1136.           //   },2000)

  1137.           }

  1138.         })

  1139.       },

  1140.       goUpdate(){

  1141.         let _this = this

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

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

  1144.           return;

  1145.         }

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

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

  1148.           return;

  1149.         }

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

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

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

  1153.             return;

  1154.           }

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

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

  1157.             return;

  1158.           }

  1159.         }

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

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

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

  1163.             return;

  1164.           }

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

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

  1167.             return;

  1168.           }

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

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

  1171.             return;

  1172.           }

  1173.         }

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

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

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

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

  1178. 

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

  1180.           this.projectForm.outId = this.form.id

  1181.           this.infoForm.transferId = this.form.id

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

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

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

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

  1186.                 setTimeout(function(){

  1187.                   history.go(-1)

  1188.                 },2000)

  1189.               })

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

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

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

  1193.                 setTimeout(function(){

  1194.                   history.go(-1)

  1195.                 },2000)

  1196.               })

  1197.             }else{

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

  1199.               setTimeout(function(){

  1200.                 history.go(-1)

  1201.               },2000)

  1202.             }

  1203.         })

  1204. 

  1205.       },

  1206.       payeeSelectChange(select, i) {

  1207.         let obj = {};

  1208.         let fuzhitype = 0;

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

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

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

  1212.         });

  1213.         let _this = this

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

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

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

  1217.               fuzhitype = 2;

  1218.               return true;

  1219.             }

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

  1221. 

  1222.             }else{

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

  1224.                 fuzhitype = 1;

  1225.                 return true;

  1226.               }

  1227.             }

  1228.           });

  1229.         }

  1230.         if(fuzhitype == 0){

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

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

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

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

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

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

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

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

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

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

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

  1242.             }

  1243.           })

  1244. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1265.         }

  1266.       },

  1267.       selectChange(select) {

  1268.         let obj = {};

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

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

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

  1272.         });

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1292.             this.form.accountType = "1"

  1293.             this.form.isPeers = null

  1294.             this.accountTypeChange();

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

  1296.             this.form.accountType = null

  1297.             this.form.isPeers = "Y"

  1298.             this.accountTypeChange1();

  1299.           }else{

  1300.             this.payeeList = [];

  1301.             this.chargeItme = [];

  1302.             this.queryParams.isPeers = null

  1303.             this.queryParams.accountType = ""

  1304.             this.queryParams.bankType = ""

  1305.             this.queryParams.status = "0"

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

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

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

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

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

  1311.                   this.payeeList.push(res)

  1312.                 }

  1313.               })

  1314.             });

  1315.           }

  1316.         }else{

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

  1318.             this.diglogStatus = false;

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

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

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

  1322.           }else{

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

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

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

  1326.             }else{

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

  1328.             }

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

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

  1331.             }else{

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

  1333.             }

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

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

  1336.             }else{

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

  1338.             }

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

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

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

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

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

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

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

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

  1347.               });

  1348.             }else {

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

  1350.             }

  1351.           }

  1352.         }

  1353.       },

  1354.       payeeSearch(val){

  1355.         console.log(val);

  1356.         this.payeeList = [];

  1357.         this.queryParams.payee = this.payeeSearchValue;

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

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

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

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

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

  1363.               this.payeeList.push(res)

  1364.             }

  1365.           })

  1366.         });

  1367.       },

  1368.       beforeRead(obj) {

  1369.         return (file) =>{

  1370.           let params1 = new FormData();

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

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

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

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

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

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

  1377.             file.id=r1.id;

  1378.             file.fileUrl = r1.fileUrl;

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

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

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

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

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

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

  1385.               this.fileList1.push(fileData);

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

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

  1388.               this.fileList2.push(fileData);

  1389.             }else{

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

  1391.               this.fileList3.push(fileData);

  1392.             }

  1393.           })

  1394.         }

  1395.       },

  1396.       deleteFile(file){

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

  1398.       },

  1399.       getFileList(){

  1400.         let oData1= {

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

  1402.           tableName: "t_yinnong_transfer",

  1403.           bizPath: "transfer",

  1404.           fileType: "1",

  1405.         }

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

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

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

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

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

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

  1412.           })

  1413.         })

  1414.         let oData2= {

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

  1416.           tableName: "t_yinnong_transfer",

  1417.           bizPath: "transfer",

  1418.           fileType: "2",

  1419.         }

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

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

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

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

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

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

  1426.           })

  1427.         })

  1428.         let oData3= {

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

  1430.           tableName: "t_yinnong_transfer",

  1431.           bizPath: "transfer",

  1432.           fileType: "3",

  1433.         }

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

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

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

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

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

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

  1440.           })

  1441.         })

  1442.       },

  1443.       goBack(){

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

  1445.       },

  1446.       deleteChargeItme(index){

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

  1448.       },

  1449.     },

  1450.     watch: {

  1451.       $route (to, from ) {

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

  1453.         if (to.path === '/sunVillage_info/approvalAdd') {

  1454.           // do anything you want

  1455.           console.log("aaa")

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

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

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

  1459.           }

  1460.         }

  1461.       }

  1462.     },

  1463.   }

  1464. </script>

  1465. 

  1466. <style scoped lang="scss">

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

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

  1469.     p,i{

  1470.       color: #ffffff;

  1471.     }

  1472.   }

  1473.   .app-container {

  1474.     padding-bottom: 2%;

  1475.     .header_main{

  1476.       height: 116px;

  1477.       background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat;

  1478.       background-size: 100% 100%;

  1479.       position: fixed;

  1480.       top: 0;

  1481.       left: 0;

  1482.       width: 100%;

  1483.       font-size: 36px;

  1484.       line-height: 116px;

  1485.       text-align: center;

  1486.       color: #fff;

  1487.       position: relative;

  1488.       .return_btn{

  1489.         width: 24px;

  1490.         height: 43.2px;

  1491.         background: url('../../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;

  1492.         background-size: 20px 36px;

  1493.         position: absolute;

  1494.         left: 38px;

  1495.         top: 36px;

  1496.       }

  1497.       .add_btn{

  1498.         width: 20PX;

  1499.         height: 20PX;

  1500.         background: url('../../../../../static/images/icon/icon_flow.png') center center no-repeat;

  1501.         background-size: 20PX 20PX;

  1502.         position: absolute;

  1503.         right: 38px;

  1504.         top: 36px;

  1505.       }

  1506.     }

  1507.   }

  1508.   .main_title_box{

  1509.     display: flex;

  1510.     justify-content: space-between;

  1511.     align-items: center;

  1512.   }

  1513.   .main_title{

  1514.     font-size: 0.45rem;

  1515.     color: #333333;

  1516.     margin: 0.4rem 3% 0.2rem;

  1517.     position: relative;

  1518.     display: flex;

  1519.     align-items: center;

  1520.     i{

  1521.       display: block;

  1522.       width: 3PX;

  1523.       height: 0.4rem;

  1524.       background-color: #4B72E4;

  1525.       margin-right: 10PX;

  1526.     }

  1527.     a{

  1528.       background: #1989fa;

  1529.       color: #ffffff;

  1530.       padding: 0.05rem 0.3rem;

  1531.       border-radius: 5PX;

  1532.     }

  1533.   }

  1534.   .main_box{

  1535.     width: 96%;

  1536.     margin: 0 auto;

  1537.     border-radius: 6px;

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

  1539.     overflow: hidden;

  1540.     background-color: #FFF;

  1541.   }

  1542.   .submitButton{

  1543.     width: 80%;

  1544.     margin: 0 auto;

  1545.     background-color: #1D6FE9;

  1546.   }

  1547. 

  1548.   .addFamily{

  1549.     //position: absolute;

  1550.     //top: -2px;

  1551.     //right: 0;

  1552.     border-radius: 50%;

  1553.     margin-right: 3%;

  1554.   }

  1555.   .deleteFamily{

  1556.     position: absolute;

  1557.     top: 0rem;

  1558.     right: 6%;

  1559.     z-index: 9;

  1560.     border-radius: 50%;

  1561.   }

  1562. </style>