diff --git a/src/directive/directive.js b/src/directive/directive.js
index 1c48cfef82faaa3c7aa1586545d9c47f8d93063b..e45305ae961e05b5c4ba7f90ed4e43d9d11289a7 100644
--- a/src/directive/directive.js
+++ b/src/directive/directive.js
@@ -1,85 +1,65 @@
-const CUSTOMIZE_CLASS_NAME = 'customize';
-let formElementCache;
-
-function checkValue(el, binding) {
-  if (!formElementCache) {
-    formElementCache = document.getElementsByClassName('table-form')[0];
-    if (!formElementCache) {
-      console.error('Element with class "table-form" not found');
-      return;
-    }
-  }
-
-  if (!binding.value) {
-    el.classList.add(CUSTOMIZE_CLASS_NAME);
-    formElementCache['validate'] = () => {
-      return false;
-    }
-  } else {
-    el.classList.remove(CUSTOMIZE_CLASS_NAME);
-    formElementCache['validate'] = () => {
-      return true;
-    }
-  }
-}
-
-let validator = {
-  inserted: function(el, binding) {
-    checkValue(el, binding)
-  },
-  update: function(el, binding) {
-    checkValue(el, binding)
-  }
-}
-
-
-function isBoolean(value) {
-  return typeof value === 'boolean';
-}
-
-let cachedCanvasId = null;
-
-/**
- * 控制加载状态的显示与隐藏
- * @param {boolean} value - 是否显示加载状态
- * @param {function} [onError] - 错误处理回调函数
- */
-function loading(value, onError) {
-  if (!isBoolean(value)) {
-    const error = new Error(`Expected a Boolean value but got one ${typeof value}`);
-    console.error(error);
-    if (onError && typeof onError === 'function') {
-      onError(error);
-    }
-    return;
-  }
-  if (!cachedCanvasId) {
-    cachedCanvasId = document.getElementById('canvas-box');
-  }
-  cachedCanvasId.style.display = value ? 'block' : 'none';
-}
-
-let waiting = {
-  inserted: function(el, binding) {
-    loading(binding.value.value)
-    let waitingText = document.getElementById('waiting-text')
-    binding.value.text && (waitingText.innerText = binding.value.text)
-    /*
-	 *  参数详解:
-	 *	upTime			上移的时间
-	 *	downTime		下落的时间
-	 *	beatHeight		上移高度
-	 *	isAuth			是否自动
-	 *	isRotate		是否旋转
-	*/
-    window.$(waitingText).beatText({ isAuth: true, beatHeight: '1em', isRotate: false, upTime: 100, downTime: 100 })
-  },
-  update: function(el, binding) {
-    loading(binding.value.value)
-    let waitingText = document.getElementById('waiting-text')
-    binding.value.text && (waitingText.innerText = binding.value.text)
-    window.$(waitingText).beatText({ isAuth: true, beatHeight: '1em', isRotate: false, upTime: 100, downTime: 100 })
-  }
-}
-
-export { validator, waiting }
\ No newline at end of file
+function checkValue(el, binding) {
+  const oldClassName = 'ant-row ant-form-item'
+  if (binding.value === '' || !binding.value) {
+    el.className = oldClassName + ' customize'
+    document.getElementsByClassName('table-form')[0]['validate'] = () => {
+      return false
+    }
+  } else {
+    el.className = oldClassName
+    document.getElementsByClassName('table-form')[0]['validate'] = () => {
+      return true
+    }
+  }
+}
+
+let validator = {
+  inserted: function(el, binding) {
+    checkValue(el, binding)
+  },
+  update: function(el, binding) {
+    checkValue(el, binding)
+  }
+}
+
+// 根据值确定loading动画是否显示
+function loading(value) {
+  // 参数类型判断
+  let type = typeof value
+  if (type !== 'boolean') {
+    // 抛出错误信息，用于提示开发人员
+    console.error(new Error(`Expected a Boolean value but got one ${type}`))
+  }
+  let canvasId = document.getElementById('canvas-box')
+  // eslint-disable-next-line no-extra-boolean-cast
+  if (!!value) { // 类型强转换，防止出现异常
+    canvasId.style.display = 'block'
+  } else {
+    canvasId.style.display = 'none'
+  }
+}
+
+let waiting = {
+  inserted: function(el, binding) {
+    loading(binding.value.value)
+    let waitingText = document.getElementById('waiting-text')
+    binding.value.text && (waitingText.innerText = binding.value.text)
+    /*
+	 *  参数详解:
+	 *	upTime			上移的时间
+	 *	downTime		下落的时间
+	 *	beatHeight		上移高度
+	 *	isAuth			是否自动
+	 *	isRotate		是否旋转
+	*/
+    window.$(waitingText).beatText({ isAuth: true, beatHeight: '1em', isRotate: false, upTime: 100, downTime: 100 })
+  },
+  update: function(el, binding) {
+    loading(binding.value.value)
+    let waitingText = document.getElementById('waiting-text')
+    binding.value.text && (waitingText.innerText = binding.value.text)
+    window.$(waitingText).beatText({ isAuth: true, beatHeight: '1em', isRotate: false, upTime: 100, downTime: 100 })
+  }
+}
+
+export { validator, waiting }
diff --git a/src/main.js b/src/main.js
index c89cd4cee164011c13a4946aad29d6ed6bc5a80c..5290b4feb44e815ef4563dac178111ea43fcd54b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,37 +1,39 @@
-import Vue from 'vue'
-import App from './App.vue'
-
-import Antd from 'ant-design-vue'
-import 'ant-design-vue/dist/antd.css'
-import './assets/reset.css'
-import './assets/index.scss'
-import { Tree, Progress, Loading } from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
-
-import router from './router'
-import store from './store'
-import './router/auth'
-import { validator, waiting } from '@/directive/directive'
-import VueDraggableResizable from 'vue-draggable-resizable'
-import CustomTable from '@/components/custom-table'
-
-window.routerBase = window.routerBase === '<routerBase>' ? '' : window.routerBase
-
-Vue.config.productionTip = false
-Vue.prototype.$loading = Loading
-Vue.directive('validator', validator)
-Vue.use(Antd)
-Vue.use(Tree)
-Vue.use(Progress)
-Vue.component('VueDraggableResizable', VueDraggableResizable)
-Vue.directive('waiting', waiting)
-Vue.component('CustomTable', CustomTable)
-
-new Vue({
-  router,
-  store,
-  data: {
-    eventHub: new Vue()
-  },
-  render: (h) => h(App)
-}).$mount('#app')
+import Vue from 'vue'
+import App from './App.vue'
+
+import Antd from 'ant-design-vue'
+import 'ant-design-vue/dist/antd.css'
+import './assets/reset.css'
+import './assets/index.scss'
+import { Tree, Progress, Loading } from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+
+import router from './router'
+import store from './store'
+import './router/auth'
+import { validator, waiting } from '@/directive/directive'
+import VueDraggableResizable from 'vue-draggable-resizable'
+import CustomTable from '@/components/custom-table'
+
+// debug routerBase
+window.routerBase = window.routerBase === '<routerBase>' ? '' : window.routerBase
+
+Vue.config.productionTip = false
+Vue.prototype.$loading = Loading
+Vue.directive('validator', validator)
+Vue.use(Antd)
+Vue.use(Tree)
+Vue.use(Progress)
+Vue.component('VueDraggableResizable', VueDraggableResizable)
+Vue.directive('waiting', waiting)
+// 全局注册二次封装的表格
+Vue.component('CustomTable', CustomTable)
+
+new Vue({
+  router,
+  store,
+  data: {
+    eventHub: new Vue()
+  },
+  render: (h) => h(App)
+}).$mount('#app')
diff --git a/src/pages/404/index.vue b/src/pages/404/index.vue
index 77ef6dea427308348daedd1326f543eda1922732..a21837cd3e63c32cd7edfd435fffb8e538a2e732 100644
--- a/src/pages/404/index.vue
+++ b/src/pages/404/index.vue
@@ -1,36 +1,36 @@
-<template>
-  <a-card hoverable class="card">
-    <a-card-meta>
-      <template slot="description">
-        <a-result status="404" title="404" sub-title="Sorry, the page you visited does not exist.">
-          <a-button type="primary" @click="goBack">
-            <a-icon type="left" />
-            <span>返 回</span>
-          </a-button>
-        </a-result>
-      </template>
-    </a-card-meta>
-  </a-card>
-</template>
-
-<script>
-export default {
-  methods: {
-    // 返回
-    goBack() {
-      this.$router.back(-1)
-    }
-  }
-}
-</script>
-
-<style scoped>
-.card {
-  width: 400px;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%,-50%);
-  text-align: center;
-}
-</style>
+<template>
+  <a-card hoverable class="card">
+    <a-card-meta>
+      <template slot="description">
+        <a-result status="404" title="404" sub-title="Sorry, the page you visited does not exist.">
+          <a-button type="primary" @click="goBack">
+            <a-icon type="left" />
+            <span>返 回</span>
+          </a-button>
+        </a-result>
+      </template>
+    </a-card-meta>
+  </a-card>
+</template>
+
+<script>
+export default {
+  methods: {
+    // 返回
+    goBack() {
+      this.$router.back(-1)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.card {
+  width: 400px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%,-50%);
+  text-align: center;
+}
+</style>
diff --git a/src/pages/audit/components/index.vue b/src/pages/audit/components/index.vue
index 4808e57231c169021171ce8c0e91c2b94226d9e4..b58ef66c1dc986b6e21b0e949ecb87f20e61ac22 100644
--- a/src/pages/audit/components/index.vue
+++ b/src/pages/audit/components/index.vue
@@ -1,44 +1,44 @@
-<template>
-  <a-list item-layout="horizontal" :data-source="detailData">
-    <a-list-item slot="renderItem" slot-scope="item">
-      <a-list-item-meta :description="item.description">
-        <h4 slot="title">{{ item.title }}</h4>
-      </a-list-item-meta>
-    </a-list-item>
-  </a-list>
-</template>
-
-<script>
-export	default	{
-  props: {
-    rowData: {
-      type: Object,
-      default() {
-        return {}
-      }
-    }
-  },
-  computed: {
-    detailData() {
-      let data = [
-        { title: '内容', description: this.rowData.content || '无' },
-        { title: '备注', description: this.rowData.extra || '无' }
-      ]
-      return data
-    }
-  }
-}
-</script>
-
-<style scoped>
-.ant-list-item-meta {
-  width: 100%;
-}
-.ant-list-item-meta-content {
-  width: 100%;
-}
-.ant-list-item-meta-description {
-  max-height: 200px;
-  overflow-y: auto;
-}
-</style>
\ No newline at end of file
+<template>
+  <a-list item-layout="horizontal" :data-source="detailData">
+    <a-list-item slot="renderItem" slot-scope="item">
+      <a-list-item-meta :description="item.description">
+        <h4 slot="title">{{ item.title }}</h4>
+      </a-list-item-meta>
+    </a-list-item>
+  </a-list>
+</template>
+
+<script>
+export	default	{
+  props: {
+    rowData: {
+      type: Object,
+      default() {
+        return {}
+      }
+    }
+  },
+  computed: {
+    detailData() {
+      let data = [
+        { title: '内容', description: this.rowData.content || '无' },
+        { title: '备注', description: this.rowData.extra || '无' }
+      ]
+      return data
+    }
+  }
+}
+</script>
+
+<style scoped>
+.ant-list-item-meta {
+  width: 100%;
+}
+.ant-list-item-meta-content {
+  width: 100%;
+}
+.ant-list-item-meta-description {
+  max-height: 200px;
+  overflow-y: auto;
+}
+</style>
diff --git a/src/pages/repository/package/index.vue b/src/pages/repository/package/index.vue
index ea2565e7869d9344c083f34daa4861d5083fc401..93f25d5230ba12a83551d545aad2f11f9c97b7fe 100644
--- a/src/pages/repository/package/index.vue
+++ b/src/pages/repository/package/index.vue
@@ -1,553 +1,553 @@
-<template>
-  <div ref="package" class="package">
-    <div ref="filter" class="filter">
-      <span>软件源模板：</span>
-      <a-select
-        v-model="planName"
-        placeholder="请选择软件源模板,按回车(Enter)查找"
-        class="filter-item"
-        :disabled="loading"
-        @dropdownVisibleChange="getPlanList"
-        @change="search"
-      >
-        <a-select-option v-for="item in planList" :key="item.planName">
-          {{ item.planName }}
-        </a-select-option>
-      </a-select>
-      <a-button type="primary" icon="search" class="mr10" @click="openSearch">条件搜索</a-button>
-      <a-button type="primary" icon="sync" class="mr10" @click="resetSearch">重置</a-button>
-      <a-button type="primary" :disabled="selectedRows.length===0" @click="batchEditPakClass">批量修改软件包类别</a-button>
-      <a-button
-        type="primary"
-        style="margin-left:10px"
-        :disabled="selectedRows.length===0"
-        @click="batchPutPakClass"
-      >批量下发软件包</a-button>
-    </div>
-    <!-- 软件源模板表格数据 -->
-    <a-table
-      bordered
-      :loading="loading"
-      :data-source="packageList"
-      :columns="columns"
-      :row-key="(record, index) => record.id"
-      :pagination="pagination"
-      :scroll="{x:900,y:tableHeight-50}"
-      :row-selection="rowSelection"
-      @change="onShowSizeChange"
-    >
-      <a-tooltip slot="package" slot-scope="text" :title="text" placement="topLeft">
-        <span>{{ text }}</span>
-      </a-tooltip>
-      <a-tooltip slot="version" slot-scope="text" :title="text" placement="topLeft">
-        <span>{{ text }}</span>
-      </a-tooltip>
-      <a-tooltip slot="architecture" slot-scope="text" :title="text" placement="topLeft">
-        <span>{{ text }}</span>
-      </a-tooltip>
-      <template slot="classification" slot-scope="text">
-        <a-tag v-if="text === 'necessary'" class="danger">必要</a-tag>
-        <a-tag v-if="text === 'important'" class="warning">重要</a-tag>
-        <a-tag v-if="text === 'normal'" class="info">普通</a-tag>
-      </template>
-      <template slot="option" slot-scope="text, record">
-        <div style="display:flex">
-          <a-tooltip title="节点安装情况">
-            <a-button type="link" @click="handlePkgInfo(record)"><a-icon type="profile" /></a-button>
-          </a-tooltip>
-          <a-tooltip title="编辑">
-            <a-button type="link" :disabled="record.classification === 'necessary'" @click="editPakClass(record)"><a-icon type="edit" /></a-button>
-          </a-tooltip>
-          <a-tooltip title="下发">
-            <a-button type="link" :disabled="record.classification === 'necessary'" @click="putPakClass(record)"><a-icon type="arrow-down" /></a-button>
-          </a-tooltip>
-        </div>
-      </template>
-    </a-table>
-    <a-drawer
-      :visible="pkgInfoDrawerVisible"
-      :title="pkgInfoDrawerTitle"
-      destroy-on-close
-      placement="right"
-      width="50%"
-      :footer="null"
-      @close="onClosePkgDrawer"
-    >
-      <pkg-install-info :row="selectRow" />
-    </a-drawer>
-    <!-- 编辑包类别的弹框 -->
-    <a-modal
-      v-model="editVisible"
-      :title="(isBatchEdit?'批量':'')+'修改软件包级别'"
-      :destroy-on-close="true"
-      width="700px"
-      @ok="handleEditClass"
-    >
-      <a-form-model :wrapper-col="{ span: 20 }" :label-col="{ span: 4 }">
-        <a-form-model-item v-if="!isBatchEdit" label="软件包名">
-          <a-input v-model="selectRow.package" :disabled="true" />
-        </a-form-model-item>
-        <a-form-model-item label="软件包级别">
-          <a-select v-model="pkgClass" placeholder="请选择软件包类级别">
-            <a-select-option
-              v-for="item in selectClassList"
-              :key="item.value"
-              :disabled="!isBatchEdit&&item.value === selectRow.classification"
-            >{{ item.label }}</a-select-option>
-          </a-select>
-        </a-form-model-item>
-      </a-form-model>
-    </a-modal>
-    <!-- 下发包类别的弹框 -->
-    <a-modal
-      v-model="putVisible"
-      :title="(isBatchEdit?'批量':'')+'下发软件包'"
-      :destroy-on-close="true"
-      width="700px"
-      @ok="handlePutClass"
-    >
-      <a-form-model :wrapper-col="{ span: 20 }" :label-col="{ span: 4 }">
-        <a-form-model-item v-if="!isBatchEdit" label="软件包名">
-          <a-input v-model="selectRow.package" :disabled="true" />
-        </a-form-model-item>
-        <a-form-model-item label="节点选择">
-          <a-select
-            placeholder="请选择节点"
-            mode="multiple"
-            @change="handleNodeChange"
-          >
-            <a-select-option v-for="item in nodeData" :key="item.id" :value="item.id">
-              {{ item.name }}
-            </a-select-option>
-          </a-select>
-        </a-form-model-item>
-        <a-form-model-item label="分组选择">
-          <a-select
-            placeholder="请选择节点分组"
-            mode="multiple"
-            @change="handleSelectChange"
-          >
-            <a-select-option v-for="item in list" :key="item.id" :value="item.id">
-              {{ item.name }}
-            </a-select-option>
-          </a-select>
-        </a-form-model-item>
-      </a-form-model>
-    </a-modal>
-    <a-drawer
-      title="条件搜索"
-      placement="right"
-      :mask-closable="false"
-      :width="500"
-      height="100%"
-      :visible="searchVisible"
-      @close="searchVisible = false"
-      @keyup.native.enter="sumbitSearch"
-    >
-      <a-form-model
-        ref="searchForm"
-        :model="listQuery"
-        :wrapper-col="{ span: 20 }"
-        :label-col="{ span: 4 }"
-      >
-        <a-form-model-item label="级别">
-          <a-select
-            v-model="classification"
-            class="filter-item"
-            :disabled="loading"
-          >
-            <a-select-option v-for="item in classificationList" :key="item.value">
-              {{ item.label }}
-            </a-select-option>
-          </a-select>
-        </a-form-model-item>
-        <a-form-model-item label="类别">
-          <a-select
-            v-model="section"
-            allow-clear
-            show-search
-            placeholder="请选择软件包类别,按回车(Enter)查找"
-            class="filter-item"
-          >
-            <a-select-option v-for="item in sectionsList" :key="item.section">
-              {{ item.section }}
-            </a-select-option>
-          </a-select>
-        </a-form-model-item>
-        <a-form-model-item label="软件包名">
-          <a-input v-model="packageName" placeholder="请输入软件包名,按回车(Enter)查找" allow-clear />
-        </a-form-model-item>
-      </a-form-model>
-
-      <div
-        :style="{
-          position: 'absolute',
-          right: 0,
-          bottom: 0,
-          width: '100%',
-          borderTop: '1px solid #377bc9',
-          padding: '10px 16px',
-          background: '#fff',
-          textAlign: 'right',
-          zIndex: 1,
-        }"
-      >
-        <a-button :style="{ marginRight: '8px' }" @click="searchVisible = false">
-          取消
-        </a-button>
-        <a-button type="primary" @click="sumbitSearch">
-          确定
-        </a-button>
-      </div>
-    </a-drawer>
-  </div>
-</template>
-
-<script>
-import { getPlanSourceList, getSourcePackagePage, insertUserPkgPlan, putToTaskGroupQueue, getPkgSectionsList } from '@/api/repository'
-import { listGroup } from '@/api/node_group'
-import { getNodeList } from '@/api/node'
-import PkgInstallInfo from './pkgInstallInfo.vue'
-export default {
-  components: {
-    PkgInstallInfo
-  },
-  data() {
-    return {
-      tableHeight: 0,
-      columns: [
-        { title: '软件包名', dataIndex: 'package', ellipsis: true, scopedSlots: { customRender: 'package' }},
-        { title: '节点数量', dataIndex: 'nodeCount', ellipsis: true, width: 100, align: 'center' },
-        { title: '软件包版本', dataIndex: 'version', ellipsis: true, width: 200, scopedSlots: { customRender: 'version' }},
-        { title: '类别', dataIndex: 'section', width: 100, ellipsis: true, scopedSlots: { customRender: 'section' }},
-        { title: '体系架构', dataIndex: 'architecture', ellipsis: true, width: 150, scopedSlots: { customRender: 'architecture' }},
-        { title: '软件包级别', dataIndex: 'classification', ellipsis: true, width: 150, scopedSlots: { customRender: 'classification' }},
-        { title: '操作', width: 150, scopedSlots: { customRender: 'option' }, align: 'center' }
-      ],
-      planList: [],
-      planName: null,
-      packageName: '',
-      packageList: [],
-      listQuery: {
-        page: 1,
-        limit: 10
-      },
-      total: 0,
-      loading: false,
-      rowKeys: [],
-      selectList: [],
-      editVisible: false,
-      classification: 'all',
-      classificationList: [
-        { label: '全部', value: 'all' },
-        { label: '必要', value: 'necessary' },
-        { label: '重要', value: 'important' },
-        { label: '普通', value: 'normal' }
-      ],
-      selectClassList: [
-        { label: '重要', value: 'important' },
-        { label: '普通', value: 'normal' }
-      ],
-      selectRow: {},
-      pkgClass: '',
-      selectedRowKeys: [],
-      selectedRows: [],
-      isBatchEdit: true,
-      putVisible: false,
-      // 节点组分组
-      list: [],
-      // 节点分组
-      nodeData: [],
-      // 所选节点组Id
-      selectGroup: [],
-      // 所选节点Id
-      selectNode: [],
-      pkgInfoDrawerTitle: '',
-      pkgInfoDrawerVisible: false,
-      // 软件包类别
-      section: undefined,
-      sectionsList: [],
-      searchVisible: false
-    }
-  },
-  computed: {
-    rowSelection() {
-      return {
-        selectedRowKeys: this.selectedRowKeys,
-        onChange: (selectedRowKeys, selectedRows) => {
-          this.selectedRowKeys = selectedRowKeys
-          this.selectedRows = selectedRows
-        },
-        getCheckboxProps: record => ({
-          props: {
-            disabled: record.classification === 'necessary'
-          }
-        })
-      }
-    },
-    pagination() {
-      return {
-        total: this.total,
-        current: this.listQuery.page || 1,
-        pageSize: this.listQuery.limit || 10,
-        pageSizeOptions: ['10', '20', '30', '50'],
-        showSizeChanger: true,
-        showTotal: (total) => {
-          return `共 ${total} 条`
-        },
-        showSizeChange: this.onShowSizeChange
-      }
-    }
-  },
-  created() {
-    this.initData()
-    this.listGroup()
-    this.getNodeList()
-    this.getPkgSectionsList()
-  },
-  mounted() {
-    setTimeout(() => {
-      this.tableHeight = this.$refs.package.clientHeight - 140
-    })
-  },
-  methods: {
-    // 获取软件包类别
-    getPkgSectionsList() {
-      getPkgSectionsList().then(res => {
-        this.sectionsList = res.data || []
-      })
-    },
-    // 刷新源模板列表
-    getPlanList() {
-      getPlanSourceList().then(res => {
-        this.planList = res.data
-      })
-    },
-    // 初始化数据
-    initData() {
-      getPlanSourceList().then(res => {
-        this.planList = res.data || []
-        if (this.planList.length > 0) {
-          this.planName = this.planList[0].planName
-          this.getPackageByPage()
-        }
-      })
-    },
-    // 刷新列表
-    freshenList() {
-      this.listQuery.page = 1
-      this.listQuery.limit = 10
-      this.classification = 'all'
-      this.getPackageByPage()
-    },
-    // 改变软件包类别
-    changeClassification() {
-      this.listQuery.page = 1
-      this.listQuery.limit = 10
-      this.getPackageByPage()
-    },
-    changePackage() {
-      if (this.packageName === '') {
-        this.changeClassification()
-      }
-    },
-    // 获取软件包列表
-    getPackageByPage() {
-      const params = {
-        page: this.listQuery.page,
-        limit: this.listQuery.limit,
-        pkgClass: this.classification,
-        modelName: this.planName,
-        packageName: this.packageName,
-        section: this.section
-      }
-      this.loading = true
-      getSourcePackagePage(params).then(res => {
-        if (res.code === 200) {
-          this.total = Number(res.data?.total) || 0
-          this.packageList = res.data?.list || []
-        }
-      }).finally(() => {
-        this.loading = false
-      })
-    },
-    // 页数或者每页个数发生变化
-    onShowSizeChange(pagination) {
-      this.listQuery.page = pagination.current
-      this.listQuery.limit = pagination.pageSize
-      this.getPackageByPage()
-    },
-    // 多选包
-    onSelectChange(rows, select) {
-      this.rowKeys = rows
-      this.selectList = select
-    },
-    editPakClass(row) {
-      this.pkgClass = ''
-      this.isBatchEdit = false
-      this.editVisible = true
-      this.selectRow = row
-    },
-    batchEditPakClass() {
-      this.isBatchEdit = true
-      this.editVisible = true
-    },
-    // 下发
-    putPakClass(row) {
-      this.selectGroup = []
-      this.selectNode = []
-      this.isBatchEdit = false
-      this.putVisible = true
-      this.selectRow = row
-    },
-    // 批量下发
-    batchPutPakClass() {
-      this.selectGroup = []
-      this.selectNode = []
-      this.isBatchEdit = true
-      this.putVisible = true
-    },
-    // 确定编辑
-    handleEditClass() {
-      if (this.pkgClass === '') {
-        this.$notification.error({ message: '请选择软件包类别' })
-        return
-      }
-      let changePkgIds = []
-      if (this.isBatchEdit) {
-        // 过滤不用改变的软件包类别
-        changePkgIds = this.selectedRows.filter(item => item.classification !== this.pkgClass).map(item => item.id)
-      } else {
-        changePkgIds.push(this.selectRow.id)
-      }
-      if (changePkgIds.length === 0) {
-        this.selectedRowKeys = []
-        this.selectedRows = []
-        this.editVisible = false
-        this.$notification.success({ message: '修改软件包类别成功' })
-        return
-      }
-      const params = {
-        pkgClass: this.pkgClass,
-        pkgIds: JSON.stringify(changePkgIds)
-      }
-      insertUserPkgPlan(params).then(res => {
-        if (res.code === 200) {
-          this.selectedRowKeys = []
-          this.selectedRows = []
-          this.changeClassification()
-          this.$notification.success({ message: '修改软件包类别成功' })
-          this.editVisible = false
-        }
-      })
-    },
-    // 确定下发
-    handlePutClass() {
-      if (this.selectGroup.length === 0 && this.selectNode.length === 0) {
-        this.$notification.error({ message: '请选择需下发的节点或分组' })
-        return
-      }
-      let changePkgIds = []
-      if (this.isBatchEdit) {
-        changePkgIds = this.selectedRows.filter(item => item.classification !== this.pkgClass)
-      } else {
-        changePkgIds.push(this.selectRow)
-      }
-
-      const taskList = changePkgIds.map(item => ({
-        nodeId: item.id,
-        version: item.version,
-        Architecture: item.architecture,
-        taskTarget: item.package,
-        taskAction: 'install'
-      }))
-      this.selectedRows = []
-      this.selectedRowKeys = []
-      this.putVisible = false
-      putToTaskGroupQueue({ groupIds: this.selectGroup, nodeIds: this.selectNode, taskList }).then(res => {
-        if (res.code === 200) {
-          this.$notification.success({ message: '下发成功' })
-          this.changeClassification()
-        }
-      })
-    },
-    // 节点组分组查询
-    listGroup() {
-      listGroup({ pageNum: 1, pageSize: 99999 }).then(res => {
-        if (res.code === 200) {
-          this.list = res.data.list
-        }
-      })
-    },
-    // 节点分组查询
-    getNodeList() {
-      getNodeList().then(res => {
-        if (res.code === 200) {
-          const nodeList = res.data || []
-          this.nodeData = nodeList.filter((element) => {
-            if (element.checkStatus && element.openStatus) return element
-          })
-        }
-      })
-    },
-    handleSelectChange(value) {
-      this.selectGroup = value
-    },
-    handleNodeChange(value) {
-      this.selectNode = value
-    },
-
-    handlePkgInfo(row) {
-      this.selectRow = row
-      this.pkgInfoDrawerTitle = `软件包 ${row.package} 安装情况`
-      this.pkgInfoDrawerVisible = true
-    },
-
-    onClosePkgDrawer() {
-      this.pkgInfoDrawerVisible = false
-    },
-
-    openSearch() {
-      this.searchVisible = true
-      // this.getNodeGroup('')
-    },
-    sumbitSearch() {
-      this.search()
-      this.searchVisible = false
-    },
-    search() {
-      this.listQuery.page = 1
-      this.listQuery.limit = 10
-      this.getPackageByPage()
-    },
-    resetSearch() {
-      this.planName = this.planList[0]?.planName
-      this.classification = 'all'
-      this.section = undefined
-      this.packageName = ''
-      this.search()
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-  .package{
-    height: 100%;
-  }
-  ::v-deep.ant-pagination{
-    margin-top: 15px;
-  }
-  ::v-deep .ant-table-wrapper{
-  height: 100%;
-  .ant-spin-nested-loading{
-    height: 100%;
-    .ant-spin-container{
-      height: 100%;
-      .ant-table{
-        height: calc(100% - 130px);
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div ref="package" class="package">
+    <div ref="filter" class="filter">
+      <span>软件源模板：</span>
+      <a-select
+        v-model="planName"
+        placeholder="请选择软件源模板,按回车(Enter)查找"
+        class="filter-item"
+        :disabled="loading"
+        @dropdownVisibleChange="getPlanList"
+        @change="search"
+      >
+        <a-select-option v-for="item in planList" :key="item.planName">
+          {{ item.planName }}
+        </a-select-option>
+      </a-select>
+      <a-button type="primary" icon="search" class="mr10" @click="openSearch">条件搜索</a-button>
+      <a-button type="primary" icon="sync" class="mr10" @click="resetSearch">重置</a-button>
+      <a-button type="primary" :disabled="selectedRows.length===0" @click="batchEditPakClass">批量修改软件包类别</a-button>
+      <a-button
+        type="primary"
+        style="margin-left:10px"
+        :disabled="selectedRows.length===0"
+        @click="batchPutPakClass"
+      >批量下发软件包</a-button>
+    </div>
+    <!-- 软件源模板表格数据 -->
+    <a-table
+      bordered
+      :loading="loading"
+      :data-source="packageList"
+      :columns="columns"
+      :row-key="(record, index) => record.id"
+      :pagination="pagination"
+      :scroll="{x:900,y:tableHeight-50}"
+      :row-selection="rowSelection"
+      @change="onShowSizeChange"
+    >
+      <a-tooltip slot="package" slot-scope="text" :title="text" placement="topLeft">
+        <span>{{ text }}</span>
+      </a-tooltip>
+      <a-tooltip slot="version" slot-scope="text" :title="text" placement="topLeft">
+        <span>{{ text }}</span>
+      </a-tooltip>
+      <a-tooltip slot="architecture" slot-scope="text" :title="text" placement="topLeft">
+        <span>{{ text }}</span>
+      </a-tooltip>
+      <template slot="classification" slot-scope="text">
+        <a-tag v-if="text === 'necessary'" class="danger">必要</a-tag>
+        <a-tag v-if="text === 'important'" class="warning">重要</a-tag>
+        <a-tag v-if="text === 'normal'" class="info">普通</a-tag>
+      </template>
+      <template slot="option" slot-scope="text, record">
+        <div style="display:flex">
+          <a-tooltip title="节点安装情况">
+            <a-button type="link" @click="handlePkgInfo(record)"><a-icon type="profile" /></a-button>
+          </a-tooltip>
+          <a-tooltip title="编辑">
+            <a-button type="link" :disabled="record.classification === 'necessary'" @click="editPakClass(record)"><a-icon type="edit" /></a-button>
+          </a-tooltip>
+          <a-tooltip title="下发">
+            <a-button type="link" :disabled="record.classification === 'necessary'" @click="putPakClass(record)"><a-icon type="arrow-down" /></a-button>
+          </a-tooltip>
+        </div>
+      </template>
+    </a-table>
+    <a-drawer
+      :visible="pkgInfoDrawerVisible"
+      :title="pkgInfoDrawerTitle"
+      destroy-on-close
+      placement="right"
+      width="50%"
+      :footer="null"
+      @close="onClosePkgDrawer"
+    >
+      <pkg-install-info :row="selectRow" />
+    </a-drawer>
+    <!-- 编辑包类别的弹框 -->
+    <a-modal
+      v-model="editVisible"
+      :title="(isBatchEdit?'批量':'')+'修改软件包级别'"
+      :destroy-on-close="true"
+      width="700px"
+      @ok="handleEditClass"
+    >
+      <a-form-model :wrapper-col="{ span: 20 }" :label-col="{ span: 4 }">
+        <a-form-model-item v-if="!isBatchEdit" label="软件包名">
+          <a-input v-model="selectRow.package" :disabled="true" />
+        </a-form-model-item>
+        <a-form-model-item label="软件包级别">
+          <a-select v-model="pkgClass" placeholder="请选择软件包类级别">
+            <a-select-option
+              v-for="item in selectClassList"
+              :key="item.value"
+              :disabled="!isBatchEdit&&item.value === selectRow.classification"
+            >{{ item.label }}</a-select-option>
+          </a-select>
+        </a-form-model-item>
+      </a-form-model>
+    </a-modal>
+    <!-- 下发包类别的弹框 -->
+    <a-modal
+      v-model="putVisible"
+      :title="(isBatchEdit?'批量':'')+'下发软件包'"
+      :destroy-on-close="true"
+      width="700px"
+      @ok="handlePutClass"
+    >
+      <a-form-model :wrapper-col="{ span: 20 }" :label-col="{ span: 4 }">
+        <a-form-model-item v-if="!isBatchEdit" label="软件包名">
+          <a-input v-model="selectRow.package" :disabled="true" />
+        </a-form-model-item>
+        <a-form-model-item label="节点选择">
+          <a-select
+            placeholder="请选择节点"
+            mode="multiple"
+            @change="handleNodeChange"
+          >
+            <a-select-option v-for="item in nodeData" :key="item.id" :value="item.id">
+              {{ item.name }}
+            </a-select-option>
+          </a-select>
+        </a-form-model-item>
+        <a-form-model-item label="分组选择">
+          <a-select
+            placeholder="请选择节点分组"
+            mode="multiple"
+            @change="handleSelectChange"
+          >
+            <a-select-option v-for="item in list" :key="item.id" :value="item.id">
+              {{ item.name }}
+            </a-select-option>
+          </a-select>
+        </a-form-model-item>
+      </a-form-model>
+    </a-modal>
+    <a-drawer
+      title="条件搜索"
+      placement="right"
+      :mask-closable="false"
+      :width="500"
+      height="100%"
+      :visible="searchVisible"
+      @close="searchVisible = false"
+      @keyup.native.enter="sumbitSearch"
+    >
+      <a-form-model
+        ref="searchForm"
+        :model="listQuery"
+        :wrapper-col="{ span: 20 }"
+        :label-col="{ span: 4 }"
+      >
+        <a-form-model-item label="级别">
+          <a-select
+            v-model="classification"
+            class="filter-item"
+            :disabled="loading"
+          >
+            <a-select-option v-for="item in classificationList" :key="item.value">
+              {{ item.label }}
+            </a-select-option>
+          </a-select>
+        </a-form-model-item>
+        <a-form-model-item label="类别">
+          <a-select
+            v-model="section"
+            allow-clear
+            show-search
+            placeholder="请选择软件包类别,按回车(Enter)查找"
+            class="filter-item"
+          >
+            <a-select-option v-for="item in sectionsList" :key="item.section">
+              {{ item.section }}
+            </a-select-option>
+          </a-select>
+        </a-form-model-item>
+        <a-form-model-item label="软件包名">
+          <a-input v-model="packageName" placeholder="请输入软件包名,按回车(Enter)查找" allow-clear />
+        </a-form-model-item>
+      </a-form-model>
+
+      <div
+        :style="{
+          position: 'absolute',
+          right: 0,
+          bottom: 0,
+          width: '100%',
+          borderTop: '1px solid #377bc9',
+          padding: '10px 16px',
+          background: '#fff',
+          textAlign: 'right',
+          zIndex: 1,
+        }"
+      >
+        <a-button :style="{ marginRight: '8px' }" @click="searchVisible = false">
+          取消
+        </a-button>
+        <a-button type="primary" @click="sumbitSearch">
+          确定
+        </a-button>
+      </div>
+    </a-drawer>
+  </div>
+</template>
+
+<script>
+import { getPlanSourceList, getSourcePackagePage, insertUserPkgPlan, putToTaskGroupQueue, getPkgSectionsList } from '@/api/repository'
+import { listGroup } from '@/api/node_group'
+import { getNodeList } from '@/api/node'
+import PkgInstallInfo from './pkgInstallInfo.vue'
+export default {
+  components: {
+    PkgInstallInfo
+  },
+  data() {
+    return {
+      tableHeight: 0,
+      columns: [
+        { title: '软件包名', dataIndex: 'package', ellipsis: true, scopedSlots: { customRender: 'package' }},
+        { title: '节点数量', dataIndex: 'nodeCount', ellipsis: true, width: 100, align: 'center' },
+        { title: '软件包版本', dataIndex: 'version', ellipsis: true, width: 200, scopedSlots: { customRender: 'version' }},
+        { title: '类别', dataIndex: 'section', width: 100, ellipsis: true, scopedSlots: { customRender: 'section' }},
+        { title: '体系架构', dataIndex: 'architecture', ellipsis: true, width: 150, scopedSlots: { customRender: 'architecture' }},
+        { title: '软件包级别', dataIndex: 'classification', ellipsis: true, width: 150, scopedSlots: { customRender: 'classification' }},
+        { title: '操作', width: 150, scopedSlots: { customRender: 'option' }, align: 'center' }
+      ],
+      planList: [],
+      planName: null,
+      packageName: '',
+      packageList: [],
+      listQuery: {
+        page: 1,
+        limit: 10
+      },
+      total: 0,
+      loading: false,
+      rowKeys: [],
+      selectList: [],
+      editVisible: false,
+      classification: 'all',
+      classificationList: [
+        { label: '全部', value: 'all' },
+        { label: '必要', value: 'necessary' },
+        { label: '重要', value: 'important' },
+        { label: '普通', value: 'normal' }
+      ],
+      selectClassList: [
+        { label: '重要', value: 'important' },
+        { label: '普通', value: 'normal' }
+      ],
+      selectRow: {},
+      pkgClass: '',
+      selectedRowKeys: [],
+      selectedRows: [],
+      isBatchEdit: true,
+      putVisible: false,
+      // 节点组分组
+      list: [],
+      // 节点分组
+      nodeData: [],
+      // 所选节点组Id
+      selectGroup: [],
+      // 所选节点Id
+      selectNode: [],
+      pkgInfoDrawerTitle: '',
+      pkgInfoDrawerVisible: false,
+      // 软件包类别
+      section: undefined,
+      sectionsList: [],
+      searchVisible: false
+    }
+  },
+  computed: {
+    rowSelection() {
+      return {
+        selectedRowKeys: this.selectedRowKeys,
+        onChange: (selectedRowKeys, selectedRows) => {
+          this.selectedRowKeys = selectedRowKeys
+          this.selectedRows = selectedRows
+        },
+        getCheckboxProps: record => ({
+          props: {
+            disabled: record.classification === 'necessary'
+          }
+        })
+      }
+    },
+    pagination() {
+      return {
+        total: this.total,
+        current: this.listQuery.page || 1,
+        pageSize: this.listQuery.limit || 10,
+        pageSizeOptions: ['10', '20', '30', '50'],
+        showSizeChanger: true,
+        showTotal: (total) => {
+          return `共 ${total} 条`
+        },
+        showSizeChange: this.onShowSizeChange
+      }
+    }
+  },
+  created() {
+    this.initData()
+    this.listGroup()
+    this.getNodeList()
+    this.getPkgSectionsList()
+  },
+  mounted() {
+    setTimeout(() => {
+      this.tableHeight = this.$refs.package.clientHeight - 140
+    })
+  },
+  methods: {
+    // 获取软件包类别
+    getPkgSectionsList() {
+      getPkgSectionsList().then(res => {
+        this.sectionsList = res.data || []
+      })
+    },
+    // 刷新源模板列表
+    getPlanList() {
+      getPlanSourceList().then(res => {
+        this.planList = res.data
+      })
+    },
+    // 初始化数据
+    initData() {
+      getPlanSourceList().then(res => {
+        this.planList = res.data || []
+        if (this.planList.length > 0) {
+          this.planName = this.planList[0].planName
+          this.getPackageByPage()
+        }
+      })
+    },
+    // 刷新列表
+    freshenList() {
+      this.listQuery.page = 1
+      this.listQuery.limit = 10
+      this.classification = 'all'
+      this.getPackageByPage()
+    },
+    // 改变软件包类别
+    changeClassification() {
+      this.listQuery.page = 1
+      this.listQuery.limit = 10
+      this.getPackageByPage()
+    },
+    changePackage() {
+      if (this.packageName === '') {
+        this.changeClassification()
+      }
+    },
+    // 获取软件包列表
+    getPackageByPage() {
+      const params = {
+        page: this.listQuery.page,
+        limit: this.listQuery.limit,
+        pkgClass: this.classification,
+        modelName: this.planName,
+        packageName: this.packageName,
+        section: this.section
+      }
+      this.loading = true
+      getSourcePackagePage(params).then(res => {
+        if (res.code === 200) {
+          this.total = Number(res.data?.total) || 0
+          this.packageList = res.data?.list || []
+        }
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    // 页数或者每页个数发生变化
+    onShowSizeChange(pagination) {
+      this.listQuery.page = pagination.current
+      this.listQuery.limit = pagination.pageSize
+      this.getPackageByPage()
+    },
+    // 多选包
+    onSelectChange(rows, select) {
+      this.rowKeys = rows
+      this.selectList = select
+    },
+    editPakClass(row) {
+      this.pkgClass = ''
+      this.isBatchEdit = false
+      this.editVisible = true
+      this.selectRow = row
+    },
+    batchEditPakClass() {
+      this.isBatchEdit = true
+      this.editVisible = true
+    },
+    // 下发
+    putPakClass(row) {
+      this.selectGroup = []
+      this.selectNode = []
+      this.isBatchEdit = false
+      this.putVisible = true
+      this.selectRow = row
+    },
+    // 批量下发
+    batchPutPakClass() {
+      this.selectGroup = []
+      this.selectNode = []
+      this.isBatchEdit = true
+      this.putVisible = true
+    },
+    // 确定编辑
+    handleEditClass() {
+      if (this.pkgClass === '') {
+        this.$notification.error({ message: '请选择软件包类别' })
+        return
+      }
+      let changePkgIds = []
+      if (this.isBatchEdit) {
+        // 过滤不用改变的软件包类别
+        changePkgIds = this.selectedRows.filter(item => item.classification !== this.pkgClass).map(item => item.id)
+      } else {
+        changePkgIds.push(this.selectRow.id)
+      }
+      if (changePkgIds.length === 0) {
+        this.selectedRowKeys = []
+        this.selectedRows = []
+        this.editVisible = false
+        this.$notification.success({ message: '修改软件包类别成功' })
+        return
+      }
+      const params = {
+        pkgClass: this.pkgClass,
+        pkgIds: JSON.stringify(changePkgIds)
+      }
+      insertUserPkgPlan(params).then(res => {
+        if (res.code === 200) {
+          this.selectedRowKeys = []
+          this.selectedRows = []
+          this.changeClassification()
+          this.$notification.success({ message: '修改软件包类别成功' })
+          this.editVisible = false
+        }
+      })
+    },
+    // 确定下发
+    handlePutClass() {
+      if (this.selectGroup.length === 0 && this.selectNode.length === 0) {
+        this.$notification.error({ message: '请选择需下发的节点或分组' })
+        return
+      }
+      let changePkgIds = []
+      if (this.isBatchEdit) {
+        changePkgIds = this.selectedRows.filter(item => item.classification !== this.pkgClass)
+      } else {
+        changePkgIds.push(this.selectRow)
+      }
+
+      const taskList = changePkgIds.map(item => ({
+        nodeId: item.id,
+        version: item.version,
+        Architecture: item.architecture,
+        taskTarget: item.package,
+        taskAction: 'install'
+      }))
+      this.selectedRows = []
+      this.selectedRowKeys = []
+      this.putVisible = false
+      putToTaskGroupQueue({ groupIds: this.selectGroup, nodeIds: this.selectNode, taskList }).then(res => {
+        if (res.code === 200) {
+          this.$notification.success({ message: '下发成功' })
+          this.changeClassification()
+        }
+      })
+    },
+    // 节点组分组查询
+    listGroup() {
+      listGroup({ pageNum: 1, pageSize: 99999 }).then(res => {
+        if (res.code === 200) {
+          this.list = res.data.list
+        }
+      })
+    },
+    // 节点分组查询
+    getNodeList() {
+      getNodeList().then(res => {
+        if (res.code === 200) {
+          const nodeList = res.data || []
+          this.nodeData = nodeList.filter((element) => {
+            if (element.checkStatus && element.openStatus) return element
+          })
+        }
+      })
+    },
+    handleSelectChange(value) {
+      this.selectGroup = value
+    },
+    handleNodeChange(value) {
+      this.selectNode = value
+    },
+
+    handlePkgInfo(row) {
+      this.selectRow = row
+      this.pkgInfoDrawerTitle = `软件包 ${row.package} 安装情况`
+      this.pkgInfoDrawerVisible = true
+    },
+
+    onClosePkgDrawer() {
+      this.pkgInfoDrawerVisible = false
+    },
+
+    openSearch() {
+      this.searchVisible = true
+      // this.getNodeGroup('')
+    },
+    sumbitSearch() {
+      this.search()
+      this.searchVisible = false
+    },
+    search() {
+      this.listQuery.page = 1
+      this.listQuery.limit = 10
+      this.getPackageByPage()
+    },
+    resetSearch() {
+      this.planName = this.planList[0]?.planName
+      this.classification = 'all'
+      this.section = undefined
+      this.packageName = ''
+      this.search()
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+  .package{
+    height: 100%;
+  }
+  ::v-deep.ant-pagination{
+    margin-top: 15px;
+  }
+  ::v-deep .ant-table-wrapper{
+  height: 100%;
+  .ant-spin-nested-loading{
+    height: 100%;
+    .ant-spin-container{
+      height: 100%;
+      .ant-table{
+        height: calc(100% - 130px);
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/upgrade/index.vue b/src/pages/upgrade/index.vue
index 4a4cc24523339855218f151afcdc8997dca13e3c..0bf59daef47bb01cd3210cd3e764c44bf637ee45 100644
--- a/src/pages/upgrade/index.vue
+++ b/src/pages/upgrade/index.vue
@@ -224,7 +224,7 @@ export default {
     fetchTable() {
       this.loading = true
       return new Promise((resolve, reject) => {
-        const params = {
+        nodePkgOp({
           pkgName: this.tableQuery.packageName,
           nodeName: this.tableQuery.nodeName,
           startTime: this.tableQuery.timeRange?.[0],
@@ -232,18 +232,11 @@ export default {
           success: this.tableQuery.upgradeRes === '' ? '' : Boolean(this.tableQuery.upgradeRes),
           opType: this.tableQuery.opType,
           ...this.listQuery
-        }
-        if (!params.pkgName || !params.nodeName || !params.startTime || !params.endTime) {
-          reject(new Error('Invalid input parameters'))
-          return
-        }
-        nodePkgOp(params)
+        })
           .then(res => {
-            if(res && res.code === 200) {
-              this.upgradeList = res?.data?.list || []
-              this.total = +res?.data?.total || 0
-              resolve(res)
-            }
+            this.upgradeList = res?.data?.list || []
+            this.total = +res?.data?.total || 0
+            resolve(res)
           })
           .catch(err => reject(err))
           .finally(() => {