From 1229f3ec76bffe282d85b48daf0b32bc17022810 Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期五, 26 八月 2022 12:29:18 +0800
Subject: [PATCH] Default Changelist
---
src/views/riskWarningSys/riskLevel/index.vue | 96 +++++++++++++++++++++++++++++------------------
1 files changed, 59 insertions(+), 37 deletions(-)
diff --git a/src/views/riskWarningSys/riskLevel/index.vue b/src/views/riskWarningSys/riskLevel/index.vue
index c4cfb64..a24b9f7 100644
--- a/src/views/riskWarningSys/riskLevel/index.vue
+++ b/src/views/riskWarningSys/riskLevel/index.vue
@@ -1,6 +1,6 @@
<template>
<div class="home-container">
- <el-scrollbar height="100%">
+ <div style="height: 100%">
<div class="homeCard">
<div class="main-card">
<el-row class="cardTop">
@@ -15,6 +15,7 @@
ref="multipleTableRef"
:data="tableData"
style="width: 100%"
+ height="calc(100% - 100px)"
:header-cell-style="{background: '#fafafa'}"
@selection-change="handleSelectionChange"
>
@@ -32,7 +33,6 @@
</template>
</el-table-column>
</el-table>
- </div>
<div class="pageBtn">
<el-pagination
v-model:currentPage="currentPage"
@@ -46,8 +46,9 @@
@current-change="handleCurrentChange"
/>
</div>
+ </div>
</div>
- </el-scrollbar>
+ </div>
<el-dialog v-model="dialogDetails" title="查看详情">
<el-form :model="details" label-width="120px">
<el-form-item label="所属月份">
@@ -178,12 +179,30 @@
level: '高风险',
amount: 2,
updateTime: '2022-07-26 15:55:00'
+ },
+ {
+ month: '2022-07',
+ level: '低风险',
+ amount: 1,
+ updateTime: '2022-07-26 15:55:00'
+ },
+ {
+ month: '2022-06',
+ level: '高风险',
+ amount: 2,
+ updateTime: '2022-07-26 15:55:00'
+ },
+ {
+ month: '2022-07',
+ level: '低风险',
+ amount: 1,
+ updateTime: '2022-07-26 15:55:00'
}
]
)
const addRef = ref<FormInstance>()
const addRules = reactive<FormRules>({
- month:[{required: true, message: '该内容不能为空'}],
+ month:[{required: true, message: '该内容不能为空',trigger:'blur'}],
level:[{required: true, message: '该内容不能为空',trigger:'blur'}],
amount:[{required: true, message: '该内容不能为空',trigger:'blur'}]
})
@@ -245,14 +264,48 @@
<style scoped lang="scss">
$homeNavLengh: 8;
.home-container {
- height: 100%;
+ height: calc(100vh - 144px);
+ box-sizing: border-box;
overflow: hidden;
- padding: 20px;
+
.homeCard{
width: 100%;
padding: 20px;
+ box-sizing: border-box;
background: #fff;
border-radius: 4px;
+
+ .main-card{
+ width: 100%;
+ height: 100%;
+ .cardTop{
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 20px;
+ .mainCardBtn{
+ margin: 0;
+ }
+ }
+ .pageBtn{
+ height: 60px;
+ display: flex;
+ align-items: center;
+ justify-content: right;
+
+ .demo-pagination-block + .demo-pagination-block {
+ margin-top: 10px;
+ }
+ .demo-pagination-block .demonstration {
+ margin-bottom: 16px;
+ }
+ }
+ }
+
+ &:last-of-type{
+ height: 100%;
+ }
+
}
.el-row{
display: flex;
@@ -276,37 +329,6 @@
white-space: nowrap;
margin-right: 20px;
}
- }
- }
- .mainPages{
- height: 100%;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- }
- .main-card{
- width: 100%;
- .cardTop{
- display: flex;
- align-items: center;
- justify-content: space-between;
- margin-bottom: 20px;
- .mainCardBtn{
- margin: 0;
- }
- }
- }
- .pageBtn{
- display: flex;
- align-items: center;
- justify-content: right;
- margin-top: 20px;
-
- .demo-pagination-block + .demo-pagination-block {
- margin-top: 10px;
- }
- .demo-pagination-block .demonstration {
- margin-bottom: 16px;
}
}
}
--
Gitblit v1.9.2