style: 网元信息页面样式

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">

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>