From 75f043dfa6660716364e66ee0b3cf99f44255686 Mon Sep 17 00:00:00 2001
From: DYL0109 <dn18191638832@163.com>
Date: 星期三, 16 四月 2025 19:20:36 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/develop1.0' into dyl_dev
---
zhitan-vue/src/views/businessconfiguration/prealarmmanage/prealarmmanage.vue | 201 +++++++++++++++++++++++++------------------------
1 files changed, 102 insertions(+), 99 deletions(-)
diff --git a/zhitan-vue/src/views/businessconfiguration/prealarmmanage/prealarmmanage.vue b/zhitan-vue/src/views/businessconfiguration/prealarmmanage/prealarmmanage.vue
index f8402c3..a3f48e8 100644
--- a/zhitan-vue/src/views/businessconfiguration/prealarmmanage/prealarmmanage.vue
+++ b/zhitan-vue/src/views/businessconfiguration/prealarmmanage/prealarmmanage.vue
@@ -1,140 +1,143 @@
<template>
- <div class="page">
- <div class="page-container">
- <div class="page-container-left">
- <LeftTree ref="leftTreeRef" @handleNodeClick="handleNodeClick" />
+ <div class="page">
+ <div class="page-container">
+ <div class="page-container-left">
+ <LeftTree ref="leftTreeRef" @handleNodeClick="handleNodeClick" />
+ </div>
+ <div class="page-container-right">
+ <div class="page-container-right">
+ <div class="tab-box">
+ <div class="tab-li" :class="tab == 1 ? 'is-tab' : ''" @click="handleTab('1')">閲囬泦鐐圭鐞�</div>
+ <div class="tab-li" :class="tab == 2 ? 'is-tab' : ''" @click="handleTab('2')">缁熻鎸囨爣绠＄悊</div>
+ </div>
+ <BaseCard :title="currentNode ? currentNode.label + '--鑺傜偣閰嶇疆' : '鏆傛棤鑺傜偣閰嶇疆'">
+ <div>
+ <div class="content-box" v-if="tab == '1'">
+ <CollectionPointManage ref="collectionPointManageRef" />
+ </div>
+ <div class="content-box" v-if="tab == '2'">
+ <StatisticalIndicatorsManage ref="statisticalIndicatorsManageRef" />
+ </div>
</div>
- <div class="page-container-right">
- <div class="page-container-right">
- <div class="mb20 mt20 ml20 tab-box">
- <div class="tab-li" :class="tab == 1 ? 'is-tab' : ''" @click="handleTab('1')">
- 閲囬泦鐐圭鐞�
- </div>
- <div class="tab-li" :class="tab == 2 ? 'is-tab' : ''" @click="handleTab('2')">
- 缁熻鎸囨爣绠＄悊
- </div>
- </div>
- <BaseCard :title="currentNode ? currentNode.label + '--鑺傜偣閰嶇疆' : '鏆傛棤鑺傜偣閰嶇疆'">
- <div>
- <div class="content-box" v-if="tab == '1'">
- <CollectionPointManage ref="collectionPointManageRef" />
- </div>
- <div class="content-box" v-if="tab == '2'">
- <StatisticalIndicatorsManage ref="statisticalIndicatorsManageRef" />
- </div>
- </div>
- </BaseCard>
- </div>
- </div>
-
+ </BaseCard>
</div>
+ </div>
</div>
+ </div>
</template>
<script setup name="preAlarmManage">
-import CollectionPointManage from './components/collectionpointmanage/CollectionPointManage.vue'
-import StatisticalIndicatorsManage from './components/statisticalindicatorsmanage/StatisticalIndicatorsManage.vue'
+import CollectionPointManage from "./components/collectionpointmanage/CollectionPointManage.vue"
+import StatisticalIndicatorsManage from "./components/statisticalindicatorsmanage/StatisticalIndicatorsManage.vue"
let currentNode = ref()
-let tab = ref('1')
+let tab = ref("1")
let collectionPointManageRef = ref()
-let statisticalIndicatorsManageRef = ref('1')
+let statisticalIndicatorsManageRef = ref("1")
function handleTab(value) {
- tab.value = value
- nextTick(() => {
- if (value == 1 && collectionPointManageRef.value) {
- collectionPointManageRef.value.getList(currentNode.value)
- }
- if (value == 2 && statisticalIndicatorsManageRef.value) {
- statisticalIndicatorsManageRef.value.getList(currentNode.value)
- }
- });
-
+ tab.value = value
+ nextTick(() => {
+ if (value == 1 && collectionPointManageRef.value) {
+ collectionPointManageRef.value.getList(currentNode.value)
+ }
+ if (value == 2 && statisticalIndicatorsManageRef.value) {
+ statisticalIndicatorsManageRef.value.getList(currentNode.value)
+ }
+ })
}
function handleNodeClick(data) {
- currentNode.value = data
- handleTab(tab.value)
- // handleQuery();
+ currentNode.value = data
+ handleTab(tab.value)
+ // handleQuery();
}
-
</script>
<style scoped lang="scss">
@import "@/assets/styles/page.scss";
-
.page-box {
- height: calc(100vh - 145px);
+ height: calc(100vh - 145px);
- .tree-box {
- height: calc(100% - 70px);
- overflow-y: auto !important;
+ .tree-box {
+ height: calc(100% - 70px);
+ overflow-y: auto !important;
+ }
+
+ .select-box {
+ display: flex;
+ align-items: center;
+
+ :deep .el-icon {
+ color: #fff;
+ margin: 0 10px 0 15px;
+ font-size: 20px;
+ // &:hover{
+ // color: #3371EB;
+ // }
}
+ }
- .select-box {
- display: flex;
- align-items: center;
+ .node-opt {
+ flex: 1;
+ text-align: right;
+ margin-right: 5px;
- :deep .el-icon {
- color: #fff;
- margin: 0 10px 0 15px;
- font-size: 20px;
- // &:hover{
- // color: #3371EB;
- // }
- }
+ :deep .el-icon {
+ color: #fff;
+ margin-right: 5px;
}
-
- .node-opt {
- flex: 1;
- text-align: right;
- margin-right: 5px;
-
- :deep .el-icon {
- color: #fff;
- margin-right: 5px;
- }
- }
-
-
+ }
}
:deep .el-tabs__nav-wrap:after {
- background: transparent;
+ background: transparent;
}
:deep .el-tabs__item {
- color: #fff;
- font-size: 20px;
- padding: 0 20px;
+ color: #fff;
+ // font-size: 20px;
+ padding: 0 20px;
- &.is-active,
- &:hover {
- color: #999 !important;
- }
+ &.is-active,
+ &:hover {
+ color: #999 !important;
+ }
}
.tab-box {
- display: flex;
- align-items: center;
+ display: flex;
+ align-items: center;
+ color: #fff;
+ border-bottom: 1px solid #3371eb;
+ margin-right: 20px;
+ font-size: 15px;
+ margin-left: 15px;
+
+ .tab-li {
+ cursor: pointer;
+ border: 1px solid #3371eb;
+ padding: 8px 20px;
+ border-radius: 5px 5px 0 0;
+ }
+
+ .is-tab {
+ background: #3371eb;
color: #fff;
- border-bottom: 1px solid #3371EB;
- margin-right: 20px;
+ }
+}
+.themeDark {
+ .tab-box {
+ color: #fff;
+ }
+}
- .tab-li {
- cursor: pointer;
- border: 1px solid #3371EB;
- padding: 10px 25px;
- border-radius: 5px 5px 0 0;
- }
-
- .is-tab {
- background: #3371EB;
- }
+.themeLight {
+ .tab-box {
+ color: #333;
+ }
}
.content-box {
- height: calc(100vh - 317px) !important;
-
+ height: calc(100vh - 317px) !important;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3