From 00ef473d3b7508fd898549fc9f4c74eef52a7d71 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 20 三月 2024 09:54:26 +0800
Subject: [PATCH] feat:详情跳转
---
src/views/screen/components/screen-examine/index.vue | 31 +++++++++++++++++++++----------
1 files changed, 21 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..f48d208 100644
--- a/src/views/screen/components/screen-examine/index.vue
+++ b/src/views/screen/components/screen-examine/index.vue
@@ -1,9 +1,10 @@
<template>
<div class="examine-container">
- <wrapper-title :title="'鑰冩牳鎴愮哗鏁版嵁'"></wrapper-title>
+ <wrapper-title :title="'鑰冩牳鏁版嵁'" :path="'/examine/check-rule'"></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,27 @@
display: flex;
flex-direction: column;
}
+
.examine-content {
width: 100%;
flex: 1;
- 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;
+ 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);
+ margin-bottom: 20px;
+ &:last-of-type {
+ margin-bottom: 0;
}
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0