Skip to content

V
vue-gjjs
Commit 902c6d6f by Wuyuqiu
Options

Litame UI美化

parent 2ccd932f
revert-594e4a5c … development-202206
No related merge requests found
Showing with 198 additions and 140 deletions
src/assets/css/common.css
......@@ -149,7 +149,8 @@
background-image: linear-gradient(#1561E0, #1561E0);
color: white;
/* color: var(--themecolor); */
border-bottom: 1px solid #fff;
/* border-bottom: 1px solid #fff; */
border-bottom: 1px solid var(--themecolor);
box-sizing: content-box;
font-weight: bold;
}
......@@ -449,3 +450,33 @@
width: 32px;
padding:0px !important;
}
/* 去除按钮默认圆角 */
.el-button{
border-radius:0px;
}
/* 去除input框默认圆角 */
.el-input__inner{
border-radius:0px;
}
/* 去除勾选框默认圆角 */
.el-checkbox__inner{
border-radius:0px;
}
/* 去除文本框默认圆角 */
.el-textarea__inner{
border-radius:0px;
}
/* 去除tabs标签默认圆角 */
.el-tabs--card>.el-tabs__header .el-tabs__nav{
border-radius:0px;
}
/* 去除表格左右滑动默认圆角 */
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
border-radius:0px;
}
\ No newline at end of file
src/views/Business/Litame/Aamp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12">
<c-col :span="10">
......
src/views/Business/Litame/Adcpame.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<el-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="附加条款" prop="lidgrp.blk.adlcnd">
......
src/views/Business/Litame/Addbcb.vue
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="备查表" name="addbcb">
<el-form-item label="备查表类型">
<c-checkbox v-model="model.bcbtyp1">不在名录</c-checkbox>
<c-checkbox v-model="model.bcbtyp2">异地付汇</c-checkbox>
<c-checkbox v-model="model.bcbtyp3">转口贸易</c-checkbox>
<c-checkbox v-model="model.bcbtyp4">90天以上信用证</c-checkbox>
<c-checkbox v-model="model.bcbtyp5">不需要</c-checkbox>
<c-checkbox v-model="model.bcbtyp6">其它</c-checkbox>
</el-form-item>
<c-col :span="12" v-if="model.bcbtyp6">
<el-form-item label="备查表类型填写文本框" prop="bcbtyp7">
<c-input
v-model="model.bcbtyp7" maxlength="30" placeholder="请输入备查表类型填写文本框"></c-input>
v-model="model.bcbtyp7"
maxlength="30"
placeholder="请输入备查表类型填写文本框"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="备案表效期" prop="bcbdat">
<c-date-picker type="date" v-model="model.bcbdat" style="width:100%" placeholder="请选择备案表效期"></c-date-picker>
<c-date-picker
type="date"
v-model="model.bcbdat"
style="width: 100%"
placeholder="请选择备案表效期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="不规范条款类型" prop="bgftktyp">
<c-select v-model="model.bgftktyp" style="width:100%" placeholder="请选择不规范条款类型"
<c-select
v-model="model.bgftktyp"
style="width: 100%"
placeholder="请选择不规范条款类型"
:code="codes.bgftktyp"
>
</c-select>
......@@ -50,7 +51,10 @@
<c-col :span="12">
<el-form-item label="特殊规定" prop="litameadv">
<c-select v-model="model.litameadv" style="width:100%" placeholder="请选择特殊规定"
<c-select
v-model="model.litameadv"
style="width: 100%"
placeholder="请选择特殊规定"
:code="codes.litameadv"
>
</c-select>
......@@ -63,32 +67,43 @@
<c-col :span="24">
<el-form-item label="特殊规定条件" prop="ameadvrmk">
<c-input type="textarea" v-model="model.ameadvrmk" maxlength="34" show-word-limit placeholder="请输入特殊规定条件" :disabled="model.litameadv === '无特殊规定'? true:false"></c-input>
<c-input
type="textarea"
v-model="model.ameadvrmk"
maxlength="34"
show-word-limit
placeholder="请输入特殊规定条件"
:disabled="model.litameadv === '无特殊规定' ? true : false"
></c-input>
</el-form-item>
</c-col>
</el-collapse-item>
<el-collapse-item title="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Litame/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litame/Event";
import Coninfp from "~/views/Public/Coninfp";
export default {
inject: ['root'],
props:["model","codes"],
components: {
"m-coninfp": Coninfp,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data(){
return {
}
data() {
return {};
},
methods:{...Event},
created:function(){
}
}
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Litame/Amep.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- ==========左=============== -->
<el-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
......
src/views/Business/Litame/Detp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- ========================左边======================== -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
......
src/views/Business/Litame/Dogpame.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<el-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
......
src/views/Business/Litame/Dorpame.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="单据要求" prop="lidgrp.blk.lcrdoc">
......
src/views/Business/Litame/Inspame.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="20">
<el-form-item label="指示信息" prop="lidgrp.blk.insbnk">
......
src/views/Business/Litame/Narp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- <c-col :span="12">
<c-button size="small" type="primary" @click="onSav">
......
src/views/Business/Litame/Ptyp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<el-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
......
src/views/Business/Litame/Spbpame.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="Special Payment Conditions for Beneficiary" prop="lidgrp.blk.spcben">
......
src/views/Business/Litame/Sprpame.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
......
src/views/Business/Litame/index.vue
<template>
<c-page title="进口信用证进口信用证修改">
<div class="eContainer">
<c-page title="进口信用证修改">
<el-form
:model="model"
:rules="rules"
......@@ -16,54 +16,23 @@
type="card"
@tab-click="myTabClick"
>
<!--PD000015 -->
<el-tab-pane label="修改信息" name="amep">
<c-content>
<m-amep :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000001 -->
<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>
<el-tab-pane
v-if="this.model.litp.aamp.aammod.addamtflg"
label="附加金额"
name="aamp"
><c-content>
<m-aamp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000021 -->
<el-tab-pane label="叙述内容" name="narp">
<c-content>
<m-narp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000077 -->
<el-tab-pane label="详情信息" name="detp">
<c-content>
<m-detp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000042 -->
<el-tab-pane label="当事人信息" name="ptyp">
<!--PD000001 -->
<el-tab-pane label="保证金" name="ccvpan">
<c-content>
<m-ptyp :model="model" :codes="codes" />
<m-ccvpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000306 -->
<el-tab-pane label="付款/承兑/议付行指示" name="inspame">
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-inspame :model="model" :codes="codes" />
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
......@@ -75,6 +44,7 @@
</el-tab-pane> -->
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="表外记账" name="engp">
<!-- 表外记账 -->
......@@ -89,105 +59,143 @@
<m-glepan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="保证金" name="ccvpan">
<!--PD000328 -->
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-ccvpan :model="model" :codes="codes" />
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000000 -->
<!-- <el-tab-pane label="结算" name="setpan">
<!-- <el-tab-pane label="附言" name="coninfp">
<c-content>
<m-setpan :model="model" :codes="codes" />
<m-coninfp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--PD000001 -->
<!-- <el-tab-pane label="会计分录" name="glepan">
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-glepan :model="model" :codes="codes" />
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
</el-tab-pane>
<!--PD000328 -->
<el-tab-pane label="备查表" name="addbcb">
<!--PD000546 -->
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-addbcb :model="model" :codes="codes" />
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="附言" name="coninfp">
<!--PD000306 -->
<!-- <el-tab-pane label="付款/承兑/议付行指示" name="inspame">
<c-content>
<m-coninfp :model="model" :codes="codes" />
<m-inspame :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000529 -->
<el-tab-pane label="报文及面函" name="docpan">
<!--PD000015 -->
<!-- <el-tab-pane label="修改信息" name="amep">
<c-content>
<m-docpan :model="model" :codes="codes" />
<m-amep :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000546 -->
<el-tab-pane label="附件" name="doctre">
<!--PD000001 -->
<!-- <el-tab-pane label="概览信息" name="ovwp1">
<c-content>
<m-doctre :model="model" :codes="codes" />
<m-ovwp1 :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<el-tab-pane
v-if="this.model.lidgrp.rec.spcbenflg"
label="受益人特殊付款条件修改"
name="spbpame"
>
<!-- <el-tab-pane
v-if="this.model.litp.aamp.aammod.addamtflg"
label="附加金额"
name="aamp"
><c-content>
<m-aamp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--PD000021 -->
<!-- <el-tab-pane label="叙述内容" name="narp">
<c-content>
<m-spbpame :model="model" :codes="codes" />
<m-narp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<el-tab-pane
v-if="this.model.lidgrp.rec.spcrcbflg"
label="Spe.pay.cond.bank only [Amend]"
name="sprpame"
>
<!--PD000077 -->
<!-- <el-tab-pane label="详情信息" name="detp">
<c-content>
<m-sprpame :model="model" :codes="codes" />
<m-detp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000042 -->
<!-- <el-tab-pane label="当事人信息" name="ptyp">
<c-content>
<m-ptyp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--PD000352 -->
<el-tab-pane label="单据修改" name="dorpame">
<!-- <el-tab-pane label="单据修改" name="dorpame">
<c-content>
<m-dorpame :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000355 -->
<el-tab-pane label="货物修改" name="dogpame">
<!-- <el-tab-pane label="货物修改" name="dogpame">
<c-content>
<m-dogpame :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000359 -->
<el-tab-pane label="附加条款修改" name="adcpame">
<!-- <el-tab-pane label="附加条款修改" name="adcpame">
<c-content>
<m-adcpame :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000000 -->
<!-- <el-tab-pane label="结算" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<!-- <el-tab-pane label="会计分录" name="glepan">
<c-content>
<m-limitbody :model="model" :codes="codes" />
<m-glepan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!-- <el-tab-pane
v-if="this.model.lidgrp.rec.spcbenflg"
label="受益人特殊付款条件修改"
name="spbpame"
>
<c-content>
<m-spbpame :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!-- <el-tab-pane
v-if="this.model.lidgrp.rec.spcrcbflg"
label="Spe.pay.cond.bank only [Amend]"
name="sprpame"
>
<c-content>
<m-sprpame :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
</c-tabs>
</el-form>
<c-function-btn
......@@ -209,8 +217,8 @@
@select-ety="selectMsg"
>
</c-grid-ety-prompt-dialog>
</div>
</c-page>
</div>
</template>
<script>
import Api from "~/service/Api";
......@@ -225,6 +233,7 @@ import Default from "~/model/Litame/Default";
import Pattern from "~/model/Litame/Pattern";
import Amep from "./Amep";
import Ovwp from "./Ovwp";
import Ovwp1 from "./Ovwp1";
import Aamp from "./Aamp";
import Narp from "./Narp";
import Detp from "./Detp";
......@@ -260,6 +269,7 @@ export default {
components: {
"m-amep": Amep,
"m-ovwp": Ovwp,
"m-ovwp1": Ovwp1,
"m-aamp": Aamp,
"m-narp": Narp,
"m-detp": Detp,
......
src/views/Business/Litopn/Spcbenp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="18">
<el-form-item label="受益人特殊付款条款" prop="lidgrp.blk.spcben">
......
src/views/Business/Litopn/Spcrcvp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="18">
<el-form-item label="仅适用于指定银行的特殊付款条款" prop="lidgrp.blk.spcrcb">
......
src/views/Business/Litopn/index.vue
......@@ -174,7 +174,7 @@
</el-tab-pane> -->
<!--PD000346 -->
<el-tab-pane
<!-- <el-tab-pane
v-if="model.lidgrp.rec.spcrcbflg"
label="仅适用于指定银行的特殊付款条款"
name="spcrcvp"
......@@ -182,10 +182,10 @@
<c-content>
<m-spcrcvp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000347 -->
<el-tab-pane
<!-- <el-tab-pane
v-if="model.lidgrp.rec.spcbenflg"
label="存在受益人的特殊付款条款"
name="spcbenp"
......@@ -193,7 +193,7 @@
<c-content>
<m-spcbenp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000115 -->
<!-- <el-tab-pane label="Addtional Info" name="namp">
......
src/views/Public/Setpan.vue
......@@ -33,6 +33,7 @@
v-model="model.setmod.docamt"
placeholder="0"
disabled
style="margin-left: 20px"
></c-input-currency>
</el-form-item>
</c-col>
......@@ -115,7 +116,7 @@
<!-- ==============第一个表格===================== -->
<c-col :span="24" style="height: 24px">
<el-form-item class="formItemLabel" label="国外收费:" label-width="300px">
<el-form-item class="formItemLabel" label="国外收费:" label-width="72px">
</el-form-item>
</c-col>
......@@ -297,7 +298,7 @@
</c-col>
<!--=================== Own Commission/Charges:================== -->
<c-col :span="24" style="height: 24px; margin-top: 25px">
<el-form-item class="formItemLabel" label="我行收费:" label-width="200px">
<el-form-item class="formItemLabel" label="我行收费:" label-width="72px">
</el-form-item>
</c-col>
<c-col :span="24" style="">
......@@ -441,7 +442,7 @@
/>
</div>
<c-col :span="24" style="height: 24px; margin-top: 25px">
<el-form-item class="formItemLabel" label="结算:" label-width="100px">
<el-form-item class="formItemLabel" label="结算:" label-width="48px">
<span style="color: red">{{
this.model.setmod.dspflg == "C" ? "temporary" : ""
}}</span>
......
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