diff --git a/practical_training/views/configManage/configParamApply/index.vue b/practical_training/views/configManage/configParamApply/index.vue
index 75cfa32b..891bdcb6 100644
--- a/practical_training/views/configManage/configParamApply/index.vue
+++ b/practical_training/views/configManage/configParamApply/index.vue
@@ -5,7 +5,7 @@ import { ProModal } from 'antdv-pro-modal';
 import { Form, message, Modal } from 'ant-design-vue/es';
 import { SizeType } from 'ant-design-vue/es/config-provider';
 import { MenuInfo } from 'ant-design-vue/es/menu/src/interface';
-import { ColumnsType } from 'ant-design-vue/es/table'; 
+import { ColumnsType } from 'ant-design-vue/es/table';
 import { parseDateToStr } from '@/utils/date-utils';
 import useDictStore from '@/store/modules/dict';
 import useNeInfoStore from '@/store/modules/neinfo';
@@ -347,9 +347,9 @@ function fnRecordBack(row?: Record<string, any>) {
         result = stuPtNeConfigApply({ neType: row.neType, status: '1' });
       } else {
         result = updatePtNeConfigApply({
-          status: "3",
-          backId: tableState.selectedRowKeys.join(","),
-          backInfo: "请重新检查配置",
+          status: '3',
+          backId: tableState.selectedRowKeys.join(','),
+          backInfo: '请重新检查配置',
         });
       }
       result.then((res: any) => {
@@ -576,7 +576,7 @@ onMounted(() => {
       @cancel="fnModalCancel"
     >
       <a-form layout="horizontal" :label-col="{ span: 6 }" :label-wrap="true">
-        <a-row :gutter="16">
+        <a-row>
           <a-col :lg="12" :md="12" :xs="24">
             <a-form-item :label="t('views.ne.common.neType')" name="neType">
               {{ modalState.from.neType }}
@@ -592,7 +592,7 @@ onMounted(() => {
           </a-col>
         </a-row>
 
-        <a-row :gutter="16">
+        <a-row>
           <a-col :lg="12" :md="12" :xs="24">
             <a-form-item label="申请人" name="createBy">
               {{ modalState.from.createBy }}
@@ -604,7 +604,7 @@ onMounted(() => {
             </a-form-item>
           </a-col>
         </a-row>
-        <a-row :gutter="16" v-if="modalState.from.status !== '0'">
+        <a-row v-if="modalState.from.status !== '0'">
           <a-col :lg="12" :md="12" :xs="24">
             <a-form-item label="处理人" name="updateBy">
               {{ modalState.from.updateBy }}
diff --git a/practical_training/views/monitor/topologyArchitecture/index.vue b/practical_training/views/monitor/topologyArchitecture/index.vue
index c436ed20..c09143a6 100644
--- a/practical_training/views/monitor/topologyArchitecture/index.vue
+++ b/practical_training/views/monitor/topologyArchitecture/index.vue
@@ -1,551 +1,714 @@
 <script setup lang="ts">
-import { reactive, onMounted, ref, onBeforeUnmount } from 'vue';
+import { reactive, onMounted, toRaw, computed } from 'vue';
 import { PageContainer } from 'antdv-pro-layout';
-import {
-  RESULT_CODE_ERROR,
-  RESULT_CODE_SUCCESS,
-} from '@/constants/result-constants';
-import { listAllNeInfo } from '@/api/ne/neInfo';
-import { message } from 'ant-design-vue/es';
-import { getGraphData } from '@/api/monitor/topology';
+import { ProModal } from 'antdv-pro-modal';
+import { Form, message, Modal } from 'ant-design-vue/es';
+import { SizeType } from 'ant-design-vue/es/config-provider';
+import { MenuInfo } from 'ant-design-vue/es/menu/src/interface';
+import { ColumnsType } from 'ant-design-vue/es/table';
 import { parseDateToStr } from '@/utils/date-utils';
-import { Graph, GraphData, Menu, Tooltip } from '@antv/g6';
-import {
-  edgeCubicAnimateCircleMove,
-  edgeCubicAnimateLineDash,
-  edgeLineAnimateState,
-} from '../topologyBuild/hooks/registerEdge';
-import {
-  nodeCircleAnimateShapeR,
-  nodeCircleAnimateShapeStroke,
-  nodeImageAnimateState,
-  nodeRectAnimateState,
-} from '../topologyBuild/hooks/registerNode';
-import useNeOptions from '@/views/ne/neInfo/hooks/useNeOptions';
+import useDictStore from '@/store/modules/dict';
+import useNeInfoStore from '@/store/modules/neinfo';
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import useI18n from '@/hooks/useI18n';
-import { OptionsType, WS } from '@/plugins/ws-websocket';
+import {
+  getPtNeConfigApplyList,
+  stuPtNeConfigApply,
+  updatePtNeConfigApply,
+} from '@/api/pt/neConfigApply';
 import { hasRoles } from '@/plugins/auth-user';
-import { parseBasePath } from '@/plugins/file-static-url';
 const { t } = useI18n();
-const { fnNeRestart, fnNeStop, fnNeLogFile } = useNeOptions();
-const ws = new WS();
+const { getDict } = useDictStore();
+const neInfoStore = useNeInfoStore();
 
-/**图DOM节点实例对象 */
-const graphG6Dom = ref<HTMLElement | undefined>(undefined);
-
-/**图状态 */
-const graphState = reactive<Record<string, any>>({
-  /**当前图组名 */
-  group: '5GC System Architecture',
-  /**图数据 */
-  data: {
-    combos: [],
-    edges: [],
-    nodes: [],
-  },
+/**字典数据 */
+let dict: {
+  /**配置申请应用状态 */
+  ptConfigApplyStatus: DictType[];
+} = reactive({
+  ptConfigApplyStatus: [],
 });
 
-/**非网元元素 */
-const notNeNodes = [
-  '5GC',
-  'DN',
-  'UE',
-  'Base',
-  'lan',
-  'lan1',
-  'lan2',
-  'lan3',
-  'lan4',
-  'lan5',
-  'lan6',
-  'lan7',
-  'LAN',
-  'NR',
-];
-
-/**图实例对象 */
-const graphG6 = ref<any>(null);
-
-/**图节点右击菜单 */
-const graphNodeMenu = new Menu({
-  offsetX: 6,
-  offseY: 10,
-  itemTypes: ['node'],
-  getContent(evt) {
-    if (!evt) return t('views.monitor.topologyBuild.graphNotInfo');
-    const { id, label, neState }: any = evt.item?.getModel();
-    if (notNeNodes.includes(id)) {
-      return `<div><span>${label || id}</span></div>`;
-    }
-    if (!neState) {
-      return `<div><span>${label || id}</span></div>`;
-    }
-    return `
-    <div
-      style="
-        display: flex;
-        flex-direction: column;
-        width: 140px;
-      "
-    >
-      <h3 style="margin-bottom: 8px">
-      ${t('views.monitor.topology.name')}:
-      ${neState.neName ?? '--'}
-      </h3>
-      <div id="restart" style="cursor: pointer; margin-bottom: 4px">
-        > ${t('views.configManage.neManage.restart')}
-      </div>
-      <div id="stop" style="cursor: pointer; margin-bottom: 4px;">
-        > ${t('views.configManage.neManage.stop')}
-      </div>
-      <div id="log" style="cursor: pointer; margin-bottom: 4px;">
-        > ${t('views.configManage.neManage.log')}
-      </div>
-    </div>
-    `;
-  },
-  handleMenuClick(target, item) {
-    const { neInfo }: any = item?.getModel();
-    const { neName, neType, neId } = neInfo;
-    const targetId = target.id;
-    switch (targetId) {
-      case 'restart':
-        fnNeRestart({ neName, neType, neId });
-        break;
-      case 'stop':
-        fnNeStop({ neName, neType, neId });
-        break;
-      case 'log':
-        fnNeLogFile({ neType, neId });
-        break;
-    }
-  },
+/**查询参数 */
+let queryParams = reactive({
+  /**网元类型 */
+  neType: '',
+  /**申请人 */
+  createBy: '',
+  /**状态 */
+  status: undefined,
+  /**当前页数 */
+  pageNum: 1,
+  /**每页条数 */
+  pageSize: 20,
 });
 
-/**图节点展示 */
-const graphNodeTooltip = new Tooltip({
-  offsetX: 10,
-  offsetY: 20,
-  getContent(evt) {
-    if (!evt) return t('views.monitor.topologyBuild.graphNotInfo');
-    const { id, label, neState }: any = evt.item?.getModel();
-    if (notNeNodes.includes(id)) {
-      return `<div><span>${label || id}</span></div>`;
-    }
-    if (!neState) {
-      return `<div><span>${label || id}</span></div>`;
-    }
-    let notStudentInfo = '';
-    if (hasRoles(['teacher', 'admin'])) {
-      notStudentInfo = `
-        <div><strong>${t('views.monitor.topology.serialNum')}：</strong><span>
-        ${neState.sn ?? '--'}
-        </span></div>
-        <div><strong>${t('views.monitor.topology.expiryDate')}：</strong><span>
-        ${neState.expire ?? '--'}
-        </span></div> `;
-    }
-    return `
-        <div
-        style="
-            display: flex;
-            flex-direction: column;
-            width: 200px;
-        "
-        >
-        <div><strong>${t('views.monitor.topology.state')}：</strong><span>
-        ${
-          neState.online
-            ? t('views.monitor.topology.normalcy')
-            : t('views.monitor.topology.exceptions')
-        }
-        </span></div>
-        <div><strong>${t('views.monitor.topology.refreshTime')}：</strong><span>
-        ${neState.refreshTime ?? '--'}
-        </span></div>
-        <div>========================</div>
-        <div><strong>ID：</strong><span>${neState.neId}</span></div>
-        <div><strong>${t('views.monitor.topology.name')}：</strong><span>
-        ${neState.neName ?? '--'}
-        </span></div>
-        <div><strong>IP：</strong><span>${neState.neIP}</span></div>
-        <div><strong>${t('views.monitor.topology.version')}：</strong><span>
-        ${neState.version ?? '--'}
-        </span></div>
-        ${notStudentInfo}
-        </div>
-        `;
-  },
-  itemTypes: ['node'],
-});
-
-/**注册自定义边或节点 */
-function registerEdgeNode() {
-  // 边
-  edgeCubicAnimateLineDash();
-  edgeCubicAnimateCircleMove();
-  edgeLineAnimateState();
-  // 节点
-  nodeCircleAnimateShapeR();
-  nodeCircleAnimateShapeStroke();
-  nodeRectAnimateState();
-  nodeImageAnimateState();
+/**查询参数重置 */
+function fnQueryReset() {
+  queryParams = Object.assign(queryParams, {
+    neType: '',
+    createBy: '',
+    status: undefined,
+    pageNum: 1,
+    pageSize: 20,
+  });
+  tablePagination.current = 1;
+  tablePagination.pageSize = 20;
+  fnGetList();
 }
 
-/**图数据渲染 */
-function handleRanderGraph(
-  container: HTMLElement | undefined,
-  data: GraphData
-) {
-  if (!container) return;
-  const { clientHeight, clientWidth } = container;
+/**表格状态类型 */
+type TabeStateType = {
+  /**加载等待 */
+  loading: boolean;
+  /**紧凑型 */
+  size: SizeType;
+  /**搜索栏 */
+  seached: boolean;
+  /**记录数据 */
+  data: object[];
+  /**勾选记录 */
+  selectedRowKeys: (string | number)[];
+};
 
-  // 注册自定义边或节点
-  registerEdgeNode();
+/**表格状态 */
+let tableState: TabeStateType = reactive({
+  loading: false,
+  size: 'middle',
+  seached: true,
+  data: [],
+  selectedRowKeys: [],
+});
 
-  const graph = new Graph({
-    container: container,
-    width: clientWidth,
-    height: clientHeight,
-    fitCenter: true,
-    fitView: true,
-    fitViewPadding: [40],
-    autoPaint: true,
-    modes: {
-      default: [
-        'drag-combo',
-        'drag-canvas',
-        'zoom-canvas',
-        'collapse-expand-combo',
-      ],
+/**表格字段列 */
+let tableColumns: ColumnsType = [
+  {
+    title: t('common.rowId'),
+    dataIndex: 'id',
+    align: 'center',
+    width: 100,
+  },
+  {
+    title: t('views.ne.common.neType'),
+    dataIndex: 'neType',
+    align: 'left',
+    width: 100,
+  },
+  {
+    title: '申请人',
+    dataIndex: 'createBy',
+    align: 'left',
+    width: 120,
+  },
+  {
+    title: '申请时间',
+    dataIndex: 'createTime',
+    align: 'left',
+    width: 150,
+    customRender(opt) {
+      if (+opt.value <= 0) return '';
+      return parseDateToStr(+opt.value);
     },
-    groupByTypes: false,
-    nodeStateStyles: {
-      selected: {
-        fill: 'transparent',
-      },
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    key: 'status',
+    align: 'left',
+    width: 100,
+  },
+  {
+    title: '处理人',
+    dataIndex: 'updateBy',
+    align: 'left',
+    width: 120,
+  },
+  {
+    title: '处理时间',
+    dataIndex: 'updateTime',
+    align: 'left',
+    width: 150,
+    customRender(opt) {
+      if (+opt.value <= 0) return '';
+      return parseDateToStr(+opt.value);
     },
-    plugins: [graphNodeMenu, graphNodeTooltip],
-    animate: true, // 是否使用动画过度，默认为 false
-    animateCfg: {
-      duration: 500, // Number，一次动画的时长
-      easing: 'linearEasing', // String，动画函数
-    },
-  });
-  graph.data(data);
-  graph.render();
+  },
+  {
+    title: t('common.operate'),
+    key: 'id',
+    align: 'left',
+  },
+];
 
-  graphG6.value = graph;
+/**表格分页器参数 */
+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: total }),
+  onChange: (page: number, pageSize: number) => {
+    tablePagination.current = page;
+    tablePagination.pageSize = pageSize;
+    queryParams.pageNum = page;
+    queryParams.pageSize = pageSize;
+    fnGetList();
+  },
+});
 
-  // 创建 ResizeObserver 实例
-  var observer = new ResizeObserver(function (entries) {
-    // 当元素大小发生变化时触发回调函数
-    entries.forEach(function (entry) {
-      if (!graphG6.value) {
-        return;
+/**表格紧凑型变更操作 */
+function fnTableSize({ key }: MenuInfo) {
+  tableState.size = key as SizeType;
+}
+
+/**表格多选 */
+function fnTableSelectedRowKeys(keys: (string | number)[], infos: any) {
+  const arr = [];
+  for (const item of infos) {
+    if (item.status === '0') {
+      arr.push(item.id);
+    }
+  }
+  tableState.selectedRowKeys = arr;
+}
+
+/**查询列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
+  if (tableState.loading) return;
+  tableState.loading = true;
+  if (pageNum) {
+    queryParams.pageNum = pageNum;
+  }
+  getPtNeConfigApplyList(toRaw(queryParams)).then(res => {
+    if (res.code === RESULT_CODE_SUCCESS) {
+      // 取消勾选
+      if (tableState.selectedRowKeys.length > 0) {
+        tableState.selectedRowKeys = [];
       }
-      graphG6.value.changeSize(
-        entry.contentRect.width,
-        entry.contentRect.height - 30
-      );
-      graphG6.value.fitCenter();
-    });
+      tablePagination.total = res.total;
+      tableState.data = res.rows;
+      if (
+        tablePagination.total <=
+          (queryParams.pageNum - 1) * tablePagination.pageSize &&
+        queryParams.pageNum !== 1
+      ) {
+        tableState.loading = false;
+        fnGetList(queryParams.pageNum - 1);
+      }
+    }
+    tableState.loading = false;
   });
-  // 监听元素大小变化
-  observer.observe(container);
+}
 
-  return graph;
+/**对话框对象信息状态类型 */
+type ModalStateType = {
+  /**详情框是否显示 */
+  openByView: boolean;
+  /**新增框或修改框是否显示 */
+  openByEdit: boolean;
+  /**标题 */
+  title: string;
+  /**表单数据 */
+  from: Record<string, any>;
+  /**确定按钮 loading */
+  confirmLoading: boolean;
+  /**cron生成框是否显示 */
+  openByCron: boolean;
+};
+
+/**对话框对象信息状态 */
+let modalState: ModalStateType = reactive({
+  openByView: false,
+  openByEdit: false,
+  title: '任务',
+  from: {
+    id: undefined,
+    createBy: '',
+    createTime: 0,
+    updateBy: '',
+    updateTime: 0,
+    neType: 'MME',
+    status: '0',
+    backInfo: '',
+  },
+  confirmLoading: false,
+  openByCron: false,
+});
+
+/**对话框内表单属性和校验规则 */
+const modalStateFrom = Form.useForm(
+  modalState.from,
+  reactive({
+    status: [
+      {
+        required: true,
+        message: t('common.selectPlease'),
+      },
+    ],
+  })
+);
+
+/**
+ * 对话框弹出显示为 查看
+ * @param jobId 任务id
+ */
+function fnModalVisibleByVive(row: Record<string, any>) {
+  modalState.from = Object.assign(modalState.from, row);
+  modalState.title = '查看';
+  modalState.openByView = true;
 }
 
 /**
- * 获取图组数据渲染到画布
- * @param reload 是否重载数据
+ * 对话框弹出显示为 编辑
+ * @param jobId 任务id
  */
-function fnGraphDataLoad(reload: boolean = false) {
-  Promise.all([
-    getGraphData(graphState.group),
-    listAllNeInfo({
-      bandStatus: false,
-    }),
-  ])
-    .then(resArr => {
-      const graphRes = resArr[0];
-      const neRes = resArr[1];
-      if (
-        graphRes.code === RESULT_CODE_SUCCESS &&
-        Array.isArray(graphRes.data.nodes) &&
-        graphRes.data.nodes.length > 0 &&
-        neRes.code === RESULT_CODE_SUCCESS &&
-        Array.isArray(neRes.data) &&
-        neRes.data.length > 0
-      ) {
-        return {
-          graphData: graphRes.data,
-          neList: neRes.data,
-        };
+function fnModalVisibleByEdit(row: Record<string, any>) {
+  Object.assign(modalState.from, row);
+  modalState.from.status = '3';
+  modalState.title = '编辑状态';
+  modalState.openByEdit = true;
+}
+
+/**
+ * 对话框弹出确认执行函数
+ * 进行表达规则校验
+ */
+function fnModalOk() {
+  modalStateFrom
+    .validate()
+    .then(() => {
+      modalState.confirmLoading = true;
+      const from = toRaw(modalState.from);
+      updatePtNeConfigApply({
+        applyId: from.id,
+        neType: from.neType,
+        status: from.status,
+        backInfo: from.backInfo,
+      })
+        .then(res => {
+          if (res.code === RESULT_CODE_SUCCESS) {
+            message.success({
+              content: t('common.operateOk'),
+              duration: 3,
+            });
+
+            modalState.openByEdit = false;
+            modalStateFrom.resetFields();
+            fnGetList();
+          } else {
+            message.error({
+              content: `${res.msg}`,
+              duration: 3,
+            });
+          }
+        })
+        .finally(() => {
+          modalState.confirmLoading = false;
+        });
+    })
+    .catch(e => {
+      message.error(t('common.errorFields', { num: e.errorFields.length }), 3);
+    });
+}
+
+/**
+ * 对话框弹出关闭执行函数
+ * 进行表达规则校验
+ */
+function fnModalCancel() {
+  modalState.openByEdit = false;
+  modalState.openByView = false;
+  modalState.from = {};
+}
+
+/**批量退回 */
+function fnRecordBack(row?: Record<string, any>) {
+  Modal.confirm({
+    title: t('common.tipTitle'),
+    content: row
+      ? '确认要撤回配置应用申请吗？'
+      : '确认要批量退回学生的配置应用申请吗？',
+    onOk() {
+      let result: any;
+      if (row) {
+        result = stuPtNeConfigApply({ neType: row.neType, status: '1' });
       } else {
-        message.warning({
-          content: t('views.monitor.topology.noData'),
-          duration: 5,
+        result = updatePtNeConfigApply({
+          status: '3',
+          backId: tableState.selectedRowKeys.join(','),
+          backInfo: '请重新检查配置',
         });
       }
-    })
-    .then(res => {
-      if (!res) return;
-      const { combos, edges, nodes } = res.graphData;
-
-      // 节点过滤
-      const nf: Record<string, any>[] = nodes.filter(
-        (node: Record<string, any>) => {
-          Reflect.set(node, 'neState', { online: false });
-          // 图片路径处理
-          if (node.img) node.img = parseBasePath(node.img);
-          if (node.icon.show && node.icon?.img)
-            node.icon.img = parseBasePath(node.icon.img);
-          // 遍历是否有网元数据
-          const nodeID: string = node.id;
-          const hasNe = res.neList.some(ne => {
-            Reflect.set(node, 'neInfo', ne.neType === nodeID ? ne : {});
-            return ne.neType === nodeID;
+      result.then((res: any) => {
+        fnGetList();
+        if (res.code === RESULT_CODE_SUCCESS) {
+          message.success({
+            content: t('common.operateOk'),
+            duration: 3,
+          });
+        } else {
+          message.error({
+            content: `${res.msg}`,
+            duration: 3,
           });
-          if (hasNe) {
-            return true;
-          }
-          if (notNeNodes.includes(nodeID)) {
-            return true;
-          }
-          return false;
         }
-      );
-
-      // 边过滤
-      const ef: Record<string, any>[] = edges.filter(
-        (edge: Record<string, any>) => {
-          const edgeSource: string = edge.source;
-          const edgeTarget: string = edge.target;
-          const hasNeS = nf.some(n => n.id === edgeSource);
-          const hasNeT = nf.some(n => n.id === edgeTarget);
-          // console.log(hasNeS, edgeSource, hasNeT, edgeTarget);
-          if (hasNeS && hasNeT) {
-            return true;
-          }
-          if (hasNeS && notNeNodes.includes(edgeTarget)) {
-            return true;
-          }
-          if (hasNeT && notNeNodes.includes(edgeSource)) {
-            return true;
-          }
-          return false;
-        }
-      );
-
-      // 分组过滤
-      combos.forEach((combo: Record<string, any>) => {
-        const comboChildren: Record<string, any>[] = combo.children;
-        combo.children = comboChildren.filter(c => nf.some(n => n.id === c.id));
-        return combo;
       });
-
-      // 图数据
-      graphState.data = { combos, edges: ef, nodes: nf };
-    })
-    .finally(() => {
-      if (graphState.data.length < 0) return;
-      // 重载数据
-      if (reload) {
-        graphG6.value.read(graphState.data);
-      } else {
-        handleRanderGraph(graphG6Dom.value, graphState.data);
-      }
-      clearInterval(interval10s.value);
-      interval10s.value = null;
-      fnGetState();
-      interval10s.value = setInterval(async () => {
-        if (!interval10s.value) return;
-        fnGetState(); // 获取网元状态
-      }, 20_000);
-    });
-}
-
-/**网元状态调度器 */
-const interval10s = ref<any>(null);
-
-/**查询网元状态 */
-function fnGetState() {
-  // 获取节点状态
-  for (const node of graphState.data.nodes) {
-    if (notNeNodes.includes(node.id)) continue;
-    const { neType, neId } = node.neInfo;
-    if (!neType || !neId) continue;
-    ws.send({
-      requestId: `${neType}_${neId}`,
-      type: 'ne_state',
-      data: {
-        neType: neType,
-        neId: neId,
-      },
-    });
-  }
-}
-
-/**接收数据后回调 */
-function wsError(ev: any) {
-  // 接收数据后回调
-  console.error(ev);
-}
-
-/**接收数据后回调 */
-function wsMessage(res: Record<string, any>) {
-  const { code, requestId, data } = res;
-  if (code === RESULT_CODE_ERROR) {
-    console.warn(res.msg);
-    return;
-  }
-  if (!requestId) return;
-  const [neType, neId] = requestId.split('_');
-  const { combos, edges, nodes } = graphState.data;
-  const node = nodes.find((item: Record<string, any>) => item.id === neType);
-
-  // 更新网元状态
-  const newNeState = Object.assign(node.neState, data, {
-    refreshTime: parseDateToStr(data.refreshTime, 'HH:mm:ss'),
-    online: !!data.cpu,
+    },
   });
-
-  // 通过 ID 查询节点实例
-  const item = graphG6.value.findById(node.id);
-  if (item) {
-    const stateColor = newNeState.online ? '#52c41a' : '#f5222d'; // 状态颜色
-    // 图片类型不能填充
-    if (node.type.startsWith('image')) {
-      // 更新节点
-      if (node.label !== newNeState.neName) {
-        graphG6.value.updateItem(item, {
-          label: newNeState.neName,
-        });
-      }
-      // 设置状态
-      graphG6.value.setItemState(item, 'top-right-dot', stateColor);
-    } else {
-      // 更新节点
-      graphG6.value.updateItem(item, {
-        label: newNeState.neName,
-        // neState: newNeState,
-        style: {
-          fill: stateColor, // 填充色
-          stroke: stateColor, // 填充色
-        },
-        // labelCfg: {
-        //   style: {
-        //     fill: '#ffffff', // 标签文本色
-        //   },
-        // },
-      });
-      // 设置状态
-      graphG6.value.setItemState(item, 'stroke', newNeState.online);
-    }
-  }
-
-  // 设置边状态
-  for (const edge of edges) {
-    const edgeSource: string = edge.source;
-    const edgeTarget: string = edge.target;
-    const neS = nodes.find((n: any) => n.id === edgeSource);
-    const neT = nodes.find((n: any) => n.id === edgeTarget);
-    // console.log(neS, edgeSource, neT, edgeTarget);
-
-    if (neS && neT) {
-      // 通过 ID 查询节点实例
-      // const item = graphG6.value.findById(edge.id);
-      // console.log(
-      //   `${edgeSource} - ${edgeTarget}`,
-      //   neS.neState.online && neT.neState.online
-      // );
-      // const stateColor = neS.neState.online && neT.neState.online ? '#000000' : '#ff4d4f'; // 状态颜色
-      // 更新边
-      // graphG6.value.updateItem(item, {
-      //   label: `${edgeSource} - ${edgeTarget}`,
-      //   style: {
-      //     stroke: stateColor, // 填充色
-      //   },
-      //   labelCfg: {
-      //     style: {
-      //       fill: '#ffffff', // 标签文本色
-      //     },
-      //   },
-      // });
-      // 设置状态
-      graphG6.value.setItemState(
-        edge.id,
-        'circle-move',
-        neS.neState.online && neT.neState.online
-      );
-    }
-    if (neS && notNeNodes.includes(edgeTarget)) {
-      graphG6.value.setItemState(edge.id, 'line-dash', neS.neState.online);
-    }
-    if (neT && notNeNodes.includes(edgeSource)) {
-      graphG6.value.setItemState(edge.id, 'line-dash', neT.neState.online);
-    }
-  }
 }
 
-onMounted(() => {
-  fnGraphDataLoad(false);
-
-  // 建立链接
-  const options: OptionsType = {
-    url: '/ws',
-    onmessage: wsMessage,
-    onerror: wsError,
-  };
-  ws.connect(options);
+/**应用状态 */
+const applyStatus = computed(() => {
+  if (hasRoles(['student'])) {
+    return dict.ptConfigApplyStatus.filter(s => ['0', '1'].includes(s.value));
+  }
+  let data = dict.ptConfigApplyStatus;
+  if (modalState.openByEdit && modalState.from.id) {
+    data = dict.ptConfigApplyStatus.filter(s => ['2', '3'].includes(s.value));
+  }
+  return data;
 });
 
-onBeforeUnmount(() => {
-  ws.close();
-  clearInterval(interval10s.value);
-  interval10s.value = null;
+onMounted(() => {
+  // 初始字典数据
+  Promise.allSettled([getDict('pt_config_apply_status')]).then(resArr => {
+    if (resArr[0].status === 'fulfilled') {
+      dict.ptConfigApplyStatus = resArr[0].value;
+    }
+  });
+  // 获取网元列表
+  neInfoStore.fnNelist().finally(() => {
+    // 获取列表数据
+    fnGetList();
+  });
 });
 </script>
 
 <template>
   <PageContainer>
     <a-card
+      v-show="tableState.seached"
       :bordered="false"
-      :body-style="{ marginBottom: '24px' }"
-      size="small"
+      :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.license.neType')"
+              name="neType "
+            >
+              <a-auto-complete
+                v-model:value="queryParams.neType"
+                :options="neInfoStore.getNeSelectOtions"
+                allow-clear
+                :placeholder="t('views.configManage.license.neTypePlease')"
+              />
+            </a-form-item>
+          </a-col>
+          <a-col :lg="6" :md="12" :xs="24">
+            <a-form-item label="状态" name="status">
+              <a-select
+                v-model:value="queryParams.status"
+                allow-clear
+                :placeholder="t('common.selectPlease')"
+                :options="applyStatus"
+              >
+              </a-select>
+            </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(1)">
+                  <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">
-          <span>
-            {{ t('views.monitor.topologyBuild.graphGroup') }}：
-            {{ graphState.group }}
-          </span>
-        </a-space>
-      </template>
-      <!-- 插槽-卡片右侧 -->
-      <template #extra>
-        <a-button
-          type="default"
-          size="small"
-          @click.prevent="fnGraphDataLoad(true)"
-        >
-          <template #icon><ReloadOutlined /></template>
-          {{ t('common.reloadText') }}
-        </a-button>
+        <div class="button-container">
+          <a-button
+            type="default"
+            danger
+            :disabled="tableState.selectedRowKeys.length <= 0"
+            @click.prevent="fnRecordBack()"
+            v-roles:has="['admin', 'teacher']"
+          >
+            <template #icon><DeleteOutlined /></template>
+            批量退回
+          </a-button>
+        </div>
       </template>
 
-      <div ref="graphG6Dom" class="chart"></div>
+      <!-- 插槽-卡片右侧 -->
+      <template #extra>
+        <div class="button-container">
+          <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 placement="topRight">
+            <template #title>{{ t('common.sizeText') }}</template>
+            <a-dropdown placement="bottomRight" trigger="click">
+              <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>
+        </div>
+      </template>
+
+      <!-- 表格列表 -->
+      <a-table
+        class="table"
+        row-key="id"
+        :columns="tableColumns"
+        :loading="tableState.loading"
+        :data-source="tableState.data"
+        :size="tableState.size"
+        :scroll="{ x: tableColumns.length * 120 }"
+        :pagination="tablePagination"
+        :row-selection="{
+          type: 'checkbox',
+          selectedRowKeys: tableState.selectedRowKeys,
+          onChange: fnTableSelectedRowKeys,
+        }"
+      >
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'status'">
+            <DictTag
+              :options="dict.ptConfigApplyStatus"
+              :value="record.status"
+            />
+          </template>
+          <template v-if="column.key === 'id'">
+            <a-space :size="8" align="center">
+              <a-tooltip>
+                <template #title>{{ t('common.viewText') }}</template>
+                <a-button
+                  type="link"
+                  @click.prevent="fnModalVisibleByVive(record)"
+                >
+                  <template #icon><ProfileOutlined /></template>
+                </a-button>
+              </a-tooltip>
+              <a-tooltip v-if="record.status === '0' && hasRoles(['student'])">
+                <template #title>撤回</template>
+                <a-button type="link" @click.prevent="fnRecordBack(record)">
+                  <template #icon><RollbackOutlined /></template>
+                </a-button>
+              </a-tooltip>
+              <a-tooltip
+                v-if="record.status === '0' && hasRoles(['admin', 'teacher'])"
+              >
+                <template #title>{{ t('common.editText') }}</template>
+                <a-button
+                  type="link"
+                  @click.prevent="fnModalVisibleByEdit(record)"
+                >
+                  <template #icon><FormOutlined /></template>
+                </a-button>
+              </a-tooltip>
+            </a-space>
+          </template>
+        </template>
+      </a-table>
     </a-card>
+
+    <!-- 详情框 -->
+    <ProModal
+      :drag="true"
+      :width="800"
+      :open="modalState.openByView"
+      :title="modalState.title"
+      @cancel="fnModalCancel"
+    >
+      <a-form layout="horizontal" :label-col="{ span: 6 }" :label-wrap="true">
+        <a-row>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item :label="t('views.ne.common.neType')" name="neType">
+              {{ modalState.from.neType }}
+            </a-form-item>
+          </a-col>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item label="状态" name="status">
+              <DictTag
+                :options="dict.ptConfigApplyStatus"
+                :value="modalState.from.status"
+              />
+            </a-form-item>
+          </a-col>
+        </a-row>
+
+        <a-row>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item label="申请人" name="createBy">
+              {{ modalState.from.createBy }}
+            </a-form-item>
+          </a-col>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item label="申请时间" name="createTime">
+              {{ parseDateToStr(+modalState.from.createTime) }}
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row v-if="modalState.from.status !== '0'">
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item label="处理人" name="updateBy">
+              {{ modalState.from.updateBy }}
+            </a-form-item>
+          </a-col>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item label="处理时间" name="updateTime">
+              {{ parseDateToStr(+modalState.from.updateTime) }}
+            </a-form-item>
+          </a-col>
+        </a-row>
+
+        <a-form-item
+          v-if="modalState.from.status === '3'"
+          label="退回说明"
+          name="backInfo"
+          :label-col="{ span: 3 }"
+          :label-wrap="true"
+        >
+          {{ modalState.from.backInfo }}
+        </a-form-item>
+      </a-form>
+      <template #footer>
+        <a-button key="cancel" @click="fnModalCancel">
+          {{ t('common.close') }}
+        </a-button>
+      </template>
+    </ProModal>
+
+    <!-- 新增框或修改框 -->
+    <ProModal
+      :drag="true"
+      :width="800"
+      :open="modalState.openByEdit"
+      :title="modalState.title"
+      :confirm-loading="modalState.confirmLoading"
+      :destroyOnClose="true"
+      @ok="fnModalOk"
+      @cancel="fnModalCancel"
+    >
+      <a-form
+        name="modalStateFrom"
+        layout="horizontal"
+        :label-col="{ span: 6 }"
+        :label-wrap="true"
+      >
+        <a-row :gutter="16">
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item :label="t('views.ne.common.neType')" name="neType">
+              {{ modalState.from.neType }}
+            </a-form-item>
+          </a-col>
+        </a-row>
+
+        <a-row :gutter="16">
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item label="申请人" name="createBy">
+              {{ modalState.from.createBy }}
+            </a-form-item>
+          </a-col>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item label="申请时间" name="createTime">
+              {{ parseDateToStr(+modalState.from.createTime) }}
+            </a-form-item>
+          </a-col>
+        </a-row>
+
+        <a-form-item
+          label="状态"
+          name="status"
+          :label-col="{ span: 3 }"
+          :label-wrap="true"
+          v-bind="modalStateFrom.validateInfos.status"
+        >
+          <a-select
+            v-model:value="modalState.from.status"
+            :placeholder="t('common.selectPlease')"
+            :options="applyStatus"
+          >
+          </a-select>
+        </a-form-item>
+
+        <a-form-item
+          v-if="modalState.from.status === '3'"
+          label="退回说明"
+          name="backInfo"
+          :label-col="{ span: 3 }"
+          :label-wrap="true"
+        >
+          <a-textarea
+            v-model:value="modalState.from.backInfo"
+            :auto-size="{ minRows: 2, maxRows: 6 }"
+            :maxlength="400"
+            :placeholder="t('common.inputPlease')"
+          />
+        </a-form-item>
+      </a-form>
+    </ProModal>
   </PageContainer>
 </template>
 
 <style lang="less" scoped>
-.chart {
-  width: 100%;
-  height: calc(100vh - 300px);
-  background-color: rgb(43, 47, 51);
+.table :deep(.ant-pagination) {
+  padding: 0 24px;
 }
 </style>
diff --git a/src/views/configManage/configParamApply/index.vue b/src/views/configManage/configParamApply/index.vue
index 75cfa32b..c09143a6 100644
--- a/src/views/configManage/configParamApply/index.vue
+++ b/src/views/configManage/configParamApply/index.vue
@@ -5,7 +5,7 @@ import { ProModal } from 'antdv-pro-modal';
 import { Form, message, Modal } from 'ant-design-vue/es';
 import { SizeType } from 'ant-design-vue/es/config-provider';
 import { MenuInfo } from 'ant-design-vue/es/menu/src/interface';
-import { ColumnsType } from 'ant-design-vue/es/table'; 
+import { ColumnsType } from 'ant-design-vue/es/table';
 import { parseDateToStr } from '@/utils/date-utils';
 import useDictStore from '@/store/modules/dict';
 import useNeInfoStore from '@/store/modules/neinfo';
@@ -347,12 +347,13 @@ function fnRecordBack(row?: Record<string, any>) {
         result = stuPtNeConfigApply({ neType: row.neType, status: '1' });
       } else {
         result = updatePtNeConfigApply({
-          status: "3",
-          backId: tableState.selectedRowKeys.join(","),
-          backInfo: "请重新检查配置",
+          status: '3',
+          backId: tableState.selectedRowKeys.join(','),
+          backInfo: '请重新检查配置',
         });
       }
       result.then((res: any) => {
+        fnGetList();
         if (res.code === RESULT_CODE_SUCCESS) {
           message.success({
             content: t('common.operateOk'),
@@ -576,7 +577,7 @@ onMounted(() => {
       @cancel="fnModalCancel"
     >
       <a-form layout="horizontal" :label-col="{ span: 6 }" :label-wrap="true">
-        <a-row :gutter="16">
+        <a-row>
           <a-col :lg="12" :md="12" :xs="24">
             <a-form-item :label="t('views.ne.common.neType')" name="neType">
               {{ modalState.from.neType }}
@@ -592,7 +593,7 @@ onMounted(() => {
           </a-col>
         </a-row>
 
-        <a-row :gutter="16">
+        <a-row>
           <a-col :lg="12" :md="12" :xs="24">
             <a-form-item label="申请人" name="createBy">
               {{ modalState.from.createBy }}
@@ -604,7 +605,7 @@ onMounted(() => {
             </a-form-item>
           </a-col>
         </a-row>
-        <a-row :gutter="16" v-if="modalState.from.status !== '0'">
+        <a-row v-if="modalState.from.status !== '0'">
           <a-col :lg="12" :md="12" :xs="24">
             <a-form-item label="处理人" name="updateBy">
               {{ modalState.from.updateBy }}
diff --git a/src/views/monitor/topologyArchitecture/index.vue b/src/views/monitor/topologyArchitecture/index.vue
index c436ed20..00b6fc43 100644
--- a/src/views/monitor/topologyArchitecture/index.vue
+++ b/src/views/monitor/topologyArchitecture/index.vue
@@ -80,6 +80,9 @@ const graphNodeMenu = new Menu({
     if (!neState) {
       return `<div><span>${label || id}</span></div>`;
     }
+    if (hasRoles(['student'])) {
+      return 'Student';
+    }
     return `
     <div
       style="