Skip to content

V
vue-gjjs
Commit c0e55e12 by Wuyuqiu
Options

ui美化

parent 746efd46
Showing with 128 additions and 98 deletions
src/views/Business/Brtudp/index.vue
<template>
<div class="eContainer">
<!-- <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" @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>
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small"
:validate-on-rule-change="false">
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="150px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--PD000032 -->
<el-tab-pane label="承兑信息" name="payp">
......@@ -26,35 +18,55 @@
</el-tab-pane>
<!--PD000062 -->
<el-tab-pane v-if="model.brdgrp.rec.dscinsflg" label="不符点" name="docpre">
<el-tab-pane
v-if="model.brdgrp.rec.dscinsflg"
label="不符点"
name="docpre"
>
<c-content>
<m-docpre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane v-if="model.brdgrp.rec.dscinsflg" label="装运详情" name="shpdet">
<el-tab-pane
v-if="model.brdgrp.rec.dscinsflg"
label="装运详情"
name="shpdet"
>
<c-content>
<m-shpdet :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!-- ======新增隐藏面板====== -->
<!-- ======新增隐藏面板====== -->
<!--PD000139 -->
<el-tab-pane label="不符点通知" name="mt750p" v-if="model.brdgrp.rec.advtyp=='750'">
<el-tab-pane
label="不符点通知"
name="mt750p"
v-if="model.brdgrp.rec.advtyp == '750'"
>
<c-content>
<m-mt750p :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000147 -->
<el-tab-pane label="付款通知" name="mt754p" v-if="model.brdgrp.rec.advtyp=='754'">
<el-tab-pane
label="付款通知"
name="mt754p"
v-if="model.brdgrp.rec.advtyp == '754'"
>
<c-content>
<m-mt754p :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000213 -->
<el-tab-pane label="通知详情" name="othadvtypp" v-if="model.brdgrp.rec.advtyp=='oth'">
<el-tab-pane
label="通知详情"
name="othadvtypp"
v-if="model.brdgrp.rec.advtyp == 'oth'"
>
<c-content>
<m-othadvtypp :model="model" :codes="codes" />
</c-content>
......@@ -116,7 +128,7 @@
</c-content>
</el-tab-pane>
<!--PD001139 新增隐藏面板-->
<!--PD001139 新增隐藏面板-->
<!-- <el-tab-pane label="PD001139" name="shisuan">
<c-content>
<m-shisuan :model="model" :codes="codes"/>
......@@ -131,26 +143,52 @@
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="外债远期信用证(含即期单证相符)-签约信息" name="conp" v-if="model.cfabrt.cfaflg==1">
<el-tab-pane
label="外债远期信用证(含即期单证相符)-签约信息"
name="conp"
v-if="model.cfabrt.cfaflg == 1"
>
<c-content>
<m-conp :model="model" :codes="codes"/>
<m-conp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!-- bd工具编不了，需手动写页面dclpp -->
<el-tab-pane label="外债远期信用证(含即期单证相符)-变动信息" name="dclpp" v-if="model.cfabrt.cfaflg==1">
<!-- bd工具编不了，需手动写页面dclpp -->
<el-tab-pane
label="外债远期信用证(含即期单证相符)-变动信息"
name="dclpp"
v-if="model.cfabrt.cfaflg == 1"
>
<c-content>
<m-dclpp :model="model" :codes="codes"/>
<m-dclpp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
<!-- <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" @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-grid-ety-prompt-dialog
ref="etyDialog"
:promptData="promptData"
@select-ety="selectEty"
></c-grid-ety-prompt-dialog>
<c-grid-ety-prompt-dialog
></c-grid-ety-prompt-dialog>
<c-grid-ety-prompt-dialog
ref="doxpDialog"
:isPty="false"
:promptData="promptData"
......@@ -185,8 +223,8 @@ import Shpdet from "./Shpdet";
import Cfap from "./Cfap";
import Shisuan from "./Shisuan";
// import Limitbody from "./Limitbody";
import Conp from "./Conp"
import Dclpp from "./Dclpp"
import Conp from "./Conp";
import Dclpp from "./Dclpp";
//公共面板导入
import Engp from "~/views/Public/Engp";
......@@ -204,9 +242,9 @@ export default {
"m-shpdet": Shpdet,
"m-payp": Payp,
"m-docpre": Docpre,
"m-mt750p" : Mt750p,
"m-mt754p" : Mt754p,
"m-othadvtypp" : Othadvtypp,
"m-mt750p": Mt750p,
"m-mt754p": Mt754p,
"m-othadvtypp": Othadvtypp,
"m-conp": Conp,
"m-engp": Engp,
"m-ccvpan": Ccvpan,
......@@ -216,9 +254,9 @@ export default {
"m-docpan": Docpan,
"m-doctre": Doctre,
"m-cfap": Cfap,
"m-shisuan" : Shisuan,
"m-shisuan": Shisuan,
"m-limitbody": Limitbody,
"m-dclpp" : Dclpp,
"m-dclpp": Dclpp,
},
provide() {
return {
......@@ -236,12 +274,12 @@ export default {
pattern: Pattern,
rules: null,
codes: {
...CodeTable//...即返回到views同级，关联码表
...CodeTable, //...即返回到views同级，关联码表
},
};
},
methods:{
myTabClick(tab) {
methods: {
myTabClick(tab) {
this.tabClick(tab);
let name = tab.name;
let rulePath;
......@@ -258,9 +296,8 @@ export default {
}
});
}
},
},
},
created: async function () {
console.log("进入brtudp交易");
let rtnmsg = await this.init({});
......@@ -268,7 +305,7 @@ export default {
this.updateModel(rtnmsg.data);
//TODO 处理数据逻辑
if (this.isInDisplay) {
this.restoreDisplay();
this.restoreDisplay();
}
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
......
src/views/Business/Litame/index.vue
<template>
<div class="eContainer">
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
<el-form
:model="model"
:rules="rules"
......@@ -168,6 +162,12 @@
</el-tab-pane>
</c-tabs>
</el-form>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
<c-grid-ety-prompt-dialog
ref="etyDialog"
:promptData="promptData"
......
src/views/Business/Litdck/index.vue
<template>
<div class="eContainer">
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
......@@ -60,6 +54,12 @@
</c-tabs>
</el-form>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
<c-grid-ety-prompt-dialog
ref="etyDialog"
:promptData="promptData"
......
src/views/Business/Litopn/Aamp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="20">
<c-col :span="10">
<el-form-item label="附加金额" prop="lidgrp.cbs.max2.cur">
......
src/views/Business/Litopn/Adcp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="20">
<el-form-item label="附加条款" prop="lidgrp.blk.adlcnd">
......
src/views/Business/Litopn/Detp.vue
<template>
<div class="eibs">
<!-- ========================左边======================== -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="授权兑付行" prop="lidgrp.rec.avbwth">
<c-select
......@@ -343,7 +343,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="lidgrp.rec.prepers18">
<c-input
......
src/views/Business/Litopn/Dogp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="20">
<el-form-item label="货物/服务描述" prop="lidgrp.blk.lcrgod">
......
src/views/Business/Litopn/Dorp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="20">
<el-form-item label="单据要求" prop="lidgrp.blk.lcrdoc">
......
src/views/Business/Litopn/Libp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!--===============左 =================== -->
<el-col :span="11">
<el-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="业务主键" prop="cnybop.cnylib.spk">
<c-input
......@@ -143,7 +143,7 @@
</el-col>
<!-- ===============右 ===========================-->
<el-col :span="11" :offset="1">
<el-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="银行业务编号" prop="cnybop.cnylib.sbanktrano">
<c-input
......
src/views/Business/Litopn/Ptyp.vue
<template>
<div class="eibs">
<!-- ================= 左 ================== -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="申请人开户行参考号" prop="lidgrp.ini.pts.ref">
<c-input
......@@ -258,7 +258,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="lidgrp.a2b.pts.ref">
<c-input
......
src/views/Business/Litopn/index.vue
<template>
<c-page title="进口信用证开立">
<div class="eContainer">
<el-form
:model="model"
:rules="rules"
......@@ -85,7 +84,20 @@
<!--PD000027 -->
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<c-content>
<m-engp :model="model" :codes="codes" />
<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>
</c-content>
</el-tab-pane>
......@@ -114,7 +126,7 @@
</el-tab-pane> -->
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
......@@ -125,7 +137,6 @@
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000002 -->
......@@ -153,9 +164,8 @@
name="spcrcvp"
>
<c-content>
<m-spcrcvp :model="model" :codes="codes" />
<m-spcrcvp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000347 -->
......@@ -164,7 +174,7 @@
label="存在受益人的特殊付款条件"
name="spcbenp"
>
<c-content>
<c-content>
<m-spcbenp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
......@@ -174,8 +184,6 @@
<m-namp :model="model" :codes="codes"/>
</el-tab-pane> -->
<!--PD001033 -->
<!--
<el-tab-pane label="Diary Selection" name="diaselp">
......@@ -261,7 +269,7 @@ import Setpan from "~/views/Public/Setpan";
import Docpan from "~/views/Public/Docpan";
import Doctre from "~/views/Public/Doctre";
import Glepan from "~/views/Public/Glepan";
import Doxp from '~/views/Public/Doxp'
import Doxp from "~/views/Public/Doxp";
export default {
name: "Litopn",
......@@ -273,7 +281,7 @@ export default {
"m-dogp": Dogp,
"m-dorp": Dorp,
"m-adcp": Adcp,
'm-doxp': Doxp,
"m-doxp": Doxp,
"m-engp": Engp,
"m-ccvpan": Ccvpan,
"m-setpan": Setpan,
......@@ -308,6 +316,7 @@ export default {
pattern: Pattern,
rules: null,
codes: { ...CodeTable },
activeNames: ["engp"],
};
},
methods: {
......
src/views/Layout/SideMenu.vue
......@@ -333,7 +333,7 @@ export default {
width: auto;
position: absolute;
right: 20px;
top: 10px;
top: 5px;
left: 60px;
}
......@@ -352,7 +352,7 @@ export default {
width: auto;
position: absolute;
right: 20px;
top: 10px;
top: 5px;
left: 60px;
}
......
src/views/Public/BlkTextarea.vue
......@@ -124,6 +124,6 @@ export default {
</script>
<style>
.BlkTextarea_button {
margin: 20px 0 0 0px;
margin: 0px 0 0 0px;
}
</style>
src/views/Public/Engp.vue
......@@ -3,8 +3,6 @@
<!-- <c-col :span="24" style="margin-bottom:18px">
Liability
</c-col> -->
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="表外记账" name="engp">
<c-col :span="24" style="">
<c-table
:list="model.liaall.liaallg"
......@@ -204,16 +202,6 @@
<c-input style="width:50%" v-model="model.liaall.exttotamt" placeholder="请输入Total booking amount external assinged"></c-input>
</el-form-item>
</c-col> -->
</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>
</template>
<script>
......@@ -238,7 +226,6 @@ export default {
dialogVisible: false,
dialog: {},
index: 0,
activeNames: ["engp"],
};
},
methods: {
......@@ -264,9 +251,6 @@ export default {
that.dialog = row;
});
},
handleChange(val) {
console.log(val);
},
},
created: function () {},
};
......
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