@cqsjjb/course-res-design 0.1.0-beta.3 → 0.1.0-beta.5

package/CourseInfo.js

@@ -2,11 +2,74 @@ import React from 'react';
 import { Descriptions } from 'antd';
 import './CourseInfo.less';
 import { getLabelName } from './utils/tools';
-import { getCourseInfo } from './api/courseLibrary';
+import { getCourseInfo, typePageAction } from './api/courseLibrary';
+
+/** 资源渠道  */
+export const COURSE_CHANNEL_ENUM = {
+  '01': '自有',
+  '02': '购买',
+  '03': '其他'
+};
+/** 资源形式  */
+export const COURSE_MODE_ENUM = {
+  '01': '高清大屏',
+  '02': '慕课',
+  '03': '动画',
+  '04': 'PPT',
+  '05': '音频',
+  '06': '录屏',
+  '07': '情景剧',
+  '08': '实操',
+  '15': '微课',
+  '16': '微视频'
+};
+/** 内置字段 labelTypeCode -> { label, valueKey, enumMap } */
+const INNER_FIELD_MAP = {
+  INDUSTRY: {
+    label: '行业',
+    valueKey: 'categorizeName'
+  },
+  JOB_TYPE: {
+    label: '工种',
+    valueKey: 'jobTypeName'
+  },
+  YEAR: {
+    label: '年份',
+    valueKey: 'yearValue'
+  },
+  REGION: {
+    label: '区域',
+    valueKey: 'regionName'
+  },
+  CHANNEL: {
+    label: '渠道',
+    valueKey: 'courseChannelEnum',
+    enumMap: COURSE_CHANNEL_ENUM
+  },
+  PRODUCER: {
+    label: '制作方',
+    valueKey: 'lecturerName'
+  },
+  RESOURCE_TYPE: {
+    label: '资源类型',
+    valueKey: 'courseModeEnum',
+    enumMap: COURSE_MODE_ENUM
+  },
+  RESOURCE_FORM: {
+    label: '资源形式',
+    valueKey: 'courseModeEnum',
+    enumMap: COURSE_MODE_ENUM
+  },
+  STAR: {
+    label: '星级',
+    valueKey: 'star'
+  }
+};
 export default class CourseInfo extends React.Component {
   state = {
     loading: false,
-    courseInfo: {}
+    courseInfo: {},
+    industryFields: []
   };
   componentDidMount() {
     // 如果提供了 courseId，则内部获取数据
@@ -41,6 +104,13 @@ export default class CourseInfo extends React.Component {
       loading: true
     });
     try {
+      const labelRes = await typePageAction();
+      const data = labelRes.data;
+      const arr = Array.isArray(data) ? data : [];
+      const industryFields = arr.filter(item => item?.classificationType === 'INNER' && item?.useEnum === 'TRUE' && item?.requiredEnum === 'TRUE');
+      this.setState({
+        industryFields
+      });
       const infoRes = await (this.props.getCourseInfoAction ? this.props.getCourseInfoAction() : getCourseInfo({
         id: courseId,
         apiBaseName: apiBaseName
@@ -58,10 +128,22 @@ export default class CourseInfo extends React.Component {
       });
     }
   }
+  getInnerFieldDisplay = item => {
+    const config = INNER_FIELD_MAP[item.labelTypeCode];
+    const label = config?.label ?? item.labelTypeName ?? '-';
+    const raw = config?.valueKey ? this.state.courseInfo[config.valueKey] : this.state.courseInfo[item.labelTypeCode];
+    const value = config?.enumMap && raw != null ? config.enumMap[raw] : raw;
+    return {
+      label,
+      value: value ?? '-'
+    };
+  };
   render() {
     const {
       loading,
-      courseInfo: stateCourseInfo
+      courseInfo: stateCourseInfo,
+      industryFields,
+      customFields
     } = this.state;
     // 如果提供了 courseId，优先使用内部 state 的数据，否则使用 props
     const hasCourseId = !!this.props.courseId;
@@ -77,10 +159,6 @@ export default class CourseInfo extends React.Component {
     }, /*#__PURE__*/React.createElement(Descriptions.Item, {
       label: "\u8BFE\u7A0B\u540D\u79F0"
     }, courseInfo?.courseName || '--'), /*#__PURE__*/React.createElement(Descriptions.Item, {
-      label: "\u7C7B\u76EE"
-    }, courseInfo?.categorizeName ? courseInfo.categorizeName : courseInfo?.courseTypeLabel ? getLabelName(courseInfo?.courseTypeLabel) : '--'), courseInfo?.year && /*#__PURE__*/React.createElement(Descriptions.Item, {
-      label: "\u5E74\u4EFD"
-    }, courseInfo.year), /*#__PURE__*/React.createElement(Descriptions.Item, {
       label: "\u8BFE\u7A0B\u4ECB\u7ECD"
     }, courseInfo?.courseDescription ? /*#__PURE__*/React.createElement("div", {
       dangerouslySetInnerHTML: {
@@ -93,11 +171,21 @@ export default class CourseInfo extends React.Component {
       alt: "\u8BFE\u7A0B\u5C01\u9762",
       width: 84,
       height: 50
-    }) : '--'), courseInfo?.star && /*#__PURE__*/React.createElement(Descriptions.Item, {
-      label: "\u661F\u7EA7"
-    }, courseInfo.star), courseInfo?.jobTypeName && /*#__PURE__*/React.createElement(Descriptions.Item, {
-      label: "\u5DE5\u79CD"
-    }, courseInfo.jobTypeName), /*#__PURE__*/React.createElement(Descriptions.Item, {
+    }) : '--'), industryFields.map((item, idx) => {
+      const {
+        label,
+        value
+      } = this.getInnerFieldDisplay(item);
+      return /*#__PURE__*/React.createElement(Descriptions.Item, {
+        key: item.id ?? idx,
+        label: label
+      }, value);
+    }), JSON.parse(stateCourseInfo.dynamicTags || '[]')?.map((item, idx) => {
+      return /*#__PURE__*/React.createElement(Descriptions.Item, {
+        key: item.id ?? idx,
+        label: item.fieldkey
+      }, item.fieldValue);
+    }), /*#__PURE__*/React.createElement(Descriptions.Item, {
       label: "\u8BFE\u7A0B\u6807\u7B7E"
     }, getLabelName(courseInfo?.courseLabel) || '--')));
   }

package/api/courseLibrary.js

@@ -35,4 +35,10 @@ export const getCourseMenu = params => {
  */
 export const getCourseInfo = params => {
   return request.get(`/${getApiBaseName()}/course/${params.id}`);
-};
+};
+
+// 查询标签分类管理列表
+export const typePageAction = params =>
+  request.get(`/${getApiBaseName()}/typeManage`, {
+    params
+  });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cqsjjb/course-res-design",
-  "version": "0.1.0-beta.3",
+  "version": "0.1.0-beta.5",
   "description": "课程资源设计组件库",
   "main": "index.js",
   "author": "jiaoxiwei",

package/utils/index.js

@@ -1,9 +1,9 @@
-/**
- * 获取API Host
- * @returns {string} API Host地址，如果VITE_API_HOST为空则返回location.origin
- */
-export function getApiHost() {
-  return process.env.NODE_ENV === 'development' ?
-      process.env?.app?.API_HOST || 'https://yjap.cqzxaq.com'
-    : window.location.origin;
-}
+/**
+ * 获取API Host
+ * @returns {string} API Host地址，如果VITE_API_HOST为空则返回location.origin
+ */
+export function getApiHost() {
+  return process.env.NODE_ENV === 'development' ?
+      process.env?.app?.API_HOST || 'https://yjap.cqzxaq.com'
+    : window.location.origin;
+}

package/utils/request.js

@@ -1,76 +1,76 @@
-import axios from 'axios';
-import { getApiHost } from './index';
-
-export const API_BASE_NAME = 'res';
-
-// 创建 axios 实例
-const request = axios.create({
-  // baseURL: 'http://192.168.3.47:3000',
-  // baseURL: 'http://10.43.82.219',
-  baseURL: getApiHost(),
-  // mock 阶段使用测试服务器
-  timeout: 10000 // 请求超时时间
-});
-
-// 请求拦截器 - 添加 token
-request.interceptors.request.use(
-  config => {
-    // 从 sessionStorage 获取 token
-    const token = sessionStorage.getItem('token');
-    if (token) {
-      config.headers.token = token;
-    }
-    return config;
-  },
-  error => {
-    return Promise.reject(error);
-  }
-);
-
-// 响应拦截器
-request.interceptors.response.use(
-  response => {
-    // 直接返回 response.data，因为 axios 默认返回 response.data
-    // 如果后端返回格式是 { respCode: '0000', data: {...} }，则统一处理
-    if (response.data) {
-      // 统一处理响应格式，兼容不同的后端响应结构
-      const data = response.data;
-      // 如果响应中有 respCode，判断是否成功
-      if (data.respCode !== undefined) {
-        return {
-          success: data.respCode === '0000',
-          data: data.data || data,
-          ...data
-        };
-      }
-      // 如果响应中有 success 字段，直接使用
-      if (data.success !== undefined) {
-        return {
-          success: data.success,
-          data: data.data || data,
-          ...data
-        };
-      }
-      // 默认返回数据
-      return {
-        success: true,
-        data: data.data || data,
-        ...data
-      };
-    }
-    return response;
-  },
-  error => {
-    console.error('请求失败:', error);
-    // 处理错误响应
-    if (error.response && error.response.data) {
-      return Promise.reject({
-        success: false,
-        message: error.response.data.message || error.message,
-        ...error.response.data
-      });
-    }
-    return Promise.reject(error);
-  }
-);
-export default request;
+import axios from 'axios';
+import { getApiHost } from './index';
+
+export const API_BASE_NAME = 'res';
+
+// 创建 axios 实例
+const request = axios.create({
+  // baseURL: 'http://192.168.3.47:3000',
+  // baseURL: 'http://10.43.82.219',
+  baseURL: getApiHost(),
+  // mock 阶段使用测试服务器
+  timeout: 10000 // 请求超时时间
+});
+
+// 请求拦截器 - 添加 token
+request.interceptors.request.use(
+  config => {
+    // 从 sessionStorage 获取 token
+    const token = sessionStorage.getItem('token');
+    if (token) {
+      config.headers.token = token;
+    }
+    return config;
+  },
+  error => {
+    return Promise.reject(error);
+  }
+);
+
+// 响应拦截器
+request.interceptors.response.use(
+  response => {
+    // 直接返回 response.data，因为 axios 默认返回 response.data
+    // 如果后端返回格式是 { respCode: '0000', data: {...} }，则统一处理
+    if (response.data) {
+      // 统一处理响应格式，兼容不同的后端响应结构
+      const data = response.data;
+      // 如果响应中有 respCode，判断是否成功
+      if (data.respCode !== undefined) {
+        return {
+          success: data.respCode === '0000',
+          data: data.data || data,
+          ...data
+        };
+      }
+      // 如果响应中有 success 字段，直接使用
+      if (data.success !== undefined) {
+        return {
+          success: data.success,
+          data: data.data || data,
+          ...data
+        };
+      }
+      // 默认返回数据
+      return {
+        success: true,
+        data: data.data || data,
+        ...data
+      };
+    }
+    return response;
+  },
+  error => {
+    console.error('请求失败:', error);
+    // 处理错误响应
+    if (error.response && error.response.data) {
+      return Promise.reject({
+        success: false,
+        message: error.response.data.message || error.message,
+        ...error.response.data
+      });
+    }
+    return Promise.reject(error);
+  }
+);
+export default request;