-
-
-
+
+
+
@@ -40,16 +40,18 @@
placement="right"
:body-style="{ background: 'rgba(0, 0, 0)', opacity: 0.8 }"
:closable="false"
- id="Odrawer"
+ id="drawer"
:maskStyle="{ 'background-color': 'rgba(0, 0, 0, 0)' }">
-
+
+
+
+
-
@@ -61,15 +63,17 @@ import { ref } from 'vue';
import { treeData } from './treeData'
import light from './light.vue';
import tabs1 from './tabs1.vue'
+import tabs2 from './tabs2.vue'
+import tabs3 from './tabs3.vue'
// ICON
import {
DoubleLeftOutlined,
DoubleRightOutlined
} from '@ant-design/icons-vue';
-// 分区 - 当前选择的分区 - 默认选择一区
-let area = ref(['1'])
-// 分区 - 分区小灯泡
+// 分区 - 当前选择的分区序号 - 默认选择一区
+const area = ref(['1'])
+// 分区 - 分区小灯泡 - 此处位置需前端写死
const bulbs = ref([
{
styleText: { left: '190px', bottom: '200px' },
@@ -121,6 +125,16 @@ const bulbs = ref([
},
])
+// 分区 - 左上角分区切换
+const changeArea = (area: number) => {
+ if (area == 1) {
+ console.log('1F')
+ } else if (area == 2) {
+ console.log('2F')
+ } else if (area == 3) {
+ console.log('站台')
+ }
+}
// 分区 - 单个分区切换
const getArea = (result: any) => {
// 如果传入的值是数组
@@ -132,16 +146,14 @@ const getArea = (result: any) => {
area.value[0] = String(result)
}
}
-// 分区 - 多个分区切换,只有照明回路能够触发多个分区
// 分区 - 样式函数
-const computedClass = (number: number) => {
- if (area.value.indexOf(number) != -1) {
- return `isActive area-item area${number}`
+const computedClass = (string: string) => {
+ if (area.value.indexOf(string) != -1) {
+ return `isActive area-item area${string}`
} else {
- return `area-item area${number}`
+ return `area-item area${string}`
}
}
-
// 抽屉 - 当前选择的tab
let activeKey = ref('1');
// 抽屉 - 打开状态
@@ -153,7 +165,7 @@ const toggleDrawer = () => {
diff --git a/hx-ai-intelligent/src/view/equipmentControl/lightingManage/tabs3.vue b/hx-ai-intelligent/src/view/equipmentControl/lightingManage/tabs3.vue
new file mode 100644
index 0000000..96b21d7
--- /dev/null
+++ b/hx-ai-intelligent/src/view/equipmentControl/lightingManage/tabs3.vue
@@ -0,0 +1,255 @@
+