|
@@ -1,12 +1,12 @@
|
|
|
<template>
|
|
|
- <a-layout class="layout">
|
|
|
+ <a-layout class="layout">
|
|
|
<a-layout-header>
|
|
|
- <div class="logo" />
|
|
|
+ <div class="logo"/>
|
|
|
<a-menu
|
|
|
- v-model:selectedKeys="selectedKeys"
|
|
|
- theme="dark"
|
|
|
- mode="horizontal"
|
|
|
- :style="{ lineHeight: '64px' }"
|
|
|
+ v-model:selectedKeys="selectedKeys"
|
|
|
+ theme="dark"
|
|
|
+ mode="horizontal"
|
|
|
+ :style="{ lineHeight: '64px' }"
|
|
|
>
|
|
|
<a-menu-item key="1">nav 1</a-menu-item>
|
|
|
<a-menu-item key="2">nav 2</a-menu-item>
|
|
@@ -19,46 +19,47 @@
|
|
|
<a-breadcrumb-item>List</a-breadcrumb-item>
|
|
|
<a-breadcrumb-item>App</a-breadcrumb-item>
|
|
|
</a-breadcrumb> -->
|
|
|
- <div :style="{ background: '#fff', padding: '24px', minHeight: '280px' }">
|
|
|
-
|
|
|
- </div>
|
|
|
+ <div :style="{ background: '#fff', padding: '24px', minHeight: '280px' }">
|
|
|
+
|
|
|
+ </div>
|
|
|
</a-layout-content>
|
|
|
<a-layout-footer style="text-align: center">
|
|
|
- Ant Design ©2018 Created by Ant UED
|
|
|
+
|
|
|
</a-layout-footer>
|
|
|
</a-layout>
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
-import { defineComponent, onMounted, ref } from 'vue';
|
|
|
-import { apiGetNode } from '/@/apis/node'
|
|
|
+import {defineComponent, onMounted, ref} from 'vue';
|
|
|
+import {apiGetNode} from '/@/apis/node'
|
|
|
|
|
|
- function GetNodeInfo() {
|
|
|
- apiGetNode(null).then((res) => {
|
|
|
- if (res["code"] == 0) {
|
|
|
- console.log(res["data"]["nodeList"])
|
|
|
- } else {
|
|
|
- console.log(res["message"])
|
|
|
- }
|
|
|
- })
|
|
|
+//获取节点数据
|
|
|
+function GetNodeInfo() {
|
|
|
+ apiGetNode(null).then((res) => {
|
|
|
+ if (res["code"] == 0) {
|
|
|
+ console.log(res["data"]["nodeList"])
|
|
|
+ } else {
|
|
|
+ console.log(res["message"])
|
|
|
}
|
|
|
+ })
|
|
|
+}
|
|
|
|
|
|
- onMounted(() => {
|
|
|
- GetNodeInfo()
|
|
|
- })
|
|
|
+onMounted(() => {
|
|
|
+ GetNodeInfo()
|
|
|
+})
|
|
|
|
|
|
- defineComponent({
|
|
|
- setup() {
|
|
|
- const state = ref({
|
|
|
- selectedKeys: ['1'],
|
|
|
- });
|
|
|
+defineComponent({
|
|
|
+ setup() {
|
|
|
+ const state = ref({
|
|
|
+ selectedKeys: ['1'],
|
|
|
+ });
|
|
|
|
|
|
|
|
|
- return {
|
|
|
- state
|
|
|
- };
|
|
|
- },
|
|
|
- });
|
|
|
+ return {
|
|
|
+ state
|
|
|
+ };
|
|
|
+ },
|
|
|
+});
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
@@ -67,6 +68,7 @@ import { apiGetNode } from '/@/apis/node'
|
|
|
padding: 24px;
|
|
|
background: #fff;
|
|
|
}
|
|
|
+
|
|
|
#components-layout-demo-top .logo {
|
|
|
float: left;
|
|
|
width: 120px;
|
|
@@ -74,6 +76,7 @@ import { apiGetNode } from '/@/apis/node'
|
|
|
margin: 16px 24px 16px 0;
|
|
|
background: rgba(255, 255, 255, 0.3);
|
|
|
}
|
|
|
+
|
|
|
.ant-row-rtl #components-layout-demo-top .logo {
|
|
|
float: right;
|
|
|
margin: 16px 0 16px 24px;
|