@cqsjjb/course-res-design 0.1.0-beta.2 → 0.1.0-beta.4

package/CourseInfo.js

@@ -2,11 +2,54 @@ 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';
+/** 内置字段 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 +84,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 +108,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 +139,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 +151,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

@@ -1,4 +1,5 @@
-import request, { API_BASE_NAME } from '../utils/request';
+import request from '../utils/request';
+import { getApiBaseName } from './utils';
 
 /**
  * 资源库获取试题
@@ -6,7 +7,7 @@ import request, { API_BASE_NAME } from '../utils/request';
  * @returns {Promise}
  */
 export const getResources = params => {
-  return request.get(`/${params.apiBaseName || API_BASE_NAME}/course/getResExam/${params.fileId}`);
+  return request.get(`/${getApiBaseName()}/course/getResExam/${params.fileId}`);
 };
 
 /**
@@ -15,7 +16,7 @@ export const getResources = params => {
  * @returns {Promise}
  */
 export const getTemplateHour = params => {
-  return request.post(`/${params.apiBaseName || API_BASE_NAME}/course/getResourceHour`, params);
+  return request.post(`/${getApiBaseName()}/course/getResourceHour`, params);
 };
 
 /**
@@ -24,7 +25,7 @@ export const getTemplateHour = params => {
  * @returns {Promise}
  */
 export const getCourseMenu = params => {
-  return request.get(`/${params.apiBaseName || API_BASE_NAME}/course/findCourseMenu/${params.id}`);
+  return request.get(`/${getApiBaseName()}/course/findCourseMenu/${params.id}`);
 };
 
 /**
@@ -33,5 +34,11 @@ export const getCourseMenu = params => {
  * @returns {Promise}w
  */
 export const getCourseInfo = params => {
-  return request.get(`/${params.apiBaseName || API_BASE_NAME}/course/${params.id}`);
-};
+  return request.get(`/${getApiBaseName()}/course/${params.id}`);
+};
+
+// 查询标签分类管理列表
+export const typePageAction = params =>
+  request.get(`/${getApiBaseName()}/typeManage`, {
+    params
+  });

package/api/global.js

@@ -1,4 +1,5 @@
-import request, { API_BASE_NAME } from '../utils/request';
+import request from '../utils/request';
+import { getApiBaseName } from './utils';
 
 /**
  * 根据资源id查询新的视频url
@@ -6,7 +7,7 @@ import request, { API_BASE_NAME } from '../utils/request';
  * @returns {Promise}
  */
 export const getResUrlAction = params => {
-  return request.get(`/${params.apiBaseName || API_BASE_NAME}/course/getVideoUrlByFileId/${params.fileId}`);
+  return request.get(`/${getApiBaseName()}/course/getVideoUrlByFileId/${params.fileId}`);
 };
 
 /**
@@ -16,6 +17,6 @@ export const getResUrlAction = params => {
  */
 export const getVideoCaption = params => {
   return request.get(
-    `/${params.apiBaseName || API_BASE_NAME}/course/getCaptionListByFileId/${params.fileId}`
+    `/${getApiBaseName()}/course/getCaptionListByFileId/${params.fileId}`
   );
 };

package/api/utils.js

@@ -0,0 +1,12 @@
+const inIframe = () => {
+    return window.self !== window.top;
+}
+
+export const getApiBaseName = () => {
+    try {
+        const location = inIframe() ? window.parent.location : window.location;
+        return location.pathname.match(/^\/(\w+)\/[C|c]ontainer/)[1];
+    } catch (error) {
+        return 'res';
+    }
+}

package/package.json

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