zhangzl
/
nsgk_mobile
2
0
Forkuj 0
Kod Zgłoszenia 0 Oczekujące zmiany 0 Wydania 0 Wiki Aktywność
移动端
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
1719 Commity
7 Gałęzie
139 MiB
 
 
Drzewo: eacb0c9425
Gałęzie Tagi
${ item.name }
Utwórz gałąź ${ searchTerm }
z 'eacb0c9425'
${ noResults }
nsgk_mobile/src/views/sunVillage_info/bankAgriculture/paymentApproval/approvalAdd.vue

1523 wiersze
59 KiB
Czysty Wina Historia 

  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.         // 查询参数

  466.         queryParams: {

  467.           transferType:"",

  468.           orderByColumn: "id",

  469.           isAsc: "desc",

  470.         },

  471.         capitalExpenditureOpen:false,

  472.         contractOpen:false,

  473.         projectForm:{

  474.           projectId:null,

  475.           projectName:null,

  476.           projectContractor:null,

  477.           projectAmount:null,

  478.           projectBillNum:null,

  479.           projectFundType:'1',

  480.           outId:null,

  481.           ynType:'1'

  482.         },

  483.         infoForm:{

  484.           infoId:null,

  485.           name:null,

  486.           code:null,

  487.           totalAmount:null,

  488.           contractionId:null,

  489.           transferId:null

  490.         },

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

  492.         queryContractionParams: {

  493.           pageNum: 1,

  494.           pageSize: 100,

  495.           contractionStatus: '1',

  496.           orderByColumn: "endTime",

  497.           isAsc: "desc",

  498.         },

  499.         projectFundType:'',

  500.         nowDate:"",

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

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

  503.       };

  504.     },

  505.     created() {

  506.       this.getNowDate();

  507.       this.reset();

  508.       this.initProjectInfo();

  509.       this.capitalExpenditureOpen = false

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

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

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

  513.         }

  514.         this.projectFundTypeDictionaries = response.data;

  515.       });

  516.       let params1={

  517.         accountType: "102",

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

  519.         status: "N",

  520.       }

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

  522.         this.payerOptions = response.rows;

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

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

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

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

  527.         })

  528.       });

  529.       this.getDictionaries();

  530.       this.getTemplateList();

  531.     },

  532.     methods: {

  533.       goFlow(){

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

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

  536.         }else{

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

  538.         }

  539.       },

  540.       getTemplateList(){

  541.         let templateQueryParams = {

  542.           // 分页

  543.           pageNum: 1,

  544.           pageSize: 999,

  545.           type:'1'

  546.         };

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

  548.           this.templateList = response.rows;

  549.         });

  550.       },

  551.       onConfirmTemplate(data){

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

  553.           this.showtemplate = false;

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

  555.             this.form.approvalTemplateName = data.name

  556.             this.form.approvalTemplateId = data.id

  557.           }else{

  558.             this.form.approvalTemplateName = null

  559.             this.form.approvalTemplateId = null

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

  561.           }

  562.         })

  563.       },

  564.       getNowDate(){

  565.         var _this = this;

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

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

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

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

  570.       },

  571.       initProjectInfo(){

  572.         let _this = this

  573.         let queryParams={

  574.           pageNum: 1,

  575.           pageSize: 100,

  576.         }

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

  578.          _this.projectList = response.rows;

  579.           console.log(response)

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

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

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

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

  584.           }

  585.         });

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

  587.           console.log(response)

  588.          _this.infoList = response.rows;

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

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

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

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

  593.           }

  594.         });

  595.       },

  596.       // 表单重置

  597.       reset() {

  598.         this.form = {

  599.           id: null,

  600.           upId: null,

  601.           applyDate:this.nowDate,

  602.           approvalMode:'1',

  603.           downId: null,

  604.           orderId: null,

  605.           cashierId: null,

  606.           transferType: '1',

  607.           accountType: null,

  608.           isPeers:null,

  609.           explainSituation: null,

  610.           succeedAmount: null,

  611.           payer: null,

  612.           payerAccount: null,

  613.           operatorCode: null,

  614.           enterpriseCode: null,

  615.           expenditureAmount: null,

  616.           capitalExpenditureType: '1',

  617.           remark: null,

  618.           transferStatus: "0",

  619.           auditStatus: "0",

  620.           paymentState: "1",

  621.           bankPriority: "0",

  622.           clientPriority: "0"

  623.         };

  624.         this.processList = {}

  625.         this.projectForm={

  626.           projectId:null,

  627.           projectName:null,

  628.           projectContractor:null,

  629.           projectAmount:null,

  630.           projectBillNum:null,

  631.           projectFundType:'1',

  632.           outId:null,

  633.           ynType:'1'

  634.         }

  635.       },

  636.       getChange(){

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

  638.           //保存

  639.           this.goSave();

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

  641.           //保存并提交

  642.           this.goAdd();

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

  644.           //修改

  645.           this.goUpdate();

  646.         }

  647.       },

  648.       getDictionaries(){

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

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

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

  652.           }

  653.         });

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

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

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

  657.           }

  658.         });

  659.       },

  660.       getError(e){

  661.         console.log(e)

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

  663.       },

  664.       addChargeItme(index){

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

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

  667.           return;

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

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

  670.           return;

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

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

  673.           return;

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

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

  676.           return;

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

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

  679.           return;

  680.         }

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

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

  683.         // }else

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

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

  686.         }else{

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

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

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

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

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

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

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

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

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

  696.               showPayee:false,

  697.               showbankType:false

  698.             });

  699.           });}

  700.           if(this.form.bankType == '7'){

  701.             this.isCanBatch = false;

  702.           }

  703.       },

  704.       getPayeeList() {

  705.         //普通转账

  706.         this.queryParams.status = "0"

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

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

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

  710.               res.text = res.payee;

  711.               res.value = res.id;

  712.               this.payeeList.push(res)

  713.             }

  714.           })

  715.         });

  716.       },

  717.       previewPreview(file, index, len) {

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

  719.         if (file.url) {

  720.           //已上传文件

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

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

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

  724.           let imgi = file.listIndex

  725.           //console.log(ext)

  726.           let allUrl = file.url;

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

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

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

  730.             link.target = "_blank"

  731.             link.href = allUrl;

  732.             document.body.appendChild(link);

  733.             link.click();

  734.             document.body.removeChild(link);

  735.           }

  736. 

  737.         } else {

  738.           //新上传文件

  739.           let fileName = file.file.name;

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

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

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

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

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

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

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

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

  748.             })

  749.           }

  750.         }

  751.       },

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

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

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

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

  756.       },

  757.       fileToBase64(file,fileType){

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

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

  760.           const reader = new FileReader();

  761.           //读取file对象

  762.           reader.readAsDataURL(file);

  763.           reader.onload=function () {

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

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

  766.           }

  767.           reader.onerror=function () {

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

  769.           }

  770.         })

  771.       },

  772.       base64ToBlob(base64, mime) {

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

  774. 

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

  776.         let rawLength = raw.length

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

  778.         let uInt8Array = new Uint8Array(rawLength)

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

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

  781.         }

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

  783.       },

  784.       getfileType(type) {

  785.         switch (type) {

  786.           case 'txt':

  787.             return 'text/plain';

  788.           case 'doc':

  789.             return 'application/msword';

  790.           case 'docx':

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

  792.           case 'xls':

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

  794.           case 'xlsx':

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

  796.           case 'pdf':

  797.             return 'application/pdf';

  798.           case 'pptx':

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

  800.           case 'png':

  801.             return 'image/png';

  802.           case 'jpg':

  803.             return 'image/jpeg';

  804.           case 'gif':

  805.             return 'image/gif';

  806.           case 'svg':

  807.             return 'image/svg+xml';

  808.           case 'ico':

  809.             return 'image/x-icon';

  810.           case 'bmp':

  811.             return 'image/bmp,';

  812.         }

  813.       },

  814.       downloadFileDownload(blob, fileName, fileType) {

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

  816.         let href = blob;

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

  818.           downloadElement.target = '_blank'

  819.         } else {

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

  821.         }

  822.         downloadElement.href = href;

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

  824.         document.body.appendChild(downloadElement);

  825.         downloadElement.click();

  826.         document.body.removeChild(downloadElement)

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

  828.           window.URL.revokeObjectURL(href)

  829.         }

  830.       },

  831.       payeeDictLabel(datas, value) {

  832.         var actions = [];

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

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

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

  836.             return true;

  837.           }

  838.         })

  839.         return actions.join('');

  840.       },

  841.       onConfirmCapital(data){

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

  843.           this.capitalExpenditureOpen = true;

  844.           this.contractOpen = false

  845.           this.infoForm = {};

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

  847.           this.capitalExpenditureOpen = false;

  848.           this.contractOpen = true

  849.           this.projectForm = {};

  850.         }else{

  851.           this.capitalExpenditureOpen = false;

  852.           this.contractOpen = false

  853.           this.projectForm = {};

  854.           this.infoForm = {};

  855.         }

  856.         this.capitalExpenditureType = data.text;

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

  858.         this.showcapital = false;

  859.       },

  860.       onConfirmFundType(data){

  861.         console.log(data)

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

  863.         this.projectFundType = data.text;

  864.         this.showFundType = false;

  865.       },

  866.       onConfirmContract(data){

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

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

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

  870.             this.infoForm.name = res.name;

  871.             this.infoForm.code = res.code;

  872.             this.infoForm.totalAmount = res.totalAmount;

  873.           }

  874.         })

  875.         this.showcontract = false;

  876.       },

  877. 

  878.       onConfirmProject(data){

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

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

  881.             this.projectForm.projectId = res.id

  882.             this.projectForm.projectName = res.projectName

  883.             this.projectForm.projectContractor = res.projectContractor

  884.             this.projectForm.projectAmount = res.projectAmount

  885.           }

  886.         })

  887.         this.showproject = false;

  888.       },

  889.       onConfirmPayee(data,index){

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

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

  892.         }

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

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

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

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

  897.         console.log(data)

  898.       },

  899.       onConfirmBankType(data,index){

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

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

  902.         }

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

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

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

  906.       },

  907.       onConfirmPayer(data){

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

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

  910.         this.showpayer = false;

  911.         this.selectChange(data.value)

  912.       },

  913.       onConfirmLasj(data){

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

  915.         this.showlasj = false;

  916.       },

  917.       accountTypeChange(e){

  918.         this.payeeList = [];

  919.         this.chargeItme = [];

  920.         this.queryParams.isPeers = this.form.isPeers

  921.         this.queryParams.accountType = this.form.accountType

  922.         this.queryParams.bankType = this.form.bankType

  923.         this.queryParams.status = "0"

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

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

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

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

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

  929.               this.payeeList.push(res)

  930.             }

  931.           })

  932.         });

  933.       },

  934.       accountTypeChange1(e){

  935.         this.payeeList = [];

  936.         this.chargeItme = [];

  937.         this.queryParams.isPeers = this.form.isPeers

  938.         this.queryParams.accountType = this.form.accountType

  939.         this.queryParams.bankType = this.form.bankType

  940.         this.queryParams.status = "0"

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

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

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

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

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

  946.               this.payeeList.push(res)

  947.             }

  948.           })

  949.         });

  950.       },

  951.       // 钱计算

  952.       moneyChange(input) {

  953.         console.log(input)

  954.         let obj = {};

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

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

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

  958.         });

  959.         let total = 0;

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

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

  962.         });

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

  964.       },

  965.       goAdd(){

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

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

  968.           return;

  969.         }

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

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

  972.           return;

  973.         }

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

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

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

  977.             return;

  978.           }

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

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

  981.             return;

  982.           }

  983.         }

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

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

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

  987.             return;

  988.           }

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

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

  991.             return;

  992.           }

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

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

  995.             return;

  996.           }

  997.         }

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

  999.           Dialog.confirm({

  1000.             title: '提示',

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

  1002.           })

  1003.             .then(() => {

  1004.               this.saveRelease()

  1005.             })

  1006.             .catch(() => {

  1007.               return false;

  1008.             });

  1009.         }else{

  1010.           this.saveRelease()

  1011.         }

  1012.       },

  1013.       saveRelease(){

  1014.         let _this = this;

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

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

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

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

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

  1020. 

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

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

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

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

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

  1026.                       setTimeout(function(){

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

  1028.                       },1500)

  1029.                     })

  1030.                 })

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

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

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

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

  1035.                     setTimeout(function(){

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

  1037.                     },1500)

  1038.                   })

  1039.               })

  1040.             }else{

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

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

  1043.                   setTimeout(function(){

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

  1045.                   },1500)

  1046.                 })

  1047.             }

  1048.         })

  1049.       },

  1050.       goSave(){

  1051.         let _this = this

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

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

  1054.           return;

  1055.         }

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

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

  1058.           return;

  1059.         }

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

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

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

  1063.             return;

  1064.           }

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

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

  1067.             return;

  1068.           }

  1069.         }

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

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

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

  1073.             return;

  1074.           }

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

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

  1077.             return;

  1078.           }

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

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

  1081.             return;

  1082.           }

  1083.         }

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

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

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

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

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

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

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

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

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

  1093.           this.isModifyOrder = true;

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

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

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

  1097.           //     setTimeout(function(){

  1098.           //       history.go(-1)

  1099.           //     },2000)

  1100.             })

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

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

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

  1104.           //     setTimeout(function(){

  1105.           //       history.go(-1)

  1106.           //     },2000)

  1107.             })

  1108.           }else{

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

  1110.           //   setTimeout(function(){

  1111.           //     history.go(-1)

  1112.           //   },2000)

  1113.           }

  1114.         })

  1115.       },

  1116.       goUpdate(){

  1117.         let _this = this

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

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

  1120.           return;

  1121.         }

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

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

  1124.           return;

  1125.         }

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

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

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

  1129.             return;

  1130.           }

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

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

  1133.             return;

  1134.           }

  1135.         }

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

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

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

  1139.             return;

  1140.           }

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

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

  1143.             return;

  1144.           }

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

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

  1147.             return;

  1148.           }

  1149.         }

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

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

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

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

  1154. 

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

  1156.           this.projectForm.outId = this.form.id

  1157.           this.infoForm.transferId = this.form.id

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

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

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

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

  1162.                 setTimeout(function(){

  1163.                   history.go(-1)

  1164.                 },2000)

  1165.               })

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

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

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

  1169.                 setTimeout(function(){

  1170.                   history.go(-1)

  1171.                 },2000)

  1172.               })

  1173.             }else{

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

  1175.               setTimeout(function(){

  1176.                 history.go(-1)

  1177.               },2000)

  1178.             }

  1179.         })

  1180. 

  1181.       },

  1182.       payeeSelectChange(select, i) {

  1183.         let obj = {};

  1184.         let fuzhitype = 0;

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

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

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

  1188.         });

  1189.         let _this = this

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

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

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

  1193.               fuzhitype = 2;

  1194.               return true;

  1195.             }

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

  1197. 

  1198.             }else{

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

  1200.                 fuzhitype = 1;

  1201.                 return true;

  1202.               }

  1203.             }

  1204.           });

  1205.         }

  1206.         if(fuzhitype == 0){

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

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

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

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

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

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

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

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

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

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

  1217.             }

  1218.           })

  1219. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1240.         }

  1241.       },

  1242.       selectChange(select) {

  1243.         let obj = {};

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

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

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

  1247.         });

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1266.             this.form.accountType = "1"

  1267.             this.form.isPeers = null

  1268.             this.accountTypeChange();

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

  1270.             this.form.accountType = null

  1271.             this.form.isPeers = "Y"

  1272.             this.accountTypeChange1();

  1273.           }else{

  1274.             this.payeeList = [];

  1275.             this.chargeItme = [];

  1276.             this.queryParams.isPeers = null

  1277.             this.queryParams.accountType = ""

  1278.             this.queryParams.bankType = ""

  1279.             this.queryParams.status = "0"

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

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

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

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

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

  1285.                   this.payeeList.push(res)

  1286.                 }

  1287.               })

  1288.             });

  1289.           }

  1290.         }else{

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

  1292.             this.diglogStatus = false;

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

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

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

  1296.           }else{

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

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

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

  1300.             }else{

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

  1302.             }

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

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

  1305.             }else{

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

  1307.             }

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

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

  1310.             }else{

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

  1312.             }

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

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

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

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

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

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

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

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

  1321.               });

  1322.             }else {

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

  1324.             }

  1325.           }

  1326.         }

  1327.       },

  1328.       beforeRead(obj) {

  1329.         return (file) =>{

  1330.           let params1 = new FormData();

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

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

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

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

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

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

  1337.             file.id=r1.id;

  1338.             file.fileUrl = r1.fileUrl;

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

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

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

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

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

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

  1345.               this.fileList1.push(fileData);

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

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

  1348.               this.fileList2.push(fileData);

  1349.             }else{

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

  1351.               this.fileList3.push(fileData);

  1352.             }

  1353.           })

  1354.         }

  1355.       },

  1356.       deleteFile(file){

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

  1358.       },

  1359.       getFileList(){

  1360.         let oData1= {

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

  1362.           tableName: "t_yinnong_transfer",

  1363.           bizPath: "transfer",

  1364.           fileType: "1",

  1365.         }

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

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

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

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

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

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

  1372.           })

  1373.         })

  1374.         let oData2= {

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

  1376.           tableName: "t_yinnong_transfer",

  1377.           bizPath: "transfer",

  1378.           fileType: "2",

  1379.         }

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

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

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

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

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

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

  1386.           })

  1387.         })

  1388.         let oData3= {

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

  1390.           tableName: "t_yinnong_transfer",

  1391.           bizPath: "transfer",

  1392.           fileType: "3",

  1393.         }

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

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

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

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

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

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

  1400.           })

  1401.         })

  1402.       },

  1403.       goBack(){

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

  1405.       },

  1406.       deleteChargeItme(index){

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

  1408.       },

  1409.     },

  1410.     watch: {

  1411.       $route (to, from ) {

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

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

  1414.           // do anything you want

  1415.           console.log("aaa")

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

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

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

  1419.           }

  1420.         }

  1421.       }

  1422.     },

  1423.   }

  1424. </script>

  1425. 

  1426. <style scoped lang="scss">

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

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

  1429.     p,i{

  1430.       color: #ffffff;

  1431.     }

  1432.   }

  1433.   .app-container {

  1434.     padding-bottom: 2%;

  1435.     .header_main{

  1436.       height: 116px;

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

  1438.       background-size: 100% 100%;

  1439.       position: fixed;

  1440.       top: 0;

  1441.       left: 0;

  1442.       width: 100%;

  1443.       font-size: 36px;

  1444.       line-height: 116px;

  1445.       text-align: center;

  1446.       color: #fff;

  1447.       position: relative;

  1448.       .return_btn{

  1449.         width: 24px;

  1450.         height: 43.2px;

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

  1452.         background-size: 20px 36px;

  1453.         position: absolute;

  1454.         left: 38px;

  1455.         top: 36px;

  1456.       }

  1457.       .add_btn{

  1458.         width: 20PX;

  1459.         height: 20PX;

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

  1461.         background-size: 20PX 20PX;

  1462.         position: absolute;

  1463.         right: 38px;

  1464.         top: 36px;

  1465.       }

  1466.     }

  1467.   }

  1468.   .main_title_box{

  1469.     display: flex;

  1470.     justify-content: space-between;

  1471.     align-items: center;

  1472.   }

  1473.   .main_title{

  1474.     font-size: 0.45rem;

  1475.     color: #333333;

  1476.     margin: 0.4rem 3% 0.2rem;

  1477.     position: relative;

  1478.     display: flex;

  1479.     align-items: center;

  1480.     i{

  1481.       display: block;

  1482.       width: 3PX;

  1483.       height: 0.4rem;

  1484.       background-color: #4B72E4;

  1485.       margin-right: 10PX;

  1486.     }

  1487.     a{

  1488.       background: #1989fa;

  1489.       color: #ffffff;

  1490.       padding: 0.05rem 0.3rem;

  1491.       border-radius: 5PX;

  1492.     }

  1493.   }

  1494.   .main_box{

  1495.     width: 96%;

  1496.     margin: 0 auto;

  1497.     border-radius: 6px;

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

  1499.     overflow: hidden;

  1500.     background-color: #FFF;

  1501.   }

  1502.   .submitButton{

  1503.     width: 80%;

  1504.     margin: 0 auto;

  1505.     background-color: #1D6FE9;

  1506.   }

  1507. 

  1508.   .addFamily{

  1509.     //position: absolute;

  1510.     //top: -2px;

  1511.     //right: 0;

  1512.     border-radius: 50%;

  1513.     margin-right: 3%;

  1514.   }

  1515.   .deleteFamily{

  1516.     position: absolute;

  1517.     top: 0rem;

  1518.     right: 6%;

  1519.     z-index: 9;

  1520.     border-radius: 50%;

  1521.   }

  1522. </style>