Skip to content

V
vue-gjjs
Commit 729c6c9e by Wuyuqiu
Options

页面样式调整

parent 188653e9
Showing with 125 additions and 9 deletions
src/assets/css/common.css
......@@ -24,7 +24,7 @@
--sidecolor: #64d7eb;
--darkbgcolor: rgb(232, 232, 232); */
/* 蓝色系 */
--bgcolor: #f7faff;
--bgcolor: #f6f6f6;
/* #E3F3FF; */
--sidecolor: #fff;
/* #E3F3FF; */
......@@ -34,6 +34,7 @@
--normalfont: 12px;
/* --themecolor: #B31C2A; */
--themecolor: #B31C2A;
--theadkbgcolor: linear-gradient(180deg, #FFFFFF 0%, #F1F1F1 100%);
}
#app {
......@@ -251,10 +252,11 @@
}
.el-button--primary:hover{
color: #fff;
border-color: var(--themecolor);
background: linear-gradient(180deg, #B31C2A 0%, #FF6A6A 100%);
}
.el-button--primary.is-disabled,.el-button--primary.is-disabled:hover{
color: #707070;
color: #c1c1c1;
background: #F5F5F5;
border-color: #E4E4E4;
}
......@@ -687,4 +689,10 @@ margin-left: 120px;
}
.el-pagination .el-input--small .el-input__inner {
padding-left: 0;
color: #B31C2A;
}
/* UI美化 */
.el-input.is-disabled .el-input__inner {
color: #898b90;
}
\ No newline at end of file
src/business/inflid/views/Infsea.vue
......@@ -124,8 +124,8 @@
</template>
</c-list-search>
<c-col :span="24" style="margin-top: 10px">
<c-button class="medium_bcs" size="medium" type="primary" style="margin-left: 0px" title="LITOPN"
<c-col :span="24">
<c-button class="medium_bcs" size="medium" type="primary" style="margin:10px 0px;" title="LITOPN"
@click="toLitopn" v-if="!isInfo">
进口信用证开立
</c-button>
......@@ -133,10 +133,116 @@
<div style="height: 90%">
<c-col :span="24">
<el-table :header-cell-style="{ background: 'var(--theadkbgcolor)'}" v-loading="load" :data="stmData.data" style="width:100%;" size="small" :border="true" height="calc(100vh - 480px)" :highlight-current-row="true" @row-click="TableRowClick" @row-dblclick="TableDblRow">
<el-table-column label="信用证编号" prop="seaownref" align="left" fixed="left" min-width="150" :show-overflow-tooltip="true">
</el-table-column>
<el-table-column label="客户经理" prop="ownusr" align="left" min-width="100">
</el-table-column>
<el-table-column label="币种" prop="seacur" align="left" min-width="100">
</el-table-column>
<el-table-column label="金额" prop="maxamt" align="left" min-width="150" :show-overflow-tooltip="true">
<template slot-scope="scope">
<span> {{moneyFormat(scope.row.maxamt, scope.row.seacur) }}
</span>
</template>
</el-table-column>
<el-table-column label="余额" prop="opnamt" align="left" min-width="150" :show-overflow-tooltip="true">
<template slot-scope="scope">
<span> {{moneyFormat(scope.row.opnamt, scope.row.cur) }}
</span>
</template>
</el-table-column>
<el-table-column label="开立日期" prop="opndat" align="left" min-width="150" :show-overflow-tooltip="true">
</el-table-column>
<el-table-column label="申请人编号" prop="aplextkey" align="left" min-width="200" :show-overflow-tooltip="true">
</el-table-column>
<el-table-column label="申请人名称" prop="aplnam" align="left" min-width="200" :show-overflow-tooltip="true">
</el-table-column>
<el-table-column label="通知银行BIC编码" prop="seapty" align="left" min-width="200" :show-overflow-tooltip="true">
</el-table-column>
<el-table-column label="受益人名称" prop="benefi" align="left" min-width="200" :show-overflow-tooltip="true">
</el-table-column>
<el-table-column label="远离期限" prop="tenmaxday" align="left" min-width="100">
</el-table-column>
<el-table-column fixed="right" label="操作" width="150px">
<template slot-scope="scope">
<el-popover
placement="top-start"
title="历史信息"
width="800"
trigger="click"
:ref="'popover_' + scope.row.IDX"
>
<div style="text-align: right;margin-top: -30px;margin-right: 5px;font-size: 16px;">
<span
class="el-icon-close"
style="cursor: pointer"
@click="closeDetailsDialog('popover_' + scope.row.IDX)"
></span>
</div>
<el-table
:data="trnData.data"
:columns="trnData.columns"
:showButtonFlg="true"
>
<el-table-column
v-for="(item, key) in trnData.columns"
:key="key"
:label="item.label"
:prop="item.prop"
>
<template slot-scope="scope">
<div>{{ scope.row[item.prop] }}</div>
</template>
</el-table-column>
<el-table-column fixed="right" prop="op" label="操作" width="250px">
<template slot-scope="scope">
<c-button
style="margin-left: 0"
size="small"
@click="display(scope.row['inr'])"
>详情
</c-button
>
</template>
</el-table-column>
</el-table>
<c-button
style="margin-left: 0"
size="small"
slot="reference"
@click="details(scope.row)">
详情
</c-button>
</el-popover>
<c-button
style="margin-left: 5px"
size="small"
type="primary"
@click="handler(scope.row)"
v-if="!isInfo"
>处理
</c-button>
</template>
</el-table-column>
</el-table>
<el-pagination
layout="total, sizes, prev, pager, next, jumper"
:total="pagination.total"
:page-size="pagination.pageSize"
:current-page.sync="pagination.pageNum"
@size-change="handleSizeChange"
@current-change="currentChange"
>
</el-pagination>
</c-col>
</div>
<!-- <div style="height: 90%">
<c-col :span="24">
<el-table
:data="stmData.data"
:columns="stmData.columns"
:showButtonFlg="true"
:data="stmData.data"
:columns="stmData.columns"
>
<el-table-column
v-for="(item, key) in stmData.columns"
......@@ -225,7 +331,7 @@
</el-pagination>
</div>
</c-col>
</div>
</div> -->
<!-- 点击处理弹框 -->
<el-dialog
:visible.sync="initdialog"
......@@ -272,6 +378,7 @@ export default {
components: {},
data() {
return {
load: false,
ownref: "",
isGuarantee: "",
litdckdialog: false,
......
src/components/FunctionBtn.vue
......@@ -159,7 +159,7 @@ export default {
border: 1px solid #ccc;
}
.m-funcBtn-eContainer .el-button--primary {
border: 1px solid #0D4FBD;
border: 1px solid var(--themecolor);
}
.m-openleft-item {
display: inline-block;
......
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