zhangzl
/
nsgk_mobile
2
0
フォーク 0
コード 課題 0 プルリクエスト 0 リリース 0 Wiki アクティビティ
移动端
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
1711 コミット
7 ブランチ
80 MiB
 
 
ツリー: 130c4b3e4a
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'130c4b3e4a' から
${ noResults }
nsgk_mobile/src/views/sunVillage_info/bankAgriculture/paymentApproval/approvalAdd10.vue

1065 行
40 KiB
Raw Blame 履歴 

  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/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.       </div>

  82. 

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

  84.         <van-field

  85.           label="转账附言"

  86.           v-model="form.remark"

  87.           type="textarea"

  88.           placeholder="请输入转账附言"

  89.           input-align="right"

  90.           rows="3"

  91.           label-width="auto"

  92.           required

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

  94.         />

  95.       </div>

  96. 

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

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

  99.       </div>

  100. 

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

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

  103.         <van-field

  104.           readonly

  105.           clickable

  106.           label="项目名称"

  107.           placeholder="请选择"

  108.           v-model="projectForm.projectName"

  109.           @click="showproject = true"

  110.           input-align="right"

  111.           right-icon="arrow-down"

  112.           required

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

  114.         />

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

  116.           <van-picker

  117.             show-toolbar

  118.             :columns="projectList"

  119.             @confirm="onConfirmProject"

  120.             @cancel="showproject = false"

  121.           />

  122.         </van-popup>

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

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

  125.         <van-field

  126.           readonly

  127.           clickable

  128.           label="工程款类型"

  129.           placeholder="请选择"

  130.           v-model="projectFundType"

  131.           @click="showFundType = true"

  132.           input-align="right"

  133.           right-icon="arrow-down"

  134.           required

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

  136.         />

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

  138.           <van-picker

  139.             show-toolbar

  140.             :columns="projectFundTypeOptions"

  141.             @confirm="onConfirmFundType"

  142.             @cancel="showFundType = false"

  143.           />

  144.         </van-popup>

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

  146.       </div>

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

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

  149.         <van-field

  150.           readonly

  151.           clickable

  152.           label="合同"

  153.           placeholder="请选择"

  154.           v-model="infoForm.name"

  155.           @click="showcontract = true"

  156.           input-align="right"

  157.           right-icon="arrow-down"

  158.           required

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

  160.         />

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

  162.           <van-picker

  163.             show-toolbar

  164.             :columns="infoList"

  165.             @confirm="onConfirmContract"

  166.             @cancel="showcontract = false"

  167.           />

  168.         </van-popup>

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

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

  171.       </div>

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

  173.       <div class="main_box">

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

  175.         <van-field

  176.           readonly

  177.           clickable

  178.           label="付款方"

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

  180.           v-model="form.payer"

  181.           @click="showpayer = true"

  182.           input-align="right"

  183.           right-icon="arrow-down"

  184.           label-width="auto"

  185.           required

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

  187.         />

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

  189.           <van-picker

  190.             show-toolbar

  191.             :columns="payerOptions"

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

  193.             @cancel="showpayer = false"

  194.           />

  195.         </van-popup>

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

  197.       </div>

  198. 

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

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

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

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

  203.           <van-field required :rules="[{ required: true , message:'请输入收款方全称' }]" v-model="item.payee" label="收款方" placeholder="请输入收款方全称" input-align="right" label-width="auto"/>

  204.           <van-field required :rules="[{ required: true , message:'请输入提款人' }]" v-model="item.drawer" label="提款人" placeholder="请输入提款人" input-align="right" label-width="auto"/>

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

  206.           <van-field required :rules="[{ required: true , message:'请输入资金用途' }]" v-model="item.remark" label="资金用途" placeholder="请输入资金用途" input-align="right" label-width="auto" />

  207.         </div>

  208.       </div>

  209.       <p class="main_title">上传附件</p>

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

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

  212.         <van-uploader v-model="fileList1" :after-read="beforeRead1" @delete="deleteFile1" style="margin-left:8px;"></van-uploader>

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

  214.         <van-uploader v-model="fileList2" :after-read="beforeRead2" @delete="deleteFile2" style="margin-left:8px;"></van-uploader>

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

  216.         <van-uploader v-model="fileList3" :after-read="beforeRead3" @delete="deleteFile3" style="margin-left:8px;"></van-uploader>

  217.       </div>

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

  219.         <van-row>

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

  221. <!--            @click="goUpdate"-->

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

  223.           </van-col>

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

  225. <!--            @click="goAdd"-->

  226.             <van-button type="info" native-type="submit" @click="buttonType='add'" class="submitButton">保存并提交</van-button>

  227.           </van-col>

  228.         </van-row>

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

  230.       </div>

  231.     </van-form>

  232.   </div>

  233. </template>

  234. 

  235. <script>

  236.   import { addTransfer , listPayee , updateTransfer , getProjectto , listProject , addProjectto , cashSubmit , getAccount ,getQmyeFlow,listInfo ,getInfoto ,addInfoto} from "@/api/onlineHome/bankAgriculture/paymentApproval";

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

  238.   import {

  239.     addCash,

  240.     addCashdetail, attachmentList,

  241.     commonAttach,

  242.     updateCash

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

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

  245.   import moment from "moment";

  246.   export default {

  247.     name: "approvalAdd10",

  248.     data() {

  249.       return {

  250.         showcontract:false,

  251.         showcapital:false,

  252.         showpayee:false,

  253.         showlasj:false,

  254.         showbankType:false,

  255.         showproject:false,

  256.         showFundType:false,

  257.         showpayer:false,

  258. 

  259.         buttonType:'a',

  260. 

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

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

  263.         currentDate: new Date(),

  264.         form:{},

  265.         fileList1:[],

  266.         fileList2:[],

  267.         fileList3:[],

  268.         capitalExpenditureType:'',

  269.         payee:'',

  270.         bankType:'',

  271. 

  272.         wfydlxDictionaries:[],

  273.         jglxDictionaries:[],

  274.         sysDictionaries:[],

  275.         capitalExpenditureTypeOptions:[],

  276.         bankTypeDictionaries:[],

  277.         projectList:[],

  278.         infoList:[],

  279.         projectFundTypeOptions:[],

  280.         projectFundTypeDictionaries:[],

  281.         payerOptions:[],

  282. 

  283.         chargeItme:[],

  284.         chargeItmeShow:[],

  285. 

  286.         payeeList:[],

  287.         // 查询参数

  288.         queryParams: {

  289.           transferType:10,

  290.           orderByColumn: "id",

  291.           isAsc: "desc",

  292.         },

  293.         capitalExpenditureOpen:false,

  294.         contractOpen:false,

  295.         projectForm:{

  296.           projectId:null,

  297.           projectName:null,

  298.           projectContractor:null,

  299.           projectAmount:null,

  300.           projectBillNum:null,

  301.           projectFundType:'1',

  302.           outId:null,

  303.           ynType:'2'

  304.         },

  305.         infoForm:{

  306.           infoId:null,

  307.           name:null,

  308.           code:null,

  309.           totalAmount:null,

  310.           contractionId:null,

  311.           transferId:null

  312.         },

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

  314.         queryContractionParams: {

  315.           pageNum: 1,

  316.           pageSize: 100,

  317.           contractionStatus: '1',

  318.           orderByColumn: "endTime",

  319.           isAsc: "desc",

  320.         },

  321.         projectFundType:'',

  322.         uploadFiles1:[],

  323.         uploadFiles2:[],

  324.         uploadFiles3:[],

  325.         nowDate:""

  326.       };

  327.     },

  328.     created() {

  329.       this.getNowDate();

  330.       this.reset();

  331.       this.initProjectInfo();

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

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

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

  335.         }

  336.         this.projectFundTypeDictionaries = response.data;

  337.       });

  338.       let params1={

  339.         accountType: "102",

  340.         status: "N",

  341.       }

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

  343.         this.payerOptions = response.rows;

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

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

  346.           console.log(res)

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

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

  349.         })

  350.       });

  351.       this.getDictionaries();

  352.       this.addChargeItme();

  353.     },

  354.     methods: {

  355.       goFlow(){

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

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

  358.         }else{

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

  360.         }

  361.       },

  362.       getNowDate(){

  363.         var _this = this;

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

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

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

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

  368.       },

  369.       initProjectInfo(){

  370.         let _this = this

  371.         let queryParams={

  372.           pageNum: 1,

  373.           pageSize: 100,

  374.         }

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

  376.           _this.projectList = response.rows;

  377.           console.log(response)

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

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

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

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

  382.           }

  383.         });

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

  385.           console.log(response)

  386.           _this.infoList = response.rows;

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

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

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

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

  391.           }

  392.         });

  393.       },

  394.       // 表单重置

  395.       reset() {

  396.         this.form = {

  397.           id: null,

  398.           applyDate:this.nowDate,

  399.           approvalMode:'1',

  400.           upId: null,

  401.           downId: null,

  402.           orderId: null,

  403.           cashierId: null,

  404.           cashType: '10',

  405.           accountType: '2',

  406.           explainSituation: null,

  407.           succeedAmount: null,

  408.           payer: null,

  409.           payerAccount: null,

  410.           operatorCode: null,

  411.           enterpriseCode: null,

  412.           expenditureAmount: null,

  413.           capitalExpenditureType: '1',

  414.           remark: null,

  415.           transferStatus: "0",

  416.           auditStatus: "0",

  417.           paymentState: "1",

  418.           bankPriority: "0",

  419.           clientPriority: "0"

  420.         };

  421.         this.processList = {}

  422.         this.projectForm={

  423.           projectId:null,

  424.           projectName:null,

  425.           projectContractor:null,

  426.           projectAmount:null,

  427.           projectBillNum:null,

  428.           projectFundType:'1',

  429.           outId:null,

  430.           ynType:'1'

  431.         }

  432.       },

  433.       getChange(){

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

  435.           this.goUpdate();

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

  437.           this.goAdd();

  438.         }

  439.       },

  440.       getDictionaries(){

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

  442.           for (let i = 0; i < res.data.length; i++) {

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

  444.           }

  445.         });

  446.         this.getPayeeList();

  447.       },

  448.       getError(e){

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

  450.       },

  451.       addChargeItme(index){

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

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

  454.           return;

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

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

  457.           return;

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

  459.           this.$notify({ type: 'danger', message: '请输入提款人！' });

  460.           return;

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

  462.           this.$notify({ type: 'danger', message: '请输入资金用途！' });

  463.           return;

  464.         }

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

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

  467.           payee: "", //收款方全称

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

  469.           drawer: "", //提款人

  470.           incomeAmount: "", //提款金额

  471.           bankType: "", //资金用途

  472.           showPayee:false,

  473.           showbankType:false

  474.         });

  475.       },

  476.       getPayeeList() {

  477.         //普通转账

  478.         this.queryParams.accountType = this.form.accountType

  479.         this.queryParams.status = "0"

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

  481.           this.payeeList = response.rows;

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

  483.             this.payeeList[index].text = res.payee;

  484.             this.payeeList[index].value = res.id;

  485.           })

  486.         });

  487.       },

  488.       payeeDictLabel(datas, value) {

  489.         let actions = [];

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

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

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

  493.             return true;

  494.           }

  495.         })

  496.         return actions.join('');

  497.       },

  498.       onConfirmCapital(data){

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

  500.           this.capitalExpenditureOpen = true;

  501.           this.contractOpen = false

  502.           this.infoForm = {};

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

  504.           this.capitalExpenditureOpen = false;

  505.           this.contractOpen = true

  506.           this.projectForm = {};

  507.         }else{

  508.           this.capitalExpenditureOpen = false;

  509.           this.contractOpen = false

  510.           this.projectForm = {};

  511.           this.infoForm = {};

  512.         }

  513.         this.capitalExpenditureType = data.text;

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

  515.         this.showcapital = false;

  516.       },

  517.       onConfirmFundType(data){

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

  519.         this.projectFundType = data.text;

  520.         this.showFundType = false;

  521.       },

  522.       onConfirmProject(data){

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

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

  525.             this.projectForm.projectId = res.id

  526.             this.projectForm.projectName = res.projectName

  527.             this.projectForm.projectContractor = res.projectContractor

  528.             this.projectForm.projectAmount = res.projectAmount

  529.           }

  530.         })

  531.         this.showproject = false;

  532.       },

  533.       onConfirmContract(data){

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

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

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

  537.             this.infoForm.name = res.name;

  538.             this.infoForm.code = res.code;

  539.             this.infoForm.totalAmount = res.totalAmount;

  540.           }

  541.         })

  542.         this.showcontract = false;

  543.       },

  544.       onConfirmPayee(data,index){

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

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

  547.         }

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

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

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

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

  552.       },

  553.       onConfirmBankType(data,index){

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

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

  556.         }

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

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

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

  560.       },

  561.       onConfirmPayer(data){

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

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

  564.         this.showpayer = false;

  565.         this.selectChange(data.value)

  566.       },

  567.       onConfirmLasj(data){

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

  569.         this.showlasj = false;

  570.       },

  571.       accountTypeChange(e){

  572.         this.payeeList = [];

  573.         this.queryParams.accountType = this.form.accountType

  574.         this.queryParams.status = "0"

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

  576.           this.payeeList = response.rows;

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

  578.             this.payeeList[index].text = res.payee;

  579.             this.payeeList[index].value = res.id;

  580.           })

  581.         });

  582.       },

  583.       // 钱计算

  584.       moneyChange(input) {

  585.         console.log(input)

  586.         let obj = {};

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

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

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

  590.         });

  591.         let total = 0;

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

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

  594.         });

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

  596.       },

  597.       goAdd(){

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

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

  600.           return;

  601.         }

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

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

  604.           return;

  605.         }

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

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

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

  609.             return;

  610.           }

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

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

  613.             return;

  614.           }

  615.         }

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

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

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

  619.             return;

  620.           }

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

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

  623.             return;

  624.           }

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

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

  627.             return;

  628.           }

  629.         }

  630.         if((this.uploadFiles1==null||this.uploadFiles1.length==0)&&(this.uploadFiles2==null||this.uploadFiles2.length==0)&&(this.uploadFiles3==null||this.uploadFiles3.length==0)){

  631.           Dialog.confirm({

  632.             title: '提示',

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

  634.           })

  635.             .then(() => {

  636.               console.log(this.form)

  637.               addCash(this.form).then((response) => {

  638.                 this.chargeItme.map(res => {

  639.                   res.cashId = response.data.id

  640.                   addCashdetail(res).then(r => {})

  641. 

  642.                 })

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

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

  645.                   this.$set(this.projectForm, "ynType", '2');

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

  647.                     cashSubmit(response.data.id).then(res => {

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

  649.                       setTimeout(function(){

  650.                         history.go(-1)

  651.                       },2000)

  652.                     })

  653.                   })

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

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

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

  657.                     cashSubmit(response.data.id).then(res => {

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

  659.                       setTimeout(function(){

  660.                         history.go(-1)

  661.                       },2000)

  662.                     })

  663.                   })

  664.                 }else{

  665.                   cashSubmit(response.data.id).then(res => {

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

  667.                     setTimeout(function(){

  668.                       history.go(-1)

  669.                     },2000)

  670.                   })

  671.                 }

  672.               });

  673.             })

  674.         }else{

  675.           addCash(this.form).then((response) => {

  676.             this.uploadFiles1.map(rr => {

  677.               const params = new FormData();

  678.               params.append("tableId", response.data.id);

  679.               params.append("tableName", "t_yinnong_transfer");

  680.               params.append("bizPath", "yinnong");

  681.               params.append("fileType", "1");

  682.               params.append("file", rr);

  683.               commonAttach(params).then((r) => {

  684.               })

  685.             })

  686.             this.uploadFiles2.map(rr => {

  687.               const params = new FormData();

  688.               params.append("tableId", response.data.id);

  689.               params.append("tableName", "t_yinnong_transfer");

  690.               params.append("bizPath", "yinnong");

  691.               params.append("fileType", "2");

  692.               params.append("file", rr);

  693.               commonAttach(params).then((r) => {

  694.               })

  695.             })

  696.             this.uploadFiles3.map(rr => {

  697.               const params = new FormData();

  698.               params.append("tableId", response.data.id);

  699.               params.append("tableName", "t_yinnong_transfer");

  700.               params.append("bizPath", "yinnong");

  701.               params.append("fileType", "3");

  702.               params.append("file", rr);

  703.               commonAttach(params).then((r) => {

  704.               })

  705.             })

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

  707.               res.cashId = response.data.id

  708.               addCashdetail(res).then(r => {})

  709.             })

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

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

  712.               this.$set(this.projectForm, "ynType", '2');

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

  714.                 cashSubmit(response.data.id).then(res => {

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

  716.                   setTimeout(function(){

  717.                     history.go(-1)

  718.                   },2000)

  719.                 })

  720.               })

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

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

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

  724.                 cashSubmit(response.data.id).then(res => {

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

  726.                   setTimeout(function(){

  727.                     history.go(-1)

  728.                   },2000)

  729.                 })

  730.               })

  731.             }else{

  732.               cashSubmit(response.data.id).then(res => {

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

  734.                 setTimeout(function(){

  735.                   history.go(-1)

  736.                 },2000)

  737.               })

  738.             }

  739.           });

  740.         }

  741.       },

  742.       goUpdate(){

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

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

  745.           return;

  746.         }

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

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

  749.           return;

  750.         }

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

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

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

  754.             return;

  755.           }

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

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

  758.             return;

  759.           }

  760.         }

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

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

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

  764.             return;

  765.           }

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

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

  768.             return;

  769.           }

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

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

  772.             return;

  773.           }

  774.         }

  775.           addCash(this.form).then((response) => {

  776.             this.uploadFiles1.map(rr => {

  777.               const params = new FormData();

  778.               params.append("tableId", response.data.id);

  779.               params.append("tableName", "t_yinnong_transfer");

  780.               params.append("bizPath", "yinnong");

  781.               params.append("fileType", "1");

  782.               params.append("file", rr);

  783.               commonAttach(params).then((r) => {

  784.               })

  785.             })

  786.             this.uploadFiles2.map(rr => {

  787.               const params = new FormData();

  788.               params.append("tableId", response.data.id);

  789.               params.append("tableName", "t_yinnong_transfer");

  790.               params.append("bizPath", "yinnong");

  791.               params.append("fileType", "2");

  792.               params.append("file", rr);

  793.               commonAttach(params).then((r) => {

  794.               })

  795.             })

  796.             this.uploadFiles3.map(rr => {

  797.               const params = new FormData();

  798.               params.append("tableId", response.data.id);

  799.               params.append("tableName", "t_yinnong_transfer");

  800.               params.append("bizPath", "yinnong");

  801.               params.append("fileType", "3");

  802.               params.append("file", rr);

  803.               commonAttach(params).then((r) => {

  804.               })

  805.             })

  806.             this.chargeItme.map(res => {

  807.               res.cashId = response.data.id

  808.               addCashdetail(res).then(r => {})

  809.             })

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

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

  812.               this.$set(this.projectForm, "ynType", '2');

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

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

  815.                 setTimeout(function(){

  816.                   history.go(-1)

  817.                 },2000)

  818.               })

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

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

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

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

  823.                 setTimeout(function(){

  824.                   history.go(-1)

  825.                 },2000)

  826.               })

  827.             }else{

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

  829.               setTimeout(function(){

  830.                 history.go(-1)

  831.               },2000)

  832.             }

  833.           });

  834.       },

  835.       payeeSelectChange(select, i) {

  836.         let obj = {};

  837.         let fuzhitype = 0;

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

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

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

  841.         });

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

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

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

  845.               fuzhitype = 2;

  846.               return true;

  847.             }

  848.             if(value.accountType != undefined &&value.accountType != '' && obj.accountType != value.accountType&&index!=i){

  849.               fuzhitype = 1;

  850.               return true;

  851.             }

  852.           });

  853.         }

  854.         if(fuzhitype == 0){

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  877.         }

  878.       },

  879.       selectChange(select) {

  880.         let obj = {};

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

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

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

  884.         });

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  902.             this.form.accountType = "1"

  903.             this.form.isPeers = null

  904.             this.accountTypeChange();

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

  906.             this.form.accountType = null

  907.             this.form.isPeers = "Y"

  908.             this.accountTypeChange1();

  909.           }

  910.         }else{

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

  912.             this.diglogStatus = false;

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

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

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

  916.           }else{

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

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

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

  920.             }else{

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

  922.             }

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

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

  925.             }else{

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

  927.             }

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

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

  930.             }else{

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

  932.             }

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

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

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

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

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

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

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

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

  941.               });

  942.             }else {

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

  944.             }

  945.           }

  946.         }

  947.       },

  948.       beforeRead1(file) {

  949.         this.uploadFiles1.push(file.file);

  950.       },

  951.       deleteFile1(file){

  952.         this.uploadFiles1.map((response,index) => {

  953.           if(file.file == response){

  954.             this.uploadFiles1.splice(index,1)

  955.           }

  956.         })

  957.       },

  958.       beforeRead2(file) {

  959.         this.uploadFiles2.push(file.file);

  960.       },

  961.       deleteFile2(file){

  962.         this.uploadFiles2.map((response,index) => {

  963.           if(file.file == response){

  964.             this.uploadFiles2.splice(index,1)

  965.           }

  966.         })

  967.       },

  968.       beforeRead3(file) {

  969.         this.uploadFiles3.push(file.file);

  970.       },

  971.       deleteFile3(file){

  972.         this.uploadFiles3.map((response,index) => {

  973.           if(file.file == response){

  974.             this.uploadFiles3.splice(index,1)

  975.           }

  976.         })

  977.       },

  978.       getFileList(){

  979.         let oData1= {

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

  981.           tableName: "t_yinnong_transfer",

  982.           bizPath: "yinnong",

  983.           fileType: "1",

  984.         }

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

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

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

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

  989.           })

  990.         })

  991.         let oData2= {

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

  993.           tableName: "t_yinnong_transfer",

  994.           bizPath: "yinnong",

  995.           fileType: "2",

  996.         }

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

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

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

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

  1001.           })

  1002.         })

  1003.         let oData3= {

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

  1005.           tableName: "t_yinnong_transfer",

  1006.           bizPath: "yinnong",

  1007.           fileType: "3",

  1008.         }

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

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

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

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

  1013.           })

  1014.         })

  1015.       },

  1016.       goBack(){

  1017.         window.history.go(-1)

  1018.       },

  1019.       //删除家庭成员

  1020.       deleteChargeItme(index){

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

  1022.       },

  1023.     },

  1024.   }

  1025. </script>

  1026. 

  1027. <style scoped lang="scss">

  1028.   .app-container {

  1029.     padding: 2% 0;

  1030.   }

  1031.   .main_title{

  1032.     font-size: 0.4rem;

  1033.     color: #1D6FE9;

  1034.     margin: 0.2rem 6%;

  1035.     position: relative;

  1036.   }

  1037.   .main_box{

  1038.     width: 96%;

  1039.     margin: 0 auto;

  1040.     border-radius: 6px;

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

  1042.     overflow: hidden;

  1043.     background-color: #FFF;

  1044.   }

  1045.   .submitButton{

  1046.     width: 80%;

  1047.     margin: 0 auto;

  1048.     background-color: #1D6FE9;

  1049.   }

  1050. 

  1051.   .addFamily{

  1052.     position: absolute;

  1053.     top: -2px;

  1054.     right: 0;

  1055.     border-radius: 50%;

  1056.   }

  1057.   .deleteFamily{

  1058.     position: absolute;

  1059.     top: 0rem;

  1060.     right: 6%;

  1061.     z-index: 9;

  1062.     border-radius: 50%;

  1063.   }

  1064. </style>