zhangzl
/
nsgk_mobile
2
0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
移动端
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
515 Incheckningar
8 Grenar
211 MiB
 
 
Träd: 896475a010
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från '896475a010'
${ noResults }
nsgk_mobile/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd11.vue

1009 rader
39 KiB
Rå Blame Historik 

  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.     </van-nav-bar>

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

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

  15.       <div class="main_box">

  16.         <van-field

  17.           readonly

  18.           clickable

  19.           required

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

  21.           v-model="form.applyDate"

  22.           label="申请时间"

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

  24.           @click="showlasj = true"

  25.           input-align="right"

  26.           right-icon="arrow-down"

  27.         />

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

  29.           <van-datetime-picker

  30.             v-model="currentDate"

  31.             type="date"

  32.             title="选择年月日"

  33.             :min-date="minDate"

  34.             :max-date="maxDate"

  35.             @confirm="onConfirmLasj"

  36.             @cancel="showlasj = false"

  37.           />

  38.         </van-popup>

  39.         <van-field

  40.           readonly

  41.           clickable

  42.           required

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

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

  45.           placeholder="请选择"

  46.           v-model="capitalExpenditureType"

  47.           @click="showcapital = true"

  48.           input-align="right"

  49.           right-icon="arrow-down"

  50.           label-width="auto"

  51.         />

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

  53.           <van-picker

  54.             show-toolbar

  55.             :columns="capitalExpenditureTypeOptions"

  56.             @confirm="onConfirmCapital"

  57.             @cancel="showcapital = false"

  58.           />

  59.         </van-popup>

  60.         <van-field

  61.           readonly

  62.           required

  63.           label="使用总金额"

  64.           v-model="form.expenditureAmount"

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

  66.           input-align="right"

  67.           label-width="auto"

  68.         />

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

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

  71.           <template #input>

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

  73.               <van-radio name="1">线上支付</van-radio>

  74.               <van-radio name="2">线下支付</van-radio>

  75.             </van-radio-group>

  76.           </template>

  77.         </van-field>

  78.       </div>

  79. 

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

  81.         <van-field

  82.           label="付款事由"

  83.           v-model="form.remark"

  84.           type="textarea"

  85.           placeholder="请输入付款事由"

  86.           input-align="right"

  87.           rows="3"

  88.           label-width="auto"

  89.           required

  90.           :rules="[{ required: true , message:'请输入付款事由' }]"

  91.         />

  92.       </div>

  93. 

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

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

  96.       </div>

  97. 

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

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

  100.         <van-field

  101.           readonly

  102.           clickable

  103.           label="项目名称"

  104.           placeholder="请选择"

  105.           v-model="projectForm.projectName"

  106.           @click="showproject = true"

  107.           input-align="right"

  108.           right-icon="arrow-down"

  109.           required

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

  111.         />

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

  113.           <van-picker

  114.             show-toolbar

  115.             :columns="projectList"

  116.             @confirm="onConfirmProject"

  117.             @cancel="showproject = false"

  118.           />

  119.         </van-popup>

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

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

  122.         <van-field

  123.           readonly

  124.           clickable

  125.           label="工程款类型"

  126.           placeholder="请选择"

  127.           v-model="projectFundType"

  128.           @click="showFundType = true"

  129.           input-align="right"

  130.           right-icon="arrow-down"

  131.           required

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

  133.         />

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

  135.           <van-picker

  136.             show-toolbar

  137.             :columns="projectFundTypeOptions"

  138.             @confirm="onConfirmFundType"

  139.             @cancel="showFundType = false"

  140.           />

  141.         </van-popup>

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

  143.       </div>

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

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

  146.         <van-field

  147.           readonly

  148.           clickable

  149.           label="合同"

  150.           placeholder="请选择"

  151.           v-model="infoForm.name"

  152.           @click="showcontract = true"

  153.           input-align="right"

  154.           right-icon="arrow-down"

  155.           required

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

  157.         />

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

  159.           <van-picker

  160.             show-toolbar

  161.             :columns="infoList"

  162.             @confirm="onConfirmContract"

  163.             @cancel="showcontract = false"

  164.           />

  165.         </van-popup>

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

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

  168.       </div>

  169. 

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

  171.       <div class="main_box">

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

  173.         <van-field

  174.           readonly

  175.           clickable

  176.           label="付款方"

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

  178.           v-model="form.payer"

  179.           @click="showpayer = true"

  180.           input-align="right"

  181.           right-icon="arrow-down"

  182.           label-width="auto"

  183.           required

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

  185.         />

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

  187.           <van-picker

  188.             show-toolbar

  189.             :columns="payerOptions"

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

  191.             @cancel="showpayer = false"

  192.           />

  193.         </van-popup>

  194.         <van-field :rules="[{ required: true , message:'可用余额不能为空' }]" required label="可用余额（元）" v-model="form.payerAccount" placeholder="请输入可用余额" input-align="right" label-width="auto"/>

  195.       </div>

  196. 

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

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

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

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

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

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

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

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

  205.         </div>

  206.       </div>

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

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

  209.         <van-uploader v-model="fileList" :after-read="beforeRead" @delete="deleteFile"></van-uploader>

  210.       </div>

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

  212.         <van-row>

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

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

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

  216.           </van-col>

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

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

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

  220.           </van-col>

  221.         </van-row>

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

  223.       </div>

  224.     </van-form>

  225.   </div>

  226. </template>

  227. 

  228. <script>

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

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

  231.   import {

  232.     addCash,

  233.     addCashdetail, attachmentList,

  234.     commonAttach, listAccount,

  235.     updateCash

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

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

  238.   export default {

  239.     name: "approvalAdd11",

  240.     data() {

  241.       return {

  242.         showcontract:false,

  243.         showcapital:false,

  244.         showpayee:false,

  245.         showlasj:false,

  246.         showbankType:false,

  247.         showproject:false,

  248.         showFundType:false,

  249.         showpayer:false,

  250. 

  251.         buttonType:'a',

  252. 

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

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

  255.         currentDate: new Date(),

  256.         form:{},

  257.         fileList:[],

  258.         capitalExpenditureType:'',

  259.         payee:'',

  260.         bankType:'',

  261. 

  262.         wfydlxDictionaries:[],

  263.         jglxDictionaries:[],

  264.         sysDictionaries:[],

  265.         capitalExpenditureTypeOptions:[],

  266.         bankTypeDictionaries:[],

  267.         projectFundTypeOptions:[],

  268.         projectFundTypeDictionaries:[],

  269.         projectList:[],

  270.         infoList:[],

  271.         payerOptions:[],

  272. 

  273.         chargeItme:[],

  274.         chargeItmeShow:[],

  275. 

  276.         payeeList:[],

  277.         // 查询参数

  278.         queryParams: {

  279.           cashType:11,

  280.           orderByColumn: "id",

  281.           isAsc: "desc",

  282.         },

  283.         capitalExpenditureOpen:false,

  284.         contractOpen:false,

  285.         projectForm:{

  286.           projectId:null,

  287.           projectName:null,

  288.           projectContractor:null,

  289.           projectAmount:null,

  290.           projectBillNum:null,

  291.           projectFundType:'1',

  292.           outId:null,

  293.           ynType:'2'

  294.         },

  295.         infoForm:{

  296.           infoId:null,

  297.           name:null,

  298.           code:null,

  299.           totalAmount:null,

  300.           contractionId:null,

  301.           transferId:null

  302.         },

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

  304.         queryContractionParams: {

  305.           pageNum: 1,

  306.           pageSize: 100,

  307.           contractionStatus: '1',

  308.           orderByColumn: "endTime",

  309.           isAsc: "desc",

  310.         },

  311.         projectFundType:'',

  312.         uploadFiles:[],

  313.       };

  314.     },

  315.     created() {

  316.       this.reset();

  317.       this.initProjectInfo();

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

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

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

  321.         }

  322.         this.projectFundTypeDictionaries = response.data;

  323.       });

  324.       let queryParamsOld={

  325.         accountType: "101",

  326.         status: "N",

  327.       }

  328.       listAccount(queryParamsOld).then((response) => {

  329.         response.rows.map(res => {

  330.           res['accountName'] = this.$store.state.user.bookName

  331.           res['id'] = this.$store.state.user.loginBookId

  332.           res['text'] = this.$store.state.user.bookName

  333.           res['value'] = this.$store.state.user.loginBookId

  334.           res['bankAccountNumber'] = res.id

  335.           res['payerFrom'] = '6'

  336.           this.payerOptions.push(res)

  337.         })

  338.       });

  339.       this.getDictionaries();

  340.       this.addChargeItme();

  341.     },

  342.     methods: {

  343.       initProjectInfo(){

  344.         let _this = this

  345.         let queryParams={

  346.           pageNum: 1,

  347.           pageSize: 100,

  348.         }

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

  350.           _this.projectList = response.rows;

  351.           console.log(response)

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

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

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

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

  356.           }

  357.         });

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

  359.           console.log(response)

  360.           _this.infoList = response.rows;

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

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

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

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

  365.           }

  366.         });

  367.       },

  368.       // 表单重置

  369.       reset() {

  370.         this.form = {

  371.           id: null,

  372.           upId: null,

  373.           downId: null,

  374.           orderId: null,

  375.           cashierId: null,

  376.           cashType: 11,

  377.           accountType: '2',

  378.           explainSituation: null,

  379.           succeedAmount: null,

  380.           payer: null,

  381.           payerAccount: null,

  382.           operatorCode: null,

  383.           enterpriseCode: null,

  384.           expenditureAmount: null,

  385.           capitalExpenditureType: '1',

  386.           remark: null,

  387.           transferStatus: "0",

  388.           auditStatus: "0",

  389.           paymentState: "1",

  390.           bankPriority: "0",

  391.           clientPriority: "0"

  392.         };

  393.         this.processList = {}

  394.         this.projectForm={

  395.           projectId:null,

  396.           projectName:null,

  397.           projectContractor:null,

  398.           projectAmount:null,

  399.           projectBillNum:null,

  400.           projectFundType:'1',

  401.           outId:null,

  402.           ynType:'2'

  403.         }

  404.       },

  405.       getChange(){

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

  407.           this.goUpdate();

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

  409.           this.goAdd();

  410.         }

  411.       },

  412.       getDictionaries(){

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

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

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

  416.           }

  417.         });

  418.         this.getPayeeList();

  419.       },

  420.       getError(e){

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

  422.       },

  423.       addChargeItme(index){

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

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

  426.           return;

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

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

  429.           return;

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

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

  432.           return;

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

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

  435.           return;

  436.         }

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

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

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

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

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

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

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

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

  445.             showPayee:false,

  446.             showbankType:false

  447.           });

  448.         });

  449.       },

  450.       getPayeeList() {

  451.         //普通转账

  452.         this.queryParams.accountType = this.form.accountType

  453.         this.queryParams.status = "0"

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

  455.           this.payeeList = response.rows;

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

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

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

  459.           })

  460.         });

  461.       },

  462.       payeeDictLabel(datas, value) {

  463.         let actions = [];

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

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

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

  467.             return true;

  468.           }

  469.         })

  470.         return actions.join('');

  471.       },

  472.       onConfirmCapital(data){

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

  474.           this.capitalExpenditureOpen = true;

  475.           this.contractOpen = false

  476.           this.infoForm = {};

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

  478.           this.capitalExpenditureOpen = false;

  479.           this.contractOpen = true

  480.           this.projectForm = {};

  481.         }else{

  482.           this.capitalExpenditureOpen = false;

  483.           this.contractOpen = false

  484.           this.projectForm = {};

  485.           this.infoForm = {};

  486.         }

  487.         this.capitalExpenditureType = data.text;

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

  489.         this.showcapital = false;

  490.       },

  491.       onConfirmFundType(data){

  492.         console.log(data)

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

  494.         this.projectFundType = data.text;

  495.         this.showFundType = false;

  496.       },

  497.       onConfirmContract(data){

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

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

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

  501.             this.infoForm.name = res.name;

  502.             this.infoForm.code = res.code;

  503.             this.infoForm.totalAmount = res.totalAmount;

  504.           }

  505.         })

  506.         this.showcontract = false;

  507.       },

  508.       onConfirmProject(data){

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

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

  511.             this.projectForm.projectId = res.id

  512.             this.projectForm.projectName = res.projectName

  513.             this.projectForm.projectContractor = res.projectContractor

  514.             this.projectForm.projectAmount = res.projectAmount

  515.           }

  516.         })

  517.         this.showproject = false;

  518.       },

  519.       onConfirmPayee(data,index){

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

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

  522.         }

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

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

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

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

  527.       },

  528.       onConfirmBankType(data,index){

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

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

  531.         }

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

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

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

  535.       },

  536.       onConfirmPayer(data){

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

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

  539.         this.showpayer = false;

  540.         this.selectChange(data.value)

  541.       },

  542.       onConfirmLasj(data){

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

  544.         this.showlasj = false;

  545.       },

  546.       accountTypeChange(e){

  547.         this.payeeList = [];

  548.         this.queryParams.accountType = this.form.accountType

  549.         this.queryParams.status = "0"

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

  551.           this.payeeList = response.rows;

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

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

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

  555.           })

  556.         });

  557.       },

  558.       goAdd(){

  559.         if(this.form.payerAccount==0){

  560.           this.$notify({ type: 'danger', message: '申请使用金额不能等于0！' });

  561.           return false;

  562.         }else {

  563.           let total = 0;

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

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

  566.           });

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

  568.           if(parseFloat(this.form.payerAccount)<parseFloat(this.form.expenditureAmount)){

  569.             this.$notify({ type: 'danger', message: '申请使用金额不能大于可用余额！' });

  570.           }else{

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

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

  573.               return;

  574.             }

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

  576.               this.$notify({ type: 'danger', message: '付款事由禁止包含！' });

  577.               return;

  578.             }

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

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

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

  582.                 return;

  583.               }

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

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

  586.                 return;

  587.               }

  588.             }

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

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

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

  592.                 return;

  593.               }

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

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

  596.                 return;

  597.               }

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

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

  600.                 return;

  601.               }

  602.             }

  603.             if(this.uploadFiles==null||this.uploadFiles.length==0){

  604.               Dialog.confirm({

  605.                 title: '提示',

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

  607.               })

  608.                 .then(() => {

  609.                   console.log(this.form)

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

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

  612.                       res.cashId = response.data.id

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

  614. 

  615.                     })

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

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

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

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

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

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

  622.                           setTimeout(function(){

  623.                             history.go(-1)

  624.                           },2000)

  625.                         })

  626.                       })

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

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

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

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

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

  632.                           setTimeout(function(){

  633.                             history.go(-1)

  634.                           },2000)

  635.                         })

  636.                       })

  637.                     }else{

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

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

  640.                         setTimeout(function(){

  641.                           history.go(-1)

  642.                         },2000)

  643.                       })

  644.                     }

  645.                   });

  646.                 })

  647.             }else{

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

  649.                 console.log(this.uploadFiles)

  650.                 this.uploadFiles.map(rr => {

  651.                   const params = new FormData();

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

  653.                   params.append("tableName", "t_yinnong_cash");

  654.                   params.append("bizPath", "upload");

  655.                   params.append("fileType", "0");

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

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

  658.                   })

  659.                 })

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

  661.                   res.cashId = response.data.id

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

  663.                 })

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

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

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

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

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

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

  670.                       setTimeout(function(){

  671.                         history.go(-1)

  672.                       },2000)

  673.                     })

  674.                   })

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

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

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

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

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

  680.                       setTimeout(function(){

  681.                         history.go(-1)

  682.                       },2000)

  683.                     })

  684.                   })

  685.                 }else{

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

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

  688.                     setTimeout(function(){

  689.                       history.go(-1)

  690.                     },2000)

  691.                   })

  692.                 }

  693.               });

  694.             }

  695.           }

  696.         }

  697.       },

  698.       goUpdate(){

  699.         if(this.form.payerAccount==0){

  700.           this.$notify({ type: 'danger', message: '申请使用金额不能等于0！' });;

  701.           return false;

  702.         }else {

  703.           let total = 0;

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

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

  706.           });

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

  708.           console.log(this.form.expenditureAmount,this.form.payerAccount)

  709.           if(parseFloat(this.form.payerAccount)<parseFloat(this.form.expenditureAmount)){

  710.             this.$notify({ type: 'danger', message: '申请使用金额不能大于可用余额！' });

  711.             return false;

  712.           }else{

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

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

  715.               return;

  716.             }

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

  718.               this.$notify({ type: 'danger', message: '付款事由禁止包含！' });

  719.               return;

  720.             }

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

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

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

  724.                 return;

  725.               }

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

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

  728.                 return;

  729.               }

  730.             }

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

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

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

  734.                 return;

  735.               }

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

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

  738.                 return;

  739.               }

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

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

  742.                 return;

  743.               }

  744.             }

  745.             if(this.uploadFiles==null||this.uploadFiles.length==0){

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

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

  748.                   res.cashId = response.data.id

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

  750.                 })

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

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

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

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

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

  756.                     setTimeout(function(){

  757.                       history.go(-1)

  758.                     },2000)

  759.                   })

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

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

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

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

  764.                     setTimeout(function(){

  765.                       history.go(-1)

  766.                     },2000)

  767.                   })

  768.                 }else{

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

  770.                   setTimeout(function(){

  771.                     history.go(-1)

  772.                   },2000)

  773.                 }

  774.               });

  775.             }else{

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

  777.                 console.log(this.uploadFiles)

  778.                 this.uploadFiles.map(rr => {

  779.                   const params = new FormData();

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

  781.                   params.append("tableName", "t_yinnong_cash");

  782.                   params.append("bizPath", "upload");

  783.                   params.append("fileType", "0");

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

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

  786.                   })

  787.                 })

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

  789.                   res.cashId = response.data.id

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

  791.                 })

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

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

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

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

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

  797.                     setTimeout(function(){

  798.                       history.go(-1)

  799.                     },2000)

  800.                   })

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

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

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

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

  805.                     setTimeout(function(){

  806.                       history.go(-1)

  807.                     },2000)

  808.                   })

  809.                 }else{

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

  811.                   setTimeout(function(){

  812.                     history.go(-1)

  813.                   },2000)

  814.                 }

  815.               });

  816.             }

  817.           }

  818.         }

  819.       },

  820.       payeeSelectChange(select, i) {

  821.         let obj = {};

  822.         let fuzhitype = 0;

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

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

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

  826.         });

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

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

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

  830.               fuzhitype = 2;

  831.               return true;

  832.             }

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

  834.               fuzhitype = 1;

  835.               return true;

  836.             }

  837.           });

  838.         }

  839.         if(fuzhitype == 0){

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  862.         }

  863.       },

  864.       selectChange(select) {

  865.         let obj = {};

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

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

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

  869.         });

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  887.             this.form.accountType = "1"

  888.             this.form.isPeers = null

  889.             this.accountTypeChange();

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

  891.             this.form.accountType = null

  892.             this.form.isPeers = "Y"

  893.             this.accountTypeChange1();

  894.           }

  895.         }else{

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

  897.             this.diglogStatus = false;

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

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

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

  901.           }else{

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

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

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

  905.             }else{

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

  907.             }

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

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

  910.             }else{

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

  912.             }

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

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

  915.             }else{

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

  917.             }

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

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

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

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

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

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

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

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

  926.               });

  927.             }else {

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

  929.             }

  930.           }

  931.         }

  932.       },

  933.       beforeRead(file) {

  934.         this.uploadFiles.push(file.file);

  935.       },

  936.       deleteFile(file){

  937.         this.uploadFiles.map((response,index) => {

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

  939.             this.uploadFiles.splice(index,1)

  940.           }

  941.         })

  942.       },

  943.       getFileList(){

  944.         let oData= {

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

  946.           tableName: "t_yinnong_cash",

  947.           bizPath: "upload",

  948.           fileType: "0",

  949.         }

  950.         attachmentList(oData).then(res => {

  951.           console.log(res)

  952.           console.log(location.protocol+"//"+location.host+request.defaults.baseURL)

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

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

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

  956.             console.log(r)

  957.           })

  958.         })

  959.       },

  960.       goBack(){

  961.         window.history.go(-1)

  962.       },

  963.       //删除家庭成员

  964.       deleteChargeItme(index){

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

  966.       },

  967.     },

  968.   }

  969. </script>

  970. 

  971. <style scoped lang="scss">

  972.   .app-container {

  973.     padding: 2% 0;

  974.   }

  975.   .main_title{

  976.     font-size: 0.4rem;

  977.     color: #1D6FE9;

  978.     margin: 0.2rem 6%;

  979.     position: relative;

  980.   }

  981.   .main_box{

  982.     width: 96%;

  983.     margin: 0 auto;

  984.     border-radius: 6px;

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

  986.     overflow: hidden;

  987.     background-color: #FFF;

  988.   }

  989.   .submitButton{

  990.     width: 80%;

  991.     margin: 0 auto;

  992.     background-color: #1D6FE9;

  993.   }

  994. 

  995.   .addFamily{

  996.     position: absolute;

  997.     top: -2px;

  998.     right: 0;

  999.     border-radius: 50%;

  1000.   }

  1001.   .deleteFamily{

  1002.     position: absolute;

  1003.     top: 0rem;

  1004.     right: 6%;

  1005.     z-index: 9;

  1006.     border-radius: 50%;

  1007.   }

  1008. </style>