Skip to content

V
vue-gjjs
Commit c88d85fe by javaHeight
Options

Bptcan UI 改造

parent 7fd25f68
Showing with 247 additions and 212 deletions
src/views/Business/Bptcan/Canp.vue
<template>
<c-content class="eibs-tab" :height="200">
<c-row class="infrow" style="margin-top:50px;">
<c-col :span="10" :offset="1">
<c-row>
<c-col :span="20">
<el-form-item label="票据项下的业务号" prop="bpdgrp.rec.pntref">
<c-input
v-model="model.bpdgrp.rec.pntref"
maxlength="16"
placeholder="票据项下的业务号" disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="3" :offset="1">
<div class="eibs" :height="200">
<!-- 左 -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item
label="票据项下的业务号"
prop="bpdgrp.rec.pntref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.bpdgrp.rec.pntref"
maxlength="16"
disabled
placeholder="票据项下的业务号"
></c-input>
<template slot="footer">
<c-button
style="margin:0 10px 0 0;padding: 0 12px;"
size="small"
style="margin-left: 10px; padding: 0 12px"
type="primary"
@click="onSeainf" disabled
icon="el-icon-info"
@click="onExtkey"
>
<i class="el-icon-info" style="font-size:15px"></i>
</c-button>
</c-col>
</c-row>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-row>
<!-- 融资参考号 -->
<!-- bpdgrp_rec_ownref-->
<c-col :span="20">
<el-form-item label="融资参考号" prop="bpdgrp.rec.ownref">
<c-input
v-model="model.bpdgrp.rec.ownref"
maxlength="16"
placeholder="请输入融资参考号" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="3" :offset="1">
<c-col :span="24">
<el-form-item
label="融资参考号"
prop="bpdgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.bpdgrp.rec.pntref"
maxlength="16"
disabled
placeholder="请输入融资参考号"
></c-input>
<template slot="footer">
<c-button
style="margin:0 10px 0 0;padding: 0 12px;"
size="small"
style="margin-left: 10px; padding: 0 12px"
type="primary"
@click="onSeainf" disabled
icon="el-icon-info"
@click="onExtkey"
>
<i class="el-icon-info" style="font-size:15px"></i>
</c-button>
</c-col>
</c-row>
</c-col>
<c-col :span="11" :offset="1">
<c-row>
<!-- 摘要 -->
<c-col :span="24">
<el-form-item label="票据项下的名称" prop="bpdgrp.rec.pntnam">
<c-input
v-model="model.bpdgrp.rec.pntnam"
maxlength="40"
style="width:90%"
placeholder="" disabled
></c-input>
</el-form-item>
</c-col>
</c-row>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-row>
<c-col :span="24">
<el-form-item label="融资名称" prop="bpdgrp.rec.nam">
<c-input
v-model="model.bpdgrp.rec.nam"
style="width:90%"
maxlength="40"
placeholder="请输入" disabled
></c-input>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
<c-row class="infrow">
<c-col :span="10" :offset="1">
<c-row>
<!-- 融资类型-->
<c-col :span="18">
<el-form-item label="融资类型" prop="bpdgrp.rec.fintyp">
<c-select v-model="model.bpdgrp.rec.fintyp" style="width: 100%"
placeholder="请选择融资类型">
<el-option v-for="item in codes.fintyp_bpd" :key="item.value"
:label="item.label" :value="item.value" disabled>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-row>
<c-row>
<!-- 基准利率 -->
<c-col :span="18">
<!-- 融资类型-->
<c-col :span="24">
<el-form-item label="融资类型" prop="bpdgrp.rec.fintyp">
<c-select v-model="model.bpdgrp.rec.fintyp" style="width: 100%"
placeholder="请选择融资类型">
<el-option v-for="item in codes.fintyp_bpd" :key="item.value"
:label="item.label" :value="item.value" disabled>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="22">
<el-form-item label="基准利率" prop="bpdgrp.rec.intrat">
<c-input
v-model="model.bpdgrp.rec.intrat"
......@@ -101,53 +77,79 @@
></c-input>
</el-form-item>
</c-col>
<c-col :span="4" style="padding:5px; font-size: 10px;">
<c-col :span="2" style="padding:5px; font-size: 10px;text-align: center;">
<span>%</span>
</c-col>
</c-row>
<c-row>
<!-- Advance Amount -->
<c-col :span="16">
<el-form-item label="融资金额" prop="bpdgrp.cbs.max.cur">
<c-select
v-model="model.bpdgrp.cbs.max.cur"
style="width:100%"
placeholder="请选择融资币种" disabled>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="20px" prop="bpdgrp.cbs.max.amt">
<c-input
v-model="model.bpdgrp.cbs.max.amt"
placeholder="请输入融资金额" disabled
></c-input>
</el-form-item>
</c-col>
<!-- Advance Amount -->
<c-col :span="16">
<el-form-item label="融资金额" prop="bpdgrp.cbs.max.cur">
<c-select
v-model="model.bpdgrp.cbs.max.cur"
style="width:100%"
placeholder="请选择融资币种" disabled>
</c-select>
</el-form-item>
</c-col>
<!-- Open Amount -->
<c-col :span="16">
<el-form-item label="押汇余额" prop="bpdgrp.cbs.opn1.cur">
<c-select
v-model="model.bpdgrp.cbs.opn1.cur"
style="width:100%"
placeholder="请选择押汇币种" disabled>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="5px" prop="bpdgrp.cbs.max.amt">
<c-input
v-model="model.bpdgrp.cbs.max.amt"
placeholder="请输入融资金额" disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="20px" prop="bpdgrp.cbs.opn1.amt">
<c-input
v-model="model.bpdgrp.cbs.opn1.amt"
placeholder="请输入押汇余额" disabled
></c-input>
</el-form-item>
</c-col>
</c-row>
<!-- Open Amount -->
<c-col :span="16">
<el-form-item label="押汇余额" prop="bpdgrp.cbs.opn1.cur">
<c-select
v-model="model.bpdgrp.cbs.opn1.cur"
style="width:100%"
placeholder="请选择押汇币种" disabled>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="5px" prop="bpdgrp.cbs.opn1.amt">
<c-input
v-model="model.bpdgrp.cbs.opn1.amt"
placeholder="请输入押汇余额" disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
</c-col>
<!-- 右 -->
<c-col :span="12" style="padding-left: 20px;">
<!-- 摘要 -->
<c-col :span="24">
<el-form-item label="票据项下的名称" prop="bpdgrp.rec.pntnam">
<c-input
v-model="model.bpdgrp.rec.pntnam"
maxlength="40"
style="width:100%"
placeholder="" disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="融资名称" prop="bpdgrp.rec.nam">
<c-input
v-model="model.bpdgrp.rec.nam"
style="width:100%"
maxlength="40"
placeholder="请输入" disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
......@@ -157,31 +159,29 @@
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
@onAplpDet="onBenpDet"
>
</c-ptap>
</c-col>
</c-row>
<c-row class="bptrow">
<!-- Narrative -->
<c-col :span="18" :offset="1">
<el-form-item label="描述" prop="strinf">
<c-input
type="textarea"
:rows="10"
v-model="model.strinf"
maxlength="50"
show-word-limit
placeholder="请输入描述"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="2" :offset="1">
<c-checkbox v-model="model.sndmsg">Send Message</c-checkbox>
</c-col>
</c-row>
</c-content>
<c-col :span="20">
<el-form-item label="描述" prop="strinf">
<c-input
type="textarea"
:rows="10"
v-model="model.strinf"
maxlength="50"
show-word-limit
placeholder="请输入描述"
></c-input>
</el-form-item>
</c-col>
<c-col :span="4">
<c-checkbox v-model="model.sndmsg">Send Message</c-checkbox>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
......
src/views/Business/Bptcan/Shisuan.vue
......@@ -11,85 +11,85 @@
prop="limtyp"
label="限制类型"
sortable
width="150">
width="100">
</el-table-column>
<el-table-column
prop="cur"
label="业务币种"
sortable
width="80">
width="100">
</el-table-column>
<el-table-column
prop="cbeamt"
label="业务发生额"
sortable
width="90">
width="120">
</el-table-column>
<el-table-column
prop="reqtyp1"
label="Req.Typel"
sortable
width="auto">
width="130">
</el-table-column>
<el-table-column
prop="limcbeamt"
label="额度发生额"
sortable
width="auto">
width="130">
</el-table-column>
<el-table-column
prop="reqtyp2"
label="Req.Type2"
sortable
width="auto">
width="130">
</el-table-column>
<el-table-column
prop="ckcbeamt"
label="敞口发生额"
sortable
width="auto">
width="130">
</el-table-column>
<el-table-column
prop="credat"
label="额度日期"
sortable
width="auto">
width="100">
</el-table-column>
<el-table-column
prop="ptyextkey"
label="客户编号"
sortable
width="auto">
width="100">
</el-table-column>
<el-table-column
prop="ptynam"
label="客户名称"
sortable
width="auto">
width="100">
</el-table-column>
<el-table-column
prop="ownref"
label="业务编号"
sortable
width="auto">
width="100">
</el-table-column>
<el-table-column
prop="ccvbl"
label="合同保证金比例"
sortable
width="auto">
width="130">
</el-table-column>
<el-table-column
prop="limvar"
label="额度类型"
sortable
width="auto">
width="100">
</el-table-column>
<el-table-column
prop="dgzylimref"
label="额度编号"
sortable
width="auto">
width="100">
</el-table-column>
</el-table>
<el-pagination
......@@ -109,55 +109,55 @@
prop="dgzylimvar"
label="额度品种"
sortable
width="auto">
width="100">
</el-table-column>
<el-table-column
prop="tzhamt"
label="调整后业务余额"
sortable
width="auto">
width="130">
</el-table-column>
<el-table-column
prop="tzhccv"
label="调整后保证金比例"
sortable
width="auto">
width="140">
</el-table-column>
<el-table-column
prop="tzhlimamt"
label="调整后拟占用额度"
sortable
width="auto">
width="140">
</el-table-column>
<el-table-column
prop="tzhlimck"
label="调整后拟占用敞口"
sortable
width="auto">
width="140">
</el-table-column>
<el-table-column
prop="tzqamt"
label="调整前业务余额"
sortable
width="auto">
width="130">
</el-table-column>
<el-table-column
prop="tzqccv"
label="调整后保证金比例"
sortable
width="auto">
width="140">
</el-table-column>
<el-table-column
prop="tzqlimamt"
label="调整前已占用额度"
sortable
width="auto">
width="140">
</el-table-column>
<el-table-column
prop="tzqlimck"
label="调整前已占用敞口"
sortable
width="auto">
width="140">
</el-table-column>
</el-table>
<el-pagination
......@@ -177,79 +177,79 @@
prop="limvar"
label="额度类型"
sortable
width="auto">
width="100">
</el-table-column>
<el-table-column
prop="dgzylimvar"
label="额度品种"
sortable
width="auto">
width="100">
</el-table-column>
<el-table-column
prop="dglimcur"
label="额度币种"
sortable
width="auto">
width="100">
</el-table-column>
<el-table-column
prop="dgsxlimamt"
label="授信额度"
sortable
width="auto">
width="100">
</el-table-column>
<el-table-column
prop="dgyylimamt"
label="已用额度"
sortable
width="auto">
width="100">
</el-table-column>
<el-table-column
prop="dgkylimamt"
label="可用额度"
sortable
width="auto">
width="100">
</el-table-column>
<el-table-column
prop="dgcklimamt"
label="授信敞口"
sortable
width="auto">
width="100">
</el-table-column>
<el-table-column
prop="dgyylimck"
label="已用敞口"
sortable
width="auto">
width="100">
</el-table-column>
<el-table-column
prop="dgkylimck"
label="可用敞口"
sortable
width="auto">
width="100">
</el-table-column>
<el-table-column
prop="dghfxh"
label="恢复序号"
sortable
width="auto">
width="100">
</el-table-column>
<el-table-column
prop="dgzylimref"
label="额度编号"
sortable
width="auto">
width="100">
</el-table-column>
<el-table-column
prop="dgzyliminfref"
label="额度明细编号"
sortable
width="auto">
width="130">
</el-table-column>
<el-table-column
prop="dgccvbl"
label="保证金比例"
sortable
width="auto">
width="130">
</el-table-column>
</el-table>
<el-pagination
......
src/views/Business/Bptcan/index.vue
......@@ -2,84 +2,112 @@
<c-page title="出口融资注销">
<div class="eContainer">
<c-function-btn :handleSubmit="handleSubmit" :handleCheck="handleCheck" :handleStash="handleStash">
<!-- <el-button size="small">备忘录</el-button> -->
<!-- <el-button size="small" @click="setDraggableContent('cms', '影像信息')">影像信息</el-button> -->
<!-- <el-button size="small">保存模板</el-button> -->
<!-- <el-button size="small">使用模板</el-button> -->
<!-- <el-button size="small">制裁信息</el-button> -->
<!-- <el-button size="small">拆分报文</el-button> -->
<!-- <el-button size="small">智能提示</el-button> -->
</c-function-btn>
<!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="120px"
label-position="left"
size="small"
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="120px"
label-position="left"
size="small"
:validate-on-rule-change="false"
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--PD000016 -->
<el-tab-pane label="注销" name="canp">
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<el-tab-pane label="统一授信" name="limitbody2">
<c-content>
<m-canp :model="model" :codes="codes"/>
<m-limitbody2 :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<el-tab-pane label="费用/账务" name="setpan,glepan">
<c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<!-- <el-collapse-item title="表外记账" name="engp">
表外记账 -或有
<m-engp :model="model" :codes="codes" />
</el-collapse-item> -->
<el-collapse-item title="结算" name="setpan">
<!-- 结算 -费用及账务-->
<m-setpan :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="会计分录" name="glepan">
<!-- 会计分录 -->
<m-glepan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane>
<!--PD000000 Settlement 账务 公共模块-->
<el-tab-pane label="费用及账务" name="setpan">
<!-- <el-tab-pane label="费用及账务" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!-- Bookings-->
<el-tab-pane label="分录" name="glepan">
<!-- <el-tab-pane label="分录" name="glepan">
<m-glepan :model="model" :codes="codes" ref="glepan" />
</el-tab-pane>
</el-tab-pane> -->
<!--PD000000 Completion 附言-->
<el-tab-pane label="附言" name="coninfp">
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-coninfp :model="model" :codes="codes"/>
<m-addbcb :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000529 Messages -->
<el-tab-pane label="报文及面函" name="docpan">
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000546 Attachments 附件-->
<el-tab-pane label="交易附件" name="doctre">
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD001139 -->
<el-tab-pane label="试算结果" name="shisuan">
<!-- <el-tab-pane label="试算结果" name="shisuan">
<c-content>
<m-shisuan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<!-- <el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty"/>
<c-function-btn :handleSubmit="handleSubmit" :handleCheck="handleCheck" :handleStash="handleStash">
<!-- <el-button size="small">备忘录</el-button> -->
<!-- <el-button size="small" @click="setDraggableContent('cms', '影像信息')">影像信息</el-button> -->
<!-- <el-button size="small">保存模板</el-button> -->
<!-- <el-button size="small">使用模板</el-button> -->
<!-- <el-button size="small">制裁信息</el-button> -->
<!-- <el-button size="small">拆分报文</el-button> -->
<!-- <el-button size="small">智能提示</el-button> -->
</c-function-btn>
</div>
</c-page>
</template>
......@@ -100,6 +128,9 @@ import Coninfp from "~/views/Public/Coninfp";
import Docpan from "~/views/Public/Docpan";
import Limitbody from "~/views/Public/Limitbody"
import Glepan from "~/views/Public/Glepan";
import Limitbody2 from "./Limitbody2";
import Ovwp from './Ovwp';
import Addbcb from './Addbcb';
import Utils from "~/utils";
......@@ -114,6 +145,9 @@ export default {
"m-shisuan" : Shisuan,
"m-limitbody" : Limitbody,
"m-glepan" : Glepan,
"m-ovwp" : Ovwp,
"m-limitbody2" : Limitbody2,
"m-addbcb" : Addbcb,
},
provide() {
return {
......@@ -123,7 +157,8 @@ export default {
mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "canp",
activeNames: ["setpan"],
tabVal: "ovwp",
trnName: "bptcan",
model: new Bptcan().data,
checkRules: Check,
......
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