From faf9642920d7b981c54d55608e383e97aa022a5c Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期一, 18 三月 2024 15:46:37 +0800
Subject: [PATCH] feat:成绩表格
---
src/views/screen/components/screen-examine/index.vue | 30 ++++++++++++++++++++----------
1 files changed, 20 insertions(+), 10 deletions(-)
diff --git a/src/views/screen/components/screen-examine/index.vue b/src/views/screen/components/screen-examine/index.vue
index eccbc90..3e7ef83 100644
--- a/src/views/screen/components/screen-examine/index.vue
+++ b/src/views/screen/components/screen-examine/index.vue
@@ -3,7 +3,8 @@
<wrapper-title :title="'鑰冩牳鎴愮哗鏁版嵁'"></wrapper-title>
<div class="examine-content">
<div class="examine-wrapper">
- <examine-chart></examine-chart>
+ <examine-chart class="wrapper-item"></examine-chart>
+ <examine-table class="wrapper-item"></examine-table>
</div>
</div>
</div>
@@ -12,11 +13,13 @@
<script>
import WrapperTitle from '../wrapper-title/index';
import ExamineChart from './components/examine-chart';
+import ExamineTable from './components/examine-table';
export default {
name: 'ScreenExamine',
components: {
WrapperTitle,
- ExamineChart
+ ExamineChart,
+ ExamineTable
}
}
@@ -29,19 +32,26 @@
display: flex;
flex-direction: column;
}
+
.examine-content {
width: 100%;
flex: 1;
+ position: relative;
+
+ .examine-wrapper {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ }
+}
+
+.wrapper-item {
background: rgba(67, 102, 155, 0.3);
border: 1px solid rgba(47, 91, 157, 0.8);
- padding: 20px 20px;
- position: relative;
- .examine-wrapper {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
+ margin-bottom: 20px;
+ &:last-of-type {
+ margin-bottom: 0;
}
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0