Skip to content

V
vue-gjjs
Commit f7538a18 by Wuyuqiu
Options

litopn、litdck交易ui美化

parent f2b7d986
Showing with 76 additions and 44 deletions
src/assets/css/common.css
......@@ -121,13 +121,15 @@
.el-tabs--card>.el-tabs__header .el-tabs__item {
border-left: 1px solid #ccc;
padding: 0 10px;
height: 40px;
line-height: 40px;
height: 38px;
line-height: 38px;
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid var(--themecolor);
/* 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) {
......@@ -156,8 +158,8 @@
font-weight: bold;
}
.el-tabs--card .el-tabs__nav-wrap {
margin-bottom: -2px;
.el-tabs__nav-wrap {
margin-bottom: 0px;
}
.el-form-item__label {
......@@ -475,6 +477,7 @@
/* 去除tabs标签默认圆角 */
.el-tabs--card>.el-tabs__header .el-tabs__nav{
border-radius:0px;
margin-bottom: -1px;
}
/* 去除表格左右滑动默认圆角 */
......@@ -524,6 +527,9 @@
text-align: center;
}
/* .el-checkbox:last-of-type{
margin-right:30px;
} */
/*
.checkbox-left {
float: left;
......@@ -540,6 +546,11 @@ margin-left: 120px;
content: "\e791";
}
/* 左箭头 */
.el-icon-arrow-left:before{
content: "\e792";
}
.el-collapse-item__arrow{
color: var(--themecolor);
}
......
src/views/Business/Letopn/Adcp.vue
......@@ -40,9 +40,7 @@
</c-col>
<c-col :span="24" class="letopn_adcp_cheak">
<c-checkbox v-model="model.ledgrp.rec.redclsflg"
>红/绿条款</c-checkbox
>
<c-checkbox v-model="model.ledgrp.rec.redclsflg">红/绿条款</c-checkbox>
</c-col>
<c-blkTextarea :model="model" v-bind="blk1"> </c-blkTextarea>
<!-- Instructions to Pay,accept,negot,bank -->
......@@ -82,7 +80,7 @@ export default {
inject: ["root"],
props: ["model", "codes"],
components: { "c-blkTextarea": BlkTextarea },
mixins: [commonProcess],
data() {
return {
......@@ -112,5 +110,7 @@ export default {
<style>
.letopn_adcp_cheak {
margin: 0px 0 10px 120px;
display: flex;
justify-content: flex-start;
}
</style>
src/views/Business/Litdck/Docpre.vue
<template>
<div class="eibs">
<el-col :span="12" style="padding-right: 20px;">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="不符点" prop="brdgrp.blk.docdis">
<c-fullbox>
......@@ -65,29 +65,26 @@
</c-fullbox>
</el-form-item>
</c-col>
<el-col :span="24">
<c-docpre
:model="model"
:argadr="{
path: 'brdgrp.blk.prsdoc',
grp: 'brtp',
code: 'docpre',
}"
></c-docpre>
</el-col>
</el-col>
</c-col>
<el-col :span="12" style="padding-left: 20px;">
<!-- 右边 -->
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="12">
<el-form-item
label=""
prop="brdgrp.rec.igndisflg"
label-width="0px"
>
<c-checkbox
style="margin: 0px 0 10px 150px"
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">
<c-checkbox
style="margin: 0px 0 10px 150px"
style="margin: 0px 0 10px 150px;"
v-model="model.brdgrp.blk.docdisflg"
>录入不符点</c-checkbox
>
......@@ -117,7 +114,7 @@
<c-col :span="24">
<el-form-item
label="不符点通知日期"
label-width="153px"
label-width="120px"
prop="brdgrp.rec.disdat"
>
<c-date-picker
......@@ -131,8 +128,9 @@
</c-col>
<c-col :span="12">
<c-checkbox
style="margin: 0px 0 10px 150px"
style="margin: 0px 0 10px 120px;float: left;"
v-model="model.brdgrp.rec.approvcod"
label-width="0px"
>审批文件</c-checkbox
>
</c-col>
......@@ -153,8 +151,19 @@
>创建MT 732</c-checkbox
>
</c-col>
</el-col>
</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>
<!-- <c-col :span="12">
<span v-text="model.brtp.docgrdm.docdsclab" data-path=".brtp.docgrdm.docdsclab" > </span>
</c-col> -->
......
src/views/Business/Litdck/index.vue
......@@ -50,7 +50,9 @@
<!--PD000000 -->
<el-tab-pane label="附言" name="coninfp">
<c-content>
<div class="eibs-tab">
<m-coninfp :model="model" :codes="codes" />
</div>
</c-content>
</el-tab-pane>
......
src/views/Business/Litopn/Addbcb.vue
......@@ -16,13 +16,13 @@
</c-col>
<c-col :span="24">
<el-form-item label="备案表类型">
<el-form-item label="备案表类型" style="float:left;">
<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>
<c-checkbox v-model="model.bcbtyp6" style="margin-right:30px;">其它</c-checkbox>
</el-form-item>
<el-form-item label="" prop="bcbtyp7" v-if="model.bcbtyp6">
<c-input
......
src/views/Business/Litopn/Ovwp1.vue
......@@ -660,7 +660,7 @@
<c-col :span="24" class="centerLable marginLable">
<el-form-item
label=""
style="text-align: left; margin-left: -160px"
style="text-align: left; margin-left: -160px;float:left;"
prop="lidgrp.rec.rmbflg"
>
<c-checkbox
......@@ -675,7 +675,7 @@
<c-col :span="24" class="centerLable marginLable">
<el-form-item
label=""
style="text-align: left; margin-left: -160px"
style="text-align: left; margin-left: -160px;float:left;"
prop="lidgrp.rec.revflg"
>
<c-checkbox v-model="model.lidgrp.rec.revflg" disabled
......
src/views/Business/Litopn/index.vue
<template>
<c-page title="进口信用证开立">
<div class="eContainer">
<div class="eContainer">
<c-page title="进口信用证开立">
<div class="fast-button">
<el-button size="small">备忘录</el-button>
<el-button size="small" @click="setDraggableContent('cms', '影像信息')"
......@@ -239,8 +239,8 @@
:handleStash="handleStash"
>
</c-function-btn>
</div>
</c-page>
</c-page>
</div>
</template>
<script>
import Api from "~/service/Api";
......
src/views/Public/Docpre.vue
......@@ -3,10 +3,10 @@
<!-- 前后端字段path及前后端字段docgrdm.docgrd 后端docgrd为List<Docgrd>类型 -->
<template>
<div>
<div class="docpre">
<c-col :span="24" style="margin-bottom: 30px;">
<el-form-item :prop="`${argadr.grp}.${rol}.docgrd`" label="" style="margin-left:-150px;">
<el-form-item :prop="`${argadr.grp}.${rol}.docgrd`" label="" label-width="0px">
<c-table max-height="300px" style="text-align: center;" stripe
:list="this.model[argadr.grp][rol].docgrd || []" :paginationShow="false" :border="true">
<el-table-column :label="model[argadr.grp][rol].docdsclab || '提交单据'" class="messageLabel">
......@@ -29,7 +29,7 @@
<template slot="header" slot-scope="scope">
<c-row>
<c-col :span="12">
<span style="line-height: 36px;">Document</span>
<span style="line-height: 64px;">Document</span>
</c-col>
<c-col :span="12">
<div style="float: right;">
......@@ -191,13 +191,16 @@ export default {
</script>
<style>
<style scoped>
.messageLabel>>>.el-form-item__label {
text-align: left;
font-weight: bold;
font-size: 12px;
}
.docpre>>>.el-form-item__content{
margin-left:0px;
}
/* .add_del_button:hover {
cursor: pointer;
background-color: rgb(230, 227, 227);
......
src/views/Public/Doctre.vue
......@@ -2,7 +2,7 @@
<div class="eibs-tab">
<c-col :span="24" style="height: 24px;margin-bottom: 20px;">
<el-form-item label="发出面函/报文" class="messageLabel" style="width: 96px;"></el-form-item>
<el-form-item label="发出面函/报文" class="messageLabel" label-width="96px"></el-form-item>
</c-col>
<c-col :span="24" style="height: 0px">
<el-divider></el-divider>
......@@ -32,7 +32,7 @@
</c-col>
<c-col :span="24" style="height: 24px;margin-top: 20px;;margin-bottom: 20px;">
<el-form-item label="前置面函/报文" class="messageLabel" style="width: 96px;"></el-form-item>
<el-form-item label="前置面函/报文" class="messageLabel" label-width="96px"></el-form-item>
</c-col>
<c-col :span="24" style="height: 0px">
<el-divider></el-divider>
......@@ -188,7 +188,7 @@ export default {
}
}
</script>
<style>
<style scoped>
.formItemLabel >>> .el-form-item__label{
text-align: left;
}
......
src/views/Public/Doxp.vue
......@@ -15,13 +15,18 @@
</c-col>
<template v-else-if="dtyp === 'adcp'">
<c-col :span="20" class="letopn_adcp_cheak">
<c-checkbox v-model="model[`${rec}grp`].rec.spcbenflg" :disabled="model[`${rec}grp`].blk.spcben!=''"
<c-checkbox
v-model="model[`${rec}grp`].rec.spcbenflg"
:disabled="model[`${rec}grp`].blk.spcben != ''"
>受益人的特殊付款条款</c-checkbox
>
</c-col>
<c-col :span="20" class="letopn_adcp_cheak">
<c-checkbox v-model="model[`${rec}grp`].rec.spcrcbflg" :disabled="model[`${rec}grp`].blk.spcrcb!=''">
<c-checkbox
v-model="model[`${rec}grp`].rec.spcrcbflg"
:disabled="model[`${rec}grp`].blk.spcrcb != ''"
>
仅适用于银行的特殊付款条款</c-checkbox
>
</c-col>
......@@ -116,5 +121,7 @@ export default {
<style>
.letopn_adcp_cheak {
margin: 0px 0 10px 120px;
display: flex;
justify-content: flex-start;
}
</style>
src/views/Public/Engp.vue
......@@ -159,7 +159,7 @@
placeholder=""
></c-input>
<c-input
style="width: 40%;margin-left:5px;"
style="width: 40%;margin-left:10px;"
disabled
v-model="model.liaall.misamt"
placeholder="请输入金额"
......
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