chore(views): 添加“使用引导”模块的组件结构

src/App.vue

@@ -8,8 +8,15 @@ import AntdConfig from './components/AntdConfig.vue';
   <AntdConfig>
     <header>
       <nav>
-        <RouterLink to="/">Home</RouterLink> |
-        <RouterLink to="/about">About</RouterLink>
+        <ASpace>
+          <RouterLink to="/">Home</RouterLink>
+          <RouterLink to="/first-usage">首次使用</RouterLink>
+          <RouterLink to="/create-customer">创建客户</RouterLink>
+          <RouterLink to="/setup-protocol">配置协议</RouterLink>
+          <RouterLink to="/register-gateway">注册网关</RouterLink>
+          <RouterLink to="/create-device">创建设备</RouterLink>
+        </ASpace>
+        <ASteps />
       </nav>
     </header>
     <RouterView />

src/i18n/locales/zh.json

@@ -3,5 +3,20 @@
     "cancel": "取消",
     "tip": "提示",
     "warning": "警告"
+  },
+  "createCustomer": {
+    "createCustomer": "创建客户"
+  },
+  "createDevice": {
+    "createDevice": "创建设备"
+  },
+  "firstUsage": {
+    "chooseItemToBeginSetup": "选择一项开始配置"
+  },
+  "registerGateway": {
+    "registerGateway": "注册网关"
+  },
+  "setupProtocol": {
+    "setupProtocol": "配置协议"
   }
 }

src/layout/UseGuidance.vue

@@ -0,0 +1,3 @@
+<template>
+  <slot></slot>
+</template>

src/router/index.ts

@@ -15,6 +15,31 @@ const router = createRouter({
       name: 'about',
       component: () => import('@/views/AboutView.vue'),
     },
+    {
+      path: '/first-usage',
+      name: 'firstUsage',
+      component: () => import('@/views/first-usage/FirstUsage.vue'),
+    },
+    {
+      path: '/create-customer',
+      name: 'createCustomer',
+      component: () => import('@/views/create-customer/CreateCustomer.vue'),
+    },
+    {
+      path: '/setup-protocol',
+      name: 'setupProtocol',
+      component: () => import('@/views/setup-protocol/SetupProtocol.vue'),
+    },
+    {
+      path: '/register-gateway',
+      name: 'registerGateway',
+      component: () => import('@/views/register-gateway/RegisterGateway.vue'),
+    },
+    {
+      path: '/create-device',
+      name: 'createDevice',
+      component: () => import('@/views/create-device/CreateDevice.vue'),
+    },
   ],
 });
 

src/views/create-customer/CreateCustomer.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>创建客户</div>
+</template>

src/views/create-device/CreateDevice.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>创建设备</div>
+</template>

src/views/first-usage/FirstUsage.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>首次使用</div>
+</template>

src/views/register-gateway/AddInterface.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>添加接口</div>
+</template>

src/views/register-gateway/BindProtocol.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>绑定协议</div>
+</template>

src/views/register-gateway/RegisterGateway.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>注册网关</div>
+</template>

src/views/register-gateway/VerifyDevice.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>验证设备</div>
+</template>

src/views/register-gateway/VerifyProtocol.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>验证协议</div>
+</template>

src/views/setup-protocol/SetupProtocol.vue

@@ -0,0 +1,3 @@
+<template>
+  <div>配置协议</div>
+</template>