feat: 添加实训教学

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,
+  });
+}

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,
+  });
+}

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,
+  });
+}

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',
+  });
+}

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,
+  });
+}

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,
+  });
+}

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,
+  });
+}

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',
+  });
+}

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 权限字符数组

src/store/modules/user.ts

@@ -133,12 +133,18 @@ const useUserStore = defineStore('user', {
         }
 
         // 水印文字信息=用户昵称 手机号
-        // let waterMarkContent = this.userName;
+        let waterMarkContent = this.userName;
-        // if (this.phonenumber) {
+        if (this.phonenumber) {
-        //   waterMarkContent = `${this.userName} ${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) {

src/views/store/modules/user.ts

@@ -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;

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"