Skip to content

V
vue-gjjs
Commit b3bd68fd by Wuyuqiu
Options

brtudp交易ui美化

parent 97392fe6
Showing with 168 additions and 100 deletions
src/assets/css/common.css
......@@ -129,7 +129,7 @@
/* border-top: 1px solid #ccc; */
background-image: linear-gradient(#fff, #dedede);
box-sizing: content-box;
}
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) {
......@@ -187,9 +187,10 @@
line-height: var(--lineheight);
font-size: var(--normalfont);
}
/* input框去除margin值 */
.el-input--prefix .el-input__inner{
padding-right:0px;
.el-input--prefix .el-input__inner {
padding-right: 0px;
}
.el-form-item--small .el-form-item__content,
......@@ -312,8 +313,7 @@
padding: 10px 20px 20px;
}
.el-dialog__body
.el-dialog__body
/* form 必填项的内容区域颜色突出显示 *
暂时封掉
.el-form-item.is-required .el-form-item__content .el-input__inner,
......@@ -367,13 +367,16 @@
}
/* 表格中去除下边距 */
.el-table__row .cell .el-form-item--mini.el-form-item,.el-table__row .cell .el-form-item--small.el-form-item{
.el-table__row .cell .el-form-item--mini.el-form-item,
.el-table__row .cell .el-form-item--small.el-form-item {
margin-bottom: 0px;
}
/* 表格按钮居中 */
.cell{
.cell {
text-align: center;
}
.el-tooltip__popper.is-dark {
max-width: 600px;
}
......@@ -418,25 +421,25 @@
border-bottom: 0px solid #fff;
}
.el-collapse .el-collapse-item__wrap{
/* background-color: var(--bgcolor); */
.el-collapse .el-collapse-item__wrap {
/* background-color: var(--bgcolor); */
border-bottom: 0px solid #fff;
}
.el-collapse-item__header{
.el-collapse-item__header {
/* background-color: var(--bgcolor); */
font-size: 15px;
font-weight: bold;
border-bottom: 0px solid #fff;
}
.el-collapse-item__header.is-active{
.el-collapse-item__header.is-active {
font-size: 15px;
font-weight: bold;
color:#1561E0;
color: #1561E0;
}
.el-collapse-item__arrow.is-active{
.el-collapse-item__arrow.is-active {
transform: rotate(0deg);
}
......@@ -448,106 +451,109 @@
padding-left: 20px;
}
.el-button{
.el-button {
height: 32px;
padding:0px 15px !important;
padding: 0px 15px !important;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
display: table;
content: "";
}
.clearfix:after {
clear: both
clear: both
}
/* 表格内+、-调整 */
.el-table__fixed-header-wrapper .cell .el-button{
.el-table__fixed-header-wrapper .cell .el-button {
width: 32px;
padding:0px !important;
padding: 0px !important;
}
/* 去除按钮默认圆角 */
.el-button{
border-radius:0px;
.el-button {
border-radius: 0px;
}
/* 去除input框默认圆角 */
.el-input__inner{
border-radius:0px;
.el-input__inner {
border-radius: 0px;
}
/* 去除勾选框默认圆角 */
.el-checkbox__inner{
border-radius:0px;
.el-checkbox__inner {
border-radius: 0px;
}
/* 去除文本框默认圆角 */
.el-textarea__inner{
border-radius:0px;
.el-textarea__inner {
border-radius: 0px;
}
/* 去除tabs标签默认圆角 */
.el-tabs--card>.el-tabs__header .el-tabs__nav{
border-radius:0px;
.el-tabs--card>.el-tabs__header .el-tabs__nav {
border-radius: 0px;
margin-bottom: -1px;
}
/* 去除表格左右滑动默认圆角 */
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
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;
}
@media screen and (min-width: 2561px) {
#business_container .eibs-tab{
#business_container .eibs-tab {
padding: 25px 28px;
}
}
@media screen and (min-width: 1921px) and (max-width: 2560px) {
#business_container .eibs-tab{
#business_container .eibs-tab {
padding: 20px 23px;
}
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
#business_container .eibs-tab{
#business_container .eibs-tab {
padding: 20px 18px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
#business_container .eibs-tab{
#business_container .eibs-tab {
padding: 20px 15px;
}
}
@media screen and (max-width: 1199px) {
#business_container .eibs-tab{
#business_container .eibs-tab {
padding: 20px 10px;
}
}
/* checkbox右对齐 */
.el-checkbox{
.el-checkbox {
float: right;
text-align: center;
}
/* checkbox左对齐 */
.checkbox-left{
.checkbox-left {
float: left;
text-align: center;
}
/* .el-checkbox:last-of-type{
margin-right:30px;
} */
......@@ -558,22 +564,23 @@ margin-left: 120px;
}
/* 去除工具条默认圆角 */
.toolbar-core{
border-radius:0px;
.toolbar-core {
border-radius: 0px;
}
/* 改变折叠面板箭头样式 */
.el-icon-arrow-right:before{
.el-icon-arrow-right:before {
content: "";
display: inline-block;
color: #ecf5ff;
width: 97%;
height: 5px;
/* width: 97%;
height: 5px; */
border-top: 2px solid;
margin-right: 10px;
flex: 1;
}
.el-icon-arrow-right:after{
.el-icon-arrow-right:after {
content: "\e791";
}
......@@ -582,11 +589,11 @@ margin-left: 120px;
}
/* 左箭头 */
.el-icon-arrow-left:before{
.el-icon-arrow-left:before {
content: "\e792";
}
.el-collapse-item__arrow{
.el-collapse-item__arrow {
border-bottom: 0px solid #fff;
color: var(--themecolor);
margin: 0 10px 0 10px;
......@@ -594,6 +601,8 @@ margin-left: 120px;
font-weight: 300;
content: '';
flex: 1;
display: flex;
align-items: center;
}
/* .el-input__inner {
......@@ -612,12 +621,11 @@ margin-left: 120px;
}
} */
/* 更改文本框的placeholder的颜色 */
/* input[type=text]::placeholder {
/* 更改文本框的placeholder的颜色 */
/* input[type=text]::placeholder {
color: blue;
} */
/* .el-input__inner::placeholder {
/* .el-input__inner::placeholder {
color: blue;
} */
} */
\ No newline at end of file
src/components/IStreamTable.vue
......@@ -56,7 +56,8 @@
appenD-to-body
v-if="showButtonFlg"
>
<el-form-item label-width="0">
<el-form-item label-width="0" style="display: flex;
align-items: center;">
<el-checkbox-group v-model="columnGroup" @change="handleColumnChange">
<el-checkbox
class="selectColumnClass checkbox-left"
......
src/views/Business/Brtudp/Docpre.vue
......@@ -46,20 +46,20 @@
</c-col>
<!-- 表格 -->
<c-col :span="24">
<!-- <c-col :span="24">
<c-docpre :model="model" :argadr="{
path: 'brdgrp.blk.prsdoc',
grp: 'brtp',
code: 'docpre',
}"></c-docpre>
</c-col>
</c-col> -->
</c-col>
<!--=== ========================================右边======================================== -->
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<!-- <c-col :span="24">
<c-checkbox v-model="model.brdgrp.rec.igndisflg">忽略不符点</c-checkbox>
</c-col>
......@@ -67,7 +67,32 @@
<c-checkbox v-model="docdisflg"
@change="docdisDefault"
>录入不符点</c-checkbox>
<!-- <c-checkbox v-model="model.brdgrp.blk.docdisflg">不符点修改</c-checkbox> -->
</c-col> -->
<c-col :span="12">
<el-form-item
label=""
prop="brdgrp.rec.igndisflg"
label-width="0px"
>
<c-checkbox
style="margin: 0px 0 10px 120px;float: left;"
v-model="model.brdgrp.rec.igndisflg"
>忽略不符点</c-checkbox
>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label=""
prop="brdgrp.blk.docdis"
>
<c-checkbox
style="margin: 0px 0 10px 150px;"
v-model="docdisflg"
@change="docdisDefault"
>录入不符点</c-checkbox
>
</el-form-item>
</c-col>
<c-col :span="24">
......@@ -87,7 +112,7 @@
</c-col>
<c-col :span="24">
<el-form-item label="不符点通知日期" prop="brdgrp.rec.disdat" label-width="155px">
<el-form-item label="不符点通知日期" prop="brdgrp.rec.disdat">
<c-date-picker type="date" v-model="model.brdgrp.rec.disdat" style="width: 100%"
placeholder="请选择日期" disabled></c-date-picker>
</el-form-item>
......@@ -96,6 +121,17 @@
</c-col>
<!-- 底部表格 -->
<c-col :span="24" label-width="0px">
<c-docpre
:model="model"
:argadr="{
path: 'brdgrp.blk.prsdoc',
grp: 'brtp',
code: 'docpre',
}"
></c-docpre>
</c-col>
</div>
......
src/views/Business/Brtudp/Mt750p.vue
......@@ -132,41 +132,41 @@
></c-input>
</el-form-item>
</c-col>
<c-col :span="18" :offset="6">
<c-checkbox v-model="model.brdgrp.blk.docdisflg" disabled
>不符点修改</c-checkbox
>
<c-col :span="24">
<el-form-item label="" prop="" class="checkbox-left">
<c-checkbox v-model="model.brdgrp.blk.docdisflg" disabled
>不符点修改</c-checkbox
>
</el-form-item>
<!-- <c-checkbox v-model="model.brdgrp.blk.docdisflg">不符点修改</c-checkbox> -->
</c-col>
</c-col>
</div>
</template>
<script>
import Api from '~/service/Api'
import commonProcess from '~/mixin/commonProcess'
import CodeTable from '~/config/CodeTable'
import Event from '~/model/Brtudp/Event'
import Ptap1 from '~/views/Public/Ptap1'
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Brtudp/Event";
import Ptap1 from "~/views/Public/Ptap1";
export default {
components: {
'c-ptap1': Ptap1,
"c-ptap1": Ptap1,
// "c-ptap": Ptap,
// "c-ptsmsg": Ptsmsg,
},
inject: ['root'],
props: ['model', 'codes'],
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {}
return {};
},
methods: {
...Event,
onSeainf(){},
onSeainf() {},
},
created: function () {},
}
};
</script>
<style></style>
src/views/Business/Brtudp/Ovwp.vue
......@@ -10,12 +10,12 @@
<el-collapse-item title="不符点通知" name="mt750p" v-if="model.brdgrp.rec.advtyp == '750'">
<m-mt750p :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="装运详情" name="shpdet" v-if="model.brdgrp.rec.dscinsflg">
<m-shpdet :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="付款通知" name="mt754p" v-if="model.brdgrp.rec.advtyp == '754'">
<m-mt754p :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="装运详情" name="shpdet" v-if="model.brdgrp.rec.dscinsflg">
<m-shpdet :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="通知详情" name="othadvtypp" v-if="model.brdgrp.rec.advtyp == 'oth'">
<m-othadvtypp :model="model" :codes="codes" />
</el-collapse-item>
......@@ -46,6 +46,8 @@ import Othadvtypp from "./Othadvtypp";
import Cfap from "./Cfap";
import Conp from "./Conp";
import Dclpp from "./Dclpp";
// import Shisuan from "./Shisuan";
export default {
components: {
......
src/views/Business/Brtudp/Payp.vue
......@@ -418,7 +418,7 @@
<!-- ====================================右边 ======================================-->
<c-col :span="12" style="padding-left: 20px">
<!-- 信用证余额 -->
<c-col :span="12">
<c-col :span="13">
<c-form-item label="信用证余额" prop="lidgrp.cbs.opn1.cur">
<c-input
v-model="model.lidgrp.cbs.opn1.cur"
......@@ -428,8 +428,8 @@
></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="" label-width="10px" prop="lidgrp.cbs.opn1.amt">
<c-col :span="11">
<c-form-item label="" label-width="5px" prop="lidgrp.cbs.opn1.amt">
<c-input
v-model="model.lidgrp.cbs.opn1.amt"
placeholder=""
......
src/views/Business/Brtudp/Shisuan.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="24">
<div class="e-table-wrapper">
......@@ -17,13 +17,13 @@
prop="cur"
label="业务币种"
sortable
width="80">
width="70">
</el-table-column>
<el-table-column
prop="cbeamt"
label="业务发生额"
sortable
width="90">
width="100">
</el-table-column>
<el-table-column
prop="reqtyp1"
......
src/views/Business/Brtudp/index.vue
<template>
<div class="eContainer">
<c-page title="进口信用证单据承兑">
<!--
<!--
<div class="fast-button">
<el-button size="small">备忘录</el-button>
<el-button size="small" @click="setDraggableContent('cms', '影像信息')">影像信息</el-button>
......@@ -38,11 +38,30 @@
</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-collapse-item title="试算" name="shisuan">
<m-shisuan :model="model" :codes="codes"/>
</el-collapse-item> -->
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="统一授信" name="limitbody">
<!-- 统一授信 -->
<m-limitbody :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="试算" name="shisuan">
<!-- 试算 -->
<m-shisuan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane>
<!--PD000027 -->
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
......@@ -237,7 +256,7 @@ import Ovwp from "./Ovwp";
// import Docpan from "./Docpan";
// import Doctre from "./Doctre";
import Cfap from "./Cfap";
import Shisuan from "./Shisuan";
// import Shisuan from "./Shisuan";
// import Limitbody from "./Limitbody";
import Conp from "./Conp";
import Dclpp from "./Dclpp";
......@@ -251,6 +270,7 @@ import Coninfp from "~/views/Public/Coninfp";
import Docpan from "~/views/Public/Docpan";
import Doctre from "~/views/Public/Doctre";
import Limitbody from "~/views/Public/Limitbody";
import Shisuan from "~/views/Public/Shisuan";
export default {
name: "Brtudp",
......
src/views/Business/Litopn/Ovwp.vue
......@@ -8,6 +8,14 @@
<!-- 详情 -->
<m-detp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item
title="附加金额"
name="aamp"
v-if="model.litp.aamp.aammod.addamtflg"
>
<!-- 附加金额 -->
<m-aamp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="当事人" name="ptyp">
<!-- 当事人 -->
<m-ptyp :model="model" :codes="codes" />
......@@ -25,14 +33,6 @@
<m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'lid'" />
</el-collapse-item>
<el-collapse-item
title="附加金额"
name="aamp"
v-if="model.litp.aamp.aammod.addamtflg"
>
<!-- 附加金额 -->
<m-aamp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item
title="仅适用于指定银行的特殊付款条款"
name="spcrcvp"
v-if="model.lidgrp.rec.spcrcbflg"
......
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