Skip to content

V
vue-gjjs
Commit 48509ab9 by xiameng
Options

betset,gitcom,letrsv UI美化

parent 3cd1f4a2
Showing with 240 additions and 136 deletions
src/views/Business/Betset/Cnyp.vue
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="外管信息" name="wg">
<m-wg :model="model" :codes="codes" />
</el-collapse-item>
......@@ -9,13 +10,10 @@
<m-cnyp1 :model="model" :codes="codes" />
</el-collapse-item>
<!--cnybop PD000001 2101跨境收入信息 -->
<el-tab-pane label="2101跨境收入信息" name="incp" v-if="model.cnybop.cnyflg=='1'">
<el-collapse-item title="2101跨境收入信息" name="incp" v-if="model.cnybop.cnyflg=='1'">
<m-incp :model="model" :codes="codes"/>
</el-tab-pane>
</el-collapse-item>
......
src/views/Business/Betset/Cnyp1.vue
......@@ -95,7 +95,7 @@
</el-form-item>
</c-col>
</c-col>
<m-incp v-show="model.cnybop.cnyflg == '1'" :model="model" :codes="codes" />
<!-- <m-incp v-show="model.cnybop.cnyflg == '1'" :model="model" :codes="codes" /> -->
</div>
</template>
<script>
......
src/views/Business/Brtcsg/Canp.vue
......@@ -66,7 +66,7 @@
</c-col>
</c-col>
<!-- ======================= 右边 ========================= -->
<c-col :span="12">
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="10">
<el-form-item label="开证金额" prop="lidgrp.cbs.opn1.cur">
<c-select
......
src/views/Business/Gitcom/Gitsetp1.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="保函编号" prop="gidgrp.rec.ownref">
<c-fullbox>
......@@ -209,7 +209,7 @@
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="简略信息" prop="gidgrp.rec.nam">
<c-input
......
src/views/Business/Gitcom/Ovwp.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="收费详情" name="gitsetp1">
<m-gitsetp1 :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/Gitcrj/Event";
import Gitsetp1 from "./Gitsetp1"
export default {
components:{
"m-gitsetp1" : Gitsetp1,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["gitsetp1"],
};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
\ No newline at end of file
src/views/Business/Gitcom/index.vue
<template>
<div class="eContainer">
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
<el-button size="small">流程附言</el-button>
<c-page title="进口保函定期收费">
<!-- <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> -->
<!-- <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>
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="120px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--PD000019 -->
<el-tab-pane label="收费" name="gitsetp1">
<m-gitsetp1 :model="model" :codes="codes" />
</el-tab-pane>
</c-function-btn> -->
<!--PD000027 -->
<el-tab-pane label="表外" name="engp">
<m-engp :model="model" :codes="codes" />
</el-tab-pane>
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="120px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--PD000019 -->
<!-- <el-tab-pane label="收费" name="gitsetp1">
<m-gitsetp1 :model="model" :codes="codes" />
</el-tab-pane> -->
<!--PD000000 -->
<el-tab-pane label="费用及账务" name="setpan">
<m-setpan :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="费用/账务" name="setpann">
<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>
</div>
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="备查/附言" name="coninfp">
<c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000546 -->
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
<!--PD000529 -->
<el-tab-pane label="面函" name="docpan">
<m-docpan :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000546 -->
<el-tab-pane label="交易附件" name="doctre">
<m-doctre :model="model" :codes="codes" />
</el-tab-pane>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash">
</c-function-btn>
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<m-limitbody :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form>
</c-page>
</div>
</template>
<script>
......@@ -73,7 +103,7 @@ import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Gitcom/Check";
import Default from "~/model/Gitcom/Default";
import Pattern from "~/model/Gitcom/Pattern";
import Gitsetp1 from "./Gitsetp1";
import Ovwp from "./Ovwp";
import Engp from "~/views/Public/Engp";
import Setpan from "~/views/Public/Setpan";
......@@ -85,7 +115,7 @@ import Limitbody from "~/views/Public/Limitbody";
export default {
name: "Gitcom",
components: {
"m-gitsetp1": Gitsetp1,
"m-ovwp": Ovwp,
"m-engp": Engp,
"m-setpan": Setpan,
"m-coninfp": Coninfp,
......@@ -101,7 +131,7 @@ export default {
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "gitsetp1",
tabVal: "ovwp",
trnName: "gitcom",
model: new Gitcom().data,
checkRules: Check,
......@@ -111,6 +141,7 @@ export default {
codes: {
...CodeTable,
},
activeNames: ["engp","coninfp"],
};
},
methods: {
......
src/views/Business/Letrsv/index.vue
<template>
<div class="eContainer">
<c-page title="除口信用证补通知">
<!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
<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>
<!-- <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>
<!-- <el-button size="small">拆分报文</el-button> -->
<el-button size="small">智能提示</el-button>
</c-function-btn>
// <el-button size="small">拆分报文</el-button>
<el-button size="small">智能提示</el-button> -->
<!-- </c-function-btn> -->
<el-form
:model="model"
......@@ -28,84 +24,106 @@
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--PD000017 -->
<el-tab-pane label="概览信息" name="ovwp">
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane
<!-- <el-tab-pane
label="附加金额"
name="aamp"
v-if="model.letp.aamp.aammod.addamtflg"
>
<m-aamp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--PD000063 -->
<el-tab-pane label="详细信息" name="detp">
<!-- <el-tab-pane label="详细信息" name="detp">
<c-content>
<m-detp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000042 -->
<el-tab-pane label="当事人信息" name="ptyp">
<!-- <el-tab-pane label="当事人信息" name="ptyp">
<m-ptyp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--PD000055 -->
<el-tab-pane label="货物描述" name="dogp">
<!-- <el-tab-pane label="货物" name="dogp">
<m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'led'" />
</el-tab-pane>
</el-tab-pane> -->
<!--PD000057 -->
<el-tab-pane label="单据" name="dorp">
<!-- <el-tab-pane label="单据" name="dorp">
<m-doxp :model="model" :codes="codes" :dtyp="'dorp'" :rec="'led'" />
</el-tab-pane>
</el-tab-pane> -->
<!--PD000060 -->
<el-tab-pane label="附加条款" name="adcp">
<!-- <el-tab-pane label="附加条款" name="adcp">
<m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'led'" />
</el-tab-pane>
</el-tab-pane> -->
<!--PD000317 -->
<el-tab-pane
<!-- <el-tab-pane
label="循环信用证信息"
name="revp"
v-if="model.ledgrp.rec.revflg"
>
<m-revp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--PD000027 -->
<el-tab-pane label="表外记账" name="engp">
<m-engp :model="model" :codes="codes" />
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="结算" name="setpan">
<m-setpan :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000027 -->
<el-tab-pane label="费用/账务" name="engp,setpan">
<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>
</div>
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="提示信息" name="coninfp">
<el-tab-pane label="备查/附言" name="coninfp">
<c-content>
<m-coninfp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文和面函" name="docpan">
<m-docpan :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000546 -->
<el-tab-pane label="附件" name="doctre" v-if="attachments">
<m-doctre :model="model" :codes="codes" />
<!--PD000546 -->
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000394 -->
<el-tab-pane
<!-- <el-tab-pane
label="受益人特殊付款条款"
name="spcbenp"
v-if="model.ledgrp.rec.spcbenflg"
......@@ -116,10 +134,10 @@
:dtyp="'spcbenp'"
:rec="'led'"
/>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000422 -->
<el-tab-pane
<!-- <el-tab-pane
label="银行专用特殊付款条款"
name="spcrcvp"
v-if="model.ledgrp.rec.spcrcbflg"
......@@ -130,12 +148,9 @@
:dtyp="'spcrcvp'"
:rec="'led'"
/>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<m-limitbody :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog
......@@ -151,6 +166,13 @@
@select-ety="selectMsg"
>
</c-grid-ety-prompt-dialog>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash">
</c-function-btn>
</c-page>
</div>
</template>
<script>
......@@ -163,13 +185,13 @@ import Check from "~/model/Letrsv/Check";
import Default from "~/model/Letrsv/Default";
import Pattern from "~/model/Letrsv/Pattern";
import Ovwp from "./Ovwp";
import Detp from "./Detp";
import Ptyp from "./Ptyp";
//import Detp from "./Detp";
//import Ptyp from "./Ptyp";
// import Dogp from "./Dogp";
// import Dorp from "./Dorp";
// import Adcp from "./Adcp";
import Revp from "./Revp";
import Aamp from "./Aamp";
//import Revp from "./Revp";
//import Aamp from "./Aamp";
// import Spcbenp from "./Spcbenp";
// import Spcrcvp from "./Spcrcvp";
import Doctre from "~/views/Public/Doctre";
......@@ -178,23 +200,23 @@ import Coninfp from "~/views/Public/Coninfp";
import Docpan from "~/views/Public/Docpan";
import Limitbody from "~/views/Public/Limitbody";
import Engp from '~/views/Public/Engp'
import Doxp from '~/views/Public/Doxp'
//import Doxp from '~/views/Public/Doxp'
export default {
name: "Letrsv",
components: {
"m-ovwp": Ovwp,
"m-detp": Detp,
"m-ptyp": Ptyp,
// "m-detp": Detp,
// "m-ptyp": Ptyp,
'm-engp': Engp,
"m-setpan": Setpan,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-doctre": Doctre,
"m-revp": Revp,
"m-aamp": Aamp,
// "m-revp": Revp,
// "m-aamp": Aamp,
"m-limitbody": Limitbody,
'm-doxp': Doxp,
//'m-doxp': Doxp,
},
provide() {
return {
......@@ -215,6 +237,7 @@ export default {
...CodeTable,
},
attachments: false,
activeNames: ["engp"],
};
},
methods: {
......
src/views/Business/Litdla/index.vue
......@@ -19,8 +19,10 @@
</el-tab-pane>
<el-tab-pane label="保证金" name="ccvpan">
<el-tab-pane label="保证金" name="ccvpan">
<c-content>
<m-ccvpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="统一授信" name="limitbody,shisuan">
......@@ -72,12 +74,16 @@
</el-tab-pane>
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
......
src/views/Business/Litrog/Rog.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- =======左========== -->
<el-col :span="11">
......
src/views/Business/Litrog/index.vue
......@@ -20,15 +20,20 @@
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="保证金" name="ccvpan">
<el-tab-pane label="保证金" name="ccvpan">
<c-content>
<m-ccvpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000027 -->
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<c-content>
......@@ -59,16 +64,19 @@
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<m-docpan :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000546 -->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="附件信息" name="doctre">
<m-doctre :model="model" :codes="codes"/>
</el-tab-pane>
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
......
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