zhangzl
/
nsgk_mobile
2
0
Derivar 0
Código Questões 0 Pedidos de integração 0 Lançamentos 0 Wiki Trabalho
移动端
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
1732 Cometimentos
7 Ramos
80 MiB
 
 
Árvore: d2ae56c93e
Ramos Etiquetas
${ item.name }
Criar ramo ${ searchTerm }
de 'd2ae56c93e'
${ noResults }
nsgk_mobile/src/views/sunVillage_info/bankAgriculture/paymentApproval/approvalAdd.vue

1557 linhas
60 KiB
Em bruto Responsabilidade Histórico 

  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'"

  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'"

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

  315.           <van-field required :rules="[{ required: true , message:'请输入开户银行' }]" 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.       });

  542.       this.getDictionaries();

  543.       this.getTemplateList();

  544.     },

  545.     methods: {

  546.       goFlow(){

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

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

  549.         }else{

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

  551.         }

  552.       },

  553.       getTemplateList(){

  554.         let templateQueryParams = {

  555.           // 分页

  556.           pageNum: 1,

  557.           pageSize: 999,

  558.           type:'1'

  559.         };

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

  561.           this.templateList = response.rows;

  562.         });

  563.       },

  564.       onConfirmTemplate(data){

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

  566.           this.showtemplate = false;

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

  568.             this.form.approvalTemplateName = data.name

  569.             this.form.approvalTemplateId = data.id

  570.           }else{

  571.             this.form.approvalTemplateName = null

  572.             this.form.approvalTemplateId = null

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

  574.           }

  575.         })

  576.       },

  577.       getNowDate(){

  578.         var _this = this;

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

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

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

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

  583.       },

  584.       initProjectInfo(){

  585.         let _this = this

  586.         let queryParams={

  587.           pageNum: 1,

  588.           pageSize: 100,

  589.         }

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

  591.          _this.projectList = response.rows;

  592.           console.log(response)

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

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

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

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

  597.           }

  598.         });

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

  600.           console.log(response)

  601.          _this.infoList = response.rows;

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

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

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

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

  606.           }

  607.         });

  608.       },

  609.       // 表单重置

  610.       reset() {

  611.         this.form = {

  612.           id: null,

  613.           upId: null,

  614.           applyDate:this.nowDate,

  615.           approvalMode:'1',

  616.           downId: null,

  617.           orderId: null,

  618.           cashierId: null,

  619.           transferType: '1',

  620.           accountType: null,

  621.           isPeers:null,

  622.           explainSituation: null,

  623.           succeedAmount: null,

  624.           payer: null,

  625.           payerAccount: null,

  626.           operatorCode: null,

  627.           enterpriseCode: null,

  628.           expenditureAmount: null,

  629.           capitalExpenditureType: '1',

  630.           remark: null,

  631.           transferStatus: "0",

  632.           auditStatus: "0",

  633.           paymentState: "1",

  634.           bankPriority: "0",

  635.           clientPriority: "0"

  636.         };

  637.         this.processList = {}

  638.         this.projectForm={

  639.           projectId:null,

  640.           projectName:null,

  641.           projectContractor:null,

  642.           projectAmount:null,

  643.           projectBillNum:null,

  644.           projectFundType:'1',

  645.           outId:null,

  646.           ynType:'1'

  647.         }

  648.       },

  649.       getChange(){

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

  651.           //保存

  652.           this.goSave();

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

  654.           //保存并提交

  655.           this.goAdd();

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

  657.           //修改

  658.           this.goUpdate();

  659.         }

  660.       },

  661.       getDictionaries(){

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

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

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

  665.           }

  666.         });

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

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

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

  670.           }

  671.         });

  672.       },

  673.       getError(e){

  674.         console.log(e)

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

  676.       },

  677.       addChargeItme(index){

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

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

  680.           return;

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

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

  683.           return;

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

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

  686.           return;

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

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

  689.           return;

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

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

  692.           return;

  693.         }

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

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

  696.         // }else

  697.         var heilongjiang = false;

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

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

  700.             heilongjiang = true;

  701.           }

  702.         });

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

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

  705.         }else{

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

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

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

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

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

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

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

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

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

  715.               showPayee:false,

  716.               showbankType:false

  717.             });

  718.           });

  719.         }

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

  721.           this.isCanBatch = false;

  722.         }

  723.       },

  724.       getPayeeList() {

  725.         //普通转账

  726.         this.queryParams.status = "0"

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

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

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

  730.               res.text = res.payee;

  731.               res.value = res.id;

  732.               this.payeeList.push(res)

  733.             }

  734.           })

  735.         });

  736.       },

  737.       previewPreview(file, index, len) {

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

  739.         if (file.url) {

  740.           //已上传文件

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

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

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

  744.           let imgi = file.listIndex

  745.           //console.log(ext)

  746.           let allUrl = file.url;

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

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

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

  750.             link.target = "_blank"

  751.             link.href = allUrl;

  752.             document.body.appendChild(link);

  753.             link.click();

  754.             document.body.removeChild(link);

  755.           }

  756. 

  757.         } else {

  758.           //新上传文件

  759.           let fileName = file.file.name;

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

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

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

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

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

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

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

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

  768.             })

  769.           }

  770.         }

  771.       },

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

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

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

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

  776.       },

  777.       fileToBase64(file,fileType){

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

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

  780.           const reader = new FileReader();

  781.           //读取file对象

  782.           reader.readAsDataURL(file);

  783.           reader.onload=function () {

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

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

  786.           }

  787.           reader.onerror=function () {

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

  789.           }

  790.         })

  791.       },

  792.       base64ToBlob(base64, mime) {

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

  794. 

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

  796.         let rawLength = raw.length

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

  798.         let uInt8Array = new Uint8Array(rawLength)

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

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

  801.         }

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

  803.       },

  804.       getfileType(type) {

  805.         switch (type) {

  806.           case 'txt':

  807.             return 'text/plain';

  808.           case 'doc':

  809.             return 'application/msword';

  810.           case 'docx':

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

  812.           case 'xls':

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

  814.           case 'xlsx':

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

  816.           case 'pdf':

  817.             return 'application/pdf';

  818.           case 'pptx':

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

  820.           case 'png':

  821.             return 'image/png';

  822.           case 'jpg':

  823.             return 'image/jpeg';

  824.           case 'gif':

  825.             return 'image/gif';

  826.           case 'svg':

  827.             return 'image/svg+xml';

  828.           case 'ico':

  829.             return 'image/x-icon';

  830.           case 'bmp':

  831.             return 'image/bmp,';

  832.         }

  833.       },

  834.       downloadFileDownload(blob, fileName, fileType) {

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

  836.         let href = blob;

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

  838.           downloadElement.target = '_blank'

  839.         } else {

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

  841.         }

  842.         downloadElement.href = href;

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

  844.         document.body.appendChild(downloadElement);

  845.         downloadElement.click();

  846.         document.body.removeChild(downloadElement)

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

  848.           window.URL.revokeObjectURL(href)

  849.         }

  850.       },

  851.       payeeDictLabel(datas, value) {

  852.         var actions = [];

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

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

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

  856.             return true;

  857.           }

  858.         })

  859.         return actions.join('');

  860.       },

  861.       onConfirmCapital(data){

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

  863.           this.capitalExpenditureOpen = true;

  864.           this.contractOpen = false

  865.           this.infoForm = {};

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

  867.           this.capitalExpenditureOpen = false;

  868.           this.contractOpen = true

  869.           this.projectForm = {};

  870.         }else{

  871.           this.capitalExpenditureOpen = false;

  872.           this.contractOpen = false

  873.           this.projectForm = {};

  874.           this.infoForm = {};

  875.         }

  876.         this.capitalExpenditureType = data.text;

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

  878.         this.showcapital = false;

  879.       },

  880.       onConfirmFundType(data){

  881.         console.log(data)

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

  883.         this.projectFundType = data.text;

  884.         this.showFundType = false;

  885.       },

  886.       onConfirmContract(data){

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

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

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

  890.             this.infoForm.name = res.name;

  891.             this.infoForm.code = res.code;

  892.             this.infoForm.totalAmount = res.totalAmount;

  893.           }

  894.         })

  895.         this.showcontract = false;

  896.       },

  897. 

  898.       onConfirmProject(data){

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

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

  901.             this.projectForm.projectId = res.id

  902.             this.projectForm.projectName = res.projectName

  903.             this.projectForm.projectContractor = res.projectContractor

  904.             this.projectForm.projectAmount = res.projectAmount

  905.           }

  906.         })

  907.         this.showproject = false;

  908.       },

  909.       onConfirmPayee(data,index){

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

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

  912.         }

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

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

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

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

  917.         console.log(data)

  918.       },

  919.       onConfirmBankType(data,index){

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

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

  922.         }

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

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

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

  926.       },

  927.       onConfirmPayer(data){

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

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

  930.         this.showpayer = false;

  931.         this.selectChange(data.value)

  932.       },

  933.       onConfirmLasj(data){

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

  935.         this.showlasj = false;

  936.       },

  937.       accountTypeChange(e){

  938.         this.payeeList = [];

  939.         this.chargeItme = [];

  940.         this.queryParams.isPeers = this.form.isPeers

  941.         this.queryParams.accountType = this.form.accountType

  942.         this.queryParams.bankType = this.form.bankType

  943.         this.queryParams.status = "0"

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

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

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

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

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

  949.               this.payeeList.push(res)

  950.             }

  951.           })

  952.         });

  953.       },

  954.       accountTypeChange1(e){

  955.         this.payeeList = [];

  956.         this.chargeItme = [];

  957.         this.queryParams.isPeers = this.form.isPeers

  958.         this.queryParams.accountType = this.form.accountType

  959.         this.queryParams.bankType = this.form.bankType

  960.         this.queryParams.status = "0"

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

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

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

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

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

  966.               this.payeeList.push(res)

  967.             }

  968.           })

  969.         });

  970.       },

  971.       // 钱计算

  972.       moneyChange(input) {

  973.         console.log(input)

  974.         let obj = {};

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

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

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

  978.         });

  979.         let total = 0;

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

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

  982.         });

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

  984.       },

  985.       goAdd(){

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

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

  988.           return;

  989.         }

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

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

  992.           return;

  993.         }

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

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

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

  997.             return;

  998.           }

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

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

  1001.             return;

  1002.           }

  1003.         }

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

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

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

  1007.             return;

  1008.           }

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

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

  1011.             return;

  1012.           }

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

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

  1015.             return;

  1016.           }

  1017.         }

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

  1019.           Dialog.confirm({

  1020.             title: '提示',

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

  1022.           })

  1023.             .then(() => {

  1024.               this.saveRelease()

  1025.             })

  1026.             .catch(() => {

  1027.               return false;

  1028.             });

  1029.         }else{

  1030.           this.saveRelease()

  1031.         }

  1032.       },

  1033.       saveRelease(){

  1034.         let _this = this;

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

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

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

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

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

  1040. 

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

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

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

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

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

  1046.                       setTimeout(function(){

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

  1048.                       },1500)

  1049.                     })

  1050.                 })

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

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

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

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

  1055.                     setTimeout(function(){

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

  1057.                     },1500)

  1058.                   })

  1059.               })

  1060.             }else{

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

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

  1063.                   setTimeout(function(){

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

  1065.                   },1500)

  1066.                 })

  1067.             }

  1068.         })

  1069.       },

  1070.       goSave(){

  1071.         let _this = this

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

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

  1074.           return;

  1075.         }

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

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

  1078.           return;

  1079.         }

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

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

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

  1083.             return;

  1084.           }

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

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

  1087.             return;

  1088.           }

  1089.         }

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

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

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

  1093.             return;

  1094.           }

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

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

  1097.             return;

  1098.           }

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

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

  1101.             return;

  1102.           }

  1103.         }

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

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

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

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

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

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

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

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

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

  1113.           this.isModifyOrder = true;

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

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

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

  1117.           //     setTimeout(function(){

  1118.           //       history.go(-1)

  1119.           //     },2000)

  1120.             })

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

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

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

  1124.           //     setTimeout(function(){

  1125.           //       history.go(-1)

  1126.           //     },2000)

  1127.             })

  1128.           }else{

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

  1130.           //   setTimeout(function(){

  1131.           //     history.go(-1)

  1132.           //   },2000)

  1133.           }

  1134.         })

  1135.       },

  1136.       goUpdate(){

  1137.         let _this = this

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

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

  1140.           return;

  1141.         }

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

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

  1144.           return;

  1145.         }

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

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

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

  1149.             return;

  1150.           }

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

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

  1153.             return;

  1154.           }

  1155.         }

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

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

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

  1159.             return;

  1160.           }

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

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

  1163.             return;

  1164.           }

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

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

  1167.             return;

  1168.           }

  1169.         }

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

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

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

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

  1174. 

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

  1176.           this.projectForm.outId = this.form.id

  1177.           this.infoForm.transferId = this.form.id

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

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

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

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

  1182.                 setTimeout(function(){

  1183.                   history.go(-1)

  1184.                 },2000)

  1185.               })

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

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

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

  1189.                 setTimeout(function(){

  1190.                   history.go(-1)

  1191.                 },2000)

  1192.               })

  1193.             }else{

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

  1195.               setTimeout(function(){

  1196.                 history.go(-1)

  1197.               },2000)

  1198.             }

  1199.         })

  1200. 

  1201.       },

  1202.       payeeSelectChange(select, i) {

  1203.         let obj = {};

  1204.         let fuzhitype = 0;

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

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

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

  1208.         });

  1209.         let _this = this

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

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

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

  1213.               fuzhitype = 2;

  1214.               return true;

  1215.             }

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

  1217. 

  1218.             }else{

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

  1220.                 fuzhitype = 1;

  1221.                 return true;

  1222.               }

  1223.             }

  1224.           });

  1225.         }

  1226.         if(fuzhitype == 0){

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

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

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

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

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

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

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

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

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

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

  1237.             }

  1238.           })

  1239. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1260.         }

  1261.       },

  1262.       selectChange(select) {

  1263.         let obj = {};

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

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

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

  1267.         });

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1286.             this.form.accountType = "1"

  1287.             this.form.isPeers = null

  1288.             this.accountTypeChange();

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

  1290.             this.form.accountType = null

  1291.             this.form.isPeers = "Y"

  1292.             this.accountTypeChange1();

  1293.           }else{

  1294.             this.payeeList = [];

  1295.             this.chargeItme = [];

  1296.             this.queryParams.isPeers = null

  1297.             this.queryParams.accountType = ""

  1298.             this.queryParams.bankType = ""

  1299.             this.queryParams.status = "0"

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

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

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

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

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

  1305.                   this.payeeList.push(res)

  1306.                 }

  1307.               })

  1308.             });

  1309.           }

  1310.         }else{

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

  1312.             this.diglogStatus = false;

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

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

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

  1316.           }else{

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

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

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

  1320.             }else{

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

  1322.             }

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

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

  1325.             }else{

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

  1327.             }

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

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

  1330.             }else{

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

  1332.             }

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

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

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

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

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

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

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

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

  1341.               });

  1342.             }else {

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

  1344.             }

  1345.           }

  1346.         }

  1347.       },

  1348.       payeeSearch(val){

  1349.         console.log(val);

  1350.         this.payeeList = [];

  1351.         this.queryParams.payee = this.payeeSearchValue;

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

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

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

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

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

  1357.               this.payeeList.push(res)

  1358.             }

  1359.           })

  1360.         });

  1361.       },

  1362.       beforeRead(obj) {

  1363.         return (file) =>{

  1364.           let params1 = new FormData();

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

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

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

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

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

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

  1371.             file.id=r1.id;

  1372.             file.fileUrl = r1.fileUrl;

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

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

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

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

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

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

  1379.               this.fileList1.push(fileData);

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

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

  1382.               this.fileList2.push(fileData);

  1383.             }else{

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

  1385.               this.fileList3.push(fileData);

  1386.             }

  1387.           })

  1388.         }

  1389.       },

  1390.       deleteFile(file){

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

  1392.       },

  1393.       getFileList(){

  1394.         let oData1= {

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

  1396.           tableName: "t_yinnong_transfer",

  1397.           bizPath: "transfer",

  1398.           fileType: "1",

  1399.         }

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

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

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

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

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

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

  1406.           })

  1407.         })

  1408.         let oData2= {

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

  1410.           tableName: "t_yinnong_transfer",

  1411.           bizPath: "transfer",

  1412.           fileType: "2",

  1413.         }

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

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

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

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

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

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

  1420.           })

  1421.         })

  1422.         let oData3= {

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

  1424.           tableName: "t_yinnong_transfer",

  1425.           bizPath: "transfer",

  1426.           fileType: "3",

  1427.         }

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

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

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

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

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

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

  1434.           })

  1435.         })

  1436.       },

  1437.       goBack(){

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

  1439.       },

  1440.       deleteChargeItme(index){

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

  1442.       },

  1443.     },

  1444.     watch: {

  1445.       $route (to, from ) {

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

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

  1448.           // do anything you want

  1449.           console.log("aaa")

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

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

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

  1453.           }

  1454.         }

  1455.       }

  1456.     },

  1457.   }

  1458. </script>

  1459. 

  1460. <style scoped lang="scss">

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

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

  1463.     p,i{

  1464.       color: #ffffff;

  1465.     }

  1466.   }

  1467.   .app-container {

  1468.     padding-bottom: 2%;

  1469.     .header_main{

  1470.       height: 116px;

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

  1472.       background-size: 100% 100%;

  1473.       position: fixed;

  1474.       top: 0;

  1475.       left: 0;

  1476.       width: 100%;

  1477.       font-size: 36px;

  1478.       line-height: 116px;

  1479.       text-align: center;

  1480.       color: #fff;

  1481.       position: relative;

  1482.       .return_btn{

  1483.         width: 24px;

  1484.         height: 43.2px;

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

  1486.         background-size: 20px 36px;

  1487.         position: absolute;

  1488.         left: 38px;

  1489.         top: 36px;

  1490.       }

  1491.       .add_btn{

  1492.         width: 20PX;

  1493.         height: 20PX;

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

  1495.         background-size: 20PX 20PX;

  1496.         position: absolute;

  1497.         right: 38px;

  1498.         top: 36px;

  1499.       }

  1500.     }

  1501.   }

  1502.   .main_title_box{

  1503.     display: flex;

  1504.     justify-content: space-between;

  1505.     align-items: center;

  1506.   }

  1507.   .main_title{

  1508.     font-size: 0.45rem;

  1509.     color: #333333;

  1510.     margin: 0.4rem 3% 0.2rem;

  1511.     position: relative;

  1512.     display: flex;

  1513.     align-items: center;

  1514.     i{

  1515.       display: block;

  1516.       width: 3PX;

  1517.       height: 0.4rem;

  1518.       background-color: #4B72E4;

  1519.       margin-right: 10PX;

  1520.     }

  1521.     a{

  1522.       background: #1989fa;

  1523.       color: #ffffff;

  1524.       padding: 0.05rem 0.3rem;

  1525.       border-radius: 5PX;

  1526.     }

  1527.   }

  1528.   .main_box{

  1529.     width: 96%;

  1530.     margin: 0 auto;

  1531.     border-radius: 6px;

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

  1533.     overflow: hidden;

  1534.     background-color: #FFF;

  1535.   }

  1536.   .submitButton{

  1537.     width: 80%;

  1538.     margin: 0 auto;

  1539.     background-color: #1D6FE9;

  1540.   }

  1541. 

  1542.   .addFamily{

  1543.     //position: absolute;

  1544.     //top: -2px;

  1545.     //right: 0;

  1546.     border-radius: 50%;

  1547.     margin-right: 3%;

  1548.   }

  1549.   .deleteFamily{

  1550.     position: absolute;

  1551.     top: 0rem;

  1552.     right: 6%;

  1553.     z-index: 9;

  1554.     border-radius: 50%;

  1555.   }

  1556. </style>