Skip to content

V
vue-gjjs
Commit 902c6d6f by Wuyuqiu
Options

Litame UI美化

parent 2ccd932f
Showing with 147 additions and 99 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;
}
......@@ -448,4 +449,34 @@
.el-table__fixed-header-wrapper .cell .el-button{
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>
<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>
</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-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>
<c-col :span="12">
<el-form-item label="不规范条款类型" prop="bgftktyp">
<c-select v-model="model.bgftktyp" style="width:100%" placeholder="请选择不规范条款类型"
:code="codes.bgftktyp"
<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>
</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>
</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="请选择不规范条款类型"
:code="codes.bgftktyp"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="特殊规定" prop="litameadv">
<c-select v-model="model.litameadv" style="width:100%" placeholder="请选择特殊规定"
:code="codes.litameadv"
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="特殊规定" prop="litameadv">
<c-select
v-model="model.litameadv"
style="width: 100%"
placeholder="请选择特殊规定"
:code="codes.litameadv"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11" :offset="0">
<c-checkbox v-model="model.modtyp">修改信用证类型</c-checkbox>
</c-col>
<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>
</el-form-item>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11" :offset="0">
<c-checkbox v-model="model.modtyp">修改信用证类型</c-checkbox>
</c-col>
<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>
</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"],
mixins: [commonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
}
components: {
"m-coninfp": Coninfp,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
},
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/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