Skip to content

V
vue-gjjs
Commit c3750f0f by Wuyuqiu
Options

litopn交易ui美化

parent 219bc87d
Showing with 128 additions and 160 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 {
......@@ -401,3 +414,14 @@
.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"
......@@ -127,7 +127,7 @@
<c-checkbox
@change="open"
v-model="model.litp.aamp.aammod.addamtflg"
style="float:right;text-align:center"
style="float: right; text-align: center"
>附加金额</c-checkbox
>
</template>
......@@ -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">
<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
style=" padding: 0 10px"
>偿付行信息</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,7 +448,9 @@
<c-col :span="24">
<el-form-item label="附加当事人" >
<c-edit-table :model="model" v-bind="ptsaddg" style="margin-left:-120px">
</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
......@@ -461,58 +463,6 @@
</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-col :span="12">
<span v-text="model.litp.avblab" data-path=".litp.avblab" > </span>
......
src/views/Business/Litopn/index.vue
......@@ -84,6 +84,7 @@
<!--PD000027 -->
<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">
<!-- 表外记账 -->
......@@ -98,6 +99,7 @@
<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/Ccvpan.vue
......@@ -48,7 +48,7 @@
<c-col :span="20">
<c-input v-model="model.liaall.liaccv.cshpct"></c-input>
</c-col>
<c-col :span="2" style="margin-left: 20px">
<c-col :span="2" style="float: right; text-align: right">
<span>%</span>
</c-col>
</c-row>
......@@ -56,12 +56,10 @@
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="保留金额" prop="liaall.liaccv.newresamt">
<c-row>
<c-col :span="8">
<c-select
v-model="model.liaall.liaccv.concur"
......@@ -97,7 +95,7 @@
v-model="model.liaall.liaccv.relcshpct"
></c-input>
</c-col>
<c-col :span="2" style="margin-left: 20px">
<c-col :span="2" style="float: right; text-align: right">
<span>%</span>
</c-col>
</c-row>
......@@ -105,8 +103,6 @@
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="应付金额" prop="liaall.liaccv.concur">
......@@ -140,38 +136,50 @@
</el-form-item>
</c-col>
<c-col :span="7" :offset="1">
<c-col :span="12">
<!-- <c-col :span="20">
</c-col> -->
<el-form-item
label=""
style="text-align: left"
prop="liaall.liaccv.gleflg"
>
<c-col :span="7">
<c-checkbox v-model="model.liaall.liaccv.gleflg">过账</c-checkbox>
</c-col>
<c-col :span="3" style="float:right">
<!-- <c-col :span="3" style="float: right;"> -->
<!-- <c-row> -->
<!-- <c-col :span="24" style="margin-left:35px;text-align:right"> -->
<c-button size="small" type="primary" @click="onLiaccvAdd">
<c-button
size="small"
type="primary"
@click="onLiaccvAdd"
style="margin-left: 0px;float: right;"
>
添加
</c-button>
<!-- </c-col> -->
<!-- </c-col> -->
</el-form-item>
</c-col>
</c-col>
<template>
<el-dialog
:visible.sync="dialogTableVisible"
width="60%"
center
<el-dialog :visible.sync="dialogTableVisible" width="60%" center>
<c-istream-table
:list="stmData.data"
:columns="stmData.columns"
:paginationShow="false"
>
<c-istream-table :list="stmData.data" :columns="stmData.columns" :paginationShow="false">
<el-table-column prop="op" label="OP" width="80" fixed="right">
<template slot-scope="scope">
<c-button
style="margin-left: 0"
size="small"
type="primary"
@click="pickDepItem(scope.$index,scope.row)"
@click="pickDepItem(scope.$index, scope.row)"
>
选择
</c-button>
......@@ -206,18 +214,22 @@
</el-table-column>
<el-table-column prop="acccovamt" label="实际折算金额" width="150px">
</el-table-column>
<el-table-column label="操作" width="75px" fixed="right">
<el-table-column label="操作" width="auto" fixed="right" align="center">
<template slot-scope="scope">
<c-button style="margin-left:0" type="primary" size="small" @click="onLiaccvDel(scope.$index,scope.row)">
删除</c-button>
<c-button
style="margin-left: 0"
type="primary"
size="small"
@click="onLiaccvDel(scope.$index, scope.row)"
>
删除</c-button
>
</template>
</el-table-column>
</c-table>
</c-col>
<c-col :span="12" style="margin-top:25px">
<c-col :span="12" style="margin-top: 25px">
<c-col :span="24">
<el-form-item label="折算金额总和">
<c-row>
......@@ -248,8 +260,7 @@
</c-col>
<c-col :span="24">
<el-form-item label="附加信息 "
v-if="model.liaall.liaccv.addinf!=''">
<el-form-item label="附加信息 " v-if="model.liaall.liaccv.addinf != ''">
<c-input
type="textarea"
:rows="5"
......@@ -261,15 +272,13 @@
</el-form-item>
</c-col>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Utils from "~/utils/index"
import Utils from "~/utils/index";
export default {
inject: ["root"],
......@@ -302,45 +311,42 @@ export default {
},
methods: {
async onLiaccvAdd() {
let rtnmsg = await this.executeRule("liaall.liaccv.add")
let rtnmsg = await this.executeRule("liaall.liaccv.add");
//const that = this.root;
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
if(typeof(rtnmsg.data.vals) != "undefined"){
if (typeof rtnmsg.data.vals != "undefined") {
this.stmData.data = rtnmsg.data.vals.rows;
}else{
} else {
this.stmData.data = [];
}
this.dialogTableVisible = true;
}
else {
this.$notify.error({ title: '错误', message: '服务请求失败！' });
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
},
async pickDepItem(idx,row) {
var params = {selDst:"",selIds:[idx+1]}
let rtnmsg = await this.executeRule("liaall.liaccv.add", params)
async pickDepItem(idx, row) {
var params = { selDst: "", selIds: [idx + 1] };
let rtnmsg = await this.executeRule("liaall.liaccv.add", params);
if (rtnmsg.respCode == SUCCESS) {
this.dialogTableVisible = false;
Utils.copyValueFromVO(this.model, rtnmsg.data);
}
},
async onLiaccvDel(index,row) {
let ids = [index+1];
let params = {selDst:"liaall.liaccv.liaccvg",selIds:ids};
let rtnmsg = await this.executeRule("liaall.liaccv.del",params)
async onLiaccvDel(index, row) {
let ids = [index + 1];
let params = { selDst: "liaall.liaccv.liaccvg", selIds: ids };
let rtnmsg = await this.executeRule("liaall.liaccv.del", params);
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
this.$message({
type: 'success',
message: '删除成功！'
type: "success",
message: "删除成功！",
});
//this.model.liaall.liaccv.liaccvg = [];
Utils.copyValueFromVO(this.model, rtnmsg.data);
}
else {
this.$notify.error({ title: '错误', message: '服务请求失败！' });
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
},
},
......@@ -348,11 +354,4 @@ export default {
};
</script>
<style>
.el-col-7 {
width: 21.16667%;
}
.el-col-offset-1 {
margin-left: 50px;
text-align:center;
}
</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