zhangzl
/
nsgk_mobile
2
0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Laidieni 0 Vikivietne Aktivitāte
移动端
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
272 Revīzijas
7 Atzari
135 MiB
 
 
Koks: c801094a70
Atzari Tagi
${ item.name }
Izveidot atzaru ${ searchTerm }
no 'c801094a70'
${ noResults }
nsgk_mobile/src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd4.vue

900 rindas
33 KiB
Neapstrādāts Vainot Vēsture 

  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. 

  70.       </div>

  71. 

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

  73.         <van-field

  74.           label="付款事由"

  75.           v-model="form.remark"

  76.           type="textarea"

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

  78.           input-align="right"

  79.           rows="3"

  80.           label-width="auto"

  81.           required

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

  83.         />

  84.       </div>

  85. 

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

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

  88.       </div>

  89. 

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

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

  92.         <van-field

  93.           readonly

  94.           clickable

  95.           label="项目名称"

  96.           placeholder="请选择"

  97.           v-model="projectForm.projectName"

  98.           @click="showproject = true"

  99.           input-align="right"

  100.           right-icon="arrow-down"

  101.           required

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

  103.         />

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

  105.           <van-picker

  106.             show-toolbar

  107.             :columns="projectListShow"

  108.             @confirm="onConfirmProject"

  109.             @cancel="showproject = false"

  110.           />

  111.         </van-popup>

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

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

  114.         <van-field

  115.           readonly

  116.           clickable

  117.           label="工程款类型"

  118.           placeholder="请选择"

  119.           v-model="projectFundType"

  120.           @click="showFundType = true"

  121.           input-align="right"

  122.           right-icon="arrow-down"

  123.           required

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

  125.         />

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

  127.           <van-picker

  128.             show-toolbar

  129.             :columns="projectFundTypeOptions"

  130.             @confirm="onConfirmFundType"

  131.             @cancel="showFundType = false"

  132.           />

  133.         </van-popup>

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

  135.       </div>

  136. 

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

  138.       <div class="main_box">

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

  140.         <van-field

  141.           readonly

  142.           clickable

  143.           label="付款方"

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

  145.           v-model="form.payer"

  146.           @click="showpayer = true"

  147.           input-align="right"

  148.           right-icon="arrow-down"

  149.           label-width="auto"

  150.           required

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

  152.         />

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

  154.           <van-picker

  155.             show-toolbar

  156.             :columns="payerOptions"

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

  158.             @cancel="showpayer = false"

  159.           />

  160.         </van-popup>

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

  162.       </div>

  163. 

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

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

  166.         <van-cell title="收款账户类型">

  167.           <template #right-icon>

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

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

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

  171.             </van-radio-group>

  172.           </template>

  173.         </van-cell>

  174.         <van-cell title="是否与付款方同行" v-if="form.bankType==2||form.bankType==4">

  175.           <template #right-icon>

  176.             <van-radio-group direction="horizontal" v-model="form.isPeers">

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

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

  179.             </van-radio-group>

  180.           </template>

  181.         </van-cell>

  182.       </div>

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

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

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

  186.           <van-field

  187.             readonly

  188.             clickable

  189.             label="收款方"

  190.             placeholder="请选择"

  191.             v-model="item.payee"

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

  193.             input-align="right"

  194.             right-icon="arrow-down"

  195.             required

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

  197.           />

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

  199.             <van-picker

  200.               show-toolbar

  201.               :columns="payeeList"

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

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

  204.             />

  205.           </van-popup>

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

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

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

  209.           <van-field

  210.             readonly

  211.             clickable

  212.             label="所属银行"

  213.             placeholder="请选择"

  214.             v-model="item.bankTypeText"

  215.             @click="item.showbankType = true"

  216.             input-align="right"

  217.             right-icon="arrow-down"

  218.             required

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

  220.           />

  221.         </div>

  222.       </div>

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

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

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

  226.       </div>

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

  228.         <van-row>

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

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

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

  232.           </van-col>

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

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

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

  236.           </van-col>

  237.         </van-row>

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

  239.       </div>

  240.     </van-form>

  241.   </div>

  242. </template>

  243. 

  244. <script>

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

  246.   import {

  247.     attachmentList,

  248.     commonAttach,

  249.     listVaccount,

  250.     listVaccount1

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

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

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

  254.   export default {

  255.     name: "approvalAdd4",

  256.     data() {

  257.       return {

  258.         showcapital:false,

  259.         showpayee:false,

  260.         showlasj:false,

  261.         showbankType:false,

  262.         showproject:false,

  263.         showFundType:false,

  264.         showpayer:false,

  265. 

  266.         buttonType:'a',

  267. 

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

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

  270.         currentDate: new Date(),

  271.         form:{},

  272.         fileList:[],

  273.         capitalExpenditureType:'',

  274.         payee:'',

  275.         bankType:'',

  276. 

  277.         wfydlxDictionaries:[],

  278.         jglxDictionaries:[],

  279.         sysDictionaries:[],

  280.         capitalExpenditureTypeOptions:[],

  281.         bankTypeDictionaries:[],

  282.         projectList:[],

  283.         projectFundTypeOptions:[],

  284.         projectFundTypeDictionaries:[],

  285.         projectListShow:[],

  286.         payerOptions:[],

  287. 

  288.         chargeItme:[],

  289.         chargeItmeShow:[],

  290. 

  291.         payeeList:[],

  292.         // 查询参数

  293.         queryParams: {

  294.           transferType:"",

  295.           orderByColumn: "id",

  296.           isAsc: "desc",

  297.         },

  298.         capitalExpenditureOpen:false,

  299.         projectForm:{

  300.           projectId:null,

  301.           projectName:null,

  302.           projectContractor:null,

  303.           projectAmount:null,

  304.           projectBillNum:null,

  305.           projectFundType:'1',

  306.           outId:null,

  307.           ynType:'1'

  308.         },

  309.         projectFundType:'',

  310.         uploadFiles:[],

  311.       };

  312.     },

  313.     created() {

  314.       this.reset();

  315.       let queryParams={

  316.         pageNum: 1,

  317.         pageSize: 100,

  318.       }

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

  320.         this.projectList = response.rows;

  321.         for (var i = 0; i < response.rows.length; i++) {

  322.           this.projectListShow.push({text: response.rows[i].projectName, value: response.rows[i].id});

  323.         }

  324.       });

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

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

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

  328.         }

  329.         this.projectFundTypeDictionaries = response.data;

  330.       });

  331.       let params1={

  332.         villageAccountType:'1',

  333.         "params":{townAccountType:'1'}

  334.       }

  335.       listVaccount1(params1).then((response) => {

  336.         this.payerOptions = response.rows;

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

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

  339.           console.log(res)

  340.           this.payerOptions[index].text = res.payee;

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

  342.         })

  343.       });

  344.       this.getDictionaries();

  345.     },

  346.     methods: {

  347.       // 表单重置

  348.       reset() {

  349.         this.form = {

  350.           id: null,

  351.           upId: null,

  352.           downId: null,

  353.           orderId: null,

  354.           cashierId: null,

  355.           transferType: '4',

  356.           accountType: '2',

  357.           isPeers:'Y',

  358.           explainSituation: null,

  359.           succeedAmount: null,

  360.           payer: null,

  361.           payerAccount: null,

  362.           operatorCode: null,

  363.           enterpriseCode: null,

  364.           expenditureAmount: null,

  365.           capitalExpenditureType: '1',

  366.           remark: null,

  367.           transferStatus: "0",

  368.           auditStatus: "0",

  369.           paymentState: "1",

  370.           bankPriority: "0",

  371.           clientPriority: "0"

  372.         };

  373.         this.processList = {}

  374.         this.projectForm={

  375.           projectId:null,

  376.           projectName:null,

  377.           projectContractor:null,

  378.           projectAmount:null,

  379.           projectBillNum:null,

  380.           projectFundType:'1',

  381.           outId:null,

  382.           ynType:'1'

  383.         }

  384.       },

  385.       getChange(){

  386.         console.log(this.buttonType)

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

  388.           console.log('update')

  389.           this.goUpdate();

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

  391.           console.log('add')

  392.           this.goAdd();

  393.         }

  394.       },

  395.       getDictionaries(){

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

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

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

  399.           }

  400.         });

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

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

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

  404.           }

  405.         });

  406.         this.getPayeeList();

  407.       },

  408.       getError(e){

  409.         console.log(e)

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

  411.       },

  412.       addChargeItme(index){

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

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

  415.           return;

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

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

  418.           return;

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

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

  421.           return;

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

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

  424.           return;

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

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

  427.           return;

  428.         }

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

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

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

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

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

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

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

  436.             bankType: "", //所属银行

  437.             bankTypeText:'', //所属银行

  438.             showPayee:false,

  439.             showbankType:false

  440.           });

  441.         });

  442.       },

  443.       getPayeeList() {

  444.         //普通转账

  445.         this.queryParams.accountType = this.form.accountType

  446.         this.queryParams.status = "0"

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

  448.           this.payeeList = response.rows;

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

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

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

  452.           })

  453.         });

  454.       },

  455.       payeeDictLabel(datas, value) {

  456.         var actions = [];

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

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

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

  460.             return true;

  461.           }

  462.         })

  463.         return actions.join('');

  464.       },

  465.       onConfirmCapital(data){

  466.         if (data.value != 2){

  467.           this.capitalExpenditureOpen = false;

  468.           this.projectForm = [];

  469.         }else{

  470.           this.capitalExpenditureOpen = true;

  471.         }

  472.         this.capitalExpenditureType = data.text;

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

  474.         this.showcapital = false;

  475.       },

  476.       onConfirmFundType(data){

  477.         console.log(data)

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

  479.         this.projectFundType = data.text;

  480.         this.showFundType = false;

  481.       },

  482.       onConfirmProject(data){

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

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

  485.             this.projectForm.projectId = res.id

  486.             this.projectForm.projectName = res.projectName

  487.             this.projectForm.projectContractor = res.projectContractor

  488.             this.projectForm.projectAmount = res.projectAmount

  489.           }

  490.         })

  491.         this.showproject = false;

  492.       },

  493.       onConfirmPayee(data,index){

  494.         for (let i = 0 ; i < this.chargeItme.length ; i++){

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

  496.         }

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

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

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

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

  501.         this.onConfirmBankType(data,index)

  502.       },

  503.       onConfirmBankType(data,index){

  504.         console.log(this.bankTypeDictionaries)

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

  506.           if(res.value==data.bankType){

  507.             this.chargeItme[index].bankTypeText = res.text;

  508.             this.chargeItme[index].bankType = res.value;

  509.           }

  510.         })

  511.       },

  512.       onConfirmPayer(data){

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

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

  515.         this.showpayer = false;

  516.         this.selectChange(data.value)

  517.       },

  518.       onConfirmLasj(data){

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

  520.         this.showlasj = false;

  521.       },

  522.       accountTypeChange(e){

  523.         this.payeeList = [];

  524.         this.chargeItme = [];

  525.         this.queryParams.accountType = this.form.accountType

  526.         this.queryParams.status = "0"

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

  528.           this.payeeList = response.rows;

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

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

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

  532.           })

  533.         });

  534.       },

  535.       // 钱计算

  536.       moneyChange(input) {

  537.         console.log(input)

  538.         let obj = {};

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

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

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

  542.         });

  543.         let total = 0;

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

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

  546.         });

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

  548.       },

  549.       goAdd(){

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

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

  552.           return;

  553.         }

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

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

  556.           return;

  557.         }

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

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

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

  561.             return;

  562.           }

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

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

  565.             return;

  566.           }

  567.         }

  568.         if((this.uploadFiles==null||this.uploadFiles.length==0)&&(this.fileList==null||this.fileList.length==0)){

  569.           Dialog.confirm({

  570.             title: '提示',

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

  572.           })

  573.             .then(() => {

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

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

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

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

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

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

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

  581.                 if(this.uploadFiles!=null&&this.uploadFiles.length>0){

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

  583.                     const params = new FormData();

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

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

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

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

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

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

  590.                     })

  591.                   })

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

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

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

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

  596.                         setTimeout(function(){

  597.                           history.go(-1)

  598.                         },2000)

  599.                       })

  600.                     })

  601.                   }else{

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

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

  604.                       setTimeout(function(){

  605.                         history.go(-1)

  606.                       },2000)

  607.                     })

  608.                   }

  609.                 }else{

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

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

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

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

  614.                         setTimeout(function(){

  615.                           history.go(-1)

  616.                         },2000)

  617.                       })

  618.                     })

  619.                   }else{

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

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

  622.                       setTimeout(function(){

  623.                         history.go(-1)

  624.                       },2000)

  625.                     })

  626.                   }

  627.                 }

  628.               });

  629.             })

  630.             .catch(() => {

  631.               return false;

  632.             });

  633.         }else{

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

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

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

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

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

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

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

  641.             if(this.uploadFiles!=null&&this.uploadFiles.length>0){

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

  643.                 const params = new FormData();

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

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

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

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

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

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

  650.                 })

  651.               })

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

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

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

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

  656.                     setTimeout(function(){

  657.                       history.go(-1)

  658.                     },2000)

  659.                   })

  660.                 })

  661.               }else{

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

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

  664.                   setTimeout(function(){

  665.                     history.go(-1)

  666.                   },2000)

  667.                 })

  668.               }

  669.             }else{

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

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

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

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

  674.                     setTimeout(function(){

  675.                       history.go(-1)

  676.                     },2000)

  677.                   })

  678.                 })

  679.               }else{

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

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

  682.                   setTimeout(function(){

  683.                     history.go(-1)

  684.                   },2000)

  685.                 })

  686.               }

  687.             }

  688.           });

  689.         }

  690. 

  691. 

  692.       },

  693.       goUpdate(){

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

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

  696.           return;

  697.         }

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

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

  700.           return;

  701.         }

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

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

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

  705.             return;

  706.           }

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

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

  709.             return;

  710.           }

  711.         }

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

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

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

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

  716.         console.log(this.form)

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

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

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

  720.           if(this.uploadFiles!=null&&this.uploadFiles.length>0){

  721.             console.log(this.uploadFiles)

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

  723.               const params = new FormData();

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

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

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

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

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

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

  730.               })

  731.             })

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

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

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

  735.                 setTimeout(function(){

  736.                   history.go(-1)

  737.                 },2000)

  738.               })

  739.             }else{

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

  741.               setTimeout(function(){

  742.                 history.go(-1)

  743.               },2000)

  744.             }

  745.           }else{

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

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

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

  749.                 setTimeout(function(){

  750.                   history.go(-1)

  751.                 },2000)

  752.               })

  753.             }else{

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

  755.               setTimeout(function(){

  756.                 history.go(-1)

  757.               },2000)

  758.             }

  759.           }

  760. 

  761.         });

  762.       },

  763.       payeeSelectChange(select, i) {

  764.         let obj = {};

  765.         let fuzhitype = 0;

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

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

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

  769.         });

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

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

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

  773.               fuzhitype = 2;

  774.               return true;

  775.             }

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

  777.               fuzhitype = 1;

  778.               return true;

  779.             }

  780.           });

  781.         }

  782.         if(fuzhitype == 0){

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  805.         }

  806.       },

  807.       selectChange(select) {

  808.         let obj = {};

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

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

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

  812.         });

  813.         console.log(obj)

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

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

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

  817.           this.$set(this.form, "payer", obj.payee);

  818.           this.$set(this.form, "payerAccount", obj.payeeAccount);

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

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

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

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

  823.       },

  824.       beforeRead(file) {

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

  826.       },

  827.       deleteFile(file){

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

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

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

  831.           }

  832.         })

  833.       },

  834.       getFileList(){

  835.         let oData= {

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

  837.           tableName: "t_yinnong_transfer",

  838.           bizPath: "upload",

  839.           fileType: "0",

  840.         }

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

  842.           console.log(res)

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

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

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

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

  847.             console.log(r)

  848.           })

  849.         })

  850.       },

  851.       goBack(){

  852.         window.history.go(-1)

  853.       },

  854.       //删除家庭成员

  855.       deleteChargeItme(index){

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

  857.       },

  858.     },

  859.   }

  860. </script>

  861. 

  862. <style scoped lang="scss">

  863.   .app-container {

  864.     padding: 2% 0;

  865.   }

  866.   .main_title{

  867.     font-size: 0.4rem;

  868.     color: #1D6FE9;

  869.     margin: 0.2rem 6%;

  870.     position: relative;

  871.   }

  872.   .main_box{

  873.     width: 96%;

  874.     margin: 0 auto;

  875.     border-radius: 6px;

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

  877.     overflow: hidden;

  878.     background-color: #FFF;

  879.   }

  880.   .submitButton{

  881.     width: 80%;

  882.     margin: 0 auto;

  883.     background-color: #1D6FE9;

  884.   }

  885. 

  886.   .addFamily{

  887.     position: absolute;

  888.     top: -2px;

  889.     right: 0;

  890.     border-radius: 50%;

  891.   }

  892.   .deleteFamily{

  893.     position: absolute;

  894.     top: 0rem;

  895.     right: 6%;

  896.     z-index: 9;

  897.     border-radius: 50%;

  898.   }

  899. </style>