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

997 行
38 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.     </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.       <p class="main_title">付款方信息</p>

  170.       <div class="main_box">

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

  172.         <van-field

  173.           readonly

  174.           clickable

  175.           label="付款方"

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

  177.           v-model="form.payer"

  178.           @click="showpayer = true"

  179.           input-align="right"

  180.           right-icon="arrow-down"

  181.           label-width="auto"

  182.           required

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

  184.         />

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

  186.           <van-picker

  187.             show-toolbar

  188.             :columns="payerOptions"

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

  190.             @cancel="showpayer = false"

  191.           />

  192.         </van-popup>

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

  194.       </div>

  195. 

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

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

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

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

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

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

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

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

  204.         </div>

  205.       </div>

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

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

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

  209.       </div>

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

  211.         <van-row>

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

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

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

  215.           </van-col>

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

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

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

  219.           </van-col>

  220.         </van-row>

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

  222.       </div>

  223.     </van-form>

  224.   </div>

  225. </template>

  226. 

  227. <script>

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

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

  230.   import {

  231.     addCash,

  232.     addCashdetail, attachmentList,

  233.     commonAttach,

  234.     updateCash

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

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

  237.   export default {

  238.     name: "approvalAdd10",

  239.     data() {

  240.       return {

  241.         showcontract:false,

  242.         showcapital:false,

  243.         showpayee:false,

  244.         showlasj:false,

  245.         showbankType:false,

  246.         showproject:false,

  247.         showFundType:false,

  248.         showpayer:false,

  249. 

  250.         buttonType:'a',

  251. 

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

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

  254.         currentDate: new Date(),

  255.         form:{},

  256.         fileList:[],

  257.         capitalExpenditureType:'',

  258.         payee:'',

  259.         bankType:'',

  260. 

  261.         wfydlxDictionaries:[],

  262.         jglxDictionaries:[],

  263.         sysDictionaries:[],

  264.         capitalExpenditureTypeOptions:[],

  265.         bankTypeDictionaries:[],

  266.         projectList:[],

  267.         infoList:[],

  268.         projectFundTypeOptions:[],

  269.         projectFundTypeDictionaries:[],

  270.         payerOptions:[],

  271. 

  272.         chargeItme:[],

  273.         chargeItmeShow:[],

  274. 

  275.         payeeList:[],

  276.         // 查询参数

  277.         queryParams: {

  278.           transferType:10,

  279.           orderByColumn: "id",

  280.           isAsc: "desc",

  281.         },

  282.         capitalExpenditureOpen:false,

  283.         contractOpen:false,

  284.         projectForm:{

  285.           projectId:null,

  286.           projectName:null,

  287.           projectContractor:null,

  288.           projectAmount:null,

  289.           projectBillNum:null,

  290.           projectFundType:'1',

  291.           outId:null,

  292.           ynType:'2'

  293.         },

  294.         infoForm:{

  295.           infoId:null,

  296.           name:null,

  297.           code:null,

  298.           totalAmount:null,

  299.           contractionId:null,

  300.           transferId:null

  301.         },

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

  303.         queryContractionParams: {

  304.           pageNum: 1,

  305.           pageSize: 100,

  306.           contractionStatus: '1',

  307.           orderByColumn: "endTime",

  308.           isAsc: "desc",

  309.         },

  310.         projectFundType:'',

  311.         uploadFiles:[],

  312.       };

  313.     },

  314.     created() {

  315.       this.reset();

  316.       this.initProjectInfo();

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

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

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

  320.         }

  321.         this.projectFundTypeDictionaries = response.data;

  322.       });

  323.       let params1={

  324.         accountType: "102",

  325.         status: "N",

  326.       }

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

  328.         this.payerOptions = response.rows;

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

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

  331.           console.log(res)

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

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

  334.         })

  335.       });

  336.       this.getDictionaries();

  337.       this.addChargeItme();

  338.     },

  339.     methods: {

  340.       initProjectInfo(){

  341.         let _this = this

  342.         let queryParams={

  343.           pageNum: 1,

  344.           pageSize: 100,

  345.         }

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

  347.           _this.projectList = response.rows;

  348.           console.log(response)

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

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

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

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

  353.           }

  354.         });

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

  356.           console.log(response)

  357.           _this.infoList = response.rows;

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

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

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

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

  362.           }

  363.         });

  364.       },

  365.       // 表单重置

  366.       reset() {

  367.         this.form = {

  368.           id: null,

  369.           upId: null,

  370.           downId: null,

  371.           orderId: null,

  372.           cashierId: null,

  373.           cashType: '10',

  374.           accountType: '2',

  375.           explainSituation: null,

  376.           succeedAmount: null,

  377.           payer: null,

  378.           payerAccount: null,

  379.           operatorCode: null,

  380.           enterpriseCode: null,

  381.           expenditureAmount: null,

  382.           capitalExpenditureType: '1',

  383.           remark: null,

  384.           transferStatus: "0",

  385.           auditStatus: "0",

  386.           paymentState: "1",

  387.           bankPriority: "0",

  388.           clientPriority: "0"

  389.         };

  390.         this.processList = {}

  391.         this.projectForm={

  392.           projectId:null,

  393.           projectName:null,

  394.           projectContractor:null,

  395.           projectAmount:null,

  396.           projectBillNum:null,

  397.           projectFundType:'1',

  398.           outId:null,

  399.           ynType:'1'

  400.         }

  401.       },

  402.       getChange(){

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

  404.           this.goUpdate();

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

  406.           this.goAdd();

  407.         }

  408.       },

  409.       getDictionaries(){

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

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

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

  413.           }

  414.         });

  415.         this.getPayeeList();

  416.       },

  417.       getError(e){

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

  419.       },

  420.       addChargeItme(index){

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

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

  423.           return;

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

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

  426.           return;

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

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

  429.           return;

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

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

  432.           return;

  433.         }

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

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

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

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

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

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

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

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

  442.             showPayee:false,

  443.             showbankType:false

  444.           });

  445.         });

  446.       },

  447.       getPayeeList() {

  448.         //普通转账

  449.         this.queryParams.accountType = this.form.accountType

  450.         this.queryParams.status = "0"

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

  452.           this.payeeList = response.rows;

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

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

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

  456.           })

  457.         });

  458.       },

  459.       payeeDictLabel(datas, value) {

  460.         let actions = [];

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

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

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

  464.             return true;

  465.           }

  466.         })

  467.         return actions.join('');

  468.       },

  469.       onConfirmCapital(data){

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

  471.           this.capitalExpenditureOpen = true;

  472.           this.contractOpen = false

  473.           this.infoForm = {};

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

  475.           this.capitalExpenditureOpen = false;

  476.           this.contractOpen = true

  477.           this.projectForm = {};

  478.         }else{

  479.           this.capitalExpenditureOpen = false;

  480.           this.contractOpen = false

  481.           this.projectForm = {};

  482.           this.infoForm = {};

  483.         }

  484.         this.capitalExpenditureType = data.text;

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

  486.         this.showcapital = false;

  487.       },

  488.       onConfirmFundType(data){

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

  490.         this.projectFundType = data.text;

  491.         this.showFundType = false;

  492.       },

  493.       onConfirmProject(data){

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

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

  496.             this.projectForm.projectId = res.id

  497.             this.projectForm.projectName = res.projectName

  498.             this.projectForm.projectContractor = res.projectContractor

  499.             this.projectForm.projectAmount = res.projectAmount

  500.           }

  501.         })

  502.         this.showproject = false;

  503.       },

  504.       onConfirmContract(data){

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

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

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

  508.             this.infoForm.name = res.name;

  509.             this.infoForm.code = res.code;

  510.             this.infoForm.totalAmount = res.totalAmount;

  511.           }

  512.         })

  513.         this.showcontract = false;

  514.       },

  515.       onConfirmPayee(data,index){

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

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

  518.         }

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

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

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

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

  523.       },

  524.       onConfirmBankType(data,index){

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

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

  527.         }

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

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

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

  531.       },

  532.       onConfirmPayer(data){

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

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

  535.         this.showpayer = false;

  536.         this.selectChange(data.value)

  537.       },

  538.       onConfirmLasj(data){

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

  540.         this.showlasj = false;

  541.       },

  542.       accountTypeChange(e){

  543.         this.payeeList = [];

  544.         this.queryParams.accountType = this.form.accountType

  545.         this.queryParams.status = "0"

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

  547.           this.payeeList = response.rows;

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

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

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

  551.           })

  552.         });

  553.       },

  554.       // 钱计算

  555.       moneyChange(input) {

  556.         console.log(input)

  557.         let obj = {};

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

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

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

  561.         });

  562.         let total = 0;

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

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

  565.         });

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

  567.       },

  568.       goAdd(){

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

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

  571.           return;

  572.         }

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

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

  575.           return;

  576.         }

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

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

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

  580.             return;

  581.           }

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

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

  584.             return;

  585.           }

  586.         }

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

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

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

  590.             return;

  591.           }

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

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

  594.             return;

  595.           }

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

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

  598.             return;

  599.           }

  600.         }

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

  602.           Dialog.confirm({

  603.             title: '提示',

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

  605.           })

  606.             .then(() => {

  607.               console.log(this.form)

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

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

  610.                   res.cashId = response.data.id

  611.                   addCashdetail(res).then(r => {

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

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

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

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

  616.                         customSubmit(response.data.id).then(res => {

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

  618.                           setTimeout(function(){

  619.                             history.go(-1)

  620.                           },2000)

  621.                         })

  622.                       })

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

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

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

  626.                         customSubmit(response.data.id).then(res => {

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

  628.                           setTimeout(function(){

  629.                             history.go(-1)

  630.                           },2000)

  631.                         })

  632.                       })

  633.                     }else{

  634.                       customSubmit(response.data.id).then(res => {

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

  636.                         setTimeout(function(){

  637.                           history.go(-1)

  638.                         },2000)

  639.                       })

  640.                     }

  641.                   })

  642.                 })

  643.               });

  644.             })

  645. 

  646.         }else{

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

  648.             console.log(this.uploadFiles)

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

  650.               const params = new FormData();

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

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

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

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

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

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

  657.               })

  658.             })

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

  660.               res.cashId = response.data.id

  661.               addCashdetail(res).then(r => {

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

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

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

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

  666.                     customSubmit(response.data.id).then(res => {

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

  668.                       setTimeout(function(){

  669.                         history.go(-1)

  670.                       },2000)

  671.                     })

  672.                   })

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

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

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

  676.                     customSubmit(response.data.id).then(res => {

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

  678.                       setTimeout(function(){

  679.                         history.go(-1)

  680.                       },2000)

  681.                     })

  682.                   })

  683.                 }else{

  684.                   customSubmit(response.data.id).then(res => {

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

  686.                     setTimeout(function(){

  687.                       history.go(-1)

  688.                     },2000)

  689.                   })

  690.                 }

  691.               })

  692.             })

  693.           });

  694.         }

  695.       },

  696.       goUpdate(){

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

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

  699.           return;

  700.         }

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

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

  703.           return;

  704.         }

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

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

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

  708.             return;

  709.           }

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

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

  712.             return;

  713.           }

  714.         }

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

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

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

  718.             return;

  719.           }

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

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

  722.             return;

  723.           }

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

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

  726.             return;

  727.           }

  728.         }

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

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

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

  732.               res.cashId = response.data.id

  733.               addCashdetail(res).then(r => {

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

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

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

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

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

  739.                     setTimeout(function(){

  740.                       history.go(-1)

  741.                     },2000)

  742.                   })

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

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

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

  746.                     customSubmit(response.data.id).then(res => {

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

  748.                       setTimeout(function(){

  749.                         history.go(-1)

  750.                       },2000)

  751.                     })

  752.                   })

  753.                 }else{

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

  755.                   setTimeout(function(){

  756.                     history.go(-1)

  757.                   },2000)

  758.                 }

  759.               })

  760.             })

  761.           });

  762.         }else{

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

  764.             console.log(this.uploadFiles)

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

  766.               const params = new FormData();

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

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

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

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

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

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

  773.               })

  774.             })

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

  776.               res.cashId = response.data.id

  777.               addCashdetail(res).then(r => {

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

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

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

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

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

  783.                     setTimeout(function(){

  784.                       history.go(-1)

  785.                     },2000)

  786.                   })

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

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

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

  790.                     customSubmit(response.data.id).then(res => {

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

  792.                       setTimeout(function(){

  793.                         history.go(-1)

  794.                       },2000)

  795.                     })

  796.                   })

  797.                 }else{

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

  799.                   setTimeout(function(){

  800.                     history.go(-1)

  801.                   },2000)

  802.                 }

  803.               })

  804.             })

  805.           });

  806.         }

  807.       },

  808.       payeeSelectChange(select, i) {

  809.         let obj = {};

  810.         let fuzhitype = 0;

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

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

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

  814.         });

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

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

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

  818.               fuzhitype = 2;

  819.               return true;

  820.             }

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

  822.               fuzhitype = 1;

  823.               return true;

  824.             }

  825.           });

  826.         }

  827.         if(fuzhitype == 0){

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  850.         }

  851.       },

  852.       selectChange(select) {

  853.         let obj = {};

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

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

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

  857.         });

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  875.             this.form.accountType = "1"

  876.             this.form.isPeers = null

  877.             this.accountTypeChange();

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

  879.             this.form.accountType = null

  880.             this.form.isPeers = "Y"

  881.             this.accountTypeChange1();

  882.           }

  883.         }else{

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

  885.             this.diglogStatus = false;

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

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

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

  889.           }else{

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

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

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

  893.             }else{

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

  895.             }

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

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

  898.             }else{

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

  900.             }

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

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

  903.             }else{

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

  905.             }

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

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

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

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

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

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

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

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

  914.               });

  915.             }else {

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

  917.             }

  918.           }

  919.         }

  920.       },

  921.       beforeRead(file) {

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

  923.       },

  924.       deleteFile(file){

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

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

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

  928.           }

  929.         })

  930.       },

  931.       getFileList(){

  932.         let oData= {

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

  934.           tableName: "t_yinnong_cash",

  935.           bizPath: "upload",

  936.           fileType: "0",

  937.         }

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

  939.           console.log(res)

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

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

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

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

  944.             console.log(r)

  945.           })

  946.         })

  947.       },

  948.       goBack(){

  949.         window.history.go(-1)

  950.       },

  951.       //删除家庭成员

  952.       deleteChargeItme(index){

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

  954.       },

  955.     },

  956.   }

  957. </script>

  958. 

  959. <style scoped lang="scss">

  960.   .app-container {

  961.     padding: 2% 0;

  962.   }

  963.   .main_title{

  964.     font-size: 0.4rem;

  965.     color: #1D6FE9;

  966.     margin: 0.2rem 6%;

  967.     position: relative;

  968.   }

  969.   .main_box{

  970.     width: 96%;

  971.     margin: 0 auto;

  972.     border-radius: 6px;

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

  974.     overflow: hidden;

  975.     background-color: #FFF;

  976.   }

  977.   .submitButton{

  978.     width: 80%;

  979.     margin: 0 auto;

  980.     background-color: #1D6FE9;

  981.   }

  982. 

  983.   .addFamily{

  984.     position: absolute;

  985.     top: -2px;

  986.     right: 0;

  987.     border-radius: 50%;

  988.   }

  989.   .deleteFamily{

  990.     position: absolute;

  991.     top: 0rem;

  992.     right: 6%;

  993.     z-index: 9;

  994.     border-radius: 50%;

  995.   }

  996. </style>