diff --git a/practical_training/api/pt/neConfig.ts b/practical_training/api/pt/neConfig.ts
new file mode 100644
index 00000000..6e45d4d9
--- /dev/null
+++ b/practical_training/api/pt/neConfig.ts
@@ -0,0 +1,107 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 保存为示例配置 (仅管理员操作)
+ * @param query 查询参数
+ * @returns object
+ */
+export function ptSaveAsDefault(neType: string, neid: string) {
+  return request({
+    url: `/pt/neConfigData/saveAsDefault`,
+    method: 'post',
+    data: { neType, neid },
+  });
+}
+
+/**
+ * 重置为示例配置 (仅学生/教师操作)
+ * @param query 查询参数
+ * @returns object
+ */
+export function ptResetAsDefault(neType: string) {
+  return request({
+    url: `/pt/neConfigData/resetAsDefault`,
+    method: 'post',
+    data: { neType },
+  });
+}
+
+/**
+ * 数据比较示例
+ * @param params 查询参数
+ * @returns object
+ */
+export function ptContrastAsDefault(params: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigData/contrast`,
+    params,
+    method: 'get',
+  });
+}
+
+/**
+ * 配置数据导出Excel
+ * @param student 仅教师 student
+ * @returns object
+ */
+export function ptExport(student: string|undefined) {
+  return request({
+    url: `/pt/neConfigData/export`,
+    method: 'get',
+    params: { student },
+    responseType: 'blob',
+    timeout: 180_000,
+  });
+}
+
+/**
+ * 网元参数配置信息
+ * @param params 数据 {neType,paramName}
+ * @returns object
+ */
+export function getPtNeConfigData(params: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigData`,
+    params,
+    method: 'get',
+  });
+}
+
+/**
+ * 网元参数配置数据更新
+ * @param data 数据 {neType,paramName:"参数名",paramData:{参数},loc:"层级index仅array"}
+ * @returns object
+ */
+export function editPtNeConfigData(data: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigData`,
+    method: 'put',
+    data: data,
+  });
+}
+
+/**
+ * 网元参数配置新增（array）
+ * @param data 数据 {neType,paramName:"参数名",paramData:{参数},loc:"层级index"}
+ * @returns object
+ */
+export function addPtNeConfigData(data: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigData`,
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 网元参数配置删除（array）
+ * @param params 数据 {neType,paramName:"参数名",loc:"层级index"}
+ * @returns object
+ */
+export function delPtNeConfigData(params: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigData`,
+    method: 'delete',
+    params,
+  });
+}
diff --git a/practical_training/api/pt/neConfigApply.ts b/practical_training/api/pt/neConfigApply.ts
new file mode 100644
index 00000000..5fdca195
--- /dev/null
+++ b/practical_training/api/pt/neConfigApply.ts
@@ -0,0 +1,53 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 班级学生列表 (仅教师操作)
+ * @param params 数据 {userName}
+ * @returns object
+ */
+export function getPtClassStudents(params?: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigApply/students`,
+    params,
+    method: 'get',
+  });
+}
+
+/**
+ * 网元参数配置应用申请列表
+ * @param params 数据 {neType,paramName}
+ * @returns object
+ */
+export function getPtNeConfigApplyList(params: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigApply/list`,
+    params,
+    method: 'get',
+  });
+}
+
+/**
+ * 网元参数配置应用申请提交(仅学生操作)
+ * @param data 数据 { "neType": "MME", "status": "1" }
+ * @returns object
+ */
+export function stuPtNeConfigApply(data: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigApply`,
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 网元参数配置应用申请状态变更(仅管理员/教师操作)
+ * @param data 数据 { "applyId": "1", "neType": "MME", "status": "3", "backInfo": "sgw参数错误" }
+ * @returns object
+ */
+export function updatePtNeConfigApply(data: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigApply`,
+    method: 'put',
+    data: data,
+  });
+}
diff --git a/practical_training/api/pt/neConfigDataLog.ts b/practical_training/api/pt/neConfigDataLog.ts
new file mode 100644
index 00000000..54c2dc0c
--- /dev/null
+++ b/practical_training/api/pt/neConfigDataLog.ts
@@ -0,0 +1,27 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 网元参数配置数据变更日志信息
+ * @param params 数据 {neType,paramName}
+ * @returns object
+ */
+export function getPtNeConfigDataLogList(params: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigDataLog`,
+    params,
+    method: 'get',
+  });
+}
+
+/**
+ * 网元参数配置数据变更日志还原到数据
+ * @param data 数据 { "id": "1", "value": "old" }
+ * @returns object
+ */
+export function restorePtNeConfigDataLog(data: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigDataLog/restore`,
+    method: 'put',
+    data: data,
+  });
+}
diff --git a/practical_training/api/pt/user.ts b/practical_training/api/pt/user.ts
new file mode 100644
index 00000000..e7804e73
--- /dev/null
+++ b/practical_training/api/pt/user.ts
@@ -0,0 +1,42 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 导入用户模板数据
+ * @param data 表单数据对象
+ * @returns object
+ */
+export function importData(data: FormData) {
+  return request({
+    url: '/pt/system/user/importData',
+    method: 'post',
+    data,
+    dataType: 'form-data',
+    timeout: 180_000,
+  });
+}
+
+/**
+ * 导入用户模板下载
+ * @returns bolb
+ */
+export function importTemplate() {
+  return request({
+    url: '/pt/system/user/importTemplate',
+    method: 'get',
+    responseType: 'blob',
+  });
+}
+
+/**
+ * 用户列表导出
+ * @param query 查询参数
+ * @returns bolb
+ */
+export function exportUser(query: Record<string, any>) {
+  return request({
+    url: '/pt/system/user/export',
+    method: 'post',
+    data: query,
+    responseType: 'blob',
+  });
+}
diff --git a/practical_training/views/plugins/auth-user.ts b/practical_training/plugins/auth-user.ts
similarity index 100%
rename from practical_training/views/plugins/auth-user.ts
rename to practical_training/plugins/auth-user.ts
diff --git a/practical_training/views/store/modules/user.ts b/practical_training/store/modules/user.ts
similarity index 100%
rename from practical_training/views/store/modules/user.ts
rename to practical_training/store/modules/user.ts
diff --git a/practical_training/views/system/user/index.vue b/practical_training/views/system/user/index.vue
new file mode 100644
index 00000000..02bf317f
--- /dev/null
+++ b/practical_training/views/system/user/index.vue
@@ -0,0 +1,1584 @@
+<script setup lang="ts">
+import { reactive, ref, onMounted, toRaw } from 'vue';
+import { PageContainer } from 'antdv-pro-layout';
+import { ProModal } from 'antdv-pro-modal';
+import { message, Modal, Form } 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 UploadModal from '@/components/UploadModal/index.vue';
+import {
+  changeUserStatus,
+  listUser,
+  resetUserPwd,
+  delUser,
+  getUser,
+  updateUser,
+  addUser,
+} from '@/api/system/user';
+import { importData, importTemplate, exportUser } from '@/api/pt/user';
+import { deptTreeSelect } from '@/api/system/dept';
+import { saveAs } from 'file-saver';
+import useI18n from '@/hooks/useI18n';
+import { parseDateToStr } from '@/utils/date-utils';
+import {
+  regExpPasswd,
+  regExpMobile,
+  regExpNick,
+  regExpEmail,
+  regExpUserName,
+} from '@/utils/regular-utils';
+import useDictStore from '@/store/modules/dict';
+import useUserStore from '@/store/modules/user';
+import { DataNode } from 'ant-design-vue/es/tree';
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+const { getDict } = useDictStore();
+const userStore = useUserStore();
+const { t } = useI18n();
+
+/**字典数据 */
+let dict: {
+  /**状态 */
+  sysNormalDisable: DictType[];
+  /**性别 */
+  sysUserSex: DictType[];
+} = reactive({
+  sysNormalDisable: [],
+  sysUserSex: [],
+});
+
+/**开始结束时间 */
+let queryRangePicker = ref<[string, string]>(['', '']);
+
+/**查询参数 */
+let queryParams = reactive({
+  /**登录账号 */
+  userName: '',
+  /**手机号 */
+  phonenumber: '',
+  /**部门ID */
+  deptId: undefined,
+  /**用户状态 */
+  status: undefined,
+  /**记录开始时间 */
+  beginTime: '',
+  /**记录结束时间 */
+  endTime: '',
+  /**当前页数 */
+  pageNum: 1,
+  /**每页条数 */
+  pageSize: 20,
+});
+
+/**查询参数重置 */
+function fnQueryReset() {
+  queryParams = Object.assign(queryParams, {
+    userName: '',
+    phonenumber: '',
+    deptId: undefined,
+    status: undefined,
+    beginTime: '',
+    endTime: '',
+    pageNum: 1,
+    pageSize: 20,
+  });
+  queryRangePicker.value = ['', ''];
+  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: false,
+  data: [],
+  selectedRowKeys: [],
+});
+
+/**表格字段列 */
+let tableColumns: ColumnsType = [
+  {
+    title: t('views.system.user.userNum'),
+    dataIndex: 'userId',
+    align: 'left',
+    width: 120,
+  },
+  {
+    title: t('views.system.user.account'),
+    dataIndex: 'userName',
+    align: 'left',
+    width: 150,
+  },
+  {
+    title: t('views.system.user.userName'),
+    dataIndex: 'nickName',
+    align: 'left',
+    width: 150,
+  },
+  {
+    title: t('views.system.user.permission'),
+    key: 'roles',
+    align: 'left',
+    width: 200,
+  },
+  {
+    title: t('views.system.user.className'),
+    dataIndex: 'deptId',
+    key: 'deptId',
+    align: 'left',
+    width: 200,
+  },
+  {
+    title: t('views.system.user.loginIp'),
+    dataIndex: 'loginIp',
+    key: 'loginIp',
+    align: 'left',
+    width: 120,
+  },
+  {
+    title: t('views.system.user.loginTime'),
+    dataIndex: 'loginDate',
+    align: 'left',
+    width: 150,
+    customRender(opt) {
+      if (+opt.value <= 0) return '';
+      return parseDateToStr(+opt.value);
+    },
+  },
+  {
+    title: t('views.system.user.status'),
+    dataIndex: 'status',
+    key: 'status',
+    align: 'left',
+    width: 100,
+  },
+  {
+    title: t('common.operate'),
+    key: 'userId',
+    align: 'left',
+  },
+];
+
+/**表格分页器参数 */
+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();
+  },
+});
+
+/**表格紧凑型变更操作 */
+function fnTableSize({ key }: MenuInfo) {
+  tableState.size = key as SizeType;
+}
+
+/**表格多选 */
+function fnTableSelectedRowKeys(keys: (string | number)[]) {
+  tableState.selectedRowKeys = keys;
+}
+
+type OptionsType = {
+  /**岗位选择列表 */
+  posts: Record<string, any>[];
+  /**角色选择列表 */
+  roles: Record<string, any>[];
+};
+
+/**对话框对象信息状态类型 */
+type ModalStateType = {
+  /**详情框是否显示 */
+  openByView: boolean;
+  /**新增框或修改框是否显示 */
+  openByEdit: boolean;
+  /**重置密码框是否显示 */
+  openByResetPwd: boolean;
+  /**标题 */
+  title: string;
+  /**表单数据 */
+  from: Record<string, any>;
+  /**确定按钮 loading */
+  confirmLoading: boolean;
+  /**选择列表 */
+  options: OptionsType;
+};
+
+/**对话框对象信息状态 */
+let modalState: ModalStateType = reactive({
+  openByView: false,
+  openByEdit: false,
+  openByResetPwd: false,
+  title: '用户',
+  from: {
+    userId: undefined,
+    userName: '',
+    password: '',
+    deptId: '100',
+    email: '',
+    loginDate: 0,
+    loginIp: '',
+    nickName: '',
+    phonenumber: '',
+    postIds: [],
+    roleIds: [],
+    sex: '0',
+    status: '0',
+    remark: '',
+    createTime: 0,
+  },
+  confirmLoading: false,
+  options: {
+    posts: [],
+    roles: [],
+  },
+});
+
+/**对话框内表单属性和校验规则 */
+const modalStateFrom = Form.useForm(
+  modalState.from,
+  reactive({
+    userName: [
+      {
+        required: true,
+        pattern: regExpUserName,
+        message: t('views.system.user.userNameTip'),
+      },
+    ],
+    password: [
+      {
+        required: true,
+        pattern: regExpPasswd,
+        message: t('views.system.user.passwdTip'),
+      },
+    ],
+    nickName: [
+      {
+        required: true,
+        pattern: regExpNick,
+        message: t('views.system.user.nickNameTip'),
+      },
+    ],
+    email: [
+      {
+        required: false,
+        pattern: regExpEmail,
+        message: t('views.system.user.emailTip'),
+      },
+    ],
+    phonenumber: [
+      {
+        required: false,
+        pattern: regExpMobile,
+        message: t('views.system.user.phoneTip'),
+      },
+    ],
+  })
+);
+
+/**
+ * 对话框弹出显示为 查看
+ * @param userId 用户编号ID
+ */
+function fnModalVisibleByVive(userId: string | number) {
+  if (!userId) {
+    message.error(t('views.system.user.viewInfoErr'), 2);
+    return;
+  }
+  if (modalState.confirmLoading) return;
+  const hide = message.loading(t('common.loading'), 0);
+  modalState.confirmLoading = true;
+  getUser(userId).then(res => {
+    modalState.confirmLoading = false;
+    hide();
+    if (res.code === RESULT_CODE_SUCCESS && res.data) {
+      const roles = res.data.roles.map((m: Record<string, any>) => {
+        const disabled = m.status === '0';
+        Reflect.set(m, 'disabled', disabled);
+        return m;
+      });
+      const posts = res.data.posts.map((m: Record<string, any>) => {
+        const disabled = m.status === '0';
+        Reflect.set(m, 'disabled', disabled);
+        return m;
+      });
+      modalState.options.roles = roles;
+      modalState.options.posts = posts;
+      const { user, roleIds, postIds } = res.data;
+      modalState.from = Object.assign(modalState.from, user);
+      modalState.from.roleIds = roleIds;
+      modalState.from.postIds = postIds;
+      // 头像解析
+      modalState.from.avatar = userStore.fnAvatar(modalState.from.avatar);
+      modalState.title = t('views.system.user.userInfo');
+      modalState.openByView = true;
+    } else {
+      message.error(t('views.system.user.tipRowErr'), 2);
+    }
+  });
+}
+
+/**
+ * 对话框弹出显示为 新增或者修改
+ * @param userId 用户编号ID, 不传为新增
+ */
+function fnModalVisibleByEdit(userId?: string | number) {
+  if (!userId) {
+    modalStateFrom.resetFields();
+    if (modalState.confirmLoading) return;
+    const hide = message.loading(t('common.loading'), 0);
+    modalState.confirmLoading = true;
+    // 查询用户详细获取岗位和角色列表
+    getUser().then(res => {
+      modalState.confirmLoading = false;
+      hide();
+      if (res.code === RESULT_CODE_SUCCESS && res.data) {
+        const roles = res.data.roles.map((m: Record<string, any>) => {
+          const disabled = m.status === '0';
+          Reflect.set(m, 'disabled', disabled);
+          return m;
+        });
+        const posts = res.data.posts.map((m: Record<string, any>) => {
+          const disabled = m.status === '0';
+          Reflect.set(m, 'disabled', disabled);
+          return m;
+        });
+        modalState.options.roles = roles;
+        modalState.options.posts = posts;
+        const { user, roleIds, postIds } = res.data;
+        modalState.from = Object.assign(modalState.from, user);
+        modalState.from.roleIds = roleIds;
+        modalState.from.postIds = postIds;
+        modalState.from.deptId = deptTreeData.value[0].id;
+        modalState.title =
+          t('common.addText') + t('views.system.user.userInfo');
+        modalState.openByEdit = true;
+      } else {
+        message.error(t('views.system.user.tipRowErr'), 2);
+      }
+    });
+  } else {
+    if (modalState.confirmLoading) return;
+    const hide = message.loading(t('common.loading'), 0);
+    modalState.confirmLoading = true;
+    getUser(userId).then(res => {
+      modalState.confirmLoading = false;
+      hide();
+      if (res.code === RESULT_CODE_SUCCESS && res.data) {
+        const roles = res.data.roles.map((m: Record<string, any>) => {
+          const disabled = m.status === '0';
+          Reflect.set(m, 'disabled', disabled);
+          return m;
+        });
+        const posts = res.data.posts.map((m: Record<string, any>) => {
+          const disabled = m.status === '0';
+          Reflect.set(m, 'disabled', disabled);
+          return m;
+        });
+        modalState.options.roles = roles;
+        modalState.options.posts = posts;
+        const { user, roleIds, postIds } = res.data;
+        modalState.from = Object.assign(modalState.from, user);
+        modalState.from.roleIds = roleIds;
+        modalState.from.postIds = postIds;
+        modalState.title =
+          t('common.editText') + t('views.system.user.userInfo');
+        modalState.openByEdit = true;
+      } else {
+        message.error(t('views.system.user.tipRowErr'), 2);
+      }
+    });
+  }
+}
+
+/**
+ * 对话框弹出确认执行函数
+ * 进行表达规则校验
+ */
+function fnModalOk() {
+  let validateName = ['nickName', 'email', 'phonenumber'];
+  if (!modalState.from.userId) {
+    validateName.push('userName', 'password');
+  }
+  modalStateFrom
+    .validate(validateName)
+    .then(() => {
+      modalState.confirmLoading = true;
+      const from = toRaw(modalState.from);
+      // 教师角色只能新增学生
+      if (!from.userId && userStore.roles.includes('teacher')) {
+        from.postIds = ['3'];
+        from.roleIds = ['4'];
+      }
+      const user = from.userId ? updateUser(from) : addUser(from);
+      const key = 'user';
+      message.loading({ content: t('common.loading'), key });
+      user
+        .then(res => {
+          if (res.code === RESULT_CODE_SUCCESS) {
+            message.success({
+              content: t('common.msgSuccess', { msg: modalState.title }),
+              key,
+              duration: 2,
+            });
+            modalState.openByEdit = false;
+            modalStateFrom.resetFields();
+            fnGetList(1);
+          } else {
+            message.error({
+              content: `${res.msg}`,
+              key,
+              duration: 2,
+            });
+          }
+        })
+        .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.openByResetPwd = false;
+  modalStateFrom.resetFields();
+  modalState.options.roles = [];
+  modalState.options.posts = [];
+}
+
+/**
+ * 对话框弹出重置密码确认执行函数
+ * 进行表达规则校验
+ */
+function fnModalOkResetPwd() {
+  modalStateFrom
+    .validate(['userName', 'password'])
+    .then(() => {
+      modalState.confirmLoading = true;
+      const key = 'user';
+      message.loading({ content: t('common.loading'), key });
+      resetUserPwd(modalState.from.userId, modalState.from.password)
+        .then(res => {
+          if (res.code === RESULT_CODE_SUCCESS) {
+            message.success({
+              content: t('common.msgSuccess', { msg: modalState.title }),
+              key,
+              duration: 2,
+            });
+            modalState.openByResetPwd = false;
+            modalStateFrom.resetFields();
+          } else {
+            message.error({
+              content: `${res.msg}`,
+              key,
+              duration: 2,
+            });
+          }
+        })
+        .finally(() => {
+          modalState.confirmLoading = false;
+        });
+    })
+    .catch(e => {
+      message.error(t('common.errorFields', { num: e.errorFields.length }), 3);
+    });
+}
+
+/**
+ * 对话框弹出显示为 用户重置密码
+ * @param row 用户记录对象
+ */
+function fnRecordResetPwd(row: Record<string, string>) {
+  modalStateFrom.resetFields();
+  modalState.from.userId = row.userId;
+  modalState.from.userName = row.userName;
+  modalState.title = t('views.system.user.resetPwd');
+  modalState.openByResetPwd = true;
+}
+
+/**
+ * 用户状态修改
+ * @param row 用户记录对象
+ */
+function fnRecordStatus(row: Record<string, string>) {
+  const text =
+    row.status === '1'
+      ? t('views.system.user.start')
+      : t('views.system.user.stop');
+  Modal.confirm({
+    title: t('common.tipTitle'),
+    content: t('views.system.user.sureTip', {
+      text: text,
+      userName: row.userName,
+    }),
+    onOk() {
+      const key = 'changeUserStatus';
+      message.loading({ content: t('common.loading'), key });
+      changeUserStatus(row.userId, row.status).then(res => {
+        if (res.code === RESULT_CODE_SUCCESS) {
+          message.success({
+            content: `${row.userName} ${t('common.msgSuccess', { msg: text })}`,
+            key: key,
+            duration: 2,
+          });
+        } else {
+          message.error({
+            content: `${res.msg}`,
+            key: key,
+            duration: 2,
+          });
+        }
+        fnGetList();
+      });
+    },
+    onCancel() {
+      row.status = row.status === '1' ? '0' : '1';
+    },
+  });
+}
+
+/**
+ * 用户删除
+ * @param userId 用户编号ID
+ */
+function fnRecordDelete(userId: string = '0') {
+  if (userId === '0') {
+    userId = tableState.selectedRowKeys.join(',');
+  }
+  Modal.confirm({
+    title: t('common.tipTitle'),
+    content: t('views.system.user.delSure', { userId: userId }),
+    onOk() {
+      const key = 'delUser';
+      message.loading({ content: t('common.loading'), key });
+      delUser(userId).then(res => {
+        if (res.code === RESULT_CODE_SUCCESS) {
+          message.success({
+            content: t('views.system.user.delSuss'),
+            key,
+            duration: 2,
+          });
+          fnGetList();
+        } else {
+          message.error({
+            content: `${res.msg}`,
+            key: key,
+            duration: 2,
+          });
+        }
+      });
+    },
+  });
+}
+
+/**列表导出 */
+function fnExportList() {
+  Modal.confirm({
+    title: t('common.tipTitle'),
+    content: t('views.system.user.exportSure'),
+    onOk() {
+      const key = 'exportUser';
+      message.loading({ content: t('common.loading'), key });
+      exportUser(toRaw(queryParams)).then(res => {
+        if (res.code === RESULT_CODE_SUCCESS) {
+          message.success({
+            content: t('common.msgSuccess', {
+              msg: t('views.system.user.export'),
+            }),
+            key,
+            duration: 2,
+          });
+          saveAs(res.data, `user_${Date.now()}.xlsx`);
+        } else {
+          message.error({
+            content: `${res.msg}`,
+            key,
+            duration: 2,
+          });
+        }
+      });
+    },
+  });
+}
+
+/**对话框表格信息导入对象信息状态类型 */
+type ModalUploadImportStateType = {
+  /**是否显示 */
+  open: boolean;
+  /**标题 */
+  title: string;
+  /**是否上传中 */
+  loading: boolean;
+  /**是否更新已经存在的数据 */
+  updateSupport: boolean;
+  /**上传结果信息 */
+  msg: string;
+  /**导入模板下载触发 */
+  templateDownload: boolean;
+};
+
+/**对话框表格信息导入对象信息状态 */
+let uploadImportState: ModalUploadImportStateType = reactive({
+  open: false,
+  title: t('views.system.user.importTitle'),
+  loading: false,
+  updateSupport: false,
+  msg: '',
+  templateDownload: false,
+});
+
+/**对话框表格信息导入弹出窗口 */
+function fnModalUploadImportOpen() {
+  uploadImportState.updateSupport = false;
+  uploadImportState.msg = '';
+  uploadImportState.open = true;
+}
+
+/**对话框表格信息导入关闭窗口 */
+function fnModalUploadImportClose() {
+  uploadImportState.open = false;
+}
+
+/**对话框表格信息导入上传 */
+function fnModalUploadImportUpload(file: File) {
+  const hide = message.loading(t('common.loading'), 0);
+  uploadImportState.loading = true;
+  let formData = new FormData();
+  formData.append('file', file);
+  formData.append('updateSupport', `${uploadImportState.updateSupport}`);
+  importData(formData)
+    .then(res => {
+      uploadImportState.msg = res.msg?.replaceAll(/<br\/>+/g, '\r');
+    })
+    .catch((err: { code: number; msg: string }) => {
+      message.error(` ${err.msg}`);
+    })
+    .finally(() => {
+      hide();
+      uploadImportState.loading = false;
+    });
+}
+
+/**对话框表格信息导入模板 */
+function fnModalUploadImportExportTemplate() {
+  if (uploadImportState.templateDownload) return;
+  uploadImportState.templateDownload = true;
+  const hide = message.loading(t('common.loading'), 0);
+  importTemplate()
+    .then(res => {
+      if (res.code === RESULT_CODE_SUCCESS) {
+        message.success({
+          content: t('views.system.user.importOk'),
+          duration: 2,
+        });
+        saveAs(res.data, `user_template_${Date.now()}.xlsx`);
+      } else {
+        message.error({
+          content: `${res.msg}`,
+          duration: 2,
+        });
+      }
+    })
+    .finally(() => {
+      hide();
+      uploadImportState.templateDownload = false;
+    });
+}
+
+/**查询用户列表, pageNum初始页数 */
+function fnGetList(pageNum?: number) {
+  if (tableState.loading) return;
+  tableState.loading = true;
+  if (pageNum) {
+    queryParams.pageNum = pageNum;
+  }
+  if (!queryRangePicker.value) {
+    queryRangePicker.value = ['', ''];
+  }
+  queryParams.beginTime = queryRangePicker.value[0];
+  queryParams.endTime = queryRangePicker.value[1];
+  listUser(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;
+  });
+}
+
+/**初始部门树数据 */
+let deptTreeData = ref<DataNode[]>([]);
+
+/**查询部门下拉树结构 */
+function fnGetDeptTree() {
+  if (deptTreeData.value.length > 0) return;
+  deptTreeSelect().then(res => {
+    if (res.code === RESULT_CODE_SUCCESS && Array.isArray(res.data)) {
+      deptTreeData.value = res.data;
+    }
+  });
+}
+
+/**选择指定只能一个 */
+function fnSelectOne(v: string, type: string) {
+  if (type === 'postId') {
+    modalState.from.postIds = [v];
+  }
+  if (type === 'roleId') {
+    modalState.from.roleIds = [v];
+  }
+}
+
+onMounted(() => {
+  // 初始字典数据
+  Promise.allSettled([
+    getDict('sys_normal_disable'),
+    getDict('sys_user_sex'),
+  ]).then(resArr => {
+    if (resArr[0].status === 'fulfilled') {
+      dict.sysNormalDisable = resArr[0].value;
+    }
+    if (resArr[1].status === 'fulfilled') {
+      dict.sysUserSex = resArr[1].value;
+    }
+  });
+  // 获取列表数据
+  fnGetList();
+  // 获取部门树结构数据
+  fnGetDeptTree();
+});
+</script>
+
+<template>
+  <PageContainer>
+    <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="18" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.system.user.className')"
+              name="deptId"
+            >
+              <a-tree-select
+                v-model:value="queryParams.deptId"
+                show-search
+                tree-default-expand-all
+                :tree-data="deptTreeData"
+                :field-names="{
+                  children: 'children',
+                  label: 'label',
+                  value: 'id',
+                }"
+                tree-node-label-prop="label"
+                tree-node-filter-prop="label"
+                style="width: 100%"
+                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+                :placeholder="t('common.selectPlease')"
+              >
+              </a-tree-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-row :gutter="16">
+          <a-col :lg="6" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.system.user.account')"
+              name="userName"
+            >
+              <a-input
+                v-model:value="queryParams.userName"
+                allow-clear
+                :maxlength="30"
+                :placeholder="t('common.inputPlease')"
+              ></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="6" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.system.user.phone')"
+              name="phonenumber"
+            >
+              <a-input
+                v-model:value="queryParams.phonenumber"
+                allow-clear
+                :maxlength="11"
+                :placeholder="t('common.inputPlease')"
+              ></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="4" :md="12" :xs="24">
+            <a-form-item :label="t('views.system.user.status')" name="status">
+              <a-select
+                v-model:value="queryParams.status"
+                allow-clear
+                :options="dict.sysNormalDisable"
+                :placeholder="t('common.selectPlease')"
+              >
+              </a-select>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="8" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.system.user.loginTime')"
+              name="queryRangePicker"
+            >
+              <a-range-picker
+                v-model:value="queryRangePicker"
+                allow-clear
+                bordered
+                :show-time="{ format: 'HH:mm:ss' }"
+                format="YYYY-MM-DD HH:mm:ss"
+                value-format="x"
+                style="width: 100%"
+              ></a-range-picker>
+            </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()"
+            v-perms:has="['system:user:add']"
+          >
+            <template #icon><PlusOutlined /></template>
+            {{ t('common.addText') }}
+          </a-button>
+          <a-button
+            type="default"
+            danger
+            :disabled="tableState.selectedRowKeys.length <= 0"
+            @click.prevent="fnRecordDelete()"
+            v-perms:has="['system:user:remove']"
+          >
+            <template #icon><DeleteOutlined /></template>
+            {{ t('common.deleteText') }}
+          </a-button>
+          <a-button
+            type="dashed"
+            @click.prevent="fnModalUploadImportOpen()"
+            v-perms:has="['system:user:import']"
+          >
+            <template #icon><ImportOutlined /></template>
+            {{ t('common.import') }}
+          </a-button>
+          <a-button
+            type="dashed"
+            @click.prevent="fnExportList()"
+            v-perms:has="['system:user:export']"
+          >
+            <template #icon><ExportOutlined /></template>
+            {{ t('common.export') }}
+          </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 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>
+        </a-space>
+      </template>
+
+      <!-- 表格列表 -->
+      <a-table
+        class="table"
+        row-key="userId"
+        :columns="tableColumns"
+        :loading="tableState.loading"
+        :data-source="tableState.data"
+        :size="tableState.size"
+        :pagination="tablePagination"
+        :scroll="{ x: tableColumns.length * 150 }"
+        :row-selection="{
+          type: 'checkbox',
+          selectedRowKeys: tableState.selectedRowKeys,
+          onChange: fnTableSelectedRowKeys,
+        }"
+      >
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'roles'">
+            <a-tag color="cyan" v-for="r in record.roles">
+              {{ r.roleName }}
+            </a-tag>
+          </template>
+          <template v-if="column.key === 'deptId'">
+            {{ record.dept?.deptName }}
+          </template>
+          <template v-if="column.key === 'status'">
+            <DictTag
+              v-if="
+                record.userId === '1' || record.userName === userStore.userName
+              "
+              :options="dict.sysNormalDisable"
+              :value="record.status"
+            />
+            <a-switch
+              v-else
+              v-perms:has="['system:user:edit']"
+              v-model:checked="record.status"
+              checked-value="1"
+              :checked-children="dict.sysNormalDisable[0].label"
+              un-checked-value="0"
+              :un-checked-children="dict.sysNormalDisable[1].label"
+              size="small"
+              @change="fnRecordStatus(record)"
+            />
+          </template>
+          <template v-if="column.key === 'userId'">
+            <a-space :size="8" align="center" v-if="record.userId !== '1'">
+              <a-tooltip>
+                <template #title>{{ t('common.viewText') }}</template>
+                <a-button
+                  type="link"
+                  @click.prevent="fnModalVisibleByVive(record.userId)"
+                  v-perms:has="['system:user:query']"
+                >
+                  <template #icon><ProfileOutlined /></template>
+                </a-button>
+              </a-tooltip>
+              <a-tooltip>
+                <template #title>{{ t('common.editText') }}</template>
+                <a-button
+                  type="link"
+                  @click.prevent="fnModalVisibleByEdit(record.userId)"
+                  v-perms:has="['system:user:edit']"
+                >
+                  <template #icon><FormOutlined /></template>
+                </a-button>
+              </a-tooltip>
+              <a-tooltip>
+                <template #title>{{ t('common.deleteText') }}</template>
+                <a-button
+                  type="link"
+                  @click.prevent="fnRecordDelete(record.userId)"
+                  v-perms:has="['system:user:remove']"
+                >
+                  <template #icon><DeleteOutlined /></template>
+                </a-button>
+              </a-tooltip>
+              <a-tooltip placement="topLeft">
+                <template #title>
+                  {{ t('views.system.user.resetPwd') }}
+                </template>
+                <a-button
+                  type="link"
+                  @click.prevent="fnRecordResetPwd(record)"
+                  v-perms:has="['system:user:resetPwd']"
+                >
+                  <template #icon><SecurityScanOutlined /></template>
+                </a-button>
+              </a-tooltip>
+            </a-space>
+          </template>
+        </template>
+      </a-table>
+    </a-card>
+
+    <!-- 详情框 -->
+    <ProModal
+      :drag="true"
+      :width="800"
+      :destroyOnClose="false"
+      :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.system.user.userNum')" name="userId">
+              {{ modalState.from.userId }}
+            </a-form-item>
+          </a-col>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.system.user.createTime')"
+              name="createTime"
+            >
+              <span v-if="+modalState.from.createTime > 0">
+                {{ parseDateToStr(+modalState.from.createTime) }}
+              </span>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item :label="t('views.system.user.loginIp')" name="loginIp">
+              {{ modalState.from.loginIp }}
+            </a-form-item>
+          </a-col>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.system.user.loginTime')"
+              name="loginDate"
+            >
+              <span v-if="+modalState.from.loginDate > 0">
+                {{ parseDateToStr(+modalState.from.loginDate) }}
+              </span>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item :label="t('views.system.user.userTop')" name="avatar">
+              <a-avatar
+                shape="circle"
+                size="default"
+                :src="modalState.from.avatar"
+                :alt="modalState.from.userName"
+              ></a-avatar>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="12" :md="12" :xs="24"> </a-col>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.system.user.account')"
+              name="userName"
+            >
+              {{ modalState.from.userName }}
+            </a-form-item>
+          </a-col>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.system.user.userName')"
+              name="nickName"
+            >
+              {{ modalState.from.nickName }}
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item :label="t('views.system.user.sex')" name="sex">
+              <DictTag
+                :options="dict.sysUserSex"
+                :value="modalState.from.sex"
+              />
+            </a-form-item>
+          </a-col>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item :label="t('views.system.user.status')" name="status">
+              <DictTag
+                :options="dict.sysNormalDisable"
+                :value="modalState.from.status"
+              />
+            </a-form-item>
+          </a-col>
+        </a-row>
+
+        <a-row :gutter="16" v-if="false">
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.system.user.phone')"
+              name="phonenumber"
+            >
+              {{ modalState.from.phonenumber }}
+            </a-form-item>
+          </a-col>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item :label="t('views.system.user.email')" name="email">
+              {{ modalState.from.email }}
+            </a-form-item>
+          </a-col>
+        </a-row>
+
+        <a-form-item
+          :label="t('views.system.user.fromClass')"
+          name="deptId"
+          :label-col="{ span: 3 }"
+          :label-wrap="true"
+        >
+          <a-tree-select
+            :value="modalState.from.deptId"
+            disabled
+            :tree-data="deptTreeData"
+            :field-names="{
+              children: 'children',
+              label: 'label',
+              value: 'id',
+            }"
+            tree-node-label-prop="label"
+            style="width: 100%"
+            :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+          >
+            <template #suffixIcon></template>
+          </a-tree-select>
+        </a-form-item>
+
+        <a-row>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.system.user.userWork')"
+              name="postIds"
+            >
+              <a-select
+                :value="modalState.from.postIds"
+                disabled
+                mode="multiple"
+                :placeholder="t('views.system.user.userWorkPlease')"
+                option-label-prop="postName"
+                :options="modalState.options.posts"
+                :field-names="{ label: 'postName', value: 'postId' }"
+              >
+              </a-select>
+            </a-form-item>
+          </a-col>
+          <a-col
+            :lg="12"
+            :md="12"
+            :xs="24"
+            v-perms:has="['system:user:editRole']"
+          >
+            <a-form-item
+              :label="t('views.system.user.permission')"
+              name="roleIds"
+            >
+              <a-select
+                :value="modalState.from.roleIds"
+                disabled
+                mode="multiple"
+                option-label-prop="roleName"
+                :options="modalState.options.roles"
+                :field-names="{ label: 'roleName', value: 'roleId' }"
+              >
+              </a-select>
+            </a-form-item>
+          </a-col>
+        </a-row>
+
+        <a-form-item
+          :label="t('views.system.user.userTip')"
+          name="remark"
+          :label-col="{ span: 3 }"
+          :label-wrap="true"
+        >
+          {{ modalState.from.remark }}
+        </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"
+      :destroyOnClose="true"
+      :keyboard="false"
+      :mask-closable="false"
+      :open="modalState.openByEdit"
+      :title="modalState.title"
+      :confirm-loading="modalState.confirmLoading"
+      @ok="fnModalOk"
+      @cancel="fnModalCancel"
+    >
+      <a-form
+        name="modalStateFromByEdit"
+        layout="horizontal"
+        :label-col="{ span: 6 }"
+        :labelWrap="true"
+      >
+        <a-row v-if="!modalState.from.userId">
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.system.user.account')"
+              name="userName"
+              v-bind="modalStateFrom.validateInfos.userName"
+            >
+              <a-input
+                v-model:value="modalState.from.userName"
+                allow-clear
+                :maxlength="30"
+                :placeholder="t('common.inputPlease')"
+              >
+                <template #prefix>
+                  <UserOutlined />
+                </template>
+              </a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.system.user.loginPwd')"
+              name="password"
+              v-bind="modalStateFrom.validateInfos.password"
+            >
+              <a-input-password
+                v-model:value="modalState.from.password"
+                :maxlength="26"
+                :placeholder="t('common.inputPlease')"
+              >
+                <template #prefix>
+                  <LockOutlined />
+                </template>
+              </a-input-password>
+            </a-form-item>
+          </a-col>
+        </a-row>
+
+        <a-row>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.system.user.userName')"
+              name="nickName"
+              v-bind="modalStateFrom.validateInfos.nickName"
+            >
+              <a-input
+                v-model:value="modalState.from.nickName"
+                allow-clear
+                :maxlength="30"
+                :placeholder="t('common.inputPlease')"
+              ></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col
+            :lg="12"
+            :md="12"
+            :xs="24"
+            v-perms:has="['system:user:editPost']"
+          >
+            <a-form-item
+              :label="t('views.system.user.userWork')"
+              name="postIds"
+            >
+              <a-select
+                v-model:value="modalState.from.postIds"
+                allow-clear
+                mode="multiple"
+                show-search
+                option-filter-prop="postName"
+                option-label-prop="postName"
+                :options="modalState.options.posts"
+                :field-names="{ label: 'postName', value: 'postId' }"
+                :placeholder="t('common.selectPlease')"
+                @select="(value:any) => fnSelectOne(value, 'postId')"
+              >
+              </a-select>
+            </a-form-item>
+          </a-col>
+        </a-row>
+
+        <a-row :gutter="16" v-if="false">
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.system.user.phone')"
+              name="phonenumber"
+              v-bind="modalStateFrom.validateInfos.phonenumber"
+            >
+              <IntlTelInput
+                v-model:value="modalState.from.phonenumber"
+                allow-clear
+                :maxlength="20"
+                :placeholder="t('common.inputPlease')"
+              ></IntlTelInput>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item
+              :label="t('views.system.user.email')"
+              name="email"
+              v-bind="modalStateFrom.validateInfos.email"
+            >
+              <a-input
+                v-model:value="modalState.from.email"
+                allow-clear
+                :maxlength="40"
+                :placeholder="t('common.inputPlease')"
+              ></a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+
+        <a-row>
+          <a-col :lg="12" :md="12" :xs="24">
+            <a-form-item :label="t('views.system.user.sex')" name="sex">
+              <a-select
+                v-model:value="modalState.from.sex"
+                default-value="1"
+                :options="dict.sysUserSex"
+                :placeholder="t('common.selectPlease')"
+              >
+              </a-select>
+            </a-form-item>
+          </a-col>
+          <a-col
+            :lg="12"
+            :md="12"
+            :xs="24"
+            v-if="
+              modalState.from.userId !== '1' &&
+              modalState.from.userId !== userStore.userId
+            "
+          >
+            <a-form-item :label="t('views.system.user.status')" name="status">
+              <a-select
+                v-model:value="modalState.from.status"
+                default-value="0"
+                :options="dict.sysNormalDisable"
+                :placeholder="t('common.selectPlease')"
+              >
+              </a-select>
+            </a-form-item>
+          </a-col>
+        </a-row>
+
+        <a-form-item
+          :label="t('views.system.user.permission')"
+          name="roleIds"
+          :label-col="{ span: 3 }"
+          v-perms:has="['system:user:editRole']"
+        >
+          <a-select
+            v-model:value="modalState.from.roleIds"
+            :allow-clear="false"
+            mode="multiple"
+            show-search
+            option-filter-prop="roleName"
+            option-label-prop="roleName"
+            :options="modalState.options.roles"
+            :field-names="{ label: 'roleName', value: 'roleId' }"
+            :placeholder="t('common.selectPlease')"
+            @select="(value:any) => fnSelectOne(value, 'roleId')"
+          >
+          </a-select>
+        </a-form-item>
+
+        <a-form-item
+          :label="t('views.system.user.fromClass')"
+          name="deptId"
+          :label-col="{ span: 3 }"
+          v-perms:has="['system:user:editPost']"
+        >
+          <a-tree-select
+            v-model:value="modalState.from.deptId"
+            show-search
+            tree-default-expand-all
+            :tree-data="deptTreeData"
+            :field-names="{
+              children: 'children',
+              label: 'label',
+              value: 'id',
+            }"
+            tree-node-label-prop="label"
+            tree-node-filter-prop="label"
+            style="width: 100%"
+            :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+            :placeholder="t('common.selectPlease')"
+          >
+          </a-tree-select>
+        </a-form-item>
+
+        <a-form-item
+          :label="t('views.system.user.userTip')"
+          name="remark"
+          :label-col="{ span: 3 }"
+        >
+          <a-textarea
+            v-model:value="modalState.from.remark"
+            :auto-size="{ minRows: 4, maxRows: 6 }"
+            :maxlength="450"
+            :show-count="true"
+            :placeholder="t('common.inputPlease')"
+          />
+        </a-form-item>
+      </a-form>
+    </ProModal>
+
+    <!-- 重置密码修改框 -->
+    <ProModal
+      :drag="true"
+      :destroyOnClose="true"
+      :keyboard="false"
+      :mask-closable="false"
+      :open="modalState.openByResetPwd"
+      :title="modalState.title"
+      :confirm-loading="modalState.confirmLoading"
+      @ok="fnModalOkResetPwd"
+      @cancel="fnModalCancel"
+    >
+      <a-form name="modalStateFromByResetPwd" layout="horizontal">
+        <a-form-item
+          :label="t('views.system.user.account')"
+          name="userName"
+          v-bind="modalStateFrom.validateInfos.userName"
+        >
+          <a-input :value="modalState.from.userName" disabled :maxlength="30">
+            <template #prefix>
+              <UserOutlined />
+            </template>
+          </a-input>
+        </a-form-item>
+        <a-form-item
+          :label="t('views.system.user.loginPwd')"
+          name="password"
+          v-bind="modalStateFrom.validateInfos.password"
+        >
+          <a-input-password
+            v-model:value="modalState.from.password"
+            :maxlength="26"
+          >
+            <template #prefix>
+              <LockOutlined />
+            </template>
+          </a-input-password>
+        </a-form-item>
+      </a-form>
+    </ProModal>
+
+    <!-- 上传导入表格数据文件框 -->
+    <UploadModal
+      :title="uploadImportState.title"
+      :loading="uploadImportState.loading"
+      @upload="fnModalUploadImportUpload"
+      @close="fnModalUploadImportClose"
+      v-model:open="uploadImportState.open"
+      :ext="['.xls', '.xlsx']"
+      :size="10"
+    >
+      <template #default>
+        <a-row justify="space-between" align="middle">
+          <a-col :span="12">
+            <a-checkbox v-model:checked="uploadImportState.updateSupport">
+              {{ t('views.system.user.updateSure') }}
+            </a-checkbox>
+          </a-col>
+          <a-col :span="6">
+            <a-button
+              type="link"
+              :title="t('views.system.user.downloadObj')"
+              @click.prevent="fnModalUploadImportExportTemplate"
+            >
+              {{ t('views.system.user.downloadObj') }}
+            </a-button>
+          </a-col>
+        </a-row>
+        <a-textarea
+          :disabled="true"
+          :hidden="!uploadImportState.msg"
+          :value="uploadImportState.msg"
+          :auto-size="{ minRows: 2, maxRows: 8 }"
+          style="background-color: transparent; color: rgba(0, 0, 0, 0.85)"
+        />
+      </template>
+    </UploadModal>
+  </PageContainer>
+</template>
+
+<style lang="less" scoped>
+.table :deep(.ant-pagination) {
+  padding: 0 24px;
+}
+</style>
diff --git a/src/api/pt/neConfig.ts b/src/api/pt/neConfig.ts
new file mode 100644
index 00000000..6e45d4d9
--- /dev/null
+++ b/src/api/pt/neConfig.ts
@@ -0,0 +1,107 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 保存为示例配置 (仅管理员操作)
+ * @param query 查询参数
+ * @returns object
+ */
+export function ptSaveAsDefault(neType: string, neid: string) {
+  return request({
+    url: `/pt/neConfigData/saveAsDefault`,
+    method: 'post',
+    data: { neType, neid },
+  });
+}
+
+/**
+ * 重置为示例配置 (仅学生/教师操作)
+ * @param query 查询参数
+ * @returns object
+ */
+export function ptResetAsDefault(neType: string) {
+  return request({
+    url: `/pt/neConfigData/resetAsDefault`,
+    method: 'post',
+    data: { neType },
+  });
+}
+
+/**
+ * 数据比较示例
+ * @param params 查询参数
+ * @returns object
+ */
+export function ptContrastAsDefault(params: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigData/contrast`,
+    params,
+    method: 'get',
+  });
+}
+
+/**
+ * 配置数据导出Excel
+ * @param student 仅教师 student
+ * @returns object
+ */
+export function ptExport(student: string|undefined) {
+  return request({
+    url: `/pt/neConfigData/export`,
+    method: 'get',
+    params: { student },
+    responseType: 'blob',
+    timeout: 180_000,
+  });
+}
+
+/**
+ * 网元参数配置信息
+ * @param params 数据 {neType,paramName}
+ * @returns object
+ */
+export function getPtNeConfigData(params: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigData`,
+    params,
+    method: 'get',
+  });
+}
+
+/**
+ * 网元参数配置数据更新
+ * @param data 数据 {neType,paramName:"参数名",paramData:{参数},loc:"层级index仅array"}
+ * @returns object
+ */
+export function editPtNeConfigData(data: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigData`,
+    method: 'put',
+    data: data,
+  });
+}
+
+/**
+ * 网元参数配置新增（array）
+ * @param data 数据 {neType,paramName:"参数名",paramData:{参数},loc:"层级index"}
+ * @returns object
+ */
+export function addPtNeConfigData(data: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigData`,
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 网元参数配置删除（array）
+ * @param params 数据 {neType,paramName:"参数名",loc:"层级index"}
+ * @returns object
+ */
+export function delPtNeConfigData(params: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigData`,
+    method: 'delete',
+    params,
+  });
+}
diff --git a/src/api/pt/neConfigApply.ts b/src/api/pt/neConfigApply.ts
new file mode 100644
index 00000000..5fdca195
--- /dev/null
+++ b/src/api/pt/neConfigApply.ts
@@ -0,0 +1,53 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 班级学生列表 (仅教师操作)
+ * @param params 数据 {userName}
+ * @returns object
+ */
+export function getPtClassStudents(params?: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigApply/students`,
+    params,
+    method: 'get',
+  });
+}
+
+/**
+ * 网元参数配置应用申请列表
+ * @param params 数据 {neType,paramName}
+ * @returns object
+ */
+export function getPtNeConfigApplyList(params: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigApply/list`,
+    params,
+    method: 'get',
+  });
+}
+
+/**
+ * 网元参数配置应用申请提交(仅学生操作)
+ * @param data 数据 { "neType": "MME", "status": "1" }
+ * @returns object
+ */
+export function stuPtNeConfigApply(data: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigApply`,
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 网元参数配置应用申请状态变更(仅管理员/教师操作)
+ * @param data 数据 { "applyId": "1", "neType": "MME", "status": "3", "backInfo": "sgw参数错误" }
+ * @returns object
+ */
+export function updatePtNeConfigApply(data: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigApply`,
+    method: 'put',
+    data: data,
+  });
+}
diff --git a/src/api/pt/neConfigDataLog.ts b/src/api/pt/neConfigDataLog.ts
new file mode 100644
index 00000000..54c2dc0c
--- /dev/null
+++ b/src/api/pt/neConfigDataLog.ts
@@ -0,0 +1,27 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 网元参数配置数据变更日志信息
+ * @param params 数据 {neType,paramName}
+ * @returns object
+ */
+export function getPtNeConfigDataLogList(params: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigDataLog`,
+    params,
+    method: 'get',
+  });
+}
+
+/**
+ * 网元参数配置数据变更日志还原到数据
+ * @param data 数据 { "id": "1", "value": "old" }
+ * @returns object
+ */
+export function restorePtNeConfigDataLog(data: Record<string, any>) {
+  return request({
+    url: `/pt/neConfigDataLog/restore`,
+    method: 'put',
+    data: data,
+  });
+}
diff --git a/src/api/pt/user.ts b/src/api/pt/user.ts
new file mode 100644
index 00000000..e7804e73
--- /dev/null
+++ b/src/api/pt/user.ts
@@ -0,0 +1,42 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 导入用户模板数据
+ * @param data 表单数据对象
+ * @returns object
+ */
+export function importData(data: FormData) {
+  return request({
+    url: '/pt/system/user/importData',
+    method: 'post',
+    data,
+    dataType: 'form-data',
+    timeout: 180_000,
+  });
+}
+
+/**
+ * 导入用户模板下载
+ * @returns bolb
+ */
+export function importTemplate() {
+  return request({
+    url: '/pt/system/user/importTemplate',
+    method: 'get',
+    responseType: 'blob',
+  });
+}
+
+/**
+ * 用户列表导出
+ * @param query 查询参数
+ * @returns bolb
+ */
+export function exportUser(query: Record<string, any>) {
+  return request({
+    url: '/pt/system/user/export',
+    method: 'post',
+    data: query,
+    responseType: 'blob',
+  });
+}
diff --git a/src/plugins/auth-user.ts b/src/plugins/auth-user.ts
index f736c6d3..e2fb9efb 100644
--- a/src/plugins/auth-user.ts
+++ b/src/plugins/auth-user.ts
@@ -1,6 +1,18 @@
 import { ADMIN_PERMISSION, ADMIN_ROLE_KEY } from '@/constants/admin-constants';
 import useUserStore from '@/store/modules/user';
 
+/**
+ * 是否系统管理员 
+ * @returns true | false
+ */
+export function isSystemAdmin(): boolean {
+  const userPermissions = useUserStore().permissions;
+  if (userPermissions.includes(ADMIN_PERMISSION)) return true;
+  const userRoles = useUserStore().roles;
+  if (userRoles.includes(ADMIN_ROLE_KEY)) return true;
+  return false;
+}
+
 /**
  * 只需含有其中权限
  * @param role 权限字符数组
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index a7bb65a6..3b8b5d42 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -133,12 +133,18 @@ const useUserStore = defineStore('user', {
         }
 
         // 水印文字信息=用户昵称 手机号
-        // let waterMarkContent = this.userName;
-        // if (this.phonenumber) {
-        //   waterMarkContent = `${this.userName} ${this.phonenumber}`;
-        // }
+        let waterMarkContent = this.userName;
+        if (this.phonenumber) {
+          waterMarkContent = `${this.userName} ${this.phonenumber}`;
+        }
         // useLayoutStore().changeWaterMark(waterMarkContent);
         useLayoutStore().changeWaterMark('');
+        // 学生布局用不一样的
+        if (this.roles.includes('student')) {
+          useLayoutStore().changeConf('layout', 'side');
+          useLayoutStore().changeConf('menuTheme', 'dark');
+          useLayoutStore().changeConf('tabRender', false);
+        }
       }
       // 网络错误时退出登录状态
       if (res.code === 0) {
diff --git a/src/views/store/modules/user.ts b/src/views/store/modules/user.ts
deleted file mode 100644
index 3b8b5d42..00000000
--- a/src/views/store/modules/user.ts
+++ /dev/null
@@ -1,171 +0,0 @@
-import defaultAvatar from '@/assets/images/default_avatar.png';
-import useLayoutStore from './layout';
-import { login, logout, getInfo } from '@/api/login';
-import { setToken, removeToken } from '@/plugins/auth-token';
-import { defineStore } from 'pinia';
-import { TOKEN_RESPONSE_FIELD } from '@/constants/token-constants';
-import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
-import { parseUrlPath } from '@/plugins/file-static-url';
-
-/**用户信息类型 */
-type UserInfo = {
-  /**用户ID */
-  userId: string;
-  /**登录账号 */
-  userName: string;
-  /**用户角色 字符串数组 */
-  roles: string[];
-  /**用户权限 字符串数组 */
-  permissions: string[];
-  /**用户头像 */
-  avatar: string;
-  /**用户昵称 */
-  nickName: string;
-  /**用户手机号 */
-  phonenumber: string;
-  /**用户邮箱 */
-  email: string;
-  /**用户性别 */
-  sex: string | undefined;
-  /**其他信息 */
-  profile: Record<string, any>;
-};
-
-const useUserStore = defineStore('user', {
-  state: (): UserInfo => ({
-    userId: '',
-    userName: '',
-    roles: [],
-    permissions: [],
-    avatar: '',
-    nickName: '',
-    phonenumber: '',
-    email: '',
-    sex: undefined,
-    profile: {},
-  }),
-  getters: {
-    /**
-     * 获取正确头像地址
-     * @param state 内部属性不用传入
-     * @returns 头像地址url
-     */
-    getAvatar(state) {
-      if (!state.avatar) {
-        return defaultAvatar;
-      }
-      return parseUrlPath(state.avatar);
-    },
-    /**
-     * 获取基础信息属性
-     * @param state 内部属性不用传入
-     * @returns 基础信息
-     */
-    getBaseInfo(state) {
-      return {
-        nickName: state.nickName,
-        phonenumber: state.phonenumber,
-        email: state.email,
-        sex: state.sex,
-      };
-    },
-  },
-  actions: {
-    /**
-     * 更新基础信息属性
-     * @param data 变更信息
-     */
-    setBaseInfo(data: Record<string, any>) {
-      this.nickName = data.nickName;
-      this.phonenumber = data.phonenumber;
-      this.email = data.email;
-      this.sex = data.sex;
-    },
-    /**
-     * 更新头像
-     * @param avatar 上传后的地址
-     */
-    setAvatar(avatar: string) {
-      this.avatar = avatar;
-    },
-    /**
-     * 获取正确头像地址
-     * @param avatar
-     */
-    fnAvatar(avatar: string) {
-      if (!avatar) {
-        return defaultAvatar;
-      }
-      return parseUrlPath(avatar);
-    },
-    // 登录
-    async fnLogin(loginBody: Record<string, string>) {
-      const res = await login(loginBody);
-      if (res.code === RESULT_CODE_SUCCESS && res.data) {
-        const token = res.data[TOKEN_RESPONSE_FIELD];
-        setToken(token);
-      }
-      return res;
-    },
-    // 获取用户信息
-    async fnGetInfo() {
-      const res = await getInfo();
-      if (res.code === RESULT_CODE_SUCCESS && res.data) {
-        const { user, roles, permissions } = res.data;
-        this.userId = user.userId;
-        // 登录账号
-        this.userName = user.userName;
-        // 用户头像
-        this.avatar = user.avatar;
-        // 基础信息
-        this.nickName = user.nickName;
-        this.phonenumber = user.phonenumber;
-        this.email = user.email;
-        this.sex = user.sex;
-
-        // 验证返回的roles是否是一个非空数组
-        if (Array.isArray(roles) && roles.length > 0) {
-          this.roles = roles;
-          this.permissions = permissions;
-        } else {
-          this.roles = ['ROLE_DEFAULT'];
-          this.permissions = [];
-        }
-
-        // 水印文字信息=用户昵称 手机号
-        let waterMarkContent = this.userName;
-        if (this.phonenumber) {
-          waterMarkContent = `${this.userName} ${this.phonenumber}`;
-        }
-        // useLayoutStore().changeWaterMark(waterMarkContent);
-        useLayoutStore().changeWaterMark('');
-        // 学生布局用不一样的
-        if (this.roles.includes('student')) {
-          useLayoutStore().changeConf('layout', 'side');
-          useLayoutStore().changeConf('menuTheme', 'dark');
-          useLayoutStore().changeConf('tabRender', false);
-        }
-      }
-      // 网络错误时退出登录状态
-      if (res.code === 0) {
-        removeToken();
-        window.location.reload();
-      }
-      return res;
-    },
-    // 退出系统
-    async fnLogOut() {
-      try {
-        await logout();
-      } catch (error) {
-        throw error;
-      } finally {
-        this.roles = [];
-        this.permissions = [];
-        removeToken();
-      }
-    },
-  },
-});
-
-export default useUserStore;
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index f30d787c..02bf317f 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -8,9 +8,6 @@ import { MenuInfo } from 'ant-design-vue/es/menu/src/interface';
 import { ColumnsType } from 'ant-design-vue/es/table';
 import UploadModal from '@/components/UploadModal/index.vue';
 import {
-  importData,
-  importTemplate,
-  exportUser,
   changeUserStatus,
   listUser,
   resetUserPwd,
@@ -19,6 +16,7 @@ import {
   updateUser,
   addUser,
 } from '@/api/system/user';
+import { importData, importTemplate, exportUser } from '@/api/pt/user';
 import { deptTreeSelect } from '@/api/system/dept';
 import { saveAs } from 'file-saver';
 import useI18n from '@/hooks/useI18n';
@@ -442,6 +440,11 @@ function fnModalOk() {
     .then(() => {
       modalState.confirmLoading = true;
       const from = toRaw(modalState.from);
+      // 教师角色只能新增学生
+      if (!from.userId && userStore.roles.includes('teacher')) {
+        from.postIds = ['3'];
+        from.roleIds = ['4'];
+      }
       const user = from.userId ? updateUser(from) : addUser(from);
       const key = 'user';
       message.loading({ content: t('common.loading'), key });
@@ -763,6 +766,16 @@ function fnGetDeptTree() {
   });
 }
 
+/**选择指定只能一个 */
+function fnSelectOne(v: string, type: string) {
+  if (type === 'postId') {
+    modalState.from.postIds = [v];
+  }
+  if (type === 'roleId') {
+    modalState.from.roleIds = [v];
+  }
+}
+
 onMounted(() => {
   // 初始字典数据
   Promise.allSettled([
@@ -1163,7 +1176,7 @@ onMounted(() => {
           </a-col>
         </a-row>
 
-        <a-row>
+        <a-row :gutter="16" v-if="false">
           <a-col :lg="12" :md="12" :xs="24">
             <a-form-item
               :label="t('views.system.user.phone')"
@@ -1351,13 +1364,14 @@ onMounted(() => {
                 :options="modalState.options.posts"
                 :field-names="{ label: 'postName', value: 'postId' }"
                 :placeholder="t('common.selectPlease')"
+                @select="(value:any) => fnSelectOne(value, 'postId')"
               >
               </a-select>
             </a-form-item>
           </a-col>
         </a-row>
 
-        <a-row>
+        <a-row :gutter="16" v-if="false">
           <a-col :lg="12" :md="12" :xs="24">
             <a-form-item
               :label="t('views.system.user.phone')"
@@ -1437,6 +1451,7 @@ onMounted(() => {
             :options="modalState.options.roles"
             :field-names="{ label: 'roleName', value: 'roleId' }"
             :placeholder="t('common.selectPlease')"
+            @select="(value:any) => fnSelectOne(value, 'roleId')"
           >
           </a-select>
         </a-form-item>
@@ -1445,6 +1460,7 @@ onMounted(() => {
           :label="t('views.system.user.fromClass')"
           name="deptId"
           :label-col="{ span: 3 }"
+          v-perms:has="['system:user:editPost']"
         >
           <a-tree-select
             v-model:value="modalState.from.deptId"