Skip to content

V
vue-gjjs
Commit c3750f0f by Wuyuqiu
Options

litopn交易ui美化

parent 219bc87d
Showing with 137 additions and 168 deletions
src/assets/css/common.css
......@@ -93,6 +93,8 @@
background: var(--sidecolor);
}
.topbtnbar {
position: absolute;
top: 20px;
......@@ -121,6 +123,7 @@
height: 40px;
line-height: 40px;
font-size: 16px;
font-weight: bold;
border-bottom: 1px solid var(--themecolor);
/* border-top: 1px solid #ccc; */
background-image: linear-gradient(#fff, #dedede);
......@@ -142,8 +145,10 @@
border-left: 1px solid var(--themecolor);
border-right: 1px solid var(--themecolor);
border-top: 1px solid var(--themecolor);
background-image: linear-gradient(#fff, #fff);
color: var(--themecolor);
/* background-image: linear-gradient(#fff, #fff); */
background-image: linear-gradient(#1561E0, #1561E0);
color: white;
/* color: var(--themecolor); */
border-bottom: 1px solid #fff;
box-sizing: content-box;
font-weight: bold;
......@@ -338,6 +343,11 @@
user-select: initial;
}
/* 表格中去除下边距 */
.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;
}
.el-tooltip__popper.is-dark {
max-width: 600px;
}
......@@ -383,11 +393,14 @@
.el-collapse-item__header{
/* background-color: var(--bgcolor); */
font-size: 15px;
font-weight: bold;
}
.el-collapse-item__header.is-active{
font-size: 15px;
font-weight: bold;
color:#1561E0;
}
.col-left {
......@@ -400,4 +413,15 @@
.el-button{
height: 32px;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both
}
\ No newline at end of file
src/components/EditTable.vue
<template>
<div>
<div class="clearfix">
<c-col :span="isAdd ? 21 : 22" style="margin-bottom: 18px" :offset="1">
<c-table
style="text-align: center"
......@@ -46,7 +46,7 @@
<slot></slot>
</c-table>
</c-col>
<c-col v-if="isAdd" :span="1">
<c-col v-if="isAdd" :span="1" :offset="1">
<div class="button_contains" >
<span class="add_del_button add_button" @click="handleAdd" >+</span>
<span class="add_del_button" @click="handleDelete" >-</span>
......@@ -181,7 +181,7 @@ export default {
margin-left: 2px;
display: flex;
flex-direction: column;
/* text-align: right; */
align-items: flex-end;
}
.add_del_button {
display: block;
......
src/views/Business/Bctdav/Ovwp.vue
......@@ -536,12 +536,11 @@ export default {
};
</script>
<style>
.centerLable {
margin-left: -10px;
/* .centerLable {
height: 32px;
line-height: 32px;
padding-bottom: 2px;
}
} */
.marginLable {
padding-left: 150px;
}
......
src/views/Business/Ditopn/Tk.vue
......@@ -129,16 +129,6 @@ export default {
height: 100%;
display: block;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both
}
.messageLabel >>> .el-form-item__label{
/* text-align: left; */
font-weight:bold;
......
src/views/Business/Infbrd/Infsea.vue
......@@ -452,7 +452,4 @@ export default {
.m-table-search {
padding: 20px 0px 10px 0px;
}
.el-row > .el-col {
padding-right: 10px!important;
}
</style>
src/views/Business/Inflid/Infsea.vue
......@@ -735,7 +735,4 @@ export default {
.m-table-search {
padding: 20px 0px 10px 0px;
}
.el-row > .el-col {
padding-right: 10px!important;
}
</style>
src/views/Business/Litopn/Cnyp.vue
......@@ -4,7 +4,7 @@
<el-collapse-item title="申报信息" name="cnyp">
<c-col :span="12">
<c-col :span="18">
<el-form-item label="是否报送跨境人民币2101表" prop="cnybop.cnyflg">
<el-form-item label="报送跨境人民币2101表" prop="cnybop.cnyflg">
<c-select
disabled
v-model="model.cnybop.cnyflg"
......@@ -17,7 +17,7 @@
</c-col>
<c-col :span="18">
<el-form-item label="是否报送跨境人民币2107表" prop="cnybop.traflg">
<el-form-item label="报送跨境人民币2107表" prop="cnybop.traflg">
<c-select
disabled
v-model="model.cnybop.traflg"
......@@ -30,7 +30,7 @@
</c-col>
<c-col :span="18">
<el-form-item label="是否报送跨境人民币2111表" prop="cnybop.outflg">
<el-form-item label="报送跨境人民币2111表" prop="cnybop.outflg">
<c-select
disabled
v-model="model.cnybop.outflg"
......@@ -43,7 +43,7 @@
</c-col>
<c-col :span="18">
<el-form-item label="是否报送跨境人民币2106表" prop="cnybop.libflg">
<el-form-item label="报送跨境人民币2106表" prop="cnybop.libflg">
<c-select
v-model="model.cnybop.libflg"
style="width: 70%"
......@@ -55,7 +55,7 @@
</c-col>
<c-col :span="18">
<el-form-item label="是否报送跨境人民币2122表" prop="cnybop.vouflg">
<el-form-item label="报送跨境人民币2122表" prop="cnybop.vouflg">
<c-select
disabled
v-model="model.cnybop.vouflg"
......
src/views/Business/Litopn/Ovwp.vue
......@@ -4,7 +4,7 @@
<el-collapse-item title="概要" name="ovwp">
<!-- ======================= 左边 ========================= -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="12" style="padding-right: 20px">
<el-col :spam="24">
<el-form-item
label="信用证编号"
......@@ -20,7 +20,7 @@
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px;height:32px;"
style="margin: 0 10px 0 10px; padding: 0 12px; height: 32px"
size="small"
type="primary"
@click="onSeainf"
......@@ -89,49 +89,49 @@
-->
<el-col :span="24">
<c-col :span="11">
<el-form-item label="名义金额" prop="lidgrp.cbs.nom1.cur">
<c-select
v-model="model.lidgrp.cbs.nom1.cur"
style="width: 100%"
placeholder="币种"
:code="codes.curtxt1"
@keyup.enter.native="nom1CurEvent"
>
<!-- <el-option
<c-col :span="11">
<el-form-item label="名义金额" prop="lidgrp.cbs.nom1.cur">
<c-select
v-model="model.lidgrp.cbs.nom1.cur"
style="width: 100%"
placeholder="币种"
:code="codes.curtxt1"
@keyup.enter.native="nom1CurEvent"
>
<!-- <el-option
v-for="item in codes.curtxt1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> -->
</c-select>
</el-form-item>
</c-col>
<c-col :span="9">
<el-form-item
style="text-align: left"
label-width="20px"
prop="lidgrp.cbs.nom1.amt"
</c-select>
</el-form-item>
</c-col>
<c-col :span="9">
<el-form-item
style="text-align: left"
label-width="20px"
prop="lidgrp.cbs.nom1.amt"
>
<c-input-currency
v-model="model.lidgrp.cbs.nom1.amt"
style="text-align: left; width: 100%"
placeholder="请输入金额"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="4">
<template>
<c-checkbox
@change="open"
v-model="model.litp.aamp.aammod.addamtflg"
style="float: right; text-align: center"
>附加金额</c-checkbox
>
<c-input-currency
v-model="model.lidgrp.cbs.nom1.amt"
style="text-align: left; width: 100%"
placeholder="请输入金额"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="4">
<template>
<c-checkbox
@change="open"
v-model="model.litp.aamp.aammod.addamtflg"
style="float:right;text-align:center"
>附加金额</c-checkbox
>
</template>
</c-col>
</template>
</c-col>
</el-col>
<c-col :span="14">
<el-form-item label="溢短装" prop="lidgrp.rec.nomtop">
......@@ -200,7 +200,7 @@
</el-form-item>
</c-col>
<c-col :span="13">
<c-col :span="12">
<el-form-item label="开证日期" prop="lidgrp.rec.opndat">
<c-date-picker
type="date"
......@@ -212,7 +212,7 @@
</el-form-item>
</c-col>
<c-col :span="11">
<c-col :span="12">
<el-form-item label="预先通知日期" prop="lidgrp.rec.preadvdt">
<c-date-picker
type="date"
......@@ -242,7 +242,7 @@
<c-col :span="5" class="centerLable">
<c-checkbox
v-model="model.lidgrp.rec.dkflg"
style="float:right;text-align:center"
style="float: right; text-align: center"
disabled
>是否代开</c-checkbox
>
......@@ -372,7 +372,7 @@
</c-col>
<!-- ======================右边====================== -->
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="12" style="padding-left: 20px">
<c-col :span="24">
<el-form-item label="简略信息" prop="lidgrp.rec.nam">
<c-input
......@@ -670,22 +670,30 @@
-->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox
v-model="model.lidgrp.rec.rmbflg"
true-label="Y"
false-label=""
disabled
style=" padding: 0 10px"
>偿付行信息</c-checkbox
<el-form-item
label=""
style="text-align: left;margin-left:-160px;"
prop="lidgrp.rec.rmbflg"
>
<c-checkbox
v-model="model.lidgrp.rec.rmbflg"
true-label="Y"
false-label=""
disabled
>偿付行信息</c-checkbox
>
</el-form-item>
</c-col>
<c-col :span="24" class="centerLable marginLable">
<c-checkbox
v-model="model.lidgrp.rec.revflg"
disabled
style=" padding: 0 10px"
<el-form-item
label=""
style="text-align: left;margin-left:-160px;"
prop="lidgrp.rec.revflg"
>
<c-checkbox v-model="model.lidgrp.rec.revflg" disabled
>循环信用证</c-checkbox
>
</el-form-item>
</c-col>
<c-col :span="24">
......@@ -719,7 +727,11 @@
<!-- 附加条款 -->
<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">
<el-collapse-item
title="附加金额"
name="aamp"
v-if="model.litp.aamp.aammod.addamtflg"
>
<!-- 附加金额 -->
<m-aamp :model="model" :codes="codes" />
</el-collapse-item>
......
src/views/Business/Litopn/Ptyp.vue
......@@ -448,71 +448,21 @@
<c-col :span="24">
<el-form-item label="附加当事人" >
<c-edit-table :model="model" v-bind="ptsaddg" style="margin-left:-120px">
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<el-button
size="mini"
@click="handleEdit(scope.$index, scope.row)"
type="primary"
icon="el-icon-info"
></el-button
>
</template>
</el-table-column>
</c-edit-table>
<!-- <c-table
:data="table1"
>
<c-table-column prop="ROL"
label="Role"
sortable
>
</c-table-column>
<el-table-column prop="PTYEXTKEY"
label="Party"
sortable></el-table-column>
<el-table-column prop="NAM"
label="Name of Party"
sortable></el-table-column>
<el-table-column prop="REF"
label="Reference for Address"
sortable></el-table-column>
<el-table-column prop="DET"
label="Details"></el-table-column>
<el-table-column label="" prop="det" width="80px" fixed="right">
<template slot-scope="scope" slot="header">
<el-button
circle
style="padding:4px"
class="el-icon-plus"
size="mini"
@click="addRow(scope)"
>
</el-button>
<el-button
style="padding:4px"
circle
class="el-icon-minus"
size="mini"
@click="removeRow(scope)"
>
</el-button>
</template>
<template slot-scope="scoped">
<el-button
style="margin-left:0"
size="small"
type="primary"
@click="detail1(scoped.$index, scoped.row)"
>详情</el-button
>
</template>
</el-table-column>
</c-table> -->
</el-form-item>
</c-col>
<c-edit-table :model="model" v-bind="ptsaddg">
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<el-button
size="mini"
@click="handleEdit(scope.$index, scope.row)"
type="primary"
icon="el-icon-info"
></el-button
>
</template>
</el-table-column>
</c-edit-table>
<!--
<c-col :span="12">
<span v-text="model.litp.avblab" data-path=".litp.avblab" > </span>
......
src/views/Business/Litopn/index.vue
......@@ -84,20 +84,22 @@
<!--PD000027 -->
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<c-content>
<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>
<div class="eibs-tab">
<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>
</div>
</c-content>
</el-tab-pane>
......
src/views/Business/Ordrel/Menu.vue
......@@ -413,7 +413,4 @@ export default {
.m-table-search {
padding: 20px 0px 10px 0px;
}
.el-row > .el-col {
padding-right: 10px!important;
}
</style>
src/views/Public/Coninfp.vue
<!-- 附言公共页面 -->
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="24">
<c-col :span="15">
......
src/views/Public/Engp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- <c-col :span="24" style="margin-bottom:18px">
Liability
</c-col> -->
......@@ -85,12 +85,12 @@
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="valdat" label="起息日" width="200px">
<el-table-column prop="valdat" label="起息日" width="auto">
<template slot-scope="scope">
{{ dateFormat(scope.row.valdat) }}
</template>
</el-table-column>
<el-table-column label="" prop="det" width="80px" fixed="right">
<el-table-column label="" prop="det" width="80px" fixed="right" >
<template slot-scope="scope" slot="header">
<el-button
circle
......
src/views/Public/Glepan.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="24" style="">
<c-istream-table :list="data" :columns="columns"></c-istream-table>
</c-col>
......
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