From 55009164d0e98ac09ac2c091b18d827c489f5a19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AB=98=E4=BA=91=E9=B9=8F?= <ypgaop@isoftstone.com>
Date: Wed, 10 Jul 2024 18:11:14 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8A=82=E7=82=B9=EF=BC=9A=E5=88=9D=E5=A7=8B?=
 =?UTF-8?q?=E5=8C=96=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/dasadmin/src/api/backend/node/request.ts   |  4 +-
 .../src/views/backend/auth/model/index.vue    |  2 +-
 .../src/views/backend/auth/org/index.vue      |  2 +-
 ui/dasadmin/src/views/backend/node/index.vue  | 71 ++++++++++++++++---
 4 files changed, 67 insertions(+), 12 deletions(-)

diff --git a/ui/dasadmin/src/api/backend/node/request.ts b/ui/dasadmin/src/api/backend/node/request.ts
index e87d3dce..4a44a9f1 100644
--- a/ui/dasadmin/src/api/backend/node/request.ts
+++ b/ui/dasadmin/src/api/backend/node/request.ts
@@ -14,7 +14,7 @@ import {
 import createAxios from '/@/utils/axios'
 
 export const getNodeListReq = () => {
-    return createAxios<never, RequestReturnType>({
+    return createAxios<never, RequestReturnType<nodeType[]>>({
         url: '/api/node/list',
         method: 'post',
     })
@@ -52,7 +52,7 @@ export const submitNodeConfigReq = () => {
 }
 
 export const getLinkListReq = (data: getLinkType) => {
-    return createAxios<never, RequestReturnType<linkType>>({
+    return createAxios<never, RequestReturnRowType<linkType[]>>({
         url: '/api/node/link/list',
         method: 'post',
         data: data,
diff --git a/ui/dasadmin/src/views/backend/auth/model/index.vue b/ui/dasadmin/src/views/backend/auth/model/index.vue
index e4d3589d..29439419 100644
--- a/ui/dasadmin/src/views/backend/auth/model/index.vue
+++ b/ui/dasadmin/src/views/backend/auth/model/index.vue
@@ -945,7 +945,7 @@ $paginationHeight: 32px;
         justify-content: space-between;
         align-items: center;
         width: 80px;
-        height: 200px;
+        height: 150px;
         .el-button {
             margin: 0;
         }
diff --git a/ui/dasadmin/src/views/backend/auth/org/index.vue b/ui/dasadmin/src/views/backend/auth/org/index.vue
index b9be71a6..5813273e 100644
--- a/ui/dasadmin/src/views/backend/auth/org/index.vue
+++ b/ui/dasadmin/src/views/backend/auth/org/index.vue
@@ -679,7 +679,7 @@ $paginationHeight: 32px;
         justify-content: space-between;
         align-items: center;
         width: 80px;
-        height: 200px;
+        height: 150px;
         .el-button {
             margin: 0;
         }
diff --git a/ui/dasadmin/src/views/backend/node/index.vue b/ui/dasadmin/src/views/backend/node/index.vue
index 50c89342..9085c8a8 100644
--- a/ui/dasadmin/src/views/backend/node/index.vue
+++ b/ui/dasadmin/src/views/backend/node/index.vue
@@ -30,11 +30,13 @@
             </template>
             <template #asideMain>
                 <el-tree
+                    ref="nodeTreeRef"
                     :data="treeData"
                     :props="replaceTreeProps"
                     node-key="id"
                     @node-click="nodeClick"
                     @node-contextmenu="nodeContextMenu"
+                    highlight-current
                 ></el-tree>
             </template>
             <template #mainHeader>
@@ -53,7 +55,25 @@
                 </div>
             </template>
             <template #mainMain>
-                <el-table W></el-table>
+                <el-table :data="linkTableData">
+                    <el-table-column prop="linkName" label="链路名称" align="center"></el-table-column>
+                    <el-table-column prop="protocol" label="协议类型" align="center"></el-table-column>
+                    <el-table-column prop="params" label="参数" align="center"></el-table-column>
+                    <el-table-column prop="nodeName" label="节点名称" align="center"></el-table-column>
+                    <el-table-column fixed="right" label="操作" min-width="80" align="center">
+                        <template #default="scope">
+                            <div class="tableOperate">
+                                <a>编辑</a>
+                                <a>|</a>
+                                <el-popconfirm title="确定删除么？">
+                                    <template #reference>
+                                        <a>删除</a>
+                                    </template>
+                                </el-popconfirm>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
             </template>
         </Container>
         <ContextMenu v-model:visible="nodeContextMenuVisible" :pos="nodeContextMenuPos">
@@ -80,10 +100,10 @@
 
 <script setup lang="ts">
 import { ElInput, ElButton, ElTree, ElTable, ElMessage } from 'element-plus'
-import type { FormInstance } from 'element-plus'
+import type { FormInstance, TreeInstance } from 'element-plus'
 import { Search, Plus, Upload, Download } from '@element-plus/icons-vue'
-import { ref } from 'vue'
-import { nodeType } from '/@/views/backend/node/type'
+import { ref, nextTick } from 'vue'
+import { nodeType, linkType } from '/@/views/backend/node/type'
 import ContextMenu from '/@/views/backend/auth/model/contextMenu.vue'
 import Container from '/@/components/container/index.vue'
 import {
@@ -100,11 +120,11 @@ import {
     submitNodeConfigReq,
 } from '/@/api/backend/node/request'
 import { getInstitutionalTreeListReq } from '/@/api/backend/org/request'
-import { getTreeDataReturnType } from '/@/views/backend/auth/org/type'
 const searchTreeInput = ref('')
 
 const replaceTreeProps = { label: 'nodeName' }
-const treeData = ref([])
+const nodeTreeRef = ref<TreeInstance>()
+const treeData = ref<nodeType[]>([])
 
 const nodeVisible = ref(false)
 const nodeTitle = ref('新增节点')
@@ -272,10 +292,14 @@ const closeNodeForm = () => {
 }
 
 const getNodeList = () => {
-    getNodeListReq()
+    return getNodeListReq()
         .then((res) => {
             if (res.success) {
                 treeData.value = res.data!
+                clickTreeData.value = res.data![0]
+                nextTick(() => {
+                    nodeTreeRef.value?.setCurrentKey(res.data![0].id)
+                })
             } else {
                 ElMessage.error(res.msg ?? '查询失败')
             }
@@ -284,7 +308,25 @@ const getNodeList = () => {
             ElMessage.error(err?.response?.data?.msg ?? '查询失败')
         })
 }
-getNodeList()
+
+const linkTableData = ref<linkType[]>([])
+
+const getLinkData = (nodeId: string) => {
+    getLinkListReq({ nodeId })
+        .then((res) => {
+            if (res.rows) {
+                linkTableData.value = res.rows
+            } else {
+                ElMessage.error(res.msg ?? '查询失败')
+            }
+        })
+        .catch((err) => {
+            ElMessage.error(err?.response?.data?.msg ?? '查询失败')
+        })
+}
+getNodeList().then(() => {
+    getLinkData(clickTreeData.value!.id!)
+})
 </script>
 
 <style scoped>
@@ -313,6 +355,19 @@ getNodeList()
         align-items: center;
         width: 290px;
     }
+    .tableOperate {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        a {
+            margin: 5px;
+            color: #0064aa;
+            font-weight: 600;
+            &:hover {
+                cursor: pointer;
+            }
+        }
+    }
     .modelOperate {
         display: flex;
         flex-direction: column;