---新增license管理

src/api/configManage/license.ts

@@ -0,0 +1,216 @@
+import {
+    RESULT_CODE_ERROR,
+    RESULT_CODE_SUCCESS,
+    RESULT_MSG_ERROR,
+  } from '@/constants/result-constants';
+  import { request } from '@/plugins/http-fetch';
+  import { parseObjLineToHump } from '@/utils/parse-utils';
+  
+  /**
+   * 查询软件列表
+   * @param query 查询参数
+   * @returns object
+   */
+  export async function listLicense(query: Record<string, any>) {
+    let totalSQL = 'select count(id) as total from ne_license ';
+    let rowsSQL = ' select * from ne_license ';
+  
+    // 查询
+    let querySQL = 'where 1=1';
+    if (query.neType) {
+      querySQL += ` and ne_type like '%${query.neType}%' `;
+    }
+  
+    // 分页
+    const pageNum = query.pageNum - 1;
+    const limtSql = ` order by created_at desc limit ${pageNum},${query.pageSize} `;
+  
+    // 发起请求
+    const result = await request({
+      url: `/databaseManagement/v1/select/omc_db/ne_license`,
+      method: 'get',
+      params: {
+        totalSQL: totalSQL + querySQL,
+        rowsSQL: rowsSQL + querySQL + limtSql,
+      },
+    });
+  
+    // 解析数据
+    if (result.code === RESULT_CODE_SUCCESS) {
+      const data: DataList = {
+        total: 0,
+        rows: [],
+        code: result.code,
+        msg: result.msg,
+      };
+      result.data.data.forEach((item: any) => {
+        const itemData = item['ne_license'];
+        if (Array.isArray(itemData)) {
+          if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+            data.total = itemData[0]['total'];
+          } else {
+            data.rows = itemData.map(v => parseObjLineToHump(v));
+          }
+        }
+      });
+      return data;
+    }
+    return result;
+  }
+  
+
+  
+  /**
+   * 获取软件信息文件
+   * @param menuId 网元ID
+   * @returns object
+   */
+  export async function downloadNeSoftware(data: Record<string, any>) {
+    return await request({
+      url: `/systemManagement/v1/${data.neType}/software/${data.version}`,
+      method: 'get',
+      responseType: 'blob',
+    });
+  }
+  
+  /**
+   * 上传文件
+   * @param data 表单数据对象
+   * @returns object
+   */
+  export function uploadLicense(data: FormData) {
+    return request({
+      url: `/systemManagement/v1/elementType/${data.get('nfType')}/objectType/license?neId=${data.get('nfId')}`,
+      method: 'post',
+      data,
+      dataType: 'form-data',
+    });
+  }
+  
+  /**
+   * 下发文件
+   * @param data 数据对象
+   * @returns object
+   */
+  export async function sendNeSoftware(data: Record<string, any>) {
+    const result = await request({
+      url: `/systemManagement/v1/${data.neType}/software/${data.version}/${data.neId}`,
+      method: 'post',
+    });
+    // 解析数据
+    if (result.code === RESULT_CODE_SUCCESS && result.data.data) {
+      let rows = result.data.data.affectedRows;
+      if (rows) {
+        delete result.data;
+        return result;
+      } else {
+        return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR };
+      }
+    }
+    return result;
+  }
+  
+  /**
+   * 激活文件
+   * @param data 数据对象
+   * @returns object
+   */
+  export async function runNeSoftware(data: Record<string, any>) {
+    const result = await request({
+      url: `/systemManagement/v1/${data.neType}/software/${data.version}/${data.neId}`,
+      method: 'put',
+    });
+    // 解析数据
+    if (result.code === RESULT_CODE_SUCCESS && result.data.data) {
+      let rows = result.data.data.affectedRows;
+      if (rows) {
+        delete result.data;
+        return result;
+      } else {
+        return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR };
+      }
+    }
+    return result;
+  }
+  
+  /**
+   * 回退文件
+   * @param data 数据对象
+   * @returns object
+   */
+  export async function backNeSoftware(data: Record<string, any>) {
+    const result = await request({
+      url: `/systemManagement/v1/${data.neType}/software/${data.version}/${data.neId}`,
+      method: 'patch',
+    });
+    // 解析数据
+    if (result.code === RESULT_CODE_SUCCESS && result.data.data) {
+      let rows = result.data.data.affectedRows;
+      if (rows) {
+        delete result.data;
+        return result;
+      } else {
+        return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR };
+      }
+    }
+    return result;
+  }
+  
+  /**
+   * 查询版本列表
+   * @param query 查询参数
+   * @returns object
+   */
+  export async function listNeVersion(query: Record<string, any>) {
+    let totalSQL = 'select count(id) as total from ne_version ';
+    let rowsSQL = 'select * from ne_version ';
+  
+    // 查询
+    let querySQL = 'where 1=1';
+    if (query.neType) {
+      querySQL += ` and ne_type like '%${query.neType}%' `;
+    }
+    if (query.status) {
+      querySQL += ` and status = '${query.status}' `;
+    }
+    if (query.beginTime && query.endTime) {
+      querySQL += ` and update_time BETWEEN '${query.beginTime}' AND '${query.endTime}' `;
+    }
+  
+    // 分页
+    const pageNum = query.pageNum - 1;
+    const limtSql = ` order by update_time desc limit ${pageNum},${query.pageSize} `;
+  
+    // 发起请求
+    const result = await request({
+      url: `/databaseManagement/v1/select/omc_db/ne_version`,
+      method: 'get',
+      params: {
+        totalSQL: totalSQL + querySQL,
+        rowsSQL: rowsSQL + querySQL + limtSql,
+      },
+    });
+  
+    // 解析数据
+    if (result.code === RESULT_CODE_SUCCESS) {
+      const data: DataList = {
+        total: 0,
+        rows: [],
+        code: result.code,
+        msg: result.msg,
+      };
+      result.data.data.forEach((item: any) => {
+        const itemData = item['ne_version'];
+        if (Array.isArray(itemData)) {
+          if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+            data.total = itemData[0]['total'];
+          } else {
+            data.rows = itemData.map(v => parseObjLineToHump(v));
+          }
+        }
+      });
+      return data;
+    }
+    return result;
+  }
+  

src/api/faultManage/historyAlarm.ts

@@ -6,14 +6,14 @@ import useUserStore from '@/store/modules/user';
 import { ConsoleSqlOutlined } from '@ant-design/icons-vue';
 
 /**
- * <EFBFBD><EFBFBD>ѯ<EFBFBD>б<EFBFBD>
+ * 查询列表
- * @param query <EFBFBD><EFBFBD>ѯ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
+ * @param query 查询参数
  * @returns object
  */
 export async function listAct(query: Record<string, any>) {
   let totalSQL = `select count(*)  as total from alarm where alarm_status='0'`;
   let rowsSQL = `select * from alarm where alarm_status='0'`;
-  // <EFBFBD><EFBFBD>ѯ
+  // 查询
   let querySQL = '';
   querySQL += query.alarm_code
     ? ` and alarm_code = '${query.alarm_code}' `
@@ -33,11 +33,11 @@ export async function listAct(query: Record<string, any>) {
       ? ` and event_time BETWEEN '${query.beginTime}' and ' ${query.endTime}'`
       : '';
 
-  // <EFBFBD><EFBFBD>ҳ
+  // 分页
   const pageNum = (query.pageNum - 1) * query.pageSize;
   const limtSql = ` order by clear_time desc limit ${pageNum},${query.pageSize} `;
 
-  // <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
+  // 发起请求
   const result = await request({
     url: `/databaseManagement/v1/select/omc_db/alarm`,
     method: 'get',
@@ -47,7 +47,7 @@ export async function listAct(query: Record<string, any>) {
     },
   });
 
-  // <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
+  // 解析数据
   if (result.code === RESULT_CODE_SUCCESS) {
     const data: DataList = {
       total: 0,
@@ -71,8 +71,8 @@ export async function listAct(query: Record<string, any>) {
 }
 
 /**
- * ȷ<EFBFBD>ϸ澯<EFBFBD><EFBFBD>Ϣ
+ * 确认告警信息
- * @param data <EFBFBD><EFBFBD>Ȩ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
+ * @param data 鉴权对象
  * @returns object
  */
 export function updateConfirm(data: Record<string, any>) {
@@ -94,8 +94,8 @@ export function updateConfirm(data: Record<string, any>) {
 }
 
 /**
- * ȡ<EFBFBD><EFBFBD>ȷ<EFBFBD>ϸ澯
+ * 取消确认告警
- * @param data <EFBFBD><EFBFBD>Ȩ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
+ * @param data 鉴权对象
  * @returns object
  */
 export function cancelConfirm(data: (string | number)[]) {
@@ -123,13 +123,13 @@ export function cancelConfirm(data: (string | number)[]) {
 
 
 /**
- * <EFBFBD><EFBFBD>ʷ<EFBFBD>澯<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
+ * 历史告警导出
- * @param query <EFBFBD><EFBFBD>ѯ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>
+ * @param query 查询参数
  * @returns bolb
  */
 export async function exportAll(query: Record<string, any>) {
   let rowsSQL = `select * from alarm where alarm_status='0'`;
-  // <EFBFBD><EFBFBD>ѯ
+  // 查询
   let querySQL = '';
   querySQL += query.alarm_code
     ? ` and alarm_code = '${query.alarm_code}' `
@@ -149,7 +149,7 @@ export async function exportAll(query: Record<string, any>) {
       ? ` and event_time BETWEEN '${query.beginTime}' and ' ${query.endTime}'`
       : '';
 
-  // <EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
+  // 发起请求
   const result = await request({
     url: `/databaseManagement/v1/select/omc_db/alarm`,
     method: 'get',

src/i18n/locales/en-US.ts

@@ -143,14 +143,14 @@ export default {
         neTypePlease: 'Select network element type',
         neType: 'Type',
         fileName: 'FileName',
-        creatTime: 'Uploaded',
+        createTime: 'Uploaded',
         comment: 'File Description',
         updateComment: 'License Description',
         updateCommentPlease: 'Please enter a license description',
         updateFile: 'License File',
         updateFilePlease: 'Please upload and update the License file',
         selectFile: 'SELECT FILE',
-        neId: 'Corresponding network element',
+        neId: 'Internal identification',
         neIdPlease: 'Please select the corresponding network element',
       },
     },

src/i18n/locales/zh-CN.ts

@@ -143,14 +143,14 @@ export default {
         neTypePlease: '选择网元类型',
         neType: '网元类型',
         fileName: '文件名',
-        creatTime: '上传时间',
+        createTime: '上传时间',
         comment: '文件说明',
         updateComment: 'License说明',
         updateCommentPlease: '请输入License说明',
         updateFile: 'License文件',
         updateFilePlease: '请上传更新License文件',
         selectFile: '选择文件',
-        neId: '对应网元',
+        neId: '网元内部标识',
         neIdPlease: '请选择对应网元',
       },
     },

src/views/configManage/license/index.vue

@@ -0,0 +1,583 @@
+<script setup lang="ts">
+import { useRoute } from 'vue-router';
+import { reactive, ref, onMounted, toRaw } from 'vue';
+import { PageContainer } from '@ant-design-vue/pro-layout';
+import { Form, message, Modal } from 'ant-design-vue/lib';
+import { SizeType } from 'ant-design-vue/lib/config-provider';
+import { MenuInfo } from 'ant-design-vue/lib/menu/src/interface';
+import { ColumnsType } from 'ant-design-vue/lib/table';
+import { parseDateToStr } from '@/utils/date-utils';
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import {
+  listNeSoftware,
+  downloadNeSoftware,
+  uploadLicense,
+  sendNeSoftware,
+  runNeSoftware,
+  backNeSoftware,
+  listLicense
+} from '@/api/configManage/license';
+import { saveAs } from 'file-saver';
+import useI18n from '@/hooks/useI18n';
+import useNeInfoStore from '@/store/modules/neinfo';
+import { FileType } from 'ant-design-vue/lib/upload/interface';
+import { UploadRequestOption } from 'ant-design-vue/lib/vc-upload/interface';
+const { t } = useI18n();
+const route = useRoute();
+
+/**路由标题 */
+let title = ref<string>((route.meta.title as string) ?? '标题');
+
+/**查询参数 */
+let queryParams = reactive({
+  /**网元类型 */
+  neType: '',
+  /**当前页数 */
+  pageNum: 1,
+  /**每页条数 */
+  pageSize: 20,
+});
+
+/**查询参数重置 */
+function fnQueryReset() {
+  queryParams = Object.assign(queryParams, {
+    neType: '',
+    pageNum: 1,
+    pageSize: 20,
+  });
+  tablePagination.current = 1;
+  tablePagination.pageSize = 20;
+  fnGetList();
+}
+
+/**表格状态类型 */
+type TabeStateType = {
+  /**加载等待 */
+  loading: boolean;
+  /**紧凑型 */
+  size: SizeType;
+  /**搜索栏 */
+  seached: boolean;
+  /**记录数据 */
+  data: object[];
+  /**勾选记录 */
+  selectedRowKeys: (string | number)[];
+};
+
+/**表格状态 */
+let tableState: TabeStateType = reactive({
+  loading: false,
+  size: 'middle',
+  seached: true,
+  data: [],
+  selectedRowKeys: [],
+});
+
+/**表格字段列 */
+let tableColumns: ColumnsType = [
+  {
+    title: t('common.rowId'),
+    dataIndex: 'id',
+    align: 'center',
+  },
+  {
+    title: t('views.configManage.license.neType'),
+    dataIndex: 'neType',
+    align: 'center',
+  },
+  {
+    title: t('views.configManage.license.neId'),
+    dataIndex: 'neId',
+    align: 'center',
+  },
+  {
+    title: t('views.configManage.license.fileName'),
+    dataIndex: 'fileName',
+    align: 'center',
+  },
+  {
+    title: t('views.configManage.license.comment'),
+    dataIndex: 'comment',
+    align: 'center',
+  },
+  {
+    title: t('views.configManage.license.createTime'),
+    dataIndex: 'createdAt',
+    align: 'center',
+  },
+];
+
+/**表格分页器参数 */
+let tablePagination = reactive({
+  /**当前页数 */
+  current: 1,
+  /**每页条数 */
+  pageSize: 20,
+  /**默认的每页条数 */
+  defaultPageSize: 20,
+  /**指定每页可以显示多少条 */
+  pageSizeOptions: ['10', '20', '50', '100'],
+  /**只有一页时是否隐藏分页器 */
+  hideOnSinglePage: false,
+  /**是否可以快速跳转至某页 */
+  showQuickJumper: true,
+  /**是否可以改变 pageSize */
+  showSizeChanger: true,
+  /**数据总数 */
+  total: 0,
+  showTotal: (total: number) => t('common.tablePaginationTotal', { total }),
+  onChange: (page: number, pageSize: number) => {
+    tablePagination.current = page;
+    tablePagination.pageSize = pageSize;
+    queryParams.pageNum = page;
+    queryParams.pageSize = pageSize;
+    fnGetList();
+  },
+});
+
+/**表格紧凑型变更操作 */
+function fnTableSize({ key }: MenuInfo) {
+  tableState.size = key as SizeType;
+}
+
+/**文件对话框对象信息状态类型 */
+type FileStateType = {
+  /**是否下发或激活框 */
+  visible: boolean;
+  /**框类型 */
+  visibleType: string;
+  /**标题 */
+  title: string;
+  /**提示内容 */
+  content: string;
+  /**网元参数 */
+  neOtions: Record<string, any>[];
+  /**表单数据 */
+  from: Record<string, any>;
+  /**确定按钮 loading */
+  confirmLoading: boolean;
+};
+
+
+
+
+
+
+
+
+
+
+
+/**查询信息列表 */
+function fnGetList() {
+  if (tableState.loading) return;
+  tableState.loading = true;
+  listLicense(toRaw(queryParams)).then(res => {
+    if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.rows)) {
+      // 取消勾选
+      if (tableState.selectedRowKeys.length > 0) {
+        tableState.selectedRowKeys = [];
+      }
+      tablePagination.total = res.total;
+      tableState.data = res.rows;
+    }
+    tableState.loading = false;
+  });
+}
+
+/**对话框对象信息状态类型 */
+type ModalStateType = {
+  /**新增框或修改框是否显示 */
+  visibleByEdit: boolean;
+  /**网元版本历史框是否显示 */
+  visibleByHistory: boolean;
+  /**标题 */
+  title: string;
+  /**表单数据 */
+  from: Record<string, any>;
+  /**确定按钮 loading */
+  confirmLoading: boolean;
+};
+
+/**对话框对象信息状态 */
+let modalState: ModalStateType = reactive({
+  visibleByEdit: false,
+  visibleByHistory: false,
+  title: '任务设置',
+  neType:[],
+  from: {
+    neType: '',
+    comment: '',
+    file: undefined,
+    fileList: [],
+  },
+  confirmLoading: false,
+});
+
+/**
+ * 对话框弹出显示为 新增或者修改
+ * @param noticeId 网元id, 不传为新增
+ */
+function fnModalVisibleByEdit() {
+  modalState.title = t('common.uploadText');
+  modalState.visibleByEdit = true;
+}
+
+/**对话框内表单属性和校验规则 */
+const modalStateFrom = Form.useForm(
+  modalState.from,
+  reactive({
+    neType: [
+      {
+        required: true,
+        message: t('views.configManage.softwareManage.neTypePlease'),
+      },
+    ],
+    comment: [
+      {
+        required: true,
+        message: t('views.configManage.softwareManage.updateCommentPlease'),
+      },
+    ],
+    file: [
+      {
+        required: true,
+        message: t('views.configManage.softwareManage.updateFilePlease'),
+      },
+    ],
+  })
+);
+
+/**
+ * 对话框弹出确认执行函数
+ * 进行表达规则校验
+ */
+function fnModalOk() {
+  modalStateFrom
+    .validate()
+    .then(e => {
+      modalState.confirmLoading = true;
+      const from = toRaw(modalState.from);
+      let formData = new FormData();
+      formData.append('nfType', modalState.neType[0]);
+      formData.append('nfId', modalState.neType[1]);
+      formData.append('comment', from.comment);
+      formData.append('file', from.file);
+      const hide = message.loading({ content: t('common.loading') });
+      uploadLicense(formData)
+        .then(res => {
+          if (res.code === RESULT_CODE_SUCCESS) {
+            message.success({
+              content: t('common.msgSuccess', { msg: modalState.title }),
+              duration: 3,
+            });
+            modalState.visibleByEdit = false;
+            modalStateFrom.resetFields();
+          } else {
+            message.error({
+              content: `${res.msg}`,
+              duration: 3,
+            });
+          }
+        })
+        .finally(() => {
+          hide();
+          modalState.confirmLoading = false;
+          // 获取列表数据
+          fnGetList();
+        });
+    })
+    .catch(e => {
+      message.error(t('common.errorFields', { num: e.errorFields.length }), 3);
+    });
+}
+
+/**
+ * 对话框弹出关闭执行函数
+ * 进行表达规则校验
+ */
+function fnModalCancel() {
+  modalState.visibleByEdit = false;
+  modalState.visibleByHistory = false;
+  modalStateFrom.resetFields();
+}
+
+/**
+ * 对话框弹出显示为 网元版本信息
+ */
+function fnModalVisibleByHistory() {
+  modalState.visibleByHistory = true;
+}
+
+/**上传前检查或转换压缩 */
+function fnBeforeUploadFile(file: FileType) {
+  if (modalState.confirmLoading) return false;
+  const fileName = file.name;
+  const suff = fileName.substring(fileName.lastIndexOf('.'));
+  if (!['.ini'].includes(suff)) {
+    message.error('只支持上传文件格式(.ini)', 3);
+    return false;
+  }
+  const isLt60M = file.size / 1024 / 1024 > 60;
+  if (isLt60M) {
+    message.error('有效软件文件大小应不小于 60MB', 3);
+    return false;
+  }
+  return true;
+}
+
+/**上传文件 */
+function fnUploadFile(up: UploadRequestOption) {
+  // 改为完成状态
+  const file = modalState.from.fileList[0];
+  file.percent = 100;
+  file.status = 'done';
+  // 预置到表单
+  modalState.from.file = up.file;
+}
+
+
+/**上传文件 */
+function fnUploadCms(up: UploadRequestOption) {
+  // 改为完成状态
+  const file = modalState.from.cmsList[0];
+  file.percent = 100;
+  file.status = 'done';
+  // 预置到表单
+  modalState.from.cms = up.file;
+}
+
+onMounted(() => {
+  // 获取网元网元列表
+  useNeInfoStore()
+    .fnNelist()
+    .then(res => {
+      if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
+        if (res.data.length > 0) {
+          const item = res.data[0];
+          modalState.from.neType = item.neType;
+        }
+      } else {
+        message.warning({
+          content: `暂无网元列表数据`,
+          duration: 2,
+        });
+      }
+    });
+  // 获取列表数据
+  fnGetList();
+});
+</script>
+
+<template>
+  <PageContainer :title="title">
+    <a-card
+      v-show="tableState.seached"
+      :bordered="false"
+      :body-style="{ marginBottom: '24px', paddingBottom: 0 }"
+    >
+      <!-- 表格搜索栏 -->
+      <a-form :model="queryParams" name="queryParams" layout="horizontal">
+        <a-row :gutter="16">
+          <a-col :lg="6" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.configManage.softwareManage.neType')"
+              name="neType "
+            >
+              <a-auto-complete
+                v-model:value="queryParams.neType"
+                :options="useNeInfoStore().getNeSelectOtions"
+                allow-clear
+                :placeholder="
+                  t('views.configManage.softwareManage.neTypePlease')
+                "
+              />
+            </a-form-item>
+          </a-col>
+          <a-col :lg="6" :md="12" :xs="24">
+            <a-form-item>
+              <a-space :size="8">
+                <a-button type="primary" @click.prevent="fnGetList">
+                  <template #icon><SearchOutlined /></template>
+                  {{ t('common.search') }}
+                </a-button>
+                <a-button type="default" @click.prevent="fnQueryReset">
+                  <template #icon><ClearOutlined /></template>
+                  {{ t('common.reset') }}
+                </a-button>
+              </a-space>
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+    </a-card>
+
+    <a-card :bordered="false" :body-style="{ padding: '0px' }">
+      <!-- 插槽-卡片左侧侧 -->
+      <template #title>
+        <a-space :size="8" align="center">
+          <a-button type="primary" @click.prevent="fnModalVisibleByEdit()">
+            <template #icon><UploadOutlined /></template>
+            {{ t('common.uploadText') }}
+          </a-button>
+        </a-space>
+      </template>
+
+      <!-- 插槽-卡片右侧 -->
+      <template #extra>
+        <a-space :size="8" align="center">
+          <a-tooltip>
+            <template #title>{{ t('common.searchBarText') }}</template>
+            <a-switch
+              v-model:checked="tableState.seached"
+              :checked-children="t('common.switch.show')"
+              :un-checked-children="t('common.switch.hide')"
+              size="small"
+            />
+          </a-tooltip>
+          <a-tooltip>
+            <template #title>{{ t('common.reloadText') }}</template>
+            <a-button type="text" @click.prevent="fnGetList">
+              <template #icon><ReloadOutlined /></template>
+            </a-button>
+          </a-tooltip>
+          <a-tooltip>
+            <template #title>{{ t('common.sizeText') }}</template>
+            <a-dropdown trigger="click" placement="bottomRight">
+              <a-button type="text">
+                <template #icon><ColumnHeightOutlined /></template>
+              </a-button>
+              <template #overlay>
+                <a-menu
+                  :selected-keys="[tableState.size as string]"
+                  @click="fnTableSize"
+                >
+                  <a-menu-item key="default">
+                    {{ t('common.size.default') }}
+                  </a-menu-item>
+                  <a-menu-item key="middle">
+                    {{ t('common.size.middle') }}
+                  </a-menu-item>
+                  <a-menu-item key="small">
+                    {{ t('common.size.small') }}
+                  </a-menu-item>
+                </a-menu>
+              </template>
+            </a-dropdown>
+          </a-tooltip>
+        </a-space>
+      </template>
+
+      <!-- 表格列表 -->
+      <a-table
+        class="table"
+        row-key="id"
+        :columns="tableColumns"
+        :loading="tableState.loading"
+        :data-source="tableState.data"
+        :size="tableState.size"
+        :pagination="tablePagination"
+        :scroll="{ x: true }"
+      >
+      </a-table>
+    </a-card>
+
+    <!-- 上传框 -->
+    <a-modal
+      width="800px"
+      :keyboard="false"
+      :mask-closable="false"
+      :visible="modalState.visibleByEdit"
+      :title="modalState.title"
+      :confirm-loading="modalState.confirmLoading"
+      @ok="fnModalOk"
+      @cancel="fnModalCancel"
+    >
+      <a-form
+        name="modalStateFrom"
+        layout="horizontal"
+        :label-col="{ span: 4 }"
+      >
+        <a-form-item
+          :label="t('views.configManage.softwareManage.neType')"
+          name="neType"
+          v-bind="modalStateFrom.validateInfos.neType"
+        >
+          <!-- <a-select
+            v-model:value="modalState.from.neType"
+            :options="useNeInfoStore().getNeCascaderOtions"
+            :placeholder="t('views.configManage.softwareManage.neTypePlease')"
+          >
+          </a-select> -->
+
+          <a-cascader
+                v-model:value="modalState.neType"
+                :options="useNeInfoStore().getNeCascaderOtions"
+                :allow-clear="false"
+                :placeholder="t('views.configManage.softwareManage.neTypePlease')"
+              />
+        </a-form-item>
+
+        <a-form-item
+          :label="t('views.configManage.softwareManage.updateComment')"
+          name="comment"
+          v-bind="modalStateFrom.validateInfos.comment"
+        >
+          <a-textarea
+            v-model:value="modalState.from.comment"
+            :auto-size="{ minRows: 4, maxRows: 6 }"
+            :maxlength="200"
+            :show-count="true"
+            :placeholder="
+              t('views.configManage.softwareManage.updateCommentPlease')
+            "
+          />
+        </a-form-item>
+        <a-form-item
+          :label="t('views.configManage.softwareManage.updateFile')"
+          name="file"
+          v-bind="modalStateFrom.validateInfos.file"
+        >
+          <a-upload
+            name="file"
+            v-model:file-list="modalState.from.fileList"
+            accept=".ini"
+            list-type="text"
+            :max-count="1"
+            :show-upload-list="true"
+            :before-upload="fnBeforeUploadFile"
+            :custom-request="fnUploadFile"
+          >
+            <a-button type="default" :loading="modalState.confirmLoading">
+              {{ t('views.configManage.softwareManage.selectFile') }}
+            </a-button>
+          </a-upload>
+        </a-form-item>
+
+      </a-form>
+    </a-modal>
+
+
+  </PageContainer>
+</template>
+
+<style lang="less" scoped>
+.table :deep(.ant-pagination) {
+  padding: 0 24px;
+}
+
+.file-model {
+  &__icon {
+    color: var(--ant-warning-color);
+    margin-right: 16px;
+    font-size: 22px;
+  }
+  &__tip {
+    overflow: hidden;
+    color: #000000d9;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 1.4;
+  }
+}
+</style>