From 569eea08cb8df776f9fdc70ca4cd8dd9810c089e Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Thu, 7 Mar 2024 17:09:06 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=BD=91=E5=85=83=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ne/neInfo/index.vue         |   2 +-
 src/views/tool/neQuickSetup/index.vue | 104 ++++++++++++++++++++++++++
 2 files changed, 105 insertions(+), 1 deletion(-)
 create mode 100644 src/views/tool/neQuickSetup/index.vue

diff --git a/src/views/ne/neInfo/index.vue b/src/views/ne/neInfo/index.vue
index ad6b950a..d9ff0090 100644
--- a/src/views/ne/neInfo/index.vue
+++ b/src/views/ne/neInfo/index.vue
@@ -559,7 +559,7 @@ onMounted(() => {
                   type="link"
                   @click.prevent="fnRecordMore('stop', record)"
                 >
-                  <template #icon><StopOutlined /> </template>
+                  <template #icon><CloseSquareOutlined /> </template>
                 </a-button>
               </a-tooltip>
               <a-tooltip placement="left">
diff --git a/src/views/tool/neQuickSetup/index.vue b/src/views/tool/neQuickSetup/index.vue
new file mode 100644
index 00000000..d39f5871
--- /dev/null
+++ b/src/views/tool/neQuickSetup/index.vue
@@ -0,0 +1,104 @@
+<script lang="ts" setup>
+import { PageContainer } from 'antdv-pro-layout';
+import { Modal } from 'ant-design-vue/lib';
+import TerminalSSH from '@/components/TerminalSSH/index.vue';
+import TerminalTelnet from '@/components/TerminalTelnet/index.vue';
+import { reactive, toRaw } from 'vue';
+import { parseDuration } from '@/utils/date-utils';
+import { listNeHost } from '@/api/ne/neHost';
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { useRouter } from 'vue-router';
+import useI18n from '@/hooks/useI18n';
+const { t } = useI18n();
+const router = useRouter();
+
+/**安装步骤信息状态类型 */
+type SetupStateType = {
+  /**步骤下标 */
+  stepIndex: number;
+  /**加载等待 */
+  loading: boolean;
+  /**查询参数 */
+  params: {
+    pageNum: number;
+    pageSize: number;
+  };
+  /**数据总数 */
+  total: number;
+  data: Record<string, any>[];
+};
+
+/**主机对象信息状态 */
+const setupState: SetupStateType = reactive({
+  stepIndex: 0,
+  loading: false,
+  params: {
+    pageNum: 1,
+    pageSize: 20,
+  },
+  total: 0,
+  data: [],
+});
+
+ 
+
+/**标签对象信息状态类型 */
+type TabStateType = {
+  /**激活选中 */
+  activeKey: string;
+  /**页签数据 */
+  panes: {
+    id: string;
+    status: boolean;
+    host: Record<string, any>;
+    connectStamp?: string;
+  }[];
+};
+
+/**标签对象信息状态 */
+const tabState: TabStateType = reactive({
+  activeKey: '0',
+  panes: [
+    {
+      id: '0',
+      host: {
+        hostId: '0',
+        title: t('views.tool.terminal.start'),
+        type: '0',
+      },
+      status: true,
+    },
+  ],
+});
+
+ 
+ 
+</script>
+
+<template>
+  <PageContainer>
+    <a-card
+      :bordered="false"
+      :body-style="{ marginBottom: '24px'  }"
+    >
+      <a-steps v-model:current="setupState.stepIndex">
+        <a-step title="Step 1" description="This is a description." />
+        <a-step title="Step 2" description="This is a description." />
+        <a-step title="Step 3" description="This is a description." />
+        <a-step title="Step 3" description="This is a description." />
+      </a-steps>
+    </a-card>
+
+    <a-card :bordered="false" :body-style="{ padding: '12px' }">
+     
+    </a-card>
+  </PageContainer>
+</template>
+
+<style lang="less" scoped>
+.pane-box {
+  padding: 16px;
+  height: calc(100vh - 320px);
+  overflow-x: hidden;
+}
+</style>