From 7abfc03235f189f0e97305e2b54ce37b6d709652 Mon Sep 17 00:00:00 2001
From: cjf <chejunfeng@wodcloud.com>
Date: Tue, 4 Jul 2023 13:57:15 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=BB=E6=9C=BA=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E8=81=94=E8=B0=83=E5=AE=8C=E6=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .vscode/settings.json                         |   3 +-
 package.json                                  |   3 +-
 ...46\234\272IP\346\250\241\346\235\277.xlsx" | Bin 0 -> 9152 bytes
 src/bg-ui/bg-inner-tabs.vue                   |  11 +-
 src/bg-ui/bg-table-pro.vue                    |   5 +
 src/bg-ui/bg-table.vue                        |  24 +-
 src/bg-ui/bg-upload.vue                       |  11 +-
 src/components/edit-table.vue                 | 169 +++++----
 src/main.js                                   |   4 +-
 .../host-manage/add/index.vue                 | 202 +++++++++++
 .../components/check-status-dialog.vue        | 343 ++++++++++++++++++
 .../host-manage/components/list-table.vue     | 290 +++++++++++++++
 .../host-manage/detail/index.vue              | 234 ++++++++++++
 .../auto-maintenance/host-manage/index.vue    | 341 +++++++----------
 src/request/api.js                            |   5 +
 src/request/api/auto-maintenance.js           |  76 ++++
 vite.config.js                                |   6 +
 yarn.lock                                     |  19 +-
 18 files changed, 1421 insertions(+), 325 deletions(-)
 create mode 100644 "public/\344\270\273\346\234\272IP\346\250\241\346\235\277.xlsx"
 create mode 100644 src/page/main/auto-maintenance/host-manage/add/index.vue
 create mode 100644 src/page/main/auto-maintenance/host-manage/components/check-status-dialog.vue
 create mode 100644 src/page/main/auto-maintenance/host-manage/components/list-table.vue
 create mode 100644 src/page/main/auto-maintenance/host-manage/detail/index.vue
 create mode 100644 src/request/api.js
 create mode 100644 src/request/api/auto-maintenance.js

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 29a7e57..2c08829 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -13,5 +13,6 @@
   "editor.formatOnSave": true,
   "[vue]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
-  }
+  },
+  "vue.codeActions.enabled": false
 }
diff --git a/package.json b/package.json
index 39ac552..af9316d 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "element-plus": "^2.2.19",
     "github-markdown-css": "^5.1.0",
     "html2canvas": "^1.4.1",
+    "install": "^0.13.0",
     "lodash": "^4.17.21",
     "markdown-it": "^13.0.1",
     "mavon-editor": "^3.0.1",
@@ -36,4 +37,4 @@
     "@vue/compiler-sfc": "^3.2.31",
     "vite": "^3.0.0"
   }
-}
\ No newline at end of file
+}
diff --git "a/public/\344\270\273\346\234\272IP\346\250\241\346\235\277.xlsx" "b/public/\344\270\273\346\234\272IP\346\250\241\346\235\277.xlsx"
new file mode 100644
index 0000000000000000000000000000000000000000..9529eba1dab55c6c1784d7bfac9c2ab840951c4a
GIT binary patch
literal 9152
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

literal 0
HcmV?d00001

diff --git a/src/bg-ui/bg-inner-tabs.vue b/src/bg-ui/bg-inner-tabs.vue
index c17e1dc..7aae810 100644
--- a/src/bg-ui/bg-inner-tabs.vue
+++ b/src/bg-ui/bg-inner-tabs.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script setup>
-import { reactive, ref, onBeforeMount, toRefs } from "vue";
+import { reactive, ref, onBeforeMount, watch } from "vue";
 const props = defineProps({
   modelValue: {
     type: [String, Number],
@@ -35,6 +35,13 @@ const emit = defineEmits(["update:modelValue", "change"]);
 
 const nowIndex = ref("");
 
+watch(
+  () => props.modelValue,
+  () => {
+    nowIndex.value = props.modelValue;
+  }
+);
+
 const changeInner = (val) => {
   nowIndex.value = val;
   emit("update:modelValue", val);
@@ -42,7 +49,7 @@ const changeInner = (val) => {
 };
 
 onBeforeMount(() => {
-  nowIndex.value = props.default;
+  nowIndex.value = props.modelValue;
 });
 </script>
 
diff --git a/src/bg-ui/bg-table-pro.vue b/src/bg-ui/bg-table-pro.vue
index 8e61ac8..de8d9f4 100644
--- a/src/bg-ui/bg-table-pro.vue
+++ b/src/bg-ui/bg-table-pro.vue
@@ -178,4 +178,9 @@ const getRowInfo = (row, key) => {
     $_prop_path: propPath,
   };
 };
+
+defineExpose({
+  clearSelection,
+  getRowInfo,
+});
 </script>
diff --git a/src/bg-ui/bg-table.vue b/src/bg-ui/bg-table.vue
index 38ec75b..5177bc1 100644
--- a/src/bg-ui/bg-table.vue
+++ b/src/bg-ui/bg-table.vue
@@ -1,6 +1,5 @@
 <template>
   <el-table
-    :height="height"
     ref="table"
     class="bg-table"
     :data="rows"
@@ -13,7 +12,7 @@
     <template v-slot:empty>
       <div class="empty_container">
         <img src="../assets/imgs/img-no-data.png" alt="" />
-        <div class="text">暂无数据</div>
+        <div class="text">{{ emptyText }}</div>
       </div>
     </template>
     <el-table-column v-if="paddingLeft > 10" :width="paddingLeft - 10"></el-table-column>
@@ -24,7 +23,7 @@
       <!-- 序号 -->
     </el-table-column>
     <el-table-column
-      v-for="(header) in headers"
+      v-for="header in headers"
       :width="header.width"
       :min-width="header.minWidth"
       :align="header.align"
@@ -52,21 +51,10 @@
 <script setup>
 import { watch, ref, nextTick } from "vue";
 import { selectTableMixin } from "./hook/mixin-select-table";
-const {
-  nowSelectData,
-  allSelectData,
-  initAllSelectData,
-  selectData,
-  initSelectTableData,
-  runPage,
-  dealSelectData,
-} = selectTableMixin();
+const { nowSelectData, allSelectData, initAllSelectData, selectData, initSelectTableData, runPage, dealSelectData } =
+  selectTableMixin();
 
 const props = defineProps({
-  height: {
-    type: [Number, String],
-    default: "auto",
-  },
   headers: {
     type: Array,
     require: true,
@@ -87,6 +75,10 @@ const props = defineProps({
     type: String,
     default: "序号",
   },
+  emptyText: {
+    type: String,
+    default: "暂无数据",
+  },
   stripe: {
     type: Boolean,
     default: false,
diff --git a/src/bg-ui/bg-upload.vue b/src/bg-ui/bg-upload.vue
index 8e7ecea..6f48fa5 100644
--- a/src/bg-ui/bg-upload.vue
+++ b/src/bg-ui/bg-upload.vue
@@ -6,6 +6,8 @@
         directory: 'file',
         uniqueCode: false,
       }"
+      :limit="limit"
+      :http-request="httpRequest"
       :before-upload="handleBeforeUpload"
       :on-exceed="handleExceed"
       :on-success="handleSuccess"
@@ -95,6 +97,9 @@ const props = defineProps({
     type: String,
     default: "",
   },
+  httpRequest: {
+    type: Function,
+  },
   limit: {
     type: Number,
     default: 9999,
@@ -123,10 +128,6 @@ watch(
   }
 );
 const handleBeforeUpload = (file) => {
-  if (state.fileList && state.fileList.length >= props.limit) {
-    ElMessage.error(`只允许上传${props.limit}个文件`);
-    return false;
-  }
   let temp = file.name.split(".");
   let type = temp[temp.length - 1].toLocaleLowerCase();
   let fileTypesOk = props.fileTypes.indexOf(type) > -1 || props.fileTypes.length == 0;
@@ -143,7 +144,7 @@ const handleBeforeUpload = (file) => {
   return fileTypesOk && fileMaxSizeOk;
 };
 const handleExceed = (file, fileList) => {
-  console.log(file, fileList);
+  ElMessage.error(`只允许上传${props.limit}个文件`);
 };
 const handlePreview = (val) => {
   let a = document.createElement("a"); // 生成一个a元素
diff --git a/src/components/edit-table.vue b/src/components/edit-table.vue
index e2b8dd6..9988f7c 100644
--- a/src/components/edit-table.vue
+++ b/src/components/edit-table.vue
@@ -1,101 +1,98 @@
 <template>
-    <div>
-        <el-table
-            :data="tableData"
-            style="width: 100%">
-            <el-table-column
-            v-for="(item,index) in header"
-            :key="'header'+index"
-                prop="date"
-                :label="item.name"
-                :width="item.width">
-                <template v-slot:default="scope">
-                    <span class="table-span" v-for="(it,idx) in item.value" :key="'it'+idx">
-                        <el-input
-                            v-if="it.type == 'input'"
-                            v-show="it.show==undefined?true:typeof(it.show)=='function'?it.show(scope):it.show"
-                            @change="changeData({...scope,type:it.value,check:it.check||null})"
-                            v-model="scope.row[it.value]"
-                            :style="{width:it.width}"
-                            :placeholder="it.placeholder"
-                            :disabled="it.disabled"
-                        ></el-input>
-                        <el-select
-                            v-if="it.type == 'select'"
-                            v-show="it.show==undefined?true:typeof(it.show)=='function'?it.show(scope):it.show"
-                            @change="changeData({...scope,type:it.value,check:it.check||null})"
-                            :multiple="it.multiple || false"
-                            v-model="scope.row[it.value]"
-                            :style="{width:it.width}"
-                            :disabled="it.disabled"
-                            :placeholder="it.placeholder"
-                            >
-                                <el-option
-                                    v-for="(itx, idxm) in it.arr"
-                                    :key="idxm + 600"
-                                    :label="itx.label"
-                                    :value="itx.value"
-                                    :disabled="itx.disabled"
-                                ></el-option>
-                        </el-select>
-                        <span v-if="it.type == 'text'" v-show="it.show==undefined?true:typeof(it.show)=='function'?it.show(scope):it.show">{{it.value}}</span>
-                        <span v-if="it.type == 'value'" v-show="it.show==undefined?true:typeof(it.show)=='function'?it.show(scope):it.show">{{scope.row[it.value]}}</span>
-                        <span class="button" v-if="it.type == 'button'" v-show="it.show==undefined?true:typeof(it.show)=='function'?it.show(scope):it.show" @click="it.callback(scope)">{{it.value}}</span>
-                    </span>
-                </template>
-            </el-table-column>
-        </el-table>
-    </div>
+  <div>
+    <el-table :data="tableData" style="width: 100%">
+      <el-table-column
+        v-for="(item, index) in header"
+        :key="'header' + index"
+        prop="date"
+        :label="item.name"
+        :width="item.width">
+        <template v-slot:default="scope">
+          <span class="table-span" v-for="(it, idx) in item.value" :key="'it' + idx">
+            <el-input
+              v-if="it.type == 'input'"
+              v-show="it.show == undefined ? true : typeof it.show == 'function' ? it.show(scope) : it.show"
+              @change="changeData({ ...scope, type: it.value, check: it.check || null })"
+              v-model="scope.row[it.value]"
+              :style="{ width: it.width }"
+              :placeholder="it.placeholder"
+              :disabled="it.disabled"></el-input>
+            <el-select
+              v-if="it.type == 'select'"
+              v-show="it.show == undefined ? true : typeof it.show == 'function' ? it.show(scope) : it.show"
+              @change="changeData({ ...scope, type: it.value, check: it.check || null })"
+              :multiple="it.multiple || false"
+              v-model="scope.row[it.value]"
+              :style="{ width: it.width }"
+              :disabled="it.disabled"
+              :placeholder="it.placeholder">
+              <el-option
+                v-for="(itx, idxm) in it.arr"
+                :key="idxm + 600"
+                :label="itx.label"
+                :value="itx.value"
+                :disabled="itx.disabled"></el-option>
+            </el-select>
+            <span
+              v-if="it.type == 'text'"
+              v-show="it.show == undefined ? true : typeof it.show == 'function' ? it.show(scope) : it.show"
+              >{{ it.value }}</span
+            >
+            <span
+              v-if="it.type == 'value'"
+              v-show="it.show == undefined ? true : typeof it.show == 'function' ? it.show(scope) : it.show"
+              >{{ scope.row[it.value] }}</span
+            >
+            <span
+              class="button"
+              v-if="it.type == 'button'"
+              v-show="it.show == undefined ? true : typeof it.show == 'function' ? it.show(scope) : it.show"
+              @click="it.callback(scope)"
+              >{{ it.value }}</span
+            >
+          </span>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
 </template>
 
 <script>
 export default {
-    props: {
-        header:{
-            type:Array,
-            default:()=>[]
-        },
-        tableData:{
-            type:Array,
-            default:()=>[]
-        }
+  props: {
+    header: {
+      type: Array,
+      default: () => [],
     },
-    components: {
-
-    },
-    data() {
-        return {
-
-        };
-    },
-    watch: {
-
-    },
-    computed: {
-
-    },
-    created() {
-
-    },
-    mounted() {
-
+    tableData: {
+      type: Array,
+      default: () => [],
     },
-    methods: {
-        changeData(val){
-            this.$emit('change',val)
-        }
+  },
+  components: {},
+  data() {
+    return {};
+  },
+  watch: {},
+  computed: {},
+  created() {},
+  mounted() {},
+  methods: {
+    changeData(val) {
+      this.$emit("change", val);
     },
+  },
 };
 </script>
 
 <style scoped>
-.table-span{
-    float: left;
-    margin-right: 10px;
-    line-height: 40px;
+.table-span {
+  float: left;
+  margin-right: 10px;
+  line-height: 40px;
 }
-.button{
-    cursor: pointer;
-    color: #2b4695;
+.button {
+  cursor: pointer;
+  color: #2b4695;
 }
 </style>
diff --git a/src/main.js b/src/main.js
index 99b063a..94a6450 100644
--- a/src/main.js
+++ b/src/main.js
@@ -30,9 +30,8 @@ import store from "@/store";
 import i18n from "./i18n/i18n.js";
 
 import axios from "./request/http.js";
-
+import api from "./request/api.js";
 import config from "../package.json";
-console.log(config.version);
 
 const createVue = createApp(App);
 // createVue.use(ElementPlus, { locale });
@@ -60,6 +59,7 @@ for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
 }
 
 createVue.config.globalProperties.$axios = axios;
+createVue.config.globalProperties.$api = api;
 
 import menu from "./router/function.js";
 
diff --git a/src/page/main/auto-maintenance/host-manage/add/index.vue b/src/page/main/auto-maintenance/host-manage/add/index.vue
new file mode 100644
index 0000000..0a3725d
--- /dev/null
+++ b/src/page/main/auto-maintenance/host-manage/add/index.vue
@@ -0,0 +1,202 @@
+<template>
+  <div class="detail_container">
+    <bg-breadcrumb></bg-breadcrumb>
+    <div class="main_container">
+      <div class="content_main bg-scroll">
+        <el-form
+          label-position="top"
+          label-width="100px"
+          ref="ruleFormRef"
+          :model="formData"
+          :rules="formRules"
+          style="max-width: 70%">
+          <el-form-item label="主机分组名称" prop="host_name">
+            <el-input
+              :disabled="route.query.id"
+              clearable
+              v-model="formData.host_name"
+              maxlength="20"
+              placeholder="请输入主机分组名称"
+              show-word-limit />
+          </el-form-item>
+        </el-form>
+        <bg-inner-tabs v-model="currentTab" :data="tabOptions"></bg-inner-tabs>
+        <listTable v-show="currentTab == 0" ref="listTableRef" :initTableData="initTableData"></listTable>
+        <div class="upload_container" v-show="currentTab == 1">
+          <div class="upload_top">
+            <div class="required-item">上传文件</div>
+            <div>
+              模版下载：<span class="file" @click="downloadFile(`/主机IP模板.xlsx`)"
+                >IP主机模板<bg-icon icon="#bg-ic-to-bottom"></bg-icon
+              ></span>
+            </div>
+          </div>
+          <bg-upload
+            :httpRequest="httpRequest"
+            style="width: 360px"
+            v-model="attachment"
+            customTips
+            :limit="1"
+            :fileTypes="['xlsx', 'xls']">
+            <span>将文件拖到此处，或 点击上传</span><br />
+            <span>支持上传一个后缀为.xlsx或.xls的文件，文件大小不超过20M，最多解析1000个IP</span>
+          </bg-upload>
+        </div>
+      </div>
+      <div class="content_foot apaas_button">
+        <el-button type="default" @click="back"> 取消 </el-button>
+        <el-button type="primary" @click="save"> 保存 </el-button>
+      </div>
+    </div>
+    <checkStatusDialog v-model="checkStatusVisible" :enter="1" :checkStatusData="checkStatusData"></checkStatusDialog>
+  </div>
+</template>
+
+<script setup>
+import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+import { useRouter, useRoute } from "vue-router";
+import { ElMessage } from "element-plus";
+import bgBreadcrumb from "@/components/bg-breadcrumb.vue";
+import listTable from "../components/list-table.vue";
+import checkStatusDialog from "../components/check-status-dialog.vue";
+import { downloadFileFormat } from "@/services/helper.js";
+
+const { proxy } = getCurrentInstance();
+const { $api } = proxy;
+const router = useRouter();
+const route = useRoute();
+
+const formData = reactive({
+  host_name: "",
+});
+const formRules = reactive({
+  host_name: [{ required: true, message: "主机分组名称不能为空", trigger: "blur" }],
+});
+
+const attachment = ref([]);
+const downloadFile = (data) => {
+  const a = document.createElement("a"); // 创建a标签
+  a.setAttribute("download", ""); // download属性
+  a.setAttribute("href", data); // href链接
+  a.click(); // 自执行点击事件
+};
+
+const currentTab = ref(0);
+const tabOptions = ref(["列表维护", "文件上传"]);
+
+const ruleFormRef = ref();
+const listTableRef = ref();
+const checkStatusVisible = ref(false);
+const checkStatusData = ref({});
+const save = () => {
+  ruleFormRef.value.validate((valid) => {
+    if (currentTab.value == 0) {
+      let { flag, list } = listTableRef.value.getData();
+      if (flag && valid) {
+        checkStatusData.value = {
+          detection_type: 2,
+          host_manage_list: list,
+          host_name: formData.host_name,
+        };
+        checkStatusVisible.value = true;
+      }
+    } else {
+      if (attachment.value.length == 0) {
+        return ElMessage.error("请上传文件");
+      }
+      checkStatusData.value = {
+        detection_type: 3,
+        file_name: attachment.value[0].url.split("/").at(-1),
+        host_file_url: attachment.value[0].url,
+        host_name: formData.host_name,
+      };
+      if (valid) {
+        checkStatusVisible.value = true;
+      }
+    }
+  });
+};
+const back = () => {
+  router.back();
+};
+
+const initTableData = ref([]);
+const getHostManageDetail = () => {
+  $api.autoMaintenance.getHostManageDetail(route.query.id).then((res) => {
+    if (res.data.code == 200) {
+      let data = res.data.data;
+      formData.host_name = data.host_name;
+      initTableData.value = data.host_list || [];
+      if (data.host_file_url) {
+        currentTab.value = 1;
+        attachment.value = [
+          {
+            name: downloadFileFormat(data.host_file_url),
+            url: data.host_file_url,
+          },
+        ];
+      }
+    } else {
+      ElMessage.error(res.data.data);
+    }
+  });
+};
+
+const httpRequest = (file) => {
+  let formData = new FormData();
+  formData.append("upload_file", file.file);
+  $api.autoMaintenance.uploadHostManageFile(formData).then((res) => {
+    if (res.data.code == 200) {
+      let data = res.data.data;
+      file.onSuccess({
+        data,
+      });
+    } else {
+      ElMessage.error(res.data.data);
+    }
+  });
+};
+
+onMounted(() => {
+  if (route.query.id) {
+    getHostManageDetail();
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+.main_container {
+  .content_main {
+    padding: 30px;
+    height: 0;
+    flex: auto;
+    overflow: auto;
+  }
+  .content_foot {
+    border-top: 1px solid #e6e9ef;
+    padding: 16px 16px 0 16px;
+    display: flex;
+    justify-content: flex-end;
+  }
+  .upload_container {
+    width: 360px;
+    .upload_top {
+      margin: 16px 0 10px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-size: 14px;
+      color: #404a62;
+      .file {
+        color: #3759be;
+        cursor: pointer;
+      }
+    }
+  }
+  .required-item::before {
+    content: "*";
+    color: #d75138;
+    margin-right: 4px;
+  }
+}
+</style>
diff --git a/src/page/main/auto-maintenance/host-manage/components/check-status-dialog.vue b/src/page/main/auto-maintenance/host-manage/components/check-status-dialog.vue
new file mode 100644
index 0000000..711beda
--- /dev/null
+++ b/src/page/main/auto-maintenance/host-manage/components/check-status-dialog.vue
@@ -0,0 +1,343 @@
+<template>
+  <el-dialog
+    class="dialog_box check_status_dialog"
+    title="连接状态检测"
+    v-model="dialogVisible"
+    width="1024px"
+    @closed="resetDialog">
+    <div class="main">
+      <div class="title" v-if="props.enter == 0">主机分组名称：{{ props.checkStatusData.host_name }}</div>
+      <div class="loading-container">
+        <span class="icon_box" :class="{ ic_animation: stateValue == 0 }"
+          ><bg-icon :class="getClassName(stateValue)" :icon="getIcon(stateValue)"
+        /></span>
+        <span>{{ getText(stateValue) }}</span>
+      </div>
+      <div class="table-container">
+        <div class="table-top">
+          <span>异常状态列表</span>
+          <el-button type="primary" @click="exportFile" :disabled="stateValue == 0 || tableTotal == 0">
+            导出
+          </el-button>
+        </div>
+        <div class="status-lists">
+          <div class="table">
+            <bg-table
+              :empty-text="'无异常数据'"
+              :height="300"
+              ref="taskTable"
+              :headers="taskHeaders"
+              :rows="taskRows"
+              :isIndex="true"
+              :stripe="true">
+              <template v-slot:voucher_type="{ row }">
+                {{ row.voucher_type == 0 ? "密码验证" : "密钥验证" }}
+              </template>
+            </bg-table>
+          </div>
+          <bg-pagination
+            v-if="taskRows.length > 0"
+            :page="filter.page"
+            :size="filter.size"
+            :total="tableTotal"
+            @change-page="changePage"
+            @change-size="changeSize">
+          </bg-pagination>
+        </div>
+      </div>
+    </div>
+    <template v-slot:footer>
+      <div class="apaas_button">
+        <el-button type="default" @click="dialogVisible = false">{{ props.enter == 0 ? "关闭" : "取消" }}</el-button>
+        <el-button :disabled="stateValue != 1" v-if="props.enter != 0" type="primary" @click="save"
+          >剔除异常数据并保存</el-button
+        >
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { reactive, ref, onBeforeMount, getCurrentInstance, computed, watch, nextTick, watchEffect } from "vue";
+import { useRouter, useRoute } from "vue-router";
+import { ElMessage } from "element-plus";
+
+const { proxy } = getCurrentInstance();
+const { $api } = proxy;
+const router = useRouter();
+const route = useRoute();
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+  },
+  checkStatusData: {
+    type: Object,
+  },
+  //   0：列表页   1：详情页
+  enter: {
+    type: Number,
+  },
+});
+const emit = defineEmits(["update:modelValue"]);
+
+const dialogVisible = computed({
+  get() {
+    if (props.modelValue) {
+      postHostManageState();
+    }
+    return props.modelValue;
+  },
+  set(value) {
+    emit("update:modelValue", value);
+  },
+});
+
+const stateUUID = ref("");
+const postHostManageState = () => {
+  const formData = new FormData();
+  formData.append("detection_type", props.checkStatusData.detection_type);
+  switch (props.checkStatusData.detection_type) {
+    case 1:
+      formData.append("id", props.checkStatusData.id);
+      break;
+    case 2:
+      formData.append("host_manage_list", JSON.stringify(props.checkStatusData.host_manage_list));
+      break;
+    case 3:
+      formData.append("file_name", props.checkStatusData.file_name);
+      break;
+  }
+  $api.autoMaintenance.postHostManageState(formData).then((res) => {
+    if (res.data.code == 200) {
+      let data = res.data.data;
+      stateUUID.value = data;
+      stateValue.value = 1;
+      getTableRows();
+    } else {
+      stateValue.value = 2;
+      ElMessage.error(res.data.data);
+    }
+  });
+};
+
+const exportFile = () => {
+  let params = {
+    detection_type: props.enter == 0 ? 1 : 0,
+  };
+  switch (params.detection_type) {
+    case 1:
+      params.id = props.checkStatusData.id;
+      break;
+    case 0:
+      params.uuid = stateUUID.value;
+      break;
+  }
+  ElMessage.success("开始导出");
+  let url = `/v1/api/automated_mainten/host_manage/export?`;
+  const paramsArray = [];
+  for (const [key, value] of Object.entries(params)) {
+    paramsArray.push(`${key}=${value}`);
+  }
+  url += paramsArray.join("&");
+
+  const a = document.createElement("a");
+  const event = new MouseEvent("click");
+  a.href = url;
+  a.dispatchEvent(event);
+};
+
+const stateValue = ref(0);
+const getIcon = (stateValue = 0) => {
+  const icons = ["#bg-ic-s-circle-restart", "#bg-ic-s-circle-check", "#bg-ic-s-circle-close"];
+  return icons[stateValue];
+};
+const getClassName = (stateValue = 0) => {
+  const classNames = ["pending", "success", "error"];
+  return classNames[stateValue];
+};
+const getText = (stateValue = 0) => {
+  const text = ["状态检测中", "状态检测完成", "状态检测失败"];
+  return text[stateValue];
+};
+
+const taskHeaders = [
+  {
+    prop: "ip",
+    label: "IP",
+  },
+  {
+    prop: "port",
+    label: "端口",
+  },
+  {
+    prop: "voucher_type",
+    label: "凭证类型",
+  },
+  {
+    prop: "user_name",
+    label: "用户名",
+  },
+  {
+    prop: "password",
+    label: "密码",
+  },
+];
+const taskRows = ref([]);
+const filter = ref({
+  page: 1,
+  size: 10,
+});
+const tableTotal = ref(0);
+const changePage = (page) => {
+  filter.value.page = page;
+  getTableRows();
+}; // 改变页码
+
+const changeSize = (size) => {
+  filter.value.size = size;
+  changePage(1);
+}; // 改变每页条数
+
+const getTableRows = () => {
+  let params = {
+    detection_type: props.enter == 0 ? 1 : 2,
+  };
+  switch (params.detection_type) {
+    case 1:
+      params.id = props.checkStatusData.id;
+      params.page = filter.value.page;
+      params.page_size = filter.value.size;
+      break;
+    case 2:
+      params.uuid = stateUUID.value;
+      params.page = filter.value.page;
+      params.page_size = filter.value.size;
+      break;
+  }
+  $api.autoMaintenance.getHostManageIPExceptionList(params).then((res) => {
+    if (res.data.code == 200) {
+      let data = res.data.data || [];
+      taskRows.value = data;
+      tableTotal.value = res.data.total;
+    } else {
+      ElMessage.error(res.data.data);
+    }
+  });
+};
+const save = () => {
+  let data = {
+    uuid: stateUUID.value,
+  };
+  if (props.checkStatusData.detection_type == 3) {
+    data.host_file_url = props.checkStatusData.host_file_url;
+  }
+  if (route.query.id) {
+    // 编辑
+    data.id = Number(route.query.id);
+    $api.autoMaintenance.putHostManageEdit(data).then((res) => {
+      if (res.data.code == 200) {
+        ElMessage.success("保存成功");
+        router.back();
+      } else {
+        ElMessage.error(res.data.data);
+      }
+    });
+  } else {
+    // 新增
+    data.host_name = props.checkStatusData.host_name;
+    $api.autoMaintenance.postHostManageAdd(data).then((res) => {
+      if (res.data.code == 200) {
+        ElMessage.success("保存成功");
+        router.back();
+      } else {
+        ElMessage.error(res.data.data);
+      }
+    });
+  }
+};
+
+const resetDialog = () => {
+  stateValue.value = 0;
+  taskRows.value = [];
+  tableTotal.value = 0;
+  filter.value.page = 1;
+  filter.value.size = 10;
+};
+</script>
+
+<style lang="scss" scoped>
+.dialog_box {
+  .main {
+    .title {
+      text-align: left;
+      margin-bottom: 10px;
+      font-weight: bold;
+      font-size: 16px;
+    }
+    .loading-container {
+      margin: auto;
+      text-align: center;
+      width: 200px;
+      background-color: #eaedf5;
+      border-radius: 4px;
+      font-size: 14px;
+      color: #404a62;
+      padding: 10px 0;
+      .icon_box {
+        margin-right: 8px;
+        display: inline-block;
+      }
+      .pending {
+        font-size: 14px;
+        color: #3759be;
+      }
+      .success {
+        font-size: 14px;
+        color: #429e8a;
+      }
+      .error {
+        font-size: 14px;
+        color: #d75138;
+      }
+      .ic_animation {
+        animation: loading-rotate 1.5s linear infinite;
+      }
+      @keyframes loading-rotate {
+        100% {
+          transform: rotate(360deg);
+        }
+      }
+    }
+    .table-container {
+      .table-top {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin: 10px 0;
+        font-weight: bold;
+        font-size: 16px;
+      }
+      .status-lists {
+        margin-top: 16px;
+        overflow: hidden;
+        padding-bottom: 10px;
+      }
+    }
+  }
+}
+</style>
+
+<style lang="scss">
+.check_status_dialog {
+  .el-dialog__footer {
+    border-top: 1px solid #e6e9ef;
+  }
+  .bg-table .el-table__empty-block {
+    height: unset !important;
+    .empty_container {
+      height: unset;
+      padding-top: 46px;
+    }
+  }
+}
+</style>
diff --git a/src/page/main/auto-maintenance/host-manage/components/list-table.vue b/src/page/main/auto-maintenance/host-manage/components/list-table.vue
new file mode 100644
index 0000000..6439833
--- /dev/null
+++ b/src/page/main/auto-maintenance/host-manage/components/list-table.vue
@@ -0,0 +1,290 @@
+<template>
+  <el-form style="margin: 16px 0" ref="ruleFormRef" class="rule-form" :model="tableRows">
+    <bg-table-pro
+      class="input-table"
+      :headers="headers"
+      :data="tableRows"
+      ref="inputTable"
+      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+      row-key="id"
+      default-expand-all
+      :border="true"
+      :stripe="false">
+      <template #ip="{ row }">
+        <el-form-item
+          :rules="{
+            required: true,
+            message: 'IP不能为空',
+            trigger: 'blur',
+          }"
+          style="width: 100%"
+          :prop="`${row.$row_path}.ip`">
+          <el-input clearable placeholder="请输入IP" v-model="row.ip" />
+        </el-form-item>
+      </template>
+      <template #port="{ row }">
+        <el-form-item style="width: 100%">
+          <el-input clearable placeholder="请输入端口号" v-model="row.port" />
+        </el-form-item>
+      </template>
+      <template #voucher_type="{ row }">
+        <el-form-item
+          :rules="{
+            required: true,
+            message: '凭证类型不能为空',
+            trigger: 'change',
+          }"
+          style="width: 100%"
+          :prop="`${row.$row_path}.voucher_type`">
+          <el-select @change="(val) => changeType(val, row)" v-model="row.voucher_type" placeholder="请选择凭证类型">
+            <el-option v-for="item in typeOptions" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+        </el-form-item>
+      </template>
+      <template #user_name="{ row }">
+        <el-form-item
+          :rules="{
+            required: true,
+            message: '用户名不能为空',
+            trigger: 'blur',
+          }"
+          style="width: 100%"
+          :prop="`${row.$row_path}.user_name`">
+          <el-input clearable placeholder="请输入用户名" v-model="row.user_name" />
+        </el-form-item>
+      </template>
+      <template #password="{ row }">
+        <el-form-item
+          v-if="row.voucher_type != 1"
+          :rules="{
+            required: true,
+            message: '密码不能为空',
+            trigger: 'blur',
+          }"
+          style="width: 100%"
+          :prop="`${row.$row_path}.password`">
+          <el-input clearable placeholder="请输入密码" v-model="row.password" />
+        </el-form-item>
+        <el-form-item v-else required style="width: 100%">
+          <el-input disabled />
+        </el-form-item>
+      </template>
+      <template #action="{ row }">
+        <bg-table-btn
+          :click="
+            () => {
+              addInputConf(row);
+            }
+          "
+          :disabled="tableRows.length == 5">
+          新增
+        </bg-table-btn>
+        <bg-table-btn
+          :click="
+            () => {
+              removeInputConf(row);
+            }
+          "
+          :disabled="tableRows.length == 1">
+          删除
+        </bg-table-btn>
+      </template>
+    </bg-table-pro>
+  </el-form>
+</template>
+
+<script setup>
+import { ref, reactive, toRefs, watch } from "vue";
+import { v4 as uuidv4 } from "uuid";
+
+const props = defineProps({
+  initTableData: {
+    default: () => {
+      return [];
+    },
+  },
+});
+
+const ruleFormRef = ref(null);
+const inputTable = ref(null);
+
+const headers = reactive([
+  {
+    label: "IP（IP之间用英文逗号分隔）",
+    required: true,
+    prop: "ip",
+    width: 300,
+  },
+  {
+    label: "端口号（不填写，默认为22）",
+    prop: "port",
+  },
+  {
+    label: "凭证类型",
+    required: true,
+    prop: "voucher_type",
+  },
+  {
+    label: "用户名",
+    required: true,
+    prop: "user_name",
+  },
+  {
+    label: "密码",
+    required: true,
+    prop: "password",
+  },
+  {
+    label: "操作",
+    prop: "action",
+    width: 120,
+  },
+]);
+
+const typeOptions = [
+  {
+    value: 0,
+    label: "密码验证",
+  },
+  {
+    value: 1,
+    label: "密钥验证",
+  },
+];
+
+const state = reactive({
+  inputTable,
+  tableRows: [],
+});
+const { tableRows } = toRefs(state);
+
+const addInputConf = (row) => {
+  let tempRow = createRow();
+
+  if (row) {
+    let { index, rows } = getInputRowInfo(row);
+    rows.splice(index + 1, 0, tempRow);
+  } else {
+    state.tableRows = [tempRow];
+  }
+
+  updateInputConfRows();
+}; //增加
+
+const updateInputConfRows = () => {
+  let recursionItems = (items, parentType, parentPath) => {
+    for (let i = 0; i < items.length; i++) {
+      let item = items[i];
+
+      item.$parent_type = parentType;
+      item.$row_path = `${parentPath}[${i}]`;
+
+      if (item.children && item.children.length) {
+        let basePath = `${item.$row_path}.children.`;
+
+        recursionItems(item.children, item.paramType, basePath);
+      }
+    }
+  };
+
+  recursionItems(state.tableRows, "", "");
+  clearValidate();
+}; // 更新 $parent_type 和 $row_path 字段
+
+const clearValidate = () => {
+  ruleFormRef.value && ruleFormRef.value.clearValidate();
+};
+
+const createRow = () => {
+  return {
+    id: uuidv4(),
+    ip: "",
+    port: "22",
+    voucher_type: "",
+    user_name: "",
+    password: "",
+  };
+};
+
+const getInputRowInfo = (row) => {
+  return state.inputTable && state.inputTable.getRowInfo(row, `id`);
+}; //获取当前行的数据信息
+
+const removeInputConf = (row) => {
+  let { index, rows } = getInputRowInfo(row);
+
+  rows.splice(index, 1);
+
+  if (rows.length === 0) {
+    rows.push(createRow());
+  }
+
+  updateInputConfRows();
+}; // 删除
+
+const initTable = () => {
+  if (props.initTableData && props.initTableData.length >= 1) {
+    state.tableRows = props.initTableData;
+    updateInputConfRows();
+  } else {
+    addInputConf();
+  }
+};
+
+const changeType = (val, row) => {
+  if (val == 2) {
+    row.password = "";
+  }
+};
+
+const getData = () => {
+  ruleFormRef.value && ruleFormRef.value.validate((valid) => {});
+  let flag = true;
+  let list = state.tableRows.map((item) => {
+    if (
+      item.ip == "" ||
+      item.voucher_type === "" ||
+      item.user_name == "" ||
+      (item.voucher_type === 0 && item.password == "")
+    ) {
+      flag = false;
+    }
+    return {
+      ip: item.ip,
+      port: item.port,
+      voucher_type: item.voucher_type,
+      user_name: item.user_name,
+      password: item.password,
+    };
+  });
+  return {
+    list,
+    flag,
+  };
+};
+
+watch(
+  () => {
+    return props.initTableData;
+  },
+  () => {
+    initTable();
+  },
+  {
+    immediate: true,
+  }
+);
+
+defineExpose({
+  getData,
+  clearValidate,
+});
+</script>
+
+<style lang="scss" scoped>
+.rule-form {
+  ::v-deep(.bg-table .el-form-item .el-form-item__error) {
+    bottom: -13px;
+  }
+}
+</style>
diff --git a/src/page/main/auto-maintenance/host-manage/detail/index.vue b/src/page/main/auto-maintenance/host-manage/detail/index.vue
new file mode 100644
index 0000000..adeae81
--- /dev/null
+++ b/src/page/main/auto-maintenance/host-manage/detail/index.vue
@@ -0,0 +1,234 @@
+<template>
+  <div class="my-business-detail">
+    <div class="breadcrumb">
+      <bg-breadcrumb />
+    </div>
+    <div class="content bg-scroll">
+      <div class="go-back">
+        <goBack />
+      </div>
+      <gap-title :hasLine="true" title="基本信息"></gap-title>
+      <div class="info">
+        <Info :labelData="labelData" :valueData="basicInfo"> </Info>
+      </div>
+      <gap-title :hasLine="true" title="主机列表"></gap-title>
+      <div class="info">
+        <div class="host-lists">
+          <bg-table border ref="hostTable" :headers="hostHeaders" :rows="hostRows" height="100%" :isIndex="true">
+          </bg-table>
+        </div>
+        <div style="margin-top: 10px" v-if="fileUrl">
+          <a download :href="fileUrl">{{ downloadFileFormat(fileUrl) }}</a>
+        </div>
+      </div>
+      <gap-title :hasLine="true" title="任务列表"></gap-title>
+      <div class="info">
+        <div class="task-lists">
+          <div class="table">
+            <bg-table ref="taskTable" :headers="taskHeaders" :rows="taskRows" :isIndex="true" :stripe="true">
+            </bg-table>
+          </div>
+          <!-- <bg-pagination
+            :page="filter.page"
+            :size="filter.size"
+            :total="tableTotal"
+            @change-page="changePage"
+            @change-size="changeSize">
+          </bg-pagination> -->
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, getCurrentInstance } from "vue";
+import { useRouter, useRoute } from "vue-router";
+import bgBreadcrumb from "@/components/bg-breadcrumb.vue";
+import Info from "@/components/warn-detail/info.vue";
+import gapTitle from "@/components/gap-title.vue";
+import goBack from "@/components/go-back/index.vue";
+import { downloadFileFormat } from "@/services/helper.js";
+import { ElMessage } from "element-plus";
+
+const { proxy } = getCurrentInstance();
+const { $api } = proxy;
+const router = useRouter();
+const route = useRoute();
+
+const labelData = [
+  [
+    {
+      label: "主机分组名称",
+      prop: "host_name",
+    },
+  ],
+  [
+    {
+      label: "任务数量",
+      prop: "task_cnt",
+    },
+    {
+      label: "IP数量",
+      prop: "ip_cnt",
+    },
+  ],
+  [
+    {
+      label: "创建人",
+      prop: "create_user",
+    },
+    {
+      label: "创建时间",
+      prop: "create_time",
+    },
+  ],
+];
+const basicInfo = ref({
+  host_name: "",
+  task_cnt: "",
+  ip_cnt: "",
+  create_user: "",
+  create_time: "",
+});
+const hostHeaders = [
+  {
+    prop: "ip",
+    label: "IP",
+  },
+  {
+    prop: "port",
+    label: "端口",
+  },
+];
+const hostRows = ref([,]);
+const taskHeaders = [
+  {
+    prop: "task_name",
+    label: "任务名称",
+  },
+  {
+    prop: "exec_cnt",
+    label: "执行次数",
+  },
+  {
+    prop: "task_desc",
+    label: "描述",
+  },
+];
+const taskRows = ref([]);
+const filter = ref({
+  page: 1,
+  size: 10,
+});
+const tableTotal = ref(0);
+const changePage = (page) => {
+  filter.value.page = page;
+  getTableRows();
+}; // 改变页码
+
+const changeSize = (size) => {
+  filter.value.size = size;
+  changePage(1);
+}; // 改变每页条数
+
+const getTableRows = () => {};
+
+const fileUrl = ref("");
+const downloadFile = (url) => {
+  if (url) {
+    const a = document.createElement("a"); // 创建a标签
+    a.setAttribute("download", ""); // download属性
+    a.setAttribute("href", url); // href链接
+    a.click(); // 自执行点击事件
+  }
+};
+
+const getHostManageDetail = () => {
+  $api.autoMaintenance.getHostManageDetail(route.query.id).then((res) => {
+    if (res.data.code == 200) {
+      let data = res.data.data;
+      // 基本信息
+      basicInfo.value.host_name = data.host_name;
+      basicInfo.value.task_cnt = data.task_cnt;
+      basicInfo.value.ip_cnt = data.ip_cnt;
+      basicInfo.value.create_user = data.create_user;
+      basicInfo.value.create_time = data.create_time.split("+")[0].replace("T", " ").replace("Z", " ");
+      // 主机列表
+      hostRows.value = data.host_list || [];
+      fileUrl.value = data.host_file_url;
+      // 任务列表
+      taskRows.value = data.task_list || [];
+    } else {
+      ElMessage.error(res.data.data);
+    }
+  });
+};
+onMounted(() => {
+  getHostManageDetail();
+});
+</script>
+
+<style lang="scss" scoped>
+.my-business-detail {
+  width: 100%;
+  height: 100%;
+  padding: 0 24px 16px;
+  .breadcrumb {
+    width: 100%;
+    height: 46px;
+  }
+  .content {
+    width: 100%;
+    height: calc(100% - 46px);
+    background-color: #ffffff;
+    box-shadow: 0px 1px 4px 0px rgba(0, 7, 101, 0.15);
+    border-radius: 6px;
+    padding: 24px;
+    .go-back {
+      margin-bottom: 24px;
+    }
+    :deep(.gap-title) {
+      margin-bottom: 16px;
+    }
+    .info,
+    .feedback-info {
+      max-width: 1072px;
+      width: 100%;
+      padding: 0 8px 0;
+      &:not(:last-child) {
+        padding-bottom: 24px;
+      }
+      .status {
+        display: inline-block;
+        width: 6px;
+        height: 6px;
+        border-radius: 50%;
+        margin-right: 8px;
+        $statusObj: (
+          finish: #48ad97,
+          close: #9e9e9e,
+          info: #3759be,
+        );
+        @each $status, $color in $statusObj {
+          &-#{$status} {
+            background-color: $color;
+          }
+        }
+      }
+      .status-body {
+        display: flex;
+        align-items: center;
+      }
+      .host-lists {
+        margin-top: 16px;
+      }
+      .task-lists {
+        margin-top: 16px;
+        overflow: hidden;
+        padding-bottom: 10px;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/page/main/auto-maintenance/host-manage/index.vue b/src/page/main/auto-maintenance/host-manage/index.vue
index daa2862..5b58564 100644
--- a/src/page/main/auto-maintenance/host-manage/index.vue
+++ b/src/page/main/auto-maintenance/host-manage/index.vue
@@ -5,7 +5,7 @@
       <bg-filter-group @search="changeSearch" v-model="filter.search" placeholder="请输入关键字">
         <template v-slot:left_action>
           <div class="apaas_button">
-            <el-button type="primary" @click="register">
+            <el-button type="primary" @click="add">
               <bg-icon style="font-size: 12px; color: #fff; margin-right: 8px" icon="#bg-ic-add"></bg-icon>
               新增
             </el-button>
@@ -22,8 +22,8 @@
               <span class="filter_title">创建时间</span>
               <el-date-picker
                 v-model="filter.time"
-                type="daterange"
-                value-format="yyyy-MM-DD"
+                type="datetimerange"
+                value-format="YYYY-MM-DD HH:mm:ss"
                 range-separator="至"
                 start-placeholder="开始日期"
                 end-placeholder="结束日期" />
@@ -45,136 +45,72 @@
             :isIndex="true"
             :select="true"
             :stripe="true">
-            <template v-slot:name="{ row }">
-              <span class="can_click_text" @click="getChildren(row)">
-                {{ row.name }}
+            <template v-slot:host_name="{ row }">
+              <span class="can_click_text" @click="goToDetail(row)">
+                {{ row.host_name }}
               </span>
             </template>
-            <template v-slot:ipNumber="{ row }">
-              <span> {{ row.name }}/{{ row.name }} </span>
+            <template v-slot:ip_number="{ row }">
+              <span> {{ row.ip_cnt_err }}/{{ row.ip_cnt }} </span>
             </template>
-            <template v-slot:updated_time="{ row }">
-              {{ row.updated_time.split("+")[0].replace("T", " ").replace("Z", " ") }}
+            <template v-slot:create_time="{ row }">
+              {{ row.create_time.split("+")[0].replace("T", " ").replace("Z", " ") }}
             </template>
             <template v-slot:action="{ row }">
               <bg-table-btns2 :limit="3" :tableData="tableRows">
                 <bg-table-btn @click="editRow(row)">编辑</bg-table-btn>
                 <bg-table-btn @click="checkRow(row)">状态检测</bg-table-btn>
-                <bg-table-btn @click="exportRow(row, 1)">导出异常</bg-table-btn>
-                <bg-table-btn @click="deleteRow(row, 2)">删除</bg-table-btn>
+                <bg-table-btn :disabled="row.ip_cnt_err == 0" @click="exportRow(row)">导出异常</bg-table-btn>
+                <bg-table-btn @click="deleteRow(row)">删除</bg-table-btn>
               </bg-table-btns2>
             </template>
           </bg-table>
         </div>
         <bg-pagination
           :page="filter.page"
-          :size="filter.size"
+          :size="filter.page_size"
           :total="tableTotal"
           @change-page="changePage"
           @change-size="changeSize">
         </bg-pagination>
       </div>
     </div>
-    <!-- 新增/编辑弹窗 -->
-    <!-- <el-dialog
-      class="dialog_box"
-      :title="addType == 1 ? '新增' : '编辑'"
-      v-model="addDialog"
-      width="758px">
-      <el-form ref="bgForm" :model="formData" :rules="rules" label-width="80px" class="bg_form">
-        <el-form-item label="名称" prop="name">
-          <el-input
-            v-model.trim="formData.name"
-            show-word-limit
-            :maxlength="
-              nodeClassifyId == 'eb9c7d70-c123-42b7-8e61-dde1b022b669'
-                ? 6
-                : nodeClassifyId == 'efd9ec3b-7f18-49e2-9d88-bcca022243bb'
-                ? 4
-                : nodeClassifyId == '949a1138-4995-464e-97a9-424d097eb271'
-                ? 2
-                : 20
-            "
-            placeholder="请输入名称"></el-input>
-        </el-form-item>
-        <el-form-item label="描述" prop="describe">
-          <el-input
-            v-model="formData.describe"
-            type="textarea"
-            :autosize="{ minRows: 5 }"
-            show-word-limit
-            maxlength="200"
-            resize="vertical"
-            placeholder="请输入描述"></el-input>
-        </el-form-item>
-        <el-form-item label="是否启用" prop="state" style="margin-bottom: 0px">
-          <el-switch
-            class="bg-switch-ele"
-            v-model="formData.state"
-            :active-value="1"
-            :inactive-value="0"
-            inline-prompt
-            active-text="是"
-            inactive-text="否" />
-        </el-form-item>
-      </el-form>
-      <template v-slot:footer>
-        <div class="apaas_button">
-          <el-button type="default" @click="addDialog = false">取 消</el-button>
-          <el-button type="primary" @click="addConfirm">保 存</el-button>
-        </div>
-      </template>
-    </el-dialog> -->
-    <!-- 删除弹窗 -->
-    <!-- <el-dialog
-      class="dialog_box"
-      title="提示"
-      v-model="dialogDelete"
-      width="400px"
-      :before-close="
-        () => {
-          dialogDelete = false;
-        }
-      ">
-      <div>确定要删除此字典值吗？</div>
-      <template v-slot:footer>
-        <div class="apaas_button">
-          <el-button type="default" @click="dialogDelete = false">取 消</el-button>
-          <el-button type="primary" @click="deleteData">确 定</el-button>
-        </div>
-      </template>
-    </el-dialog> -->
+    <checkStatusDialog v-model="checkStatusVisible" :enter="0" :checkStatusData="checkStatusData"></checkStatusDialog>
   </div>
 </template>
 
 <script setup>
-import { reactive, ref, onBeforeMount, toRefs, computed, watch, nextTick, watchEffect } from "vue";
+import { reactive, ref, onBeforeMount, toRefs, getCurrentInstance, watch } from "vue";
 import { ElMessage } from "element-plus";
-import axios from "@/request/http.js";
-import { Search } from "@element-plus/icons-vue";
+import { useRouter, useRoute } from "vue-router";
 import bgBreadcrumb from "@/components/bg-breadcrumb.vue";
-const bgForm = ref(null);
+import checkStatusDialog from "./components/check-status-dialog.vue";
+
+const { proxy } = getCurrentInstance();
+const { $api } = proxy;
+const router = useRouter();
+const route = useRoute();
 const dataTable = ref(null);
 const headers = [
   {
     label: "主机分组名称",
-    prop: "name",
+    prop: "host_name",
   },
   {
     label: "IP数量（异常/全部）",
-    prop: "ipNumber",
+    prop: "ip_number",
   },
   {
     label: "任务数量",
-    prop: "workTimes",
+    prop: "task_cnt",
   },
   {
     label: "创建人",
-    prop: "person",
+    prop: "create_user",
   },
   {
     label: "创建时间",
-    prop: "updated_time",
+    prop: "create_time",
     width: 220,
   },
   {
@@ -186,12 +122,6 @@ const headers = [
 ];
 
 const state = reactive({
-  bgForm,
-  typeList: [], // 分类数据
-  typeKeyword: "", // 分类删选关键词
-  nodeClassifyId: null, // 当前选中分类的uuid  用于新增字典
-  nodeId: null, // 当前选中分类的id  用于请求列表
-  timer: null, // 定时器
   tableRows: [], // 表格数据
   selected: [], //选择数据
   tableTotal: 0, // 表格数据条数
@@ -199,41 +129,8 @@ const state = reactive({
     time: "",
     search: "",
     page: 1,
-    limit: 10,
+    page_size: 10,
   }, // 表格筛选项
-  stateOptions: [
-    {
-      name: "全部",
-      value: "",
-    },
-    {
-      name: "启用",
-      value: "1",
-    },
-    {
-      name: "禁用",
-      value: "0",
-    },
-  ], // 启用禁用
-  actionRow: null, // 当前操作的数据
-  dialogDelete: false, // 删除弹窗
-  addType: 0, //
-  addDialog: false,
-  formData: {
-    name: "",
-    describe: "",
-    state: 1,
-    p_dict_id: "",
-  },
-  rules: {
-    name: [{ required: true, message: "请输入名称", trigger: "blur" }],
-    describe: [
-      { required: true, message: "请输入描述", trigger: "blur" },
-      { max: 200, message: "描述最大为200字", trigger: "blur" },
-    ],
-    state: [{ required: true, message: "请选择是否启用", trigger: "change" }],
-  },
-  fatherRow: null,
 });
 
 const selectRows = (data) => {
@@ -244,39 +141,93 @@ const clearSelected = () => {
   dataTable.value.clearTable();
 };
 
-const deleteAllTips = () => {};
+const deleteAllTips = () => {
+  if (state.selected.length == 0) {
+    return ElMessage.warning("请选择数据");
+  }
+  let data = {
+    id: state.selected.map((item) => {
+      return item.id;
+    }),
+  };
+  $api.autoMaintenance.deleteHostManage(data).then((res) => {
+    if (res.data.code == 200) {
+      ElMessage.success("删除成功");
+      changePage(1);
+    } else {
+      ElMessage.error(res.data.data);
+    }
+  });
+};
 
-const dictLevel = ref(1);
+const exportRow = (row) => {
+  let params = {
+    detection_type: 1,
+    id: row.id,
+  };
+  ElMessage.success("开始导出");
+  let url = `/v1/api/automated_mainten/host_manage/export?`;
+  const paramsArray = [];
+  for (const [key, value] of Object.entries(params)) {
+    paramsArray.push(`${key}=${value}`);
+  }
+  url += paramsArray.join("&");
 
-const getChildren = (row) => {
-  dictLevel.value = 2;
-  state.tableRows = row.children || [];
-  state.tableTotal = row.total_children;
-  state.fatherRow = row;
+  const a = document.createElement("a");
+  const event = new MouseEvent("click");
+  a.href = url;
+  a.dispatchEvent(event);
+};
+const deleteRow = (row) => {
+  let data = {
+    id: [row.id],
+  };
+  $api.autoMaintenance.deleteHostManage(data).then((res) => {
+    if (res.data.code == 200) {
+      ElMessage.success("删除成功");
+      changePage(1);
+    } else {
+      ElMessage.error(res.data.data);
+    }
+  });
 };
 
-const getTypeList = () => {
-  let params = {
-    name: state.typeKeyword,
+const editRow = (row) => {
+  router.push({
+    path: "/auto-maintenance/host-manage/edit",
+    query: {
+      id: row.id,
+    },
+  });
+};
+
+const checkStatusVisible = ref(false);
+const checkStatusData = ref({});
+const checkRow = (row) => {
+  checkStatusData.value = {
+    host_name: row.host_name,
+    detection_type: 1,
+    id: row.id,
   };
-  axios
-    .get(`/apaas/system/v5/dictionary/classify/list`, { params })
-    .then((res) => {
-      if (res.data.code == 200) {
-        state.typeList = res.data.data || [];
-        state.nodeClassifyId = state.typeList[0].classify_id || null;
-        state.nodeId = state.typeList[0].id || null;
-        if (state.nodeId) {
-          getTableRows();
-        }
-      } else {
-        ElMessage.error(res.data.data);
-      }
-    })
-    .catch((err) => {
-      console.log(err);
-    });
-}; // 获取字典分类
+  checkStatusVisible.value = true;
+};
+watch(
+  () => checkStatusVisible.value,
+  (val) => {
+    if (!val) {
+      getTableRows();
+    }
+  }
+);
+
+const goToDetail = (row) => {
+  router.push({
+    path: "/auto-maintenance/host-manage/detail",
+    query: {
+      id: row.id,
+    },
+  });
+};
 
 const changeSearch = (val) => {
   state.filter.search = val;
@@ -291,7 +242,7 @@ const filterClear = () => {
   state.filter = {
     time: "",
     search: "",
-    limit: 10,
+    page_size: 10,
     page: 1,
   };
   changePage(1);
@@ -299,70 +250,40 @@ const filterClear = () => {
 
 const getTableRows = () => {
   let params = { ...state.filter };
-  params.id = state.nodeId;
-  axios
-    .get(`/apaas/system/v5/dictionary/list`, {
-      params,
-    })
-    .then((res) => {
-      if (res.data.code == 200) {
-        let data = res.data.data || [];
-        if (dictLevel.value == 1) {
-          state.tableRows = data;
-          state.tableTotal = res.data.total;
-        } else {
-          let row = data.filter((e) => {
-            return e.dict_id == state.fatherRow.dict_id;
-          });
-          state.tableRows = row[0].children;
-          state.tableTotal = row[0].total_children;
-        }
-        if (state.tableRows.length > 0) {
-          state.tableRows.forEach((e) => {
-            e.canMoveUp = true;
-            e.canMoveDown = true;
-          });
-          state.tableRows[0].canMoveUp = false;
-          state.tableRows[state.tableRows.length - 1].canMoveDown = false;
-        }
-      } else {
-        ElMessage.error(res.data.data);
-      }
-    });
+  if (params.time) {
+    params.create_date_from = params.time[0];
+    params.create_date_to = params.time[1];
+  }
+  delete params.time;
+
+  $api.autoMaintenance.getHostManageList(params).then((res) => {
+    if (res.data.code == 200) {
+      let data = res.data.data || [];
+      state.tableRows = data;
+      state.tableTotal = res.data.total;
+    } else {
+      ElMessage.error(res.data.data);
+    }
+  });
 }; // 获取表格数据
 
 const changePage = (page) => {
   state.filter.page = page;
+  clearSelected();
   getTableRows();
 }; // 改变页码
 
 const changeSize = (size) => {
-  state.filter.limit = size;
+  state.filter.page_size = size;
   changePage(1);
 }; // 改变每页条数
 
-const register = () => {
-  state.formData = {
-    name: "",
-    describe: "",
-    state: 1,
-    p_dict_id: state.fatherRow ? state.fatherRow.dict_id : "",
-  };
-  if (state.bgForm) {
-    nextTick().then(() => {
-      state.bgForm.validate((valid) => {
-        if (!valid) {
-          state.bgForm.clearValidate();
-        }
-      });
-    });
-  }
-  state.addType = 1;
-  state.addDialog = true;
+const add = () => {
+  router.push("/auto-maintenance/host-manage/add");
 }; // 新增字典按钮
 
 onBeforeMount(() => {
-  getTypeList();
+  getTableRows();
 });
 
 const { tableRows, tableTotal, filter } = toRefs(state);
diff --git a/src/request/api.js b/src/request/api.js
new file mode 100644
index 0000000..94f79ec
--- /dev/null
+++ b/src/request/api.js
@@ -0,0 +1,5 @@
+import autoMaintenance from "./api/auto-maintenance";
+
+export default {
+  autoMaintenance,
+};
diff --git a/src/request/api/auto-maintenance.js b/src/request/api/auto-maintenance.js
new file mode 100644
index 0000000..4effb4b
--- /dev/null
+++ b/src/request/api/auto-maintenance.js
@@ -0,0 +1,76 @@
+import axios from "@/request/http"; // 导入http中创建的axios实例
+
+const autoMaintenance = {
+  getHostManageList(params) {
+    return axios({
+      method: "get",
+      baseURL: "/v1",
+      url: `/api/automated_mainten/host_manage/page_list`,
+      params,
+    });
+  },
+  getHostManageDetail(id) {
+    return axios({
+      method: "get",
+      baseURL: "/v1",
+      url: `/api/automated_mainten/host_manage/details?id=${id}`,
+    });
+  },
+  postHostManageState(data) {
+    return axios({
+      method: "post",
+      baseURL: "/v1",
+      url: `/api/automated_mainten/host_manage/state`,
+      data,
+      headers: {
+        "Content-Type": "multipart/form-data",
+      },
+      timeout: 0,
+    });
+  },
+  getHostManageIPExceptionList(params) {
+    return axios({
+      method: "get",
+      baseURL: "/v1",
+      url: `/api/automated_mainten/host_manage/ip_exception_list`,
+      params,
+    });
+  },
+  postHostManageAdd(data) {
+    return axios({
+      method: "post",
+      baseURL: "/v1",
+      url: `/api/automated_mainten/host_manage/add`,
+      data,
+    });
+  },
+  putHostManageEdit(data) {
+    return axios({
+      method: "put",
+      baseURL: "/v1",
+      url: `/api/automated_mainten/host_manage/edit`,
+      data,
+    });
+  },
+  uploadHostManageFile(data) {
+    return axios({
+      method: "post",
+      baseURL: "/v1",
+      url: `/api/add_file`,
+      data,
+      headers: {
+        "Content-Type": "multipart/form-data",
+      },
+    });
+  },
+  deleteHostManage(data) {
+    return axios({
+      method: "delete",
+      baseURL: "/v1",
+      url: `/api/automated_mainten/host_manage/del`,
+      data,
+    });
+  },
+};
+
+export default autoMaintenance;
diff --git a/vite.config.js b/vite.config.js
index b555bb8..a1716c5 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -65,6 +65,12 @@ export default {
         changeOrigin: true, // true/false, Default: false - changes the origin of the host header to the target URL
         secure: false, //解决证书缺失问题
       },
+      "/v1": {
+        target: "https://so.wodcloud.com/v1", // 所要代理的目标地址
+        rewrite: (path) => path.replace(/^\/v1/, ""), // 重写传过来的path路径，比如 `/api/index/1?id=10&name=zs`（注意:path路径最前面有斜杠（/），因此，正则匹配的时候不要忘了是斜杠（/）开头的；选项的 key 也是斜杠（/）开头的）
+        changeOrigin: true, // true/false, Default: false - changes the origin of the host header to the target URL
+        secure: false, //解决证书缺失问题
+      },
     },
   },
   build: {
diff --git a/yarn.lock b/yarn.lock
index b2aa03e..de8a4ae 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -784,6 +784,11 @@ immutable@^4.0.0:
   resolved "https://registry.npmmirror.com/immutable/-/immutable-4.1.0.tgz"
   integrity sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==
 
+install@^0.13.0:
+  version "0.13.0"
+  resolved "https://registry.yarnpkg.com/install/-/install-0.13.0.tgz#6af6e9da9dd0987de2ab420f78e60d9c17260776"
+  integrity sha512-zDml/jzr2PKU9I8J/xyZBQn8rPCAY//UOYNmR01XwNwyfhEWObo2SWfSl1+0tm1u6PhxLwDnfsT/6jB7OUxqFA==
+
 is-binary-path@~2.1.0:
   version "2.1.0"
   resolved "https://registry.npmmirror.com/is-binary-path/-/is-binary-path-2.1.0.tgz"
@@ -905,9 +910,9 @@ markdown-it@^13.0.1:
     mdurl "^1.0.1"
     uc.micro "^1.0.5"
 
-mavon-editor@^3.0.0:
+mavon-editor@^3.0.1:
   version "3.0.1"
-  resolved "https://registry.npmmirror.com/mavon-editor/-/mavon-editor-3.0.1.tgz"
+  resolved "https://registry.yarnpkg.com/mavon-editor/-/mavon-editor-3.0.1.tgz#0c2660569ded5b29e59d0e429af61eb618783a90"
   integrity sha512-973cYCwv+AB+fcecsU6Ua6UXATxDMaY0Q7QzKQ/GmRW1sg+3DolZDnCGXth7XHDgrmqKTO57N42fVYujt0wfFw==
   dependencies:
     xss "^1.0.10"
@@ -1083,6 +1088,11 @@ ssr-window@^3.0.0-alpha.1:
   resolved "https://registry.npmmirror.com/ssr-window/-/ssr-window-3.0.0.tgz"
   integrity sha512-q+8UfWDg9Itrg0yWK7oe5p/XRCJpJF9OBtXfOPgSJl+u3Xd5KI328RUEvUqSMVM9CiQUEf1QdBzJMkYGErj9QA==
 
+string-format@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/string-format/-/string-format-2.0.0.tgz#f2df2e7097440d3b65de31b6d40d54c96eaffb9b"
+  integrity sha512-bbEs3scLeYNXLecRRuk6uJxdXUSj6le/8rNPHChIJTn2V79aXVTR1EH2OH5zLKKoz0V02fOUKZZcw01pLUShZA==
+
 supports-preserve-symlinks-flag@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmmirror.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz"
@@ -1161,6 +1171,11 @@ vue-demi@*:
   resolved "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.13.11.tgz"
   integrity sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==
 
+vue-demi@^0.14.5:
+  version "0.14.5"
+  resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.14.5.tgz#676d0463d1a1266d5ab5cba932e043d8f5f2fbd9"
+  integrity sha512-o9NUVpl/YlsGJ7t+xuqJKx8EBGf1quRhCiT6D/J0pfwmk9zUwYkC7yrF4SZCe6fETvSM3UNL2edcbYrSyc4QHA==
+
 vue-i18n@^9.1.7:
   version "9.1.10"
   resolved "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-9.1.10.tgz"
-- 
2.26.0