1

src/views/desk/system-unit/temp.vue

@@ -13,8 +13,19 @@
                     </hc-lazy-tree>
                 </hc-card>
             </template>
-            <hc-card>
-                2222
+            <hc-card class="hc-desk-system-unit-temp">
+                <hc-card-item title="节点信息">
+                    <el-descriptions :column="3" border>
+                        <el-descriptions-item label="节点编码：">{{ nodeInfo.nodeCode ?? '-' }}</el-descriptions-item>
+                        <el-descriptions-item label="节点名称：">{{ nodeInfo.nodeName ?? '-' }}</el-descriptions-item>
+                        <el-descriptions-item label="节点类型：">{{ nodeInfo.nodeTypeName ?? '-' }}</el-descriptions-item>
+                        <el-descriptions-item label="工程类型：">{{ nodeInfo.engineeringTypeName ?? '-' }}</el-descriptions-item>
+                        <el-descriptions-item label="备注：">{{ nodeInfo.remarks ?? '-' }}</el-descriptions-item>
+                    </el-descriptions>
+                </hc-card-item>
+                <hc-card-item title="下节节点列表">
+                    222
+                </hc-card-item>
             </hc-card>
         </hc-body>
     </hc-drawer>
@@ -22,10 +33,10 @@
 
 <script setup>
 import { ref, watch } from 'vue'
-import { getArrValue, getObjValue } from 'js-fast-way'
 import { HcDelMsg } from 'hc-vue3-ui'
+import { getDictionaryData, getDictionaryName } from '~src/utils/tools'
+import { getArrValue, getObjValue } from 'js-fast-way'
 import mainApi from '~api/desk/system-unit'
-import { getDictionaryData } from '~src/utils/tools'
 
 const props = defineProps({
     data: {
@@ -95,6 +106,8 @@ const treeMenuClick = ({ key, data, node }) => {
 //树节点被点击
 const nodeInfo = ref({})
 const treeNodeTap = ({ data }) => {
+    const label = getDictionaryName(meterUnitType.value, data.nodeType)
+    data.nodeTypeName = label ?? '-'
     nodeInfo.value = data
     console.log(data)
 }
@@ -107,6 +120,18 @@ const drawerClose = () => {
 }
 </script>
 
-<style scoped lang="scss">
-
+<style lang="scss">
+.hc-desk-system-unit-temp .el-card {
+    .hc-card-item-box {
+        height: auto;
+        padding: 10px 14px;
+        .hc-card-item-header {
+            color: #4a4a4a;
+            margin-bottom: 6px;
+        }
+    }
+    .hc-card-item-box + .hc-card-item-box {
+        margin-top: 20px;
+    }
+}
 </style>