zhangzl
/
nsgk_mobile
2
0
Форк 0
Код Проблеми 0 Запити на злиття 0 Релізи 0 Вікі Активність
移动端
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.
1630 Коміти
7 Гілки
79 MiB
 
 
Дерево: 8fc5b9fac0
Гілки Теги
${ item.name }
Створити гілку ${ searchTerm }
з '8fc5b9fac0'
${ noResults }
nsgk_mobile/src/views/sunVillage_info/bankAgriculture/paymentApproval/approvalModify.vue

1332 рядки
53 KiB
Неформатований Звинувачення Історія 

  1. <template>

  2.   <div class="app-container">

  3.     <van-nav-bar

  4.       left-arrow

  5.       fixed

  6.       placeholder

  7.       @click-left="goBack"

  8.     >

  9.       <template #title>

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

  11.       </template>

  12.       <template #right>

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

  14.       </template>

  15.     </van-nav-bar>

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

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

  18.       <div class="main_box">

  19.         <van-field

  20.           readonly

  21.           clickable

  22.           required

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

  24.           v-model="form.applyDate"

  25.           label="申请时间"

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

  27.           @click="showlasj = true"

  28.           input-align="right"

  29.           right-icon="arrow-down"

  30.         />

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

  32.           <van-datetime-picker

  33.             v-model="currentDate"

  34.             type="date"

  35.             title="选择年月日"

  36.             :min-date="minDate"

  37.             :max-date="maxDate"

  38.             @confirm="onConfirmLasj"

  39.             @cancel="showlasj = false"

  40.           />

  41.         </van-popup>

  42.         <van-field

  43.           readonly

  44.           clickable

  45.           required

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

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

  48.           placeholder="请选择"

  49.           v-model="capitalExpenditureType"

  50.           @click="showcapital = true"

  51.           input-align="right"

  52.           right-icon="arrow-down"

  53.           label-width="auto"

  54.         />

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

  56.           <van-picker

  57.             show-toolbar

  58.             :columns="capitalExpenditureTypeOptions"

  59.             @confirm="onConfirmCapital"

  60.             @cancel="showcapital = false"

  61.           />

  62.         </van-popup>

  63.         <van-field

  64.           readonly

  65.           required

  66.           label="支出总金额"

  67.           v-model="form.expenditureAmount"

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

  69.           input-align="right"

  70.           label-width="auto"

  71.         />

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

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

  74.           <template #input>

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

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

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

  78.             </van-radio-group>

  79.           </template>

  80.         </van-field>

  81.         <van-field

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

  83.           readonly

  84.           clickable

  85.           label="审批流程"

  86.           placeholder="请选择"

  87.           v-model="form.approvalTemplateName"

  88.           @click="showtemplate = true"

  89.           input-align="right"

  90.           right-icon="arrow-down"

  91.           required

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

  93.         />

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

  95.           <van-picker

  96.             show-toolbar

  97.             value-key="name"

  98.             :columns="templateList"

  99.             @confirm="onConfirmTemplate"

  100.             @cancel="showtemplate = false"

  101.           />

  102.         </van-popup>

  103.       </div>

  104. 

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

  106.         <van-field

  107.           label="转账附言"

  108.           v-model="form.remark"

  109.           type="textarea"

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

  111.           input-align="right"

  112.           rows="3"

  113.           label-width="auto"

  114.           maxlength="10"

  115.           required

  116.           show-word-limit

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

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

  119.         />

  120.         <van-field

  121.           label="转账附言"

  122.           v-model="form.remark"

  123.           type="textarea"

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

  125.           input-align="right"

  126.           rows="3"

  127.           label-width="auto"

  128.           maxlength="20"

  129.           required

  130.           show-word-limit

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

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

  133.         />

  134.         <van-field

  135.           label="转账附言"

  136.           v-model="form.remark"

  137.           type="textarea"

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

  139.           input-align="right"

  140.           rows="3"

  141.           label-width="auto"

  142.           maxlength="30"

  143.           required

  144.           show-word-limit

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

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

  147.         />

  148.       </div>

  149. 

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

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

  152.       </div>

  153. 

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

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

  156.         <van-field

  157.           readonly

  158.           clickable

  159.           label="项目名称"

  160.           placeholder="请选择"

  161.           v-model="projectForm.projectName"

  162.           @click="showproject = true"

  163.           input-align="right"

  164.           right-icon="arrow-down"

  165.           required

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

  167.         />

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

  169.           <van-picker

  170.             show-toolbar

  171.             :columns="projectList"

  172.             @confirm="onConfirmProject"

  173.             @cancel="showproject = false"

  174.           />

  175.         </van-popup>

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

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

  178.         <van-field

  179.           readonly

  180.           clickable

  181.           label="工程款类型"

  182.           placeholder="请选择"

  183.           v-model="projectFundType"

  184.           @click="showFundType = true"

  185.           input-align="right"

  186.           right-icon="arrow-down"

  187.           required

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

  189.         />

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

  191.           <van-picker

  192.             show-toolbar

  193.             :columns="projectFundTypeOptions"

  194.             @confirm="onConfirmFundType"

  195.             @cancel="showFundType = false"

  196.           />

  197.         </van-popup>

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

  199.       </div>

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

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

  202.         <van-field

  203.           readonly

  204.           clickable

  205.           label="合同"

  206.           placeholder="请选择"

  207.           v-model="infoForm.name"

  208.           @click="showcontract = true"

  209.           input-align="right"

  210.           right-icon="arrow-down"

  211.           required

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

  213.         />

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

  215.           <van-picker

  216.             show-toolbar

  217.             :columns="infoList"

  218.             @confirm="onConfirmContract"

  219.             @cancel="showcontract = false"

  220.           />

  221.         </van-popup>

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

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

  224.       </div>

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

  226.       <div class="main_box">

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

  228.         <van-field

  229.           readonly

  230.           clickable

  231.           label="付款方"

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

  233.           v-model="form.payer"

  234.           @click="showpayer = true"

  235.           input-align="right"

  236.           right-icon="arrow-down"

  237.           label-width="auto"

  238.           required

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

  240.         />

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

  242.           <van-picker

  243.             show-toolbar

  244.             :columns="payerOptions"

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

  246.             @cancel="showpayer = false"

  247.           />

  248.         </van-popup>

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

  250.       </div>

  251. 

  252.       <p class="main_title">收款方信息<van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/></p>

  253. <!--      <div class="main_title main_title_box">-->

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

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

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

  257. <!--      </div>-->

  258.       <div class="main_box" style="margin-bottom: 15px;">

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

  260.           <template #right-icon>

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

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

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

  264.             </van-radio-group>

  265.           </template>

  266.         </van-cell>

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

  268.           <template #right-icon>

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

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

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

  272.             </van-radio-group>

  273.           </template>

  274.         </van-cell>

  275.       </div>

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

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

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

  279.           <van-field

  280.             readonly

  281.             clickable

  282.             label="收款方"

  283.             placeholder="请选择"

  284.             v-model="item.payee"

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

  286.             input-align="right"

  287.             right-icon="arrow-down"

  288.             required

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

  290.           />

  291.           <van-popup v-model="item.showPayee" position="bottom">

  292.             <van-picker

  293.               show-toolbar

  294.               :columns="payeeList"

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

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

  297.             />

  298.           </van-popup>

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

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

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

  302.           <van-field

  303.             readonly

  304.             clickable

  305.             label="所属银行"

  306.             placeholder="请选择"

  307.             v-model="item.bankTypeText"

  308.             input-align="right"

  309.             required

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

  311.           />

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

  313.             <van-picker

  314.               show-toolbar

  315.               :columns="bankTypeDictionaries"

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

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

  318.             />

  319.           </van-popup>

  320.         </div>

  321.       </div>

  322.       <p class="main_title" style="margin: 0.2rem 3%;">上传附件<i style="margin-right: 0.5em;"></i><span style="font-size: 12px;color: red;">（若申请单未变动可不必点击底部的修改按钮）</span></p>

  323.       <div class="main_box" style="padding: 5px 0 0 0;">

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

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

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

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

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

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

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

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

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

  333.             </div>

  334.           </template>

  335.         </van-uploader>

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

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

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

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

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

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

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

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

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

  345.             </div>

  346.           </template>

  347.         </van-uploader>

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

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

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

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

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

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

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

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

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

  357.             </div>

  358.           </template>

  359.         </van-uploader>

  360.       </div>

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

  362.         <van-row>

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

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

  365.           </van-col>

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

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

  368.           </van-col>

  369.         </van-row>

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

  371.       </div>

  372.     </van-form>

  373.   </div>

  374. </template>

  375. 

  376. <script>

  377.   import { getAccount , getTransfer , queryTransferDetail , listPayee , updateTransfer , getProjectto , listProject , addProjectto ,

  378.     customSubmit ,offlineCustomSubmit, getQmyeFlow ,listInfo ,getInfoto ,addInfoto,listTemplate,selectApprovalByTemplateId} from "@/api/onlineHome/bankAgriculture/paymentApproval";

  379.   import {

  380.     attachmentList,

  381.     commonAttach,

  382.     systemAttachment

  383.   } from "../../../../api/onlineHome/bankAgriculture/paymentApproval";

  384.   import request from '@/utils/request';

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

  386.   export default {

  387.     name: "approvalModify",

  388.     data() {

  389.       return {

  390.         showtemplate:false,

  391.         showcontract:false,

  392.         showcapital:false,

  393.         showpayee:false,

  394.         showlasj:false,

  395.         showbankType:false,

  396.         showproject:false,

  397.         showFundType:false,

  398.         showpayer:false,

  399. 

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

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

  402.         currentDate: new Date(),

  403.         form:{},

  404. 

  405.         capitalExpenditureType:'',

  406.         payee:'',

  407.         bankType:'',

  408. 

  409.         buttonType:'a',

  410. 

  411.         wfydlxDictionaries:[],

  412.         jglxDictionaries:[],

  413.         sysDictionaries:[],

  414.         capitalExpenditureTypeOptions:[],

  415.         bankTypeDictionaries:[],

  416.         infoList:[],

  417.         projectList:[],

  418.         projectFundTypeOptions:[],

  419.         projectFundTypeDictionaries:[],

  420.         payerOptions:[],

  421. 

  422.         chargeItme:[],

  423.         chargeItmeShow:[],

  424. 

  425.         payeeList:[],

  426.         // 查询参数

  427.         queryParams: {

  428.           transferType:"",

  429.           orderByColumn: "id",

  430.           isAsc: "desc",

  431.         },

  432.         capitalExpenditureOpen:false,

  433.         contractOpen:false,

  434.         projectForm:{

  435.           projectId:null,

  436.           projectName:null,

  437.           projectContractor:null,

  438.           projectAmount:null,

  439.           projectBillNum:null,

  440.           projectFundType:'1',

  441.           outId:null,

  442.           ynType:'1'

  443.         },

  444.         infoForm:{

  445.           infoId:null,

  446.           name:null,

  447.           code:null,

  448.           totalAmount:null,

  449.           contractionId:null,

  450.           transferId:null

  451.         },

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

  453.         queryContractionParams: {

  454.           pageNum: 1,

  455.           pageSize: 100,

  456.           contractionStatus: '1',

  457.           orderByColumn: "endTime",

  458.           isAsc: "desc",

  459.         },

  460.         projectFundType:'',

  461.         fileList1:[],

  462.         fileList2:[],

  463.         fileList3:[],

  464.         uploadFiles1:[],

  465.         uploadFiles2:[],

  466.         uploadFiles3:[],

  467.         templateList:[],

  468.       };

  469.     },

  470.     created() {

  471.       let queryParams={

  472.         pageNum: 1,

  473.         pageSize: 100,

  474.       }

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

  476.         this.projectList = response.rows;

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

  478.           this.$set(this.projectList[i],"text",response.rows[i].projectName)

  479.           this.$set(this.projectList[i],"value",response.rows[i].id)

  480.         }

  481.       });

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

  483.         this.infoList = response.rows;

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

  485.           this.$set(this.infoList[i],"text",response.rows[i].name)

  486.           this.$set(this.infoList[i],"value",response.rows[i].code)

  487.         }

  488.       });

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

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

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

  492.         }

  493.         this.projectFundTypeDictionaries = response.data;

  494.       });

  495.       let params1={

  496.         accountType: "102",

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

  498.         status: "N",

  499.       }

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

  501.         this.payerOptions = response.rows;

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

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

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

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

  506.         })

  507.       });

  508.       this.getDictionaries();

  509.       this.getFileList();

  510.     },

  511.     methods: {

  512. 

  513.       goFlow(){

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

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

  516.         }else{

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

  518.         }

  519.       },

  520.       onConfirmTemplate(data){

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

  522.           this.showtemplate = false;

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

  524.             this.form.approvalTemplateName = data.name

  525.             this.form.approvalTemplateId = data.id

  526.           }else{

  527.             this.form.approvalTemplateName = null

  528.             this.form.approvalTemplateId = null

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

  530.           }

  531.         })

  532.       },

  533.       getDictionaries(){

  534.         getTransfer(this.$route.query.id).then((response) => {

  535. 

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

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

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

  539.             }

  540.             this.capitalExpenditureType = this.selectDictLabel(res.data, response.data.capitalExpenditureType);

  541.           });

  542.           if(response.data.capitalExpenditureType==2){

  543.             this.capitalExpenditureOpen = true

  544.             let param={

  545.               'outId' : response.data.id,

  546.               'ynType' : '1'

  547.             }

  548.             getProjectto(param).then(res => {

  549.               this.projectFundType = this.selectDictLabel(this.projectFundTypeDictionaries, res.data.projectFundType);

  550.               this.projectForm = res.data

  551.             })

  552.           }else if(response.data.capitalExpenditureType==4){

  553.             this.contractOpen = true

  554.             let param={

  555.               'transferId' : response.data.id

  556.             }

  557.             getInfoto(param).then(res => {

  558.               this.infoForm = res.data

  559.             })

  560.           }else{

  561.             this.showproject = false

  562.           }

  563.           this.form = response.data;

  564.           this.getPayeeList();

  565.           let _this = this

  566.           let templateQueryParams = {

  567.             // 分页

  568.             pageNum: 1,

  569.             pageSize: 999,

  570.             type:'1'

  571.           };

  572.           listTemplate(templateQueryParams).then(rrr => {

  573.             this.templateList = rrr.rows;

  574.             this.templateList.map(ra => {

  575.               if(ra.id == response.data.approvalTemplateId){

  576.                 _this.form.approvalTemplateName = ra.name

  577.               }

  578.             })

  579.           });

  580.         });

  581.         queryTransferDetail(this.$route.query.id).then((response) => {

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

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

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

  585.             }

  586.             for (var j = 0 ; j < response.rows.length ; j++){

  587.               // response.rows[j].payeeText = response.rows[j].payee;

  588.               response.rows[j].bankTypeText = this.selectDictLabel(res.data, response.rows[j].bankType);

  589.               response.rows[j].showPayee = false;

  590.             }

  591.             this.chargeItme = response.rows;

  592.             console.log(this.chargeItme)

  593.           });

  594.         });

  595.       },

  596.       getChange(){

  597.         if(this.buttonType == 'update'){

  598.           this.goUpdate();

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

  600.           this.goAdd();

  601.         }

  602.       },

  603.       getError(e){

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

  605.       },

  606.       addChargeItme(index){

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

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

  609.           return;

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

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

  612.           return;

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

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

  615.           return;

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

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

  618.           return;

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

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

  621.           return;

  622.         }

  623.         // if(this.form.bankType == '2' && this.form.isPeers == 'N' && this.chargeItme.length==1){

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

  625.         // }else

  626.         if(this.form.bankType == '7' && this.chargeItme.length==1){

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

  628.         }else{

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

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

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

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

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

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

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

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

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

  638.               showPayee:false,

  639.               showbankType:false

  640.             });

  641.           });}

  642.       },

  643.       getPayeeList() {

  644.         //普通转账

  645.         this.queryParams.isPeers = this.form.isPeers?this.form.isPeers:null

  646.         this.queryParams.accountType = this.form.accountType?this.form.accountType:null

  647.         this.queryParams.bankType = this.form.bankType

  648.         this.queryParams.status = "0"

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

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

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

  652.               res.text = res.payee;

  653.               res.value = res.id;

  654.               this.payeeList.push(res)

  655.             }

  656.           })

  657.         });

  658.       },

  659.       payeeDictLabel(datas, value) {

  660.         var actions = [];

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

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

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

  664.             return true;

  665.           }

  666.         })

  667.         return actions.join('');

  668.       },

  669.       onConfirmCapital(data){

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

  671.           this.capitalExpenditureOpen = true;

  672.           this.contractOpen = false

  673.           this.infoForm = {};

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

  675.           this.capitalExpenditureOpen = false;

  676.           this.contractOpen = true

  677.           this.projectForm = {};

  678.         }else{

  679.           this.capitalExpenditureOpen = false;

  680.           this.contractOpen = false

  681.           this.projectForm = {};

  682.           this.infoForm = {};

  683.         }

  684.         this.capitalExpenditureType = data.text;

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

  686.         this.showcapital = false;

  687.       },

  688.       onConfirmFundType(data){

  689.         console.log(data)

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

  691.         this.projectFundType = data.text;

  692.         this.showFundType = false;

  693.       },

  694.       onConfirmProject(data){

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

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

  697.             this.projectForm.projectId = res.id

  698.             this.projectForm.projectName = res.projectName

  699.             this.projectForm.projectContractor = res.projectContractor

  700.             this.projectForm.projectAmount = res.projectAmount

  701.           }

  702.         })

  703.         this.showproject = false;

  704.       },

  705.       onConfirmContract(data){

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

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

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

  709.             this.infoForm.name = res.name;

  710.             this.infoForm.code = res.code;

  711.             this.infoForm.totalAmount = res.totalAmount;

  712.           }

  713.         })

  714.         this.showcontract = false;

  715.       },

  716.       onConfirmPayee(data,index){

  717.         console.log(data)

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

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

  720.         }

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

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

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

  724.       },

  725.       onConfirmBankType(data,index){

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

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

  728.         }

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

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

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

  732.       },

  733.       onConfirmPayer(data){

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

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

  736.         this.showpayer = false;

  737.         this.selectChange(data.value)

  738.       },

  739.       onConfirmLasj(data){

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

  741.         this.showlasj = false;

  742.       },

  743.       accountTypeChange(e){

  744.         this.payeeList = [];

  745.         this.chargeItme = [];

  746.         this.queryParams.accountType = this.form.accountType

  747.         this.queryParams.isPeers = this.form.isPeers

  748.         this.queryParams.bankType = this.form.bankType

  749.         this.queryParams.status = "0"

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

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

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

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

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

  755.               this.payeeList.push(res)

  756.             }

  757.           })

  758.         });

  759.       },

  760.       accountTypeChange1(e){

  761.         this.payeeList = [];

  762.         this.chargeItme = [];

  763.         this.queryParams.accountType = this.form.accountType

  764.         this.queryParams.isPeers = this.form.isPeers

  765.         this.queryParams.bankType = this.form.bankType

  766.         this.queryParams.status = "0"

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

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

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

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

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

  772.               this.payeeList.push(res)

  773.             }

  774.           })

  775.         });

  776.       },

  777.       // 钱计算

  778.       moneyChange(input) {

  779.         console.log(input)

  780.         let obj = {};

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

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

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

  784.         });

  785.         let total = 0;

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

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

  788.         });

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

  790.       },

  791.       goAdd(){

  792.         let _this = this

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

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

  795.           return;

  796.         }

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

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

  799.           return;

  800.         }

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

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

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

  804.             return;

  805.           }

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

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

  808.             return;

  809.           }

  810.         }

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

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

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

  814.             return;

  815.           }

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

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

  818.             return;

  819.           }

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

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

  822.             return;

  823.           }

  824.         }

  825.         if(

  826.           this.fileList1.length==0&&

  827.           this.fileList2.length==0&&

  828.           this.fileList3.length==0){

  829.           Dialog.confirm({

  830.             title: '提示',

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

  832.           })

  833.             .then(() => {

  834.               this.saveRelease()

  835.             })

  836.             .catch(() => {

  837.               return false;

  838.             });

  839.         }else{

  840.           this.saveRelease()

  841.         }

  842.       },

  843.       previewPreview(file, index, len) {

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

  845.         if (file.url) {

  846.           //已上传文件

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

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

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

  850.           let imgi = file.listIndex

  851.           //console.log(ext)

  852.           let allUrl = file.url;

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

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

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

  856.             link.target = "_blank"

  857.             link.href = allUrl;

  858.             document.body.appendChild(link);

  859.             link.click();

  860.             document.body.removeChild(link);

  861.           }

  862. 

  863.         } else {

  864.           //新上传文件

  865.           let fileName = file.file.name;

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

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

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

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

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

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

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

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

  874.             })

  875.           }

  876.         }

  877.       },

  878.       getfileType(type) {

  879.         switch (type) {

  880.           case 'txt':

  881.             return 'text/plain';

  882.           case 'doc':

  883.             return 'application/msword';

  884.           case 'docx':

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

  886.           case 'xls':

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

  888.           case 'xlsx':

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

  890.           case 'pdf':

  891.             return 'application/pdf';

  892.           case 'pptx':

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

  894.           case 'png':

  895.             return 'image/png';

  896.           case 'jpg':

  897.             return 'image/jpeg';

  898.           case 'gif':

  899.             return 'image/gif';

  900.           case 'svg':

  901.             return 'image/svg+xml';

  902.           case 'ico':

  903.             return 'image/x-icon';

  904.           case 'bmp':

  905.             return 'image/bmp,';

  906.         }

  907.       },

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

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

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

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

  912.       },

  913.       base64ToBlob(base64, mime) {

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

  915. 

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

  917.         let rawLength = raw.length

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

  919.         let uInt8Array = new Uint8Array(rawLength)

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

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

  922.         }

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

  924.       },

  925.       downloadFileDownload(blob, fileName, fileType) {

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

  927.         let href = blob;

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

  929.           downloadElement.target = '_blank'

  930.         } else {

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

  932.         }

  933.         downloadElement.href = href;

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

  935.         document.body.appendChild(downloadElement);

  936.         downloadElement.click();

  937.         document.body.removeChild(downloadElement)

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

  939.           window.URL.revokeObjectURL(href)

  940.         }

  941.       },

  942.       fileToBase64(file,fileType){

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

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

  945.           const reader = new FileReader();

  946.           //读取file对象

  947.           reader.readAsDataURL(file);

  948.           reader.onload=function () {

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

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

  951.           }

  952.           reader.onerror=function () {

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

  954.           }

  955.         })

  956.       },

  957.       saveRelease(){

  958.         let _this = this;

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

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

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

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

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

  964.           this.projectForm.outId = this.form.id

  965.           this.infoForm.transferId = this.form.id

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

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

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

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

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

  971.                   setTimeout(function(){

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

  973.                   },2000)

  974.                 })

  975.             })

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

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

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

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

  980.                   setTimeout(function(){

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

  982.                   },2000)

  983.                 })

  984.             })

  985.           }else{

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

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

  988.                 setTimeout(function(){

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

  990.                 },2000)

  991.               })

  992.           }

  993.         });

  994.       },

  995.       goUpdate(){

  996.         let _this = this

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

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

  999.           return;

  1000.         }

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

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

  1003.           return;

  1004.         }

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

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

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

  1008.             return;

  1009.           }

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

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

  1012.             return;

  1013.           }

  1014.         }

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

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

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

  1018.             return;

  1019.           }

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

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

  1022.             return;

  1023.           }

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

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

  1026.             return;

  1027.           }

  1028.         }

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

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

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

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

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

  1034.           this.projectForm.outId = this.form.id

  1035.           this.infoForm.transferId = this.form.id

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

  1037. 

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

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

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

  1041.                 setTimeout(function(){

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

  1043.                 },2000)

  1044.               })

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

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

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

  1048.                 setTimeout(function(){

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

  1050.                 },2000)

  1051.               })

  1052.             }else{

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

  1054.               setTimeout(function(){

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

  1056.               },2000)

  1057.             }

  1058.         });

  1059.       },

  1060.       payeeSelectChange(select, i) {

  1061.         let obj = {};

  1062.         let fuzhitype = 0;

  1063.         let _this = this

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

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

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

  1067.         });

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

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

  1070.             if(value.payeeAccount != undefined &&value.payeeAccount != '' && obj.payeeAccount == value.payeeAccount&&index!=i){

  1071.               fuzhitype = 2;

  1072.               return true;

  1073.             }

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

  1075. 

  1076.             }else{

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

  1078.                 fuzhitype = 1;

  1079.                 return true;

  1080.               }

  1081.             }

  1082.           });

  1083.         }

  1084.         if(fuzhitype == 0){

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

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

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

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

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

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

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

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

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

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

  1095.             }

  1096.           })

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1117.         }

  1118.       },

  1119.       selectChange(select) {

  1120.         let obj = {};

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

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

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

  1124.         });

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

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

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

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

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

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

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

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

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

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

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

  1136.           console.log(obj.bankType)

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

  1138.             this.form.accountType = "1"

  1139.             this.form.isPeers = null

  1140.             this.accountTypeChange();

  1141.           }else if(obj.bankType==2||obj.bankType==4){

  1142.             this.form.accountType = null

  1143.             this.form.isPeers = "Y"

  1144.             this.accountTypeChange1();

  1145.           }

  1146.         }else{

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

  1148.             this.diglogStatus = false;

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

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

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

  1152.           }else{

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

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

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

  1156.             }else{

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

  1158.             }

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

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

  1161.             }else{

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

  1163.             }

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

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

  1166.             }else{

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

  1168.             }

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

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

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

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

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

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

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

  1176.               });

  1177.             }else {

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

  1179.             }

  1180.           }

  1181.         }

  1182.       },

  1183.       beforeRead(obj) {

  1184.         return (file) =>{

  1185.           let params1 = new FormData();

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

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

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

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

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

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

  1192.             file.id=r1.id;

  1193.             file.fileUrl = r1.fileUrl;

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

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

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

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

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

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

  1200.               this.fileList1.push(fileData);

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

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

  1203.               this.fileList2.push(fileData);

  1204.             }else{

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

  1206.               this.fileList3.push(fileData);

  1207.             }

  1208.           })

  1209.         }

  1210.       },

  1211.       deleteFile(file){

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

  1213.       },

  1214. 

  1215.       getFileList(){

  1216.         let oData1= {

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

  1218.           tableName: "t_yinnong_transfer",

  1219.           bizPath: "transfer",

  1220.           fileType: "1",

  1221.         }

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

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

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

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

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

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

  1228.           })

  1229.         })

  1230.         let oData2= {

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

  1232.           tableName: "t_yinnong_transfer",

  1233.           bizPath: "transfer",

  1234.           fileType: "2",

  1235.         }

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

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

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

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

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

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

  1242.           })

  1243.         })

  1244.         let oData3= {

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

  1246.           tableName: "t_yinnong_transfer",

  1247.           bizPath: "transfer",

  1248.           fileType: "3",

  1249.         }

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

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

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

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

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

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

  1256.           })

  1257.         })

  1258.       },

  1259.       goBack(){

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

  1261.       },

  1262.       //删除家庭成员

  1263.       deleteChargeItme(index){

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

  1265.       },

  1266.     },

  1267.     watch: {

  1268.       $route (to, from ) {

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

  1270.         if (to.path === '/yinnong/approvalModify') {

  1271.           // do anything you want

  1272.           console.log("aaa")

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

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

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

  1276.           }

  1277.         }

  1278.       }

  1279.     },

  1280.   }

  1281. </script>

  1282. 

  1283. <style scoped lang="scss">

  1284.   .app-container {

  1285.     padding: 2% 0;

  1286.   }

  1287.   .main_title_box{

  1288.     display: flex;

  1289.     justify-content: space-between;

  1290.     align-items: center;

  1291.   }

  1292.   .main_title{

  1293.     font-size: 0.4rem;

  1294.     color: #1D6FE9;

  1295.     margin: 0.2rem 6%;

  1296.     position: relative;

  1297.     /*a{*/

  1298.     /*  background: #1989fa;*/

  1299.     /*  color: #ffffff;*/

  1300.     /*  padding: 0.05rem 0.3rem;*/

  1301.     /*  border-radius: 5PX;*/

  1302.     /*}*/

  1303.   }

  1304.   .main_box{

  1305.     width: 96%;

  1306.     margin: 0 auto;

  1307.     border-radius: 6px;

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

  1309.     overflow: hidden;

  1310.     background-color: #FFF;

  1311.   }

  1312.   .submitButton{

  1313.     width: 80%;

  1314.     margin: 0 auto;

  1315.     background-color: #1D6FE9;

  1316.   }

  1317. 

  1318.   .addFamily{

  1319.     position: absolute;

  1320.     top: -2px;

  1321.     right: 0;

  1322.     border-radius: 50%;

  1323.   }

  1324.   .deleteFamily{

  1325.     position: absolute;

  1326.     top: 0rem;

  1327.     right: 6%;

  1328.     z-index: 9;

  1329.     border-radius: 50%;

  1330.   }

  1331. </style>