From 1cbe8bd51a055179866476e7cc8463754905449e Mon Sep 17 00:00:00 2001
From: XingChuan <m17600301067@163.com>
Date: 星期一, 31 五月 2021 11:51:15 +0800
Subject: [PATCH] 风险源弹框UI优化
---
src/components/base-page/RiskSource/PublicTable.vue | 44 ++++++++++++++++++++++++++++++--------------
1 files changed, 30 insertions(+), 14 deletions(-)
diff --git a/src/components/base-page/RiskSource/PublicTable.vue b/src/components/base-page/RiskSource/PublicTable.vue
index b71482e..4a869d0 100644
--- a/src/components/base-page/RiskSource/PublicTable.vue
+++ b/src/components/base-page/RiskSource/PublicTable.vue
@@ -6,13 +6,13 @@
<span></span>
<div class="main-table">
<div class="">
- <ul>
- <li>椋庨櫓璇勪及杩囩▼</li>
- <li>鍒濆璇勪环缁撴灉:{{ riskSourceAssess }}</li>
+ <ul style="margin-bottom: .02rem">
+ <li><h3>椋庨櫓璇勪及杩囩▼</h3></li>
+ <li>鍒濆璇勪环缁撴灉锛歿{ riskSourceAssess }}</li>
</ul>
</div>
- <div>
- <table border="1">
+ <div class="EvaluationTable">
+ <table border="1" style="border-color: rgba(118,132,189,0.77)" >
<tr>
<th colspan="2">椋庨櫓鎺у埗</th>
<th>璇勪及鎸囨爣</th>
@@ -95,10 +95,13 @@
</tr>
</table>
</div>
- <el-table :data="riskSourceDetail" style="width: 100%" height="200px" :row-class-name="tableRowClassName">
- <el-table-column v-for="(item, index) in listLabel" :key="index" :prop="item.prop"
- :label="item.label" :show-overflow-tooltip="true"></el-table-column>
- </el-table>
+ <h3>鐜椋庨櫓璇勪及缁撴灉</h3>
+ <div class="pTable">
+ <el-table :data="riskSourceDetail" style="width: 100%" height="200px" :row-class-name="tableRowClassName">
+ <el-table-column v-for="(item, index) in listLabel" :key="index" :prop="item.prop"
+ :label="item.label" :show-overflow-tooltip="true"></el-table-column>
+ </el-table>
+ </div>
</div>
</div>
</template>
@@ -171,7 +174,12 @@
</script>
<style lang="less" scoped>
-
+/deep/ .el-table .warning-row{
+ background-color: rgba(0, 0, 0, 0) !important;
+}
+/deep/ .el-table .success-row{
+ background-color: rgba(48, 69, 95, .6) !important;
+}
/deep/ .el-table thead tr {
color: #02a6b5 !important;
//.el-table .has-gutter tr th .cell {
@@ -199,13 +207,21 @@
/deep/ .el-table tbody tr:hover > td {
background: none !important
}
-
+.pTable{
+ box-shadow: 0 0 10px rgba(129,211,248,.35) inset;
+ padding: 0.04rem;
+ margin-top: .06rem;
+}
.slotChildTable {
position: relative;
- background: rgba(33, 41, 69, 0.9);
-
+ background: rgba(0, 16, 30, 0.7);
+ box-shadow: 0 0 10px rgba(129,211,248,.35) inset;
+ color: #00fff6;
+ padding: 0.04rem;
+ border: 1px solid #396d83;
.main-table {
- border: 1px #396d83 solid;
+ max-height: 2rem;
+ overflow: hidden auto;
}
}
--
Gitblit v1.8.0