Skip to content

V
vue-gjjs
Commit 91e4eb93 by LiRui
Options

BPTOPN UI改造

parent 6fd5524f
Showing with 192 additions and 320 deletions
src/views/Business/Bptopn/Addbcb.vue
......@@ -12,7 +12,7 @@
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Bptcan/Event";
import Event from "~/model/Bptopn/Event";
import Coninfp from "~/views/Public/Coninfp";
export default {
......
src/views/Business/Bptopn/Basp2.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!--===================== left ============================= -->
<el-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="申报号码" prop="bopmod.dbdgrp.bas.rptno">
<c-input
......@@ -93,17 +93,6 @@
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="付款人名称" prop="bopmod.dbdgrp.bas.oppuser">
<c-input
type="textarea"
v-model="model.bopmod.dbdgrp.bas.oppuser"
maxlength="63"
show-word-limit
placeholder="请输入付款人名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
......@@ -179,15 +168,11 @@
></c-input-currency>
</el-form-item>
</c-col>
</el-col>
</c-col>
<!--=====================right ============================= -->
<el-col :span="11" :offset="1">
<c-col :span="24"><el-form-item label=""></el-form-item></c-col>
<c-col :span="24"><el-form-item label=""></el-form-item></c-col>
<c-col :span="24"><el-form-item label=""></el-form-item></c-col>
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="修改/删除原因" prop="bopmod.dbdgrp.bas.actiondesc">
<c-input
......@@ -233,23 +218,34 @@
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bopmod.dbdgrp.bas.acp">
<c-checkbox
style="margin: 0px 0 10px 150px"
disabled
v-model="model.bopmod.dbdgrp.bas.acp"
>确认</c-checkbox
>
<el-form-item label="付款人名称" prop="bopmod.dbdgrp.bas.oppuser">
<c-input
type="textarea"
v-model="model.bopmod.dbdgrp.bas.oppuser"
maxlength="63"
show-word-limit
placeholder="请输入付款人名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="结汇汇率" prop="bopmod.dbdgrp.bas.exrate">
<c-fullbox>
<c-input
disabled
v-model="model.bopmod.dbdgrp.bas.exrate"
placeholder="请输入结汇汇率"
></c-input>
<template slot="footer">
<c-checkbox
style="margin: 0px 0 0px 10px"
disabled
v-model="model.bopmod.dbdgrp.bas.acp"
>确认</c-checkbox
>
</template>
</c-fullbox>
</el-form-item>
</c-col>
......@@ -321,7 +317,7 @@
></c-input-currency>
</el-form-item>
</c-col>
</el-col>
</c-col>
</div>
</template>
<script>
......
src/views/Business/Bptopn/Bptopnp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- =================顶部====================== -->
<c-row>
<!--line1-->
<c-col :span="24">
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item
label="票据项下的业务号"
prop="bpdgrp.rec.pntref"
......@@ -29,11 +29,7 @@
</el-form-item>
</c-col>
<c-col :span="1">
<el-form-item label="" prop="" style="width: 100%"> </el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="12" style="padding-left: 20px;">
<el-form-item
label="票据项下的名称"
prop="bpdgrp.rec.pntnam"
......@@ -52,12 +48,13 @@
<!--line2-->
<c-col :span="24">
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item
label="融资业务号"
prop="bpdgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.bpdgrp.rec.ownref"
maxlength="16"
......@@ -65,25 +62,15 @@
disabled
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf"
>
<i class="el-icon-info"></i>
<c-button size="small" type="primary" @click="onBptmodButgetref" :disbled="model.bpdgrp.rec.ownref !== ''"
>获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="1">
<c-button size="small" type="primary" @click="onBptmodButgetref" :disbled="model.bpdgrp.rec.ownref !== ''"
>获取</c-button
>
</c-col>
<c-col :span="12">
<c-col :span="12" style="padding-left: 20px;">
<el-form-item label="融资名称" prop="bpdgrp.rec.nam" style="width: 100%">
<c-input
v-model="model.bpdgrp.rec.nam"
......@@ -98,7 +85,7 @@
<!--line3-->
<c-col :span="24">
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item
label="采购协议"
prop="bptp.fpdgrp.rec.ownref"
......@@ -123,11 +110,8 @@
</el-form-item>
</c-col>
<c-col :span="1">
<el-form-item label="" prop="" style="width: 100%"> </el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="12" style="padding-left: 20px;">
<el-form-item
label="采购协议名称"
prop="bptp.fpdgrp.rec.nam"
......@@ -148,7 +132,7 @@
<!-- =================中部====================== -->
<c-row>
<!------------左部------------->
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<!---line1--->
<c-row>
<c-col :span="12">
......@@ -334,7 +318,7 @@
</c-col>
<!------------右部------------->
<c-col :span="12">
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<c-ptap
:model="model"
......@@ -356,7 +340,7 @@
<!-- =================下部====================== -->
<c-row>
<!-----------左侧------------->
<c-col :span="12">
<c-col :span="12" style="padding-right: 20px;">
<!---line1---->
<c-row>
<c-col :span="12">
......@@ -467,20 +451,21 @@
<!---line5---->
<c-row>
<c-col :span="10">
<c-col :span="12">
<el-form-item label="基准利率" prop="bpdgrp.rec.intrat">
<c-fullbox>
<c-input
disabled
v-model="model.bpdgrp.rec.intrat"
placeholder="请输入基本利率"
></c-input>
<template slot="footer">
<c-button style="margin: 0 0 0 10px" size="small" type="primary" @click="onFinmodButget" :disbled="model.bpdgrp.rec.ownref != 0"
>获取</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="2">
<c-button size="small" type="primary" @click="onFinmodButget" :disbled="model.bpdgrp.rec.ownref != 0"
>获取</c-button
>
</c-col>
<c-col :span="12">
<el-form-item v-if="zmqflg == 'x'" label="是否定向收付" prop="bpdgrp.rec.flowflag">
......@@ -503,7 +488,7 @@
<!---line6---->
<c-row>
<c-col :span="12">
<c-col :span="24">
<el-form-item
label="基准利率规则"
prop="bptmod.finmod.dinmod.jzllgz"
......@@ -572,20 +557,21 @@
<!---line9---->
<c-row>
<c-col :span="12">
<c-col :span="24">
<el-form-item label="预收息金额" prop="bptmod.finmod.intamt">
<c-fullbox>
<c-input
disabled
v-model="model.bptmod.finmod.intamt"
placeholder="请输入预收息金额"
></c-input>
</el-form-item>
</c-col>
<c-col :span="1">
<c-button size="small" type="primary" @click="onFinmodButcal">
<template slot="footer">
<c-button style="margin: 0 0 0 10px;" size="small" type="primary" @click="onFinmodButcal">
计算
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
</c-row>
......@@ -631,22 +617,24 @@
<!---line11---->
<c-row>
<c-col :span="10">
<c-col :span="12">
<el-form-item label="定价审批代码" prop="bptmod.finmod.dinjdm">
<c-fullbox>
<c-input
v-model="model.bptmod.finmod.dinjdm"
maxlength="20"
placeholder="请输入定价审批代码"
></c-input>
</el-form-item>
</c-col>
<c-col :span="2">
<c-button size="small" type="primary" @click="onDinmodDget" :disbled="model.bptmod.finmod.dinjdm !== ''"
<template slot="footer">
<c-button style="margin: 0 0 0 10px;" size="small" type="primary" @click="onDinmodDget" :disbled="model.bptmod.finmod.dinjdm !== ''"
>获取</c-button
>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="审批流程发起标识"
......@@ -664,7 +652,7 @@
</c-col>
<!------------右侧------------->
<c-col :span="12">
<c-col :span="12" style="padding-left: 20px;">
<!---line1---->
<c-row>
<c-col :span="12">
......@@ -890,6 +878,7 @@
<c-row>
<c-col :span="12">
<el-form-item label="预扣息账号" prop="bptmod.finmod.intact">
<c-fullbox>
<c-input
:disabled="model.bptmod.finmod.inttyp!='1' || (model.bptmod.finmod.acttyp=='0' || model.bptmod.finmod.acttyp=='2')"
v-model="model.bptmod.finmod.intact"
......@@ -897,18 +886,21 @@
maxlength="21"
placeholder="请输入预扣息账号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="1">
<template slot="footer">
<c-button
size="small"
type="primary"
style="margin: 0 0 0 10px;"
icon="el-icon-search"
@click="onCodselSelbut"
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
</c-row>
<!---line10---->
......
src/views/Business/Bptopn/Cnyp.vue
......@@ -4,18 +4,10 @@
<el-collapse-item title="外管信息" name="wg">
<m-wg :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item v-if="model.bopmod.szflg=='2' && model.bopmod.basflg=='X'"
title="境内收入申报单－基础信息" name="basp2"
>
<m-basp2 :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item
v-if="model.bpdgrp.cbs.max.cur!='CNY'"
title="国内外汇贷款数据采集"
name="cfap"
>
<m-cfap :model="model" :codes="codes" />
<!-- v-if="model.bopmod.szflg=='2' && model.bopmod.basflg=='X'" -->
<el-collapse-item title="境内收入申报单－基础信息" name="basp2">
<m-basp2 :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
......@@ -28,7 +20,6 @@ import Event from "~/model/Cptopn/Event";
import Wg from "./Wg";
import Basp2 from "./Basp2";
import Cfap from "./Cfap";
export default {
......@@ -36,7 +27,6 @@ export default {
components: {
"m-wg": Wg,
"m-basp2": Basp2,
"m-cfap": Cfap,
},
props: ["model", "codes"],
......
src/views/Business/Bptopn/Ovwp.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<el-form-item label="融资客户" prop="bpdgrp.fia.pts.ref">
<c-input
v-model="model.bpdgrp.fia.pts.ref"
maxlength="16"
placeholder="请输入融资客户"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="融资类型" prop="bpdgrp.rec.fintyp">
<c-select
v-model="model.bpdgrp.rec.fintyp"
style="width: 100%"
placeholder="请选择融资类型"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="融资金额" prop="bpdgrp.cbs.max.cur">
<c-input
v-model="model.bpdgrp.cbs.max.cur"
maxlength="3"
placeholder="请输入融资币种"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="融资金额" prop="bpdgrp.cbs.max.amt">
<c-input
v-model="model.bpdgrp.cbs.max.amt"
placeholder="请输入"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="百分比" prop="bpdgrp.rec.pctfin">
<c-input
v-model="model.bpdgrp.rec.pctfin"
placeholder="请输入百分比"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="融资帐号" prop="bpdgrp.rec.finact">
<c-select
v-model="model.bpdgrp.rec.finact"
style="width: 100%"
placeholder="请选择融资帐号"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="起息日期" prop="bpdgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.bpdgrp.rec.opndat"
style="width: 100%"
placeholder="请选择起息日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="到期日" prop="bpdgrp.rec.matdat">
<c-date-picker
type="date"
v-model="model.bpdgrp.rec.matdat"
style="width: 100%"
placeholder="请选择到期日"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="发票收件人参考号" prop="bpdgrp.inv.pts.ref">
<c-input
v-model="model.bpdgrp.inv.pts.ref"
maxlength="16"
placeholder="请输入发票收件人参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="利率类型" prop="bpdgrp.rec.intirt">
<c-select
v-model="model.bpdgrp.rec.intirt"
style="width: 100%"
placeholder="请选择利率类型"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="计息日" prop="bpdgrp.rec.intday">
<c-input
v-model="model.bpdgrp.rec.intday"
placeholder="请输入计息日"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="基本利率" prop="bpdgrp.rec.intrat">
<c-input
v-model="model.bpdgrp.rec.intrat"
placeholder="请输入基本利率"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="基准利率" prop="bpdgrp.rec.marrat">
<c-input
v-model="model.bpdgrp.rec.marrat"
placeholder="请输入基准利率"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="总利率" prop="bpdgrp.rec.tolrat">
<c-input
v-model="model.bpdgrp.rec.tolrat"
placeholder="请输入总利率"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="宽限期利率" prop="bpdgrp.rec.grarat">
<c-input
v-model="model.bpdgrp.rec.grarat"
placeholder="请输入宽限期利率"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="净收益" prop="bpdgrp.cbs.nom1.cur">
<c-select
v-model="model.bpdgrp.cbs.nom1.cur"
style="width: 100%"
placeholder="请选择净收益"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="净收益" prop="bpdgrp.cbs.nom1.amt">
<c-input
v-model="model.bpdgrp.cbs.nom1.amt"
placeholder="请输入净收益"
></c-input>
</el-form-item>
</c-col>
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="融资详情" name="bptopn">
<m-bptopn :model="model" :codes="codes" />
</el-collapse-item>
<!-- v-if="
model.bpdgrp.rec.fintyp == 'F' ||
model.bpdgrp.rec.fintyp == 'U' ||
model.bpdgrp.rec.fintyp == 'G' ||
model.bpdgrp.rec.fintyp == 'V'
" -->
<el-collapse-item title="福费廷" name="urpp">
<m-urpp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="基本信息" name="ovwp1" v-if="1 == 0">
<m-ovwp1 :model="model" :codes="codes" />
</el-collapse-item>
<!-- v-if="model.bpdgrp.rec.fintyp=='F' || model.bpdgrp.rec.fintyp=='U'" -->
<el-collapse-item title="收账通知" name="docpan1">
<m-docpan1 :model="model" :codes="codes" />
</el-collapse-item>
<!-- v-if="model.bpdgrp.cbs.max.cur!='CNY'" -->
<el-collapse-item title="国内外汇贷款数据采集" name="cfap">
<m-cfap :model="model" :codes="codes" />
</el-collapse-item>
<!-- v-if="model.cfabpt.cfaflg=='1'" -->
<el-collapse-item title="国内外汇贷款－签约信息" name="conp">
<m-conp :model="model" :codes="codes" />
</el-collapse-item>
<!-- v-if="model.cfabpt.cfaflg=='1'" -->
<el-collapse-item title="国内外汇贷款－变动信息" name="dclpp">
<m-dclpp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="融资款项" name="rzkx">
<m-rzkx :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="定价系统" name="dinpan">
<m-dinpan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Bptopn/Event";
import Bptopnp from "./Bptopnp";
import Urpp from "./Urpp";
import Ovwp1 from "./Ovwp1";
import Docpan1 from "./Docpan1";
import Rzkx from "./Rzkx";
import Cfap from "./Cfap";
import Conp from "./Conp";
import Dclpp from "./Dclpp";
import Dinpan from "./Dinpan";
export default {
inject: ["root"],
props: ["model", "codes"],
components: {
"m-bptopn": Bptopnp,
"m-urpp": Urpp,
"m-ovwp1": Ovwp1,
"m-docpan1": Docpan1,
"m-rzkx": Rzkx,
"m-cfap": Cfap,
"m-conp": Conp,
"m-dclpp": Dclpp,
"m-dinpan": Dinpan,
},
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data() {
return {};
data(){
return {
activeNames: ["bptopn"],
}
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
methods:{...Event,handleChange(){}},
created:function(){
}
}
</script>
<style>
</style>
\ No newline at end of file
src/views/Business/Bptopn/Rzkx.vue
<!--D,显示rz1-->
<template>
<div class="eibs-tab">
<div class="eibs">
<div v-if="model.ledgrp.rec.dflg == 'D' || model.dedgrp.rec.dflg == 'D'">
<c-col :span="24" style="height: 24px">
<el-form-item
label="我行已将上述融资款项"
class="messageLabel"
></el-form-item>
</c-col>
<c-col :span="24" style="height: 0px">
<el-divider></el-divider>
</c-col>
<br /><br />
<c-row>
<c-col :span="12">
......@@ -61,17 +50,6 @@
</div>
<div v-if="model.ledgrp.rec.dflg != 'D' && model.dedgrp.rec.dflg != 'D'">
<c-col :span="24" style="height: 24px">
<el-form-item
label="我行已将上述融资款项"
class="messageLabel"
></el-form-item>
</c-col>
<c-col :span="24" style="height: 0px">
<el-divider></el-divider>
</c-col>
<br /><br />
<c-row>
<c-col :span="12">
......
src/views/Business/Bptopn/Wg.vue
<template>
<div class="eibs-tab">
<c-row>
<c-col :span="6">
<el-form-item label="申报类型" prop="bopmod.szflg">
<div class="eibs">
<c-col :span="24">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item label="申报类型" label-width="120px">
<c-select
:disabled="
!(
......@@ -21,12 +21,10 @@
</el-form-item>
</c-col>
<c-col :span="3">
<el-form-item label="" prop=""> </el-form-item>
</c-col>
<c-col :span="5">
<c-checkbox
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<c-col :span="8">
<c-checkbox style="float:left"
:disabled="
model.bopmod.szflg == '' ||
model.bopmod.szflg == '3' ||
......@@ -37,11 +35,21 @@
基础数据
</c-checkbox>
</c-col>
</c-row>
<c-row>
<c-col :span="8">
<c-checkbox v-model="model.bopmod.dclflg" v-show="dclflgShow">申报数据</c-checkbox>
</c-col>
<c-col :span="8">
<c-checkbox v-model="model.bopmod.vrfflg" v-show="vrfflgShow">核销数据</c-checkbox>
</c-col>
</c-col>
</c-col>
</c-col>
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="款项来源" prop="bopmod.acttyp">
<el-form-item label="款项来源" prop="bopmod.acttyp" label-width="120px">
<c-select
:disabled="model.bopmod.szflg != '1'"
v-model="model.bopmod.acttyp"
......@@ -52,9 +60,7 @@
</c-select>
</el-form-item>
</c-col>
</c-row>
<c-row>
<c-col :span="24">
<el-form-item label="地区机构号" prop="bopmod.ownextkey">
<c-select
......@@ -66,9 +72,9 @@
</c-select>
</el-form-item>
</c-col>
</c-row>
<c-row>
<c-col :span="12">
<c-col :span="24">
<c-col :span="13">
<el-form-item
label="国外银行扣费（涉外收入申报专用）"
prop="bopmod.outchargeccy"
......@@ -83,18 +89,22 @@
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="金额" prop="bopmod.outchargeamt">
<c-input
<c-col :span="11">
<el-form-item label="" prop="bopmod.outchargeamt" label-width="5px">
<c-input-currency
:disabled="
!(model.bopmod.szflg == '1' && model.bopmod.basflg != '')
"
v-model="model.bopmod.outchargeamt"
placeholder="请输入国外银行扣费（涉外收入申报专用）"
></c-input>
style="text-align: right;"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
</c-row>
</c-col>
</div>
</template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment