付款申请单优化

master
vayne 3 months ago
parent b0342c6f58
commit a09bf18bf4

@ -1,11 +1,11 @@
<template>
<view class="jnpf-wrap jnpf-wrap-form page-testa" v-if="!loading">
<view class="jnpf-wrap jnpf-wrap-form" v-if="!loading">
<u-form :model="dataForm" :rules="rules" ref="dataForm" :errorType="['toast']" label-position="left"
label-align="right" :label-width="labelwidth" class="jnpf-form">
<view class="u-p-l-20 u-p-r-20 ">
<u-form-item>
<jnpf-group value="基础信息" content="基础信息" contentPosition="left">
</jnpf-group>
<view style="float: left; width:8px; height: 16px;background-color: cadetblue;margin-right: 8px;">
</view>基础信息
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
@ -17,8 +17,8 @@
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item v-if="judgeShow('code')" :required="requiredList.code" label="单据编号" prop="code">
<u-input v-model="dataForm.code" disabled @change="changeData('code',-1)"
placeholder="系统自动生成" :style='{"width":"100%"}' readonly>
<u-input v-model="dataForm.code" disabled @change="changeData('code',-1)" placeholder="系统自动生成"
:style='{"width":"100%"}' readonly>
</u-input>
</u-form-item>
</view>
@ -49,29 +49,29 @@
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item v-if="judgeShow('payee')" :required="requiredList.payee" label="收款方" prop="payee">
<u-input v-model="dataForm.payee" :disabled="judgeWrite('payee')" @change="changeData('payee',-1)"
clearable placeholder="请输入" :style='{"width":"100%"}'>
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item v-if="judgeShow('payee')" :required="requiredList.payee" label="收款方账号" prop="payee">
<u-input v-model="dataForm.payeeAccount" :disabled="judgeWrite('payee')" @change="changeData('payee',-1)"
clearable placeholder="请输入" :style='{"width":"100%"}'>
<u-input v-model="dataForm.payeeAccount" :disabled="judgeWrite('payee')"
@change="changeData('payee',-1)" clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box" v-if="false">
<u-form-item v-if="judgeShow('payer')" :required="requiredList.payer" label="付款方" prop="payer">
<u-input v-model="dataForm.payer" :disabled="judgeWrite('payer')" @change="changeData('payer',-1)"
clearable placeholder="请输入" :style='{"width":"100%"}'>
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item v-if="judgeShow('payer')" :required="requiredList.payer" label="付款方" prop="payer">
<u-input v-model="dataForm.payer2" :disabled="judgeWrite('payer')" @change="changeData('payer',-1)"
clearable placeholder="请输入" :style='{"width":"100%"}'>
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
@ -86,8 +86,7 @@
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item v-if="judgeShow('payer')" :required="requiredList.payer" label="币种"
prop="payer">
<u-form-item v-if="judgeShow('payer')" :required="requiredList.payer" label="币种" prop="payer">
<jnpf-select v-model="dataForm.currency" :disabled="judgeWrite('payer')"
@change="changeData('payer',-1)" clearable placeholder="请选择" :props="currencyProps"
:options="currencyOptions" :style='{"width":"100%"}'>
@ -95,8 +94,7 @@
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item v-if="judgeShow('payer')" :required="requiredList.payer" label="付款方式"
prop="payer">
<u-form-item v-if="judgeShow('payer')" :required="requiredList.payer" label="付款方式" prop="payer">
<jnpf-select v-model="dataForm.paymentMethod" :disabled="judgeWrite('payer')"
@change="changeData('payer',-1)" clearable placeholder="请选择" :props="paymentMethodProps"
:options="paymentMethodOptions" :style='{"width":"100%"}'>
@ -104,8 +102,7 @@
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item v-if="judgeShow('payer')" :required="requiredList.payer" label="付款类型"
prop="payer">
<u-form-item v-if="judgeShow('payer')" :required="requiredList.payer" label="付款类型" prop="payer">
<jnpf-select v-model="dataForm.paymentType" :disabled="judgeWrite('payer')"
@change="changeData('payer',-1)" clearable placeholder="请选择" :props="paymentTypeProps"
:options="paymentTypeOptions" :style='{"width":"100%"}'>
@ -113,8 +110,7 @@
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item v-if="judgeShow('payer')" :required="requiredList.payer" label="交易类型"
prop="payer">
<u-form-item v-if="judgeShow('payer')" :required="requiredList.payer" label="交易类型" prop="payer">
<jnpf-select v-model="dataForm.transactionType" :disabled="judgeWrite('payer')"
@change="changeData('payer',-1)" clearable placeholder="请选择" :props="transactionTypeProps"
:options="transactionTypeOptions" :style='{"width":"100%"}'>
@ -125,8 +121,7 @@
<u-form-item v-if="judgeShow('applyAmount')" :required="requiredList.applyAmount" label="结算金额"
prop="applyAmount">
<jnpf-number-box v-model="dataForm.settlementAmount" :disabled="judgeWrite('applyAmount')"
@change="changeData('applyAmount',-1)" :controls="false" placeholder="数字文本"
:step="1">
@change="changeData('applyAmount',-1)" :controls="false" placeholder="数字文本" :step="1">
</jnpf-number-box>
</u-form-item>
</view>
@ -143,14 +138,12 @@
<u-form-item v-if="judgeShow('applyAmount')" :required="requiredList.applyAmount" label="申请重量"
prop="applyAmount">
<jnpf-number-box v-model="dataForm.applyWeight" :disabled="judgeWrite('applyAmount')"
@change="changeData('applyAmount',-1)" :controls="false" placeholder="数字文本"
:step="1">
@change="changeData('applyAmount',-1)" :controls="false" placeholder="数字文本" :step="1">
</jnpf-number-box>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item v-if="judgeShow('annex')" :required="requiredList. annex" label="附件文件"
prop=" annex">
<u-form-item v-if="judgeShow('annex')" :required="requiredList. annex" label="附件文件" prop=" annex">
<jnpf-file v-model="dataForm. annex" :disabled="judgeWrite(' annex')"
@change="changeData(' annex',-1)" :list="dataForm. annex" sizeUnit="MB" :fileSize="10"
:limit="1" pathType="defaultPath" :isAccount="0">
@ -160,158 +153,158 @@
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item v-if="judgeShow('remark')" :required="requiredList.remark" label="备注" prop="remark">
<u-input v-model="dataForm.remark" :disabled="judgeWrite('remark')"
@change="changeData('remark',-1)" placeholder="请输入" type="textarea"
:style='{"width":"100%"}'>
@change="changeData('remark',-1)" placeholder="请输入" type="textarea" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 ">
<u-form-item>
<jnpf-group value="联行号信息" content="联行号信息" contentPosition="left">
</jnpf-group>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="联行号">
<u-input v-model="dataForm.interbankNumber" :disabled="true"
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="开户行名称">
<u-input v-model="dataForm.bankName" :disabled="true"
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="开户行省份">
<u-input v-model="dataForm.province" :disabled="true"
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="开户行市区">
<u-input v-model="dataForm.city" :disabled="true"
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 ">
<u-form-item>
<jnpf-group value="资金计划信息" content="资金计划信息" contentPosition="left">
</jnpf-group>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="资金计划明细">
<u-input v-model="dataForm.fundingPlanDetailCode" :disabled="true"
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="资金计划">
<u-input v-model="dataForm.fundingPlanCode" :disabled="true"
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="计划单位名称">
<u-input v-model="dataForm.unitName" :disabled="true"
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="期望支付日期">
<jnpf-date-time v-model="dataForm.expectPaymentDate" :disabled="true"
@change="changeData('payer',-1)" :startTime="dateTime(false,1,1,'','')"
:endTime="dateTime(false,1,1,'','')" format="yyyy-MM-dd" clearable placeholder="请选择" type="date"
:style='{"width":"100%"}'>
</jnpf-date-time>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="上报金额">
<u-input v-model="dataForm.reportingAmount" :disabled="true"
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="计划科目编码">
<u-input v-model="dataForm.planSubjectCode" :disabled="true"
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
<view style="float: left; width:8px; height: 16px;background-color: cadetblue;margin-right: 8px;">
</view>资金信息
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="计划科目名称">
<u-input v-model="dataForm.planSubjectName" :disabled="true"
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="收款人单位">
<u-input v-model="dataForm.collectionUnitName" :disabled="true"
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="用途">
<u-input v-model="dataForm.purpose" :disabled="true"
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="可用金额">
<u-input v-model="dataForm.planAvailableAmount" :disabled="true"
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="已用金额">
<u-input v-model="dataForm.processMoney" :disabled="true"
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="追加金额">
<u-input v-model="dataForm.addAmount" :disabled="true"
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="上浮总金额">
<u-input v-model="dataForm.upwardFloatingAmount" :disabled="true"
clearable placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
<view prop="activedyaeng" class="u-p-l-20 u-p-r-20 form-item-box">
<u-tabs :is-scroll="false" :list="activedyaengData" name="title" :current="activedyaengCurrent"
@change="activedyaeng" />
<view v-if="0 == activedyaengCurrent">
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="联行号">
<u-input v-model="dataForm.interbankNumber" :disabled="true" clearable placeholder="请输入"
:style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="开户行名称">
<u-input v-model="dataForm.bankName" :disabled="true" clearable placeholder="请输入"
:style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">·
<u-form-item label="开户行省份">
<u-input v-model="dataForm.province" :disabled="true" clearable placeholder="请输入"
:style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="开户行市区">
<u-input v-model="dataForm.city" :disabled="true" clearable placeholder="请输入"
:style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
</view>
<view v-if="1 == activedyaengCurrent">
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="资金计划明细">
<u-input v-model="dataForm.fundingPlanDetailCode" :disabled="true" clearable
placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="资金计划">
<u-input v-model="dataForm.fundingPlanCode" :disabled="true" clearable placeholder="请输入"
:style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="计划单位名称">
<u-input v-model="dataForm.unitName" :disabled="true" clearable placeholder="请输入"
:style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="期望支付日期">
<jnpf-date-time v-model="dataForm.expectPaymentDate" :disabled="true"
@change="changeData('payer',-1)" :startTime="dateTime(false,1,1,'','')"
:endTime="dateTime(false,1,1,'','')" format="yyyy-MM-dd" clearable placeholder="请选择"
type="date" :style='{"width":"100%"}'>
</jnpf-date-time>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="上报金额">
<u-input v-model="dataForm.reportingAmount" :disabled="true" clearable placeholder="请输入"
:style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="计划科目编码">
<u-input v-model="dataForm.planSubjectCode" :disabled="true" clearable placeholder="请输入"
:style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="计划科目名称">
<u-input v-model="dataForm.planSubjectName" :disabled="true" clearable placeholder="请输入"
:style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="收款人单位">
<u-input v-model="dataForm.collectionUnitName" :disabled="true" clearable placeholder="请输入"
:style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="用途">
<u-input v-model="dataForm.purpose" :disabled="true" clearable placeholder="请输入"
:style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="可用金额">
<u-input v-model="dataForm.planAvailableAmount" :disabled="true" clearable placeholder="请输入"
:style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="已用金额">
<u-input v-model="dataForm.processMoney" :disabled="true" clearable placeholder="请输入"
:style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="追加金额">
<u-input v-model="dataForm.addAmount" :disabled="true" clearable placeholder="请输入"
:style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
<view class="u-p-l-20 u-p-r-20 form-item-box">
<u-form-item label="上浮总金额">
<u-input v-model="dataForm.upwardFloatingAmount" :disabled="true" clearable
placeholder="请输入" :style='{"width":"100%"}'>
</u-input>
</u-form-item>
</view>
</view>
</view>
<view class="jnpf-table" v-if="false">
<!-- <view class="jnpf-table" v-if="false">
<view class="jnpf-table-item" v-for="(item,i) in dataForm.paymentapplicationsettlementList" :key="i">
<view class="jnpf-table-item-title u-flex u-row-between">
<text class="jnpf-table-item-title-num">关联结算单({{i+1}})</text>
@ -366,7 +359,7 @@
<u-icon name="plus" color="#2979ff"></u-icon>
<span>{{dataForm.paymentapplicationsettlementList.length==0?"添加关联结算单":"添加"}}</span>
</view>
</view>
</view> -->
</u-form>
<u-modal v-model="show" :content="content" width='70%' border-radius="16"
:content-style="{fontSize: '28rpx',padding: '20rpx',lineHeight: '44rpx',textAlign: 'left'}"
@ -396,6 +389,14 @@
mixins: [comMixin],
data() {
return {
activedyaengCurrent: 0,
activedyaengData: [{
title: "联行号信息"
},
{
title: "资金计划信息"
},
],
idList: [],
index: 0,
actionList: [],
@ -500,11 +501,11 @@
"children": ""
},
paymentMethodOptions: [{
"fullName": "现金",
"id": "1"
"fullName": "现金",
"id": "1"
}, {
"fullName": "承兑",
"id": "2"
"fullName": "承兑",
"id": "2"
}],
paymentMethodProps: {
"label": "fullName",
@ -513,21 +514,21 @@
"children": ""
},
paymentTypeOptions: [{
"fullName": "预付款",
"id": "A"
"fullName": "预付款",
"id": "A"
}, {
"fullName": "结算款",
"id": "B"
"fullName": "结算款",
"id": "B"
}, {
"fullName": "进度款",
"id": "D"
"fullName": "进度款",
"id": "D"
}],
transactionTypeOptions: [{
"fullName": "网银",
"id": "34"
"fullName": "网银",
"id": "34"
}, {
"fullName": "票据",
"id": "50"
"fullName": "票据",
"id": "50"
}],
transactionTypeProps: {
"label": "fullName",
@ -695,6 +696,9 @@
}
},
methods: {
activedyaeng(index) {
this.activedyaengCurrent = index;
},
handleAction(index) {
if (this.actionList[index].id === 'save_add' || this.actionList[index].id === 'save_proceed') {
this.submitForm(1)
@ -969,16 +973,16 @@
dataInfo(dataAll) {
let _dataAll = dataAll
this.dataForm = _dataAll
if(this.dataForm.payer && this.dataForm.payer != ''){
if (this.dataForm.payer && this.dataForm.payer != '') {
var aa = this.dataForm.payer.split("/");
aa.reverse();
var str = aa.join('/');
this.dataForm.payer2 = str;
}
this.isEdit = true
this.dataAll()
if(!_dataAll.paymentapplicationsettlementList){
if (!_dataAll.paymentapplicationsettlementList) {
_dataAll.paymentapplicationsettlementList = [];
}
for (let i = 0; i < _dataAll.paymentapplicationsettlementList.length; i++) {
@ -997,6 +1001,7 @@
page {
background-color: #f0f2f6;
}
/* .uni-input-wrapper {
color: #303133 !important;
font-size: 16px !important;
@ -1018,5 +1023,4 @@
color: #303133 !important;
font-size: 16px !important;
} */
</style>
Loading…
Cancel
Save