绘制技术监督页面 联调承载能力评估

src/views/pqs/supervise/technology/index.vue

@@ -1,15 +1,39 @@
 <template>
-
-    <div>123
-        
-    
-    general
+    <div class="default-main">
+        <el-tabs v-model="activeName" type="border-card">
+            <el-tab-pane label="概览" name="1"></el-tab-pane>
+            <el-tab-pane label="技术监督管理" name="2"><technology /></el-tab-pane>
+            <el-tab-pane label="告警单策略管理" name="3">
+                <earlyWarning />
+            </el-tab-pane>
+            <el-tab-pane label="预警单策略管理" name="4"><earlyWarning /></el-tab-pane>
+        </el-tabs>
     </div>
-
 </template>
-<script setup lang='ts'>
-import { ref, reactive } from 'vue'
-</script>
-<style lang="scss" scoped>
 
+<script setup lang="ts">
+import technology from './components/technology.vue'
+import earlyWarning from './components/earlyWarning.vue'
+import { onMounted, reactive, ref, provide } from 'vue'
+
+import { mainHeight } from '@/utils/layout'
+defineOptions({
+    name: 'Processsupervision/supervision/manage'
+})
+const activeName = ref('1')
+const Statistics = ref()
+const compatibility = ref()
+
+const layout = mainHeight(63) as any
+</script>
+
+<style lang="scss" scoped>
+.bars_w {
+    width: 100%;
+    height: 500px;
+}
+::v-deep(.el-tabs__content) {
+    height: v-bind('layout.height');
+    overflow-y: auto;
+}
 </style>