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.
1726 Cometimentos
7 Ramos
139 MiB
 
 
Árvore: 9c6a289900
Ramos Etiquetas
${ item.name }
Criar ramo ${ searchTerm }
de '9c6a289900'
${ noResults }
nsgk_mobile/src/views/sunVillage_info/bankAgriculture/paymentApproval/approvalAdd.vue

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

  302.             <van-picker

  303.               show-toolbar

  304.               :columns="payeeList"

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

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

  307.             />

  308.           </van-popup>

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

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

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

  312.           <van-field

  313.             readonly

  314.             clickable

  315.             label="所属银行"

  316.             v-model="item.bankTypeText"

  317.             input-align="right"

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

  319.             required

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

  321.           />

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

  323.             <van-picker

  324.               show-toolbar

  325.               :columns="bankTypeDictionaries"

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

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

  328.             />

  329.           </van-popup>-->

  330.         </div>

  331.       </div>

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

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

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

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

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

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

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

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

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

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

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

  343.             </div>

  344.           </template>

  345.         </van-uploader>

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

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

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

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

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

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

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

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

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

  355.             </div>

  356.           </template>

  357.         </van-uploader>

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

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

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

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

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

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

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

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

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

  367.             </div>

  368.           </template>

  369.         </van-uploader>

  370.       </div>

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

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

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

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

  375.           </van-col>

  376.         </van-row>

  377.         <van-row v-else>

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

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

  380.           </van-col>

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

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

  383.           </van-col>

  384.         </van-row>

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

  386.       </div>

  387.     </van-form>

  388.   </div>

  389. </template>

  390. 

  391. <script>

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

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

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

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

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

  397.   import moment from "moment";

  398.   export default {

  399.     name: "approvalAdd",

  400.     data() {

  401.       return {

  402.         showtemplate:false,

  403.         showcontract:false,

  404.         showcapital:false,

  405.         showpayee:false,

  406.         showlasj:false,

  407.         showbankType:false,

  408.         showproject:false,

  409.         showFundType:false,

  410.         showpayer:false,

  411. 

  412.         buttonType:'a',

  413. 

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

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

  416.         currentDate: new Date(),

  417.         form:{

  418.           id: null,

  419.           upId: null,

  420.           applyDate:this.nowDate,

  421.           approvalMode:'1',

  422.           downId: null,

  423.           orderId: null,

  424.           cashierId: null,

  425.           transferType: '1',

  426.           accountType: null,

  427.           isPeers:null,

  428.           explainSituation: null,

  429.           succeedAmount: null,

  430.           payer: null,

  431.           payerAccount: null,

  432.           operatorCode: null,

  433.           enterpriseCode: null,

  434.           expenditureAmount: null,

  435.           capitalExpenditureType: '1',

  436.           remark: null,

  437.           transferStatus: "0",

  438.           auditStatus: "0",

  439.           paymentState: "1",

  440.           bankPriority: "0",

  441.           clientPriority: "0"

  442.         },

  443.         fileList1:[],

  444.         fileList2:[],

  445.         fileList3:[],

  446.         capitalExpenditureType:'结算类',

  447.         payee:'',

  448.         bankType:'',

  449. 

  450.         wfydlxDictionaries:[],

  451.         jglxDictionaries:[],

  452.         sysDictionaries:[],

  453.         capitalExpenditureTypeOptions:[],

  454.         bankTypeDictionaries:[],

  455.         projectList:[],

  456.         projectFundTypeOptions:[],

  457.         projectFundTypeDictionaries:[],

  458.         infoList:[],

  459.         payerOptions:[],

  460. 

  461.         chargeItme:[],

  462.         chargeItmeShow:[],

  463.         templateList:[],

  464.         payeeList:[],

  465.         bankTypeList:[],

  466.         // 查询参数

  467.         queryParams: {

  468.           transferType:"",

  469.           orderByColumn: "id",

  470.           isAsc: "desc",

  471.         },

  472.         capitalExpenditureOpen:false,

  473.         contractOpen:false,

  474.         projectForm:{

  475.           projectId:null,

  476.           projectName:null,

  477.           projectContractor:null,

  478.           projectAmount:null,

  479.           projectBillNum:null,

  480.           projectFundType:'1',

  481.           outId:null,

  482.           ynType:'1'

  483.         },

  484.         infoForm:{

  485.           infoId:null,

  486.           name:null,

  487.           code:null,

  488.           totalAmount:null,

  489.           contractionId:null,

  490.           transferId:null

  491.         },

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

  493.         queryContractionParams: {

  494.           pageNum: 1,

  495.           pageSize: 100,

  496.           contractionStatus: '1',

  497.           orderByColumn: "endTime",

  498.           isAsc: "desc",

  499.         },

  500.         projectFundType:'',

  501.         nowDate:"",

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

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

  504.       };

  505.     },

  506.     created() {

  507.       this.getNowDate();

  508.       this.reset();

  509.       this.initProjectInfo();

  510.       this.capitalExpenditureOpen = false

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

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

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

  514.         }

  515.         this.projectFundTypeDictionaries = response.data;

  516.       });

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

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

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

  520.         }

  521.       });

  522.       let params1={

  523.         accountType: "102",

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

  525.         status: "N",

  526.       }

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

  528.         this.payerOptions = response.rows;

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

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

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

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

  533.         })

  534.       });

  535.       this.getDictionaries();

  536.       this.getTemplateList();

  537.     },

  538.     methods: {

  539.       goFlow(){

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

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

  542.         }else{

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

  544.         }

  545.       },

  546.       getTemplateList(){

  547.         let templateQueryParams = {

  548.           // 分页

  549.           pageNum: 1,

  550.           pageSize: 999,

  551.           type:'1'

  552.         };

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

  554.           this.templateList = response.rows;

  555.         });

  556.       },

  557.       onConfirmTemplate(data){

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

  559.           this.showtemplate = false;

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

  561.             this.form.approvalTemplateName = data.name

  562.             this.form.approvalTemplateId = data.id

  563.           }else{

  564.             this.form.approvalTemplateName = null

  565.             this.form.approvalTemplateId = null

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

  567.           }

  568.         })

  569.       },

  570.       getNowDate(){

  571.         var _this = this;

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

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

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

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

  576.       },

  577.       initProjectInfo(){

  578.         let _this = this

  579.         let queryParams={

  580.           pageNum: 1,

  581.           pageSize: 100,

  582.         }

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

  584.          _this.projectList = response.rows;

  585.           console.log(response)

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

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

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

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

  590.           }

  591.         });

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

  593.           console.log(response)

  594.          _this.infoList = response.rows;

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

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

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

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

  599.           }

  600.         });

  601.       },

  602.       // 表单重置

  603.       reset() {

  604.         this.form = {

  605.           id: null,

  606.           upId: null,

  607.           applyDate:this.nowDate,

  608.           approvalMode:'1',

  609.           downId: null,

  610.           orderId: null,

  611.           cashierId: null,

  612.           transferType: '1',

  613.           accountType: null,

  614.           isPeers:null,

  615.           explainSituation: null,

  616.           succeedAmount: null,

  617.           payer: null,

  618.           payerAccount: null,

  619.           operatorCode: null,

  620.           enterpriseCode: null,

  621.           expenditureAmount: null,

  622.           capitalExpenditureType: '1',

  623.           remark: null,

  624.           transferStatus: "0",

  625.           auditStatus: "0",

  626.           paymentState: "1",

  627.           bankPriority: "0",

  628.           clientPriority: "0"

  629.         };

  630.         this.processList = {}

  631.         this.projectForm={

  632.           projectId:null,

  633.           projectName:null,

  634.           projectContractor:null,

  635.           projectAmount:null,

  636.           projectBillNum:null,

  637.           projectFundType:'1',

  638.           outId:null,

  639.           ynType:'1'

  640.         }

  641.       },

  642.       getChange(){

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

  644.           //保存

  645.           this.goSave();

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

  647.           //保存并提交

  648.           this.goAdd();

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

  650.           //修改

  651.           this.goUpdate();

  652.         }

  653.       },

  654.       getDictionaries(){

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

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

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

  658.           }

  659.         });

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

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

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

  663.           }

  664.         });

  665.       },

  666.       getError(e){

  667.         console.log(e)

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

  669.       },

  670.       addChargeItme(index){

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

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

  673.           return;

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

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

  676.           return;

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

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

  679.           return;

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

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

  682.           return;

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

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

  685.           return;

  686.         }

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

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

  689.         // }else

  690.         var heilongjiang = false;

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

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

  693.             heilongjiang = true;

  694.           }

  695.         });

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

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

  698.         }else{

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

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

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

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

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

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

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

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

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

  708.               showPayee:false,

  709.               showbankType:false

  710.             });

  711.           });

  712.         }

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

  714.           this.isCanBatch = false;

  715.         }

  716.       },

  717.       getPayeeList() {

  718.         //普通转账

  719.         this.queryParams.status = "0"

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

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

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

  723.               res.text = res.payee;

  724.               res.value = res.id;

  725.               this.payeeList.push(res)

  726.             }

  727.           })

  728.         });

  729.       },

  730.       previewPreview(file, index, len) {

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

  732.         if (file.url) {

  733.           //已上传文件

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

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

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

  737.           let imgi = file.listIndex

  738.           //console.log(ext)

  739.           let allUrl = file.url;

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

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

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

  743.             link.target = "_blank"

  744.             link.href = allUrl;

  745.             document.body.appendChild(link);

  746.             link.click();

  747.             document.body.removeChild(link);

  748.           }

  749. 

  750.         } else {

  751.           //新上传文件

  752.           let fileName = file.file.name;

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

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

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

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

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

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

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

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

  761.             })

  762.           }

  763.         }

  764.       },

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

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

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

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

  769.       },

  770.       fileToBase64(file,fileType){

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

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

  773.           const reader = new FileReader();

  774.           //读取file对象

  775.           reader.readAsDataURL(file);

  776.           reader.onload=function () {

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

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

  779.           }

  780.           reader.onerror=function () {

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

  782.           }

  783.         })

  784.       },

  785.       base64ToBlob(base64, mime) {

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

  787. 

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

  789.         let rawLength = raw.length

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

  791.         let uInt8Array = new Uint8Array(rawLength)

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

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

  794.         }

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

  796.       },

  797.       getfileType(type) {

  798.         switch (type) {

  799.           case 'txt':

  800.             return 'text/plain';

  801.           case 'doc':

  802.             return 'application/msword';

  803.           case 'docx':

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

  805.           case 'xls':

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

  807.           case 'xlsx':

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

  809.           case 'pdf':

  810.             return 'application/pdf';

  811.           case 'pptx':

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

  813.           case 'png':

  814.             return 'image/png';

  815.           case 'jpg':

  816.             return 'image/jpeg';

  817.           case 'gif':

  818.             return 'image/gif';

  819.           case 'svg':

  820.             return 'image/svg+xml';

  821.           case 'ico':

  822.             return 'image/x-icon';

  823.           case 'bmp':

  824.             return 'image/bmp,';

  825.         }

  826.       },

  827.       downloadFileDownload(blob, fileName, fileType) {

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

  829.         let href = blob;

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

  831.           downloadElement.target = '_blank'

  832.         } else {

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

  834.         }

  835.         downloadElement.href = href;

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

  837.         document.body.appendChild(downloadElement);

  838.         downloadElement.click();

  839.         document.body.removeChild(downloadElement)

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

  841.           window.URL.revokeObjectURL(href)

  842.         }

  843.       },

  844.       payeeDictLabel(datas, value) {

  845.         var actions = [];

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

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

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

  849.             return true;

  850.           }

  851.         })

  852.         return actions.join('');

  853.       },

  854.       onConfirmCapital(data){

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

  856.           this.capitalExpenditureOpen = true;

  857.           this.contractOpen = false

  858.           this.infoForm = {};

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

  860.           this.capitalExpenditureOpen = false;

  861.           this.contractOpen = true

  862.           this.projectForm = {};

  863.         }else{

  864.           this.capitalExpenditureOpen = false;

  865.           this.contractOpen = false

  866.           this.projectForm = {};

  867.           this.infoForm = {};

  868.         }

  869.         this.capitalExpenditureType = data.text;

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

  871.         this.showcapital = false;

  872.       },

  873.       onConfirmFundType(data){

  874.         console.log(data)

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

  876.         this.projectFundType = data.text;

  877.         this.showFundType = false;

  878.       },

  879.       onConfirmContract(data){

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

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

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

  883.             this.infoForm.name = res.name;

  884.             this.infoForm.code = res.code;

  885.             this.infoForm.totalAmount = res.totalAmount;

  886.           }

  887.         })

  888.         this.showcontract = false;

  889.       },

  890. 

  891.       onConfirmProject(data){

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

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

  894.             this.projectForm.projectId = res.id

  895.             this.projectForm.projectName = res.projectName

  896.             this.projectForm.projectContractor = res.projectContractor

  897.             this.projectForm.projectAmount = res.projectAmount

  898.           }

  899.         })

  900.         this.showproject = false;

  901.       },

  902.       onConfirmPayee(data,index){

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

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

  905.         }

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

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

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

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

  910.         console.log(data)

  911.       },

  912.       onConfirmBankType(data,index){

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

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

  915.         }

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

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

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

  919.       },

  920.       onConfirmPayer(data){

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

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

  923.         this.showpayer = false;

  924.         this.selectChange(data.value)

  925.       },

  926.       onConfirmLasj(data){

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

  928.         this.showlasj = false;

  929.       },

  930.       accountTypeChange(e){

  931.         this.payeeList = [];

  932.         this.chargeItme = [];

  933.         this.queryParams.isPeers = this.form.isPeers

  934.         this.queryParams.accountType = this.form.accountType

  935.         this.queryParams.bankType = this.form.bankType

  936.         this.queryParams.status = "0"

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

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

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

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

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

  942.               this.payeeList.push(res)

  943.             }

  944.           })

  945.         });

  946.       },

  947.       accountTypeChange1(e){

  948.         this.payeeList = [];

  949.         this.chargeItme = [];

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

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

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

  953.         this.queryParams.status = "0"

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

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

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

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

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

  959.               this.payeeList.push(res)

  960.             }

  961.           })

  962.         });

  963.       },

  964.       // 钱计算

  965.       moneyChange(input) {

  966.         console.log(input)

  967.         let obj = {};

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

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

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

  971.         });

  972.         let total = 0;

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

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

  975.         });

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

  977.       },

  978.       goAdd(){

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

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

  981.           return;

  982.         }

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

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

  985.           return;

  986.         }

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

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

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

  990.             return;

  991.           }

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

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

  994.             return;

  995.           }

  996.         }

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

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

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

  1000.             return;

  1001.           }

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

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

  1004.             return;

  1005.           }

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

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

  1008.             return;

  1009.           }

  1010.         }

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

  1012.           Dialog.confirm({

  1013.             title: '提示',

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

  1015.           })

  1016.             .then(() => {

  1017.               this.saveRelease()

  1018.             })

  1019.             .catch(() => {

  1020.               return false;

  1021.             });

  1022.         }else{

  1023.           this.saveRelease()

  1024.         }

  1025.       },

  1026.       saveRelease(){

  1027.         let _this = this;

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

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

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

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

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

  1033. 

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

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

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

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

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

  1039.                       setTimeout(function(){

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

  1041.                       },1500)

  1042.                     })

  1043.                 })

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

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

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

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

  1048.                     setTimeout(function(){

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

  1050.                     },1500)

  1051.                   })

  1052.               })

  1053.             }else{

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

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

  1056.                   setTimeout(function(){

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

  1058.                   },1500)

  1059.                 })

  1060.             }

  1061.         })

  1062.       },

  1063.       goSave(){

  1064.         let _this = this

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

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

  1067.           return;

  1068.         }

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

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

  1071.           return;

  1072.         }

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

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

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

  1076.             return;

  1077.           }

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

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

  1080.             return;

  1081.           }

  1082.         }

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

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

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

  1086.             return;

  1087.           }

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

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

  1090.             return;

  1091.           }

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

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

  1094.             return;

  1095.           }

  1096.         }

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

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

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

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

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

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

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

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

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

  1106.           this.isModifyOrder = true;

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

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

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

  1110.           //     setTimeout(function(){

  1111.           //       history.go(-1)

  1112.           //     },2000)

  1113.             })

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

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

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

  1117.           //     setTimeout(function(){

  1118.           //       history.go(-1)

  1119.           //     },2000)

  1120.             })

  1121.           }else{

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

  1123.           //   setTimeout(function(){

  1124.           //     history.go(-1)

  1125.           //   },2000)

  1126.           }

  1127.         })

  1128.       },

  1129.       goUpdate(){

  1130.         let _this = this

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

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

  1133.           return;

  1134.         }

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

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

  1137.           return;

  1138.         }

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

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

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

  1142.             return;

  1143.           }

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

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

  1146.             return;

  1147.           }

  1148.         }

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

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

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

  1152.             return;

  1153.           }

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

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

  1156.             return;

  1157.           }

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

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

  1160.             return;

  1161.           }

  1162.         }

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

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

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

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

  1167. 

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

  1169.           this.projectForm.outId = this.form.id

  1170.           this.infoForm.transferId = this.form.id

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

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

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

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

  1175.                 setTimeout(function(){

  1176.                   history.go(-1)

  1177.                 },2000)

  1178.               })

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

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

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

  1182.                 setTimeout(function(){

  1183.                   history.go(-1)

  1184.                 },2000)

  1185.               })

  1186.             }else{

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

  1188.               setTimeout(function(){

  1189.                 history.go(-1)

  1190.               },2000)

  1191.             }

  1192.         })

  1193. 

  1194.       },

  1195.       payeeSelectChange(select, i) {

  1196.         let obj = {};

  1197.         let fuzhitype = 0;

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

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

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

  1201.         });

  1202.         let _this = this

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

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

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

  1206.               fuzhitype = 2;

  1207.               return true;

  1208.             }

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

  1210. 

  1211.             }else{

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

  1213.                 fuzhitype = 1;

  1214.                 return true;

  1215.               }

  1216.             }

  1217.           });

  1218.         }

  1219.         if(fuzhitype == 0){

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

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

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

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

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

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

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

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

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

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

  1230.             }

  1231.           })

  1232. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1253.         }

  1254.       },

  1255.       selectChange(select) {

  1256.         let obj = {};

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

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

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

  1260.         });

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1279.             this.form.accountType = "1"

  1280.             this.form.isPeers = null

  1281.             this.accountTypeChange();

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

  1283.             this.form.accountType = null

  1284.             this.form.isPeers = "Y"

  1285.             this.accountTypeChange1();

  1286.           }else{

  1287.             this.payeeList = [];

  1288.             this.chargeItme = [];

  1289.             this.queryParams.isPeers = null

  1290.             this.queryParams.accountType = ""

  1291.             this.queryParams.bankType = ""

  1292.             this.queryParams.status = "0"

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

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

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

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

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

  1298.                   this.payeeList.push(res)

  1299.                 }

  1300.               })

  1301.             });

  1302.           }

  1303.         }else{

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

  1305.             this.diglogStatus = false;

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

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

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

  1309.           }else{

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

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

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

  1313.             }else{

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

  1315.             }

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

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

  1318.             }else{

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

  1320.             }

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

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

  1323.             }else{

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

  1325.             }

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

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

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

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

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

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

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

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

  1334.               });

  1335.             }else {

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

  1337.             }

  1338.           }

  1339.         }

  1340.       },

  1341.       beforeRead(obj) {

  1342.         return (file) =>{

  1343.           let params1 = new FormData();

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

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

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

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

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

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

  1350.             file.id=r1.id;

  1351.             file.fileUrl = r1.fileUrl;

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

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

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

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

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

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

  1358.               this.fileList1.push(fileData);

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

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

  1361.               this.fileList2.push(fileData);

  1362.             }else{

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

  1364.               this.fileList3.push(fileData);

  1365.             }

  1366.           })

  1367.         }

  1368.       },

  1369.       deleteFile(file){

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

  1371.       },

  1372.       getFileList(){

  1373.         let oData1= {

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

  1375.           tableName: "t_yinnong_transfer",

  1376.           bizPath: "transfer",

  1377.           fileType: "1",

  1378.         }

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

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

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

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

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

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

  1385.           })

  1386.         })

  1387.         let oData2= {

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

  1389.           tableName: "t_yinnong_transfer",

  1390.           bizPath: "transfer",

  1391.           fileType: "2",

  1392.         }

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

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

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

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

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

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

  1399.           })

  1400.         })

  1401.         let oData3= {

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

  1403.           tableName: "t_yinnong_transfer",

  1404.           bizPath: "transfer",

  1405.           fileType: "3",

  1406.         }

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

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

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

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

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

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

  1413.           })

  1414.         })

  1415.       },

  1416.       goBack(){

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

  1418.       },

  1419.       deleteChargeItme(index){

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

  1421.       },

  1422.     },

  1423.     watch: {

  1424.       $route (to, from ) {

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

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

  1427.           // do anything you want

  1428.           console.log("aaa")

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

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

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

  1432.           }

  1433.         }

  1434.       }

  1435.     },

  1436.   }

  1437. </script>

  1438. 

  1439. <style scoped lang="scss">

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

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

  1442.     p,i{

  1443.       color: #ffffff;

  1444.     }

  1445.   }

  1446.   .app-container {

  1447.     padding-bottom: 2%;

  1448.     .header_main{

  1449.       height: 116px;

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

  1451.       background-size: 100% 100%;

  1452.       position: fixed;

  1453.       top: 0;

  1454.       left: 0;

  1455.       width: 100%;

  1456.       font-size: 36px;

  1457.       line-height: 116px;

  1458.       text-align: center;

  1459.       color: #fff;

  1460.       position: relative;

  1461.       .return_btn{

  1462.         width: 24px;

  1463.         height: 43.2px;

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

  1465.         background-size: 20px 36px;

  1466.         position: absolute;

  1467.         left: 38px;

  1468.         top: 36px;

  1469.       }

  1470.       .add_btn{

  1471.         width: 20PX;

  1472.         height: 20PX;

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

  1474.         background-size: 20PX 20PX;

  1475.         position: absolute;

  1476.         right: 38px;

  1477.         top: 36px;

  1478.       }

  1479.     }

  1480.   }

  1481.   .main_title_box{

  1482.     display: flex;

  1483.     justify-content: space-between;

  1484.     align-items: center;

  1485.   }

  1486.   .main_title{

  1487.     font-size: 0.45rem;

  1488.     color: #333333;

  1489.     margin: 0.4rem 3% 0.2rem;

  1490.     position: relative;

  1491.     display: flex;

  1492.     align-items: center;

  1493.     i{

  1494.       display: block;

  1495.       width: 3PX;

  1496.       height: 0.4rem;

  1497.       background-color: #4B72E4;

  1498.       margin-right: 10PX;

  1499.     }

  1500.     a{

  1501.       background: #1989fa;

  1502.       color: #ffffff;

  1503.       padding: 0.05rem 0.3rem;

  1504.       border-radius: 5PX;

  1505.     }

  1506.   }

  1507.   .main_box{

  1508.     width: 96%;

  1509.     margin: 0 auto;

  1510.     border-radius: 6px;

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

  1512.     overflow: hidden;

  1513.     background-color: #FFF;

  1514.   }

  1515.   .submitButton{

  1516.     width: 80%;

  1517.     margin: 0 auto;

  1518.     background-color: #1D6FE9;

  1519.   }

  1520. 

  1521.   .addFamily{

  1522.     //position: absolute;

  1523.     //top: -2px;

  1524.     //right: 0;

  1525.     border-radius: 50%;

  1526.     margin-right: 3%;

  1527.   }

  1528.   .deleteFamily{

  1529.     position: absolute;

  1530.     top: 0rem;

  1531.     right: 6%;

  1532.     z-index: 9;

  1533.     border-radius: 50%;

  1534.   }

  1535. </style>