From 9649dd9cbd6cb739bb3d95ca2bd7ffa7adacc96b Mon Sep 17 00:00:00 2001
From: JiangQiming <291854119@qq.com>
Date: Fri, 3 Mar 2023 18:11:53 +0800
Subject: [PATCH] =?UTF-8?q?update:=20=E5=88=86=E5=B1=8F=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/media/SplitScreen/index.less |  4 ++--
 src/views/media/SplitScreen/tree.vue   | 18 +++++++++++++++---
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/views/media/SplitScreen/index.less b/src/views/media/SplitScreen/index.less
index 7f47662e..f09f26c3 100644
--- a/src/views/media/SplitScreen/index.less
+++ b/src/views/media/SplitScreen/index.less
@@ -9,11 +9,11 @@
         border-right: 1px solid #f0f0f0;
 
         .online {
-            // color: @success-color;
+            color: rgba(82, 196, 26, 1);
         }
 
         .offline {
-            // color: @disabled-color;
+            color: rgba(0, 0, 0, 0.25);
         }
 
         .left-search {
diff --git a/src/views/media/SplitScreen/tree.vue b/src/views/media/SplitScreen/tree.vue
index 8bf489f9..2b1eceb2 100644
--- a/src/views/media/SplitScreen/tree.vue
+++ b/src/views/media/SplitScreen/tree.vue
@@ -2,12 +2,17 @@
     <div class="left-content">
         <a-tree
             :height="700"
-            :show-line="true"
+            :show-line="{ showLeafIcon: false }"
             :show-icon="true"
             :tree-data="treeData"
             :loadData="onLoadData"
+            :fieldNames="{ title: 'name', key: 'id' }"
             @select="onSelect"
-        ></a-tree>
+        >
+            <template #icon="{ key, selected }">
+                <AIcon type="VideoCameraOutlined" class="online" />
+            </template>
+        </a-tree>
     </div>
 </template>
 
@@ -34,6 +39,7 @@ interface DataNode {
 }
 
 const onSelect = (_: any, { node }: any) => {
+    console.log('node: ', node);
     emit('onSelect', { dId: node.deviceId, cId: node.channelId });
 };
 
@@ -108,6 +114,8 @@ const getChildren = (key: any, params: any): Promise<any> => {
                 res.result.data.map((item: DataNode) => ({
                     ...item,
                     // icon: (<AIcon type="VideoCameraOutlined" className={item.status.value}/>),
+                    // icon: `<AIcon type="VideoCameraOutlined" class="${item.status.value}"/>`,
+                    // icon: (h:any) => h('h1', 22),
                     isLeaf: isLeaf(item),
                 })),
             );
@@ -120,6 +128,8 @@ const getChildren = (key: any, params: any): Promise<any> => {
                     });
                 }, 50);
             }
+            console.log('treeData.value: ', treeData.value);
+            console.log('res.result: ', res.result);
             resolve(res.result);
         }
     });
@@ -146,4 +156,6 @@ const onLoadData = ({ key, children }: any): Promise<void> => {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+@import './index.less';
+</style>