|
|
"use strict";
|
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[34601],{
|
|
|
|
|
|
/***/ 82982:
|
|
|
/*!*****************************************!*\
|
|
|
!*** ./src/components/NoData/index.tsx ***!
|
|
|
\*****************************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
/* harmony import */ var antd_es_button_style__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! antd/es/button/style */ 29913);
|
|
|
/* harmony import */ var antd_es_button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! antd/es/button */ 71577);
|
|
|
/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/@babel/runtime/helpers/objectSpread2.js */ 42122);
|
|
|
/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ 67294);
|
|
|
/* harmony import */ var _assets_images_icons_nodata_png__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/assets/images/icons/nodata.png */ 4977);
|
|
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-runtime */ 85893);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var noData = function noData(_ref) {
|
|
|
var _ref$buttonProps = _ref.buttonProps,
|
|
|
buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
|
|
|
_ref$styles = _ref.styles,
|
|
|
styles = _ref$styles === void 0 ? {} : _ref$styles,
|
|
|
customText = _ref.customText,
|
|
|
ButtonText = _ref.ButtonText,
|
|
|
ButtonClick = _ref.ButtonClick,
|
|
|
Buttonclass = _ref.Buttonclass,
|
|
|
ButtonTwo = _ref.ButtonTwo,
|
|
|
imgStyles = _ref.imgStyles;
|
|
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("section", {
|
|
|
className: "tc animated fadeIn",
|
|
|
style: _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_1___default()(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_1___default()({}, {
|
|
|
color: '#999',
|
|
|
margin: '200px auto'
|
|
|
}), styles),
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("img", {
|
|
|
src: _assets_images_icons_nodata_png__WEBPACK_IMPORTED_MODULE_3__,
|
|
|
style: _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_1___default()({}, imgStyles)
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p", {
|
|
|
className: "mt20 font14",
|
|
|
children: customText || '暂时还没有相关数据哦!'
|
|
|
}), ButtonText && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(antd_es_button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_1___default()(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_1___default()({
|
|
|
className: Buttonclass,
|
|
|
onClick: ButtonClick
|
|
|
}, buttonProps), {}, {
|
|
|
children: ButtonText
|
|
|
})), ButtonTwo && ButtonTwo]
|
|
|
});
|
|
|
};
|
|
|
/* harmony default export */ __webpack_exports__["Z"] = (noData);
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
/***/ 41046:
|
|
|
/*!******************************************************************!*\
|
|
|
!*** ./src/pages/Paths/Detail/Statistics/index.tsx + 12 modules ***!
|
|
|
\******************************************************************/
|
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// ESM COMPAT FLAG
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
|
|
|
|
// EXPORTS
|
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
|
"PathStatisticsStatus": function() { return /* binding */ PathStatisticsStatus; },
|
|
|
"default": function() { return /* binding */ Detail_Statistics; }
|
|
|
});
|
|
|
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/tooltip/style/index.js + 1 modules
|
|
|
var style = __webpack_require__(38390);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/tooltip/index.js + 3 modules
|
|
|
var tooltip = __webpack_require__(84908);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/row/style/index.js
|
|
|
var row_style = __webpack_require__(13062);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/row/index.js
|
|
|
var row = __webpack_require__(71230);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/regeneratorRuntime.js
|
|
|
var regeneratorRuntime = __webpack_require__(17061);
|
|
|
var regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(regeneratorRuntime);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/asyncToGenerator.js
|
|
|
var asyncToGenerator = __webpack_require__(17156);
|
|
|
var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/slicedToArray.js
|
|
|
var slicedToArray = __webpack_require__(27424);
|
|
|
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectWithoutProperties.js
|
|
|
var objectWithoutProperties = __webpack_require__(70215);
|
|
|
var objectWithoutProperties_default = /*#__PURE__*/__webpack_require__.n(objectWithoutProperties);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/tabs/style/index.js + 1 modules
|
|
|
var tabs_style = __webpack_require__(99558);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/tabs/index.js + 22 modules
|
|
|
var tabs = __webpack_require__(3381);
|
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
|
var react = __webpack_require__(67294);
|
|
|
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 8 modules
|
|
|
var _umi_production_exports = __webpack_require__(89214);
|
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Detail/Statistics/index.less?modules
|
|
|
// extracted by mini-css-extract-plugin
|
|
|
/* harmony default export */ var Statisticsmodules = ({"bg":"bg____jkAB","header":"header___PPltR","title":"title___qTNRH","info":"info___qGW_V","boxWrap":"boxWrap___n5Uc1","icon":"icon___BdgVN","bigTabs":"bigTabs___wqKPl","active":"active___rYKNJ","main":"main___MUCpu","titleItem":"titleItem___qDOI5","countcenter":"countcenter___rEj8o","tabdiv":"tabdiv___ShIOl","radiusdiv":"radiusdiv___GU9SO"});
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/spin/style/index.js + 1 modules
|
|
|
var spin_style = __webpack_require__(22536);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/spin/index.js
|
|
|
var spin = __webpack_require__(11382);
|
|
|
// EXTERNAL MODULE: ./node_modules/echarts-for-react/lib/index.js
|
|
|
var lib = __webpack_require__(50976);
|
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Detail/Statistics/Quality/Config.tsx
|
|
|
var getLearnTimeOptions = function getLearnTimeOptions() {
|
|
|
var seriesData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
|
return {
|
|
|
title: {
|
|
|
left: 'center'
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'item',
|
|
|
formatter: '{a} <br/>{b} : {c} ({d}%)'
|
|
|
},
|
|
|
// legend: {
|
|
|
// type: 'scroll',
|
|
|
// orient: 'vertical',
|
|
|
// right: 10,
|
|
|
// top: 20,
|
|
|
// bottom: 20,
|
|
|
// data: legendData,
|
|
|
// selected: selected
|
|
|
// },
|
|
|
color: ['#0152d9', '#13C2C2', '#2FC25B', '#FACC14', '#F04864', '#8543E0'],
|
|
|
series: [{
|
|
|
name: '',
|
|
|
type: 'pie',
|
|
|
radius: '55%',
|
|
|
center: ['40%', '50%'],
|
|
|
data: seriesData,
|
|
|
emphasis: {
|
|
|
itemStyle: {
|
|
|
shadowBlur: 10,
|
|
|
shadowOffsetX: 0,
|
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
}
|
|
|
}
|
|
|
}]
|
|
|
};
|
|
|
};
|
|
|
var getAverageEvaluationTimeOptions = function getAverageEvaluationTimeOptions(_ref) {
|
|
|
var _ref$names = _ref.names,
|
|
|
names = _ref$names === void 0 ? [] : _ref$names,
|
|
|
_ref$values = _ref.values,
|
|
|
values = _ref$values === void 0 ? [] : _ref$values;
|
|
|
return {
|
|
|
color: ['#3398DB'],
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
// 坐标轴指示器，坐标轴触发有效
|
|
|
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
|
|
}
|
|
|
},
|
|
|
|
|
|
grid: {
|
|
|
left: '3%',
|
|
|
right: '4%',
|
|
|
bottom: '3%',
|
|
|
containLabel: true
|
|
|
},
|
|
|
xAxis: [{
|
|
|
// nameTextStyle: { padding: [5, 0, 0, 0] },
|
|
|
// name: '平均评测次数',
|
|
|
// nameLocation: 'center',
|
|
|
type: 'category',
|
|
|
data: names,
|
|
|
axisTick: {
|
|
|
alignWithLabel: true
|
|
|
},
|
|
|
axisLabel: {
|
|
|
//坐标轴刻度标签的相关设置。
|
|
|
interval: 0,
|
|
|
rotate: "45"
|
|
|
}
|
|
|
}],
|
|
|
yAxis: [{
|
|
|
name: '人数',
|
|
|
// nameLocation: 'center',
|
|
|
type: 'value'
|
|
|
}],
|
|
|
series: [{
|
|
|
name: '人数',
|
|
|
type: 'bar',
|
|
|
barWidth: '20%',
|
|
|
label: {
|
|
|
show: true,
|
|
|
position: 'top'
|
|
|
},
|
|
|
data: values
|
|
|
}]
|
|
|
};
|
|
|
};
|
|
|
var getEvaluationTimeOptions = function getEvaluationTimeOptions(_ref2) {
|
|
|
var _ref2$names = _ref2.names,
|
|
|
names = _ref2$names === void 0 ? [] : _ref2$names,
|
|
|
_ref2$values = _ref2.values,
|
|
|
values = _ref2$values === void 0 ? [] : _ref2$values;
|
|
|
return {
|
|
|
color: ['#3398DB'],
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
// 坐标轴指示器，坐标轴触发有效
|
|
|
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
|
|
}
|
|
|
},
|
|
|
|
|
|
grid: {
|
|
|
left: '3%',
|
|
|
right: '4%',
|
|
|
bottom: '3%',
|
|
|
containLabel: true
|
|
|
},
|
|
|
xAxis: [{
|
|
|
// nameTextStyle: { padding: [5, 0, 0, 0] },
|
|
|
name: '平均\n评测\n次数',
|
|
|
// nameLocation: 'center',
|
|
|
type: 'category',
|
|
|
data: names,
|
|
|
axisTick: {
|
|
|
alignWithLabel: true
|
|
|
},
|
|
|
axisLabel: {
|
|
|
//坐标轴刻度标签的相关设置。
|
|
|
interval: 0,
|
|
|
rotate: "45"
|
|
|
}
|
|
|
}],
|
|
|
yAxis: [{
|
|
|
name: '人数',
|
|
|
// nameLocation: 'center',
|
|
|
type: 'value'
|
|
|
}],
|
|
|
series: [{
|
|
|
name: '人数',
|
|
|
type: 'bar',
|
|
|
barWidth: '20%',
|
|
|
label: {
|
|
|
show: true,
|
|
|
position: 'top'
|
|
|
},
|
|
|
data: values
|
|
|
}]
|
|
|
};
|
|
|
};
|
|
|
var getLengthOfStudyOptions = function getLengthOfStudyOptions(_ref3) {
|
|
|
var _ref3$names = _ref3.names,
|
|
|
names = _ref3$names === void 0 ? [] : _ref3$names,
|
|
|
_ref3$values = _ref3.values,
|
|
|
values = _ref3$values === void 0 ? [] : _ref3$values;
|
|
|
return {
|
|
|
color: ['#3398DB'],
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
// 坐标轴指示器，坐标轴触发有效
|
|
|
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
|
|
}
|
|
|
},
|
|
|
|
|
|
grid: {
|
|
|
left: '3%',
|
|
|
right: '4%',
|
|
|
bottom: '3%',
|
|
|
containLabel: true
|
|
|
},
|
|
|
xAxis: [{
|
|
|
// nameTextStyle: { padding: [5, 0, 0, 0] },
|
|
|
name: '视频\n学习\n时长',
|
|
|
// nameLocation: 'center',
|
|
|
type: 'category',
|
|
|
data: names,
|
|
|
axisTick: {
|
|
|
alignWithLabel: true
|
|
|
},
|
|
|
axisLabel: {
|
|
|
//坐标轴刻度标签的相关设置。
|
|
|
interval: 0,
|
|
|
rotate: "45"
|
|
|
}
|
|
|
}],
|
|
|
yAxis: [{
|
|
|
name: '人数',
|
|
|
// nameLocation: 'center',
|
|
|
type: 'value'
|
|
|
}],
|
|
|
series: [{
|
|
|
name: '人数',
|
|
|
type: 'bar',
|
|
|
barMaxWidth: "10%",
|
|
|
barWidth: '20%',
|
|
|
label: {
|
|
|
show: true,
|
|
|
position: 'top'
|
|
|
},
|
|
|
data: values
|
|
|
}]
|
|
|
};
|
|
|
};
|
|
|
// EXTERNAL MODULE: ./node_modules/moment/moment.js
|
|
|
var moment = __webpack_require__(30381);
|
|
|
var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/defineProperty.js
|
|
|
var defineProperty = __webpack_require__(38416);
|
|
|
var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty);
|
|
|
// EXTERNAL MODULE: ./src/utils/util.tsx
|
|
|
var util = __webpack_require__(29427);
|
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Detail/Statistics/utils.tsx
|
|
|
|
|
|
|
|
|
|
|
|
var StatusEnum = {
|
|
|
OneWeek: 1,
|
|
|
OneMonth: 2,
|
|
|
ThreeMonth: 3,
|
|
|
SixMonth: 4
|
|
|
};
|
|
|
var dateFormat = 'YYYY-MM-DD';
|
|
|
var formatTime = function formatTime(status) {
|
|
|
var _mapping;
|
|
|
var mapping = (_mapping = {}, defineProperty_default()(_mapping, StatusEnum.OneWeek, [moment_default()().subtract(1, 'w'), moment_default()()]), defineProperty_default()(_mapping, StatusEnum.OneMonth, [moment_default()().subtract(1, 'M'), moment_default()()]), defineProperty_default()(_mapping, StatusEnum.ThreeMonth, [moment_default()().subtract(3, 'M'), moment_default()()]), defineProperty_default()(_mapping, StatusEnum.SixMonth, [moment_default()().subtract(6, 'M'), moment_default()()]), _mapping);
|
|
|
return mapping[status];
|
|
|
};
|
|
|
var formatClearanceData = function formatClearanceData(data) {
|
|
|
var mapping = {
|
|
|
"p0": "通关20%以下",
|
|
|
"p2": "通关20%以上",
|
|
|
"p4": "通关40%以上",
|
|
|
"p6": "通关60%以上",
|
|
|
"p8": "通关80%以上"
|
|
|
};
|
|
|
var formatData = [];
|
|
|
Object.keys(data).forEach(function (key) {
|
|
|
formatData.push({
|
|
|
value: data[key].count,
|
|
|
name: mapping[key]
|
|
|
});
|
|
|
});
|
|
|
return formatData;
|
|
|
};
|
|
|
|
|
|
// ['30秒-39秒', '40秒-49秒', '50秒-59秒', '1分30秒-39秒', '30秒-39秒', '40秒-49秒', '50秒-59秒', '1分30秒-39秒',],
|
|
|
// [500, 1000, 600, 300, 500, 1000, 600, 300]
|
|
|
var formatAverageClearanceTimeData = function formatAverageClearanceTimeData() {
|
|
|
var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
|
var names = data.map(function (item) {
|
|
|
return "".concat(toTimeFormat(item.time && item.time[0]), "-").concat(toTimeFormat(item.time && item.time[1]));
|
|
|
});
|
|
|
var values = data.map(function (item) {
|
|
|
return item.count;
|
|
|
});
|
|
|
return {
|
|
|
names: names,
|
|
|
values: values
|
|
|
};
|
|
|
};
|
|
|
var formatUserData = function formatUserData() {
|
|
|
var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
|
var names = data.map(function (item) {
|
|
|
return "".concat(item.begin_at, "-").concat(item.end_at, "\u79D2");
|
|
|
});
|
|
|
var values = data.map(function (item) {
|
|
|
return item.user_count;
|
|
|
});
|
|
|
return {
|
|
|
names: names,
|
|
|
values: values
|
|
|
};
|
|
|
};
|
|
|
var formatLengthOfStudyData = function formatLengthOfStudyData() {
|
|
|
var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
|
var names = data.map(function (item) {
|
|
|
return "".concat(item.begin_at, "-").concat(item.end_at, "\u5206\u949F");
|
|
|
});
|
|
|
var values = data.map(function (item) {
|
|
|
return item.user_count;
|
|
|
});
|
|
|
return {
|
|
|
names: names,
|
|
|
values: values
|
|
|
};
|
|
|
};
|
|
|
var formatLearningData = function formatLearningData() {
|
|
|
var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
|
var names = data.map(function (item) {
|
|
|
return item.name;
|
|
|
});
|
|
|
var values = data.map(function (item) {
|
|
|
return item.value;
|
|
|
});
|
|
|
return {
|
|
|
names: names,
|
|
|
values: values
|
|
|
};
|
|
|
};
|
|
|
var formatAverageEvaluationTimeData = function formatAverageEvaluationTimeData() {
|
|
|
var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
|
var names = data.map(function (item) {
|
|
|
return "".concat(item.num && item.num[0], "-").concat(item.num && item.num[1], "\u6B21");
|
|
|
});
|
|
|
var values = data.map(function (item) {
|
|
|
return item.count;
|
|
|
});
|
|
|
return {
|
|
|
names: names,
|
|
|
values: values
|
|
|
};
|
|
|
};
|
|
|
|
|
|
// [
|
|
|
// { value: 335, name: '初级' },
|
|
|
// { value: 310, name: '中级' },
|
|
|
// { value: 234, name: '高级' },
|
|
|
// { value: 135, name: '中高级' },
|
|
|
// ]
|
|
|
var formatShixunDiffData = function formatShixunDiffData(data) {
|
|
|
var mapping = {
|
|
|
1: "初级",
|
|
|
2: "中级",
|
|
|
3: "中高级",
|
|
|
4: "高级"
|
|
|
};
|
|
|
var datas = [];
|
|
|
delete data.total;
|
|
|
Object.keys(data).forEach(function (key) {
|
|
|
datas.push({
|
|
|
value: data[key],
|
|
|
name: mapping[key]
|
|
|
});
|
|
|
});
|
|
|
return datas;
|
|
|
};
|
|
|
// EXTERNAL MODULE: ./src/service/paths.ts
|
|
|
var paths = __webpack_require__(29533);
|
|
|
// EXTERNAL MODULE: ./src/components/NoData/index.tsx
|
|
|
var NoData = __webpack_require__(82982);
|
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/icons/ExclamationCircleOutlined.js
|
|
|
var ExclamationCircleOutlined = __webpack_require__(87588);
|
|
|
// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
|
|
|
var jsx_runtime = __webpack_require__(85893);
|
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Detail/Statistics/Quality/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Learn = function Learn(_ref) {
|
|
|
var _data$average_pass_nu, _data$average_pass_nu2, _data$average_pass_nu3, _data$average_pass_nu4, _data$study_video_tim, _data$study_video_tim2, _data$study_video_tim3, _data$study_video_tim4, _data$study_video_tim5;
|
|
|
var selectKey = _ref.selectKey,
|
|
|
statisticsData = _ref.statisticsData,
|
|
|
form = _ref.form;
|
|
|
var _useParams = (0,_umi_production_exports.useParams)(),
|
|
|
pathId = _useParams.pathId;
|
|
|
var _useState = (0,react.useState)(false),
|
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
|
isLoading = _useState2[0],
|
|
|
setIsLoading = _useState2[1];
|
|
|
var _useState3 = (0,react.useState)({}),
|
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
|
data = _useState4[0],
|
|
|
setData = _useState4[1];
|
|
|
var _useState5 = (0,react.useState)([]),
|
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
|
pieTitle = _useState6[0],
|
|
|
setPieTitle = _useState6[1];
|
|
|
var percentage = ['100%', '80%以上', '60%以上', '40%以上', '20%以上', '20%以下'];
|
|
|
var rightPercentage = ['100%', '80%', '60%', '40%', '20%', '20%'];
|
|
|
var color = ['#0152d9', '#13C2C2', '#2FC25B', '#FACC14', '#F04864', '#8543E0'];
|
|
|
(0,react.useEffect)(function () {
|
|
|
if (selectKey === PathStatisticsStatus.Quality) {
|
|
|
handleGetData();
|
|
|
}
|
|
|
}, [selectKey, form]);
|
|
|
var handleGetData = /*#__PURE__*/function () {
|
|
|
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
|
|
|
var time, res, datas;
|
|
|
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
|
|
|
while (1) switch (_context.prev = _context.next) {
|
|
|
case 0:
|
|
|
setIsLoading(true);
|
|
|
time = formatTime(StatusEnum.OneMonth);
|
|
|
_context.next = 4;
|
|
|
return (0,paths/* getLearnStatistics */.ef)({
|
|
|
id: pathId,
|
|
|
type: form === 'spoc' ? '1' : '2',
|
|
|
start_at: time && time[0] && moment_default()(time[0]).format(dateFormat),
|
|
|
end_at: time && time[1] && moment_default()(time[1]).format(dateFormat)
|
|
|
});
|
|
|
case 4:
|
|
|
res = _context.sent;
|
|
|
setIsLoading(false);
|
|
|
if (res) {
|
|
|
setData(res || {});
|
|
|
datas = [];
|
|
|
if (res !== null && res !== void 0 && res.passed_distribution_pie) {
|
|
|
percentage === null || percentage === void 0 ? void 0 : percentage.map(function (item, i) {
|
|
|
var data = {};
|
|
|
data.name = (res === null || res === void 0 ? void 0 : res.passed_distribution_pie[i + 1]) + '人：' + item;
|
|
|
data.value = res === null || res === void 0 ? void 0 : res.passed_distribution_pie[i + 1];
|
|
|
datas.push(data);
|
|
|
});
|
|
|
setPieTitle([].concat(datas));
|
|
|
}
|
|
|
}
|
|
|
case 7:
|
|
|
case "end":
|
|
|
return _context.stop();
|
|
|
}
|
|
|
}, _callee);
|
|
|
}));
|
|
|
return function handleGetData() {
|
|
|
return _ref2.apply(this, arguments);
|
|
|
};
|
|
|
}();
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)(spin/* default */.Z, {
|
|
|
spinning: isLoading,
|
|
|
children: [pieTitle && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Statisticsmodules.tabdiv,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
className: Statisticsmodules.titleItem,
|
|
|
children: "\u5B9E\u8BAD\u901A\u5173\u60C5\u51B5\u5206\u5E03\u56FE"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Statisticsmodules.countcenter,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
option: getLearnTimeOptions(pieTitle),
|
|
|
style: {
|
|
|
height: 400,
|
|
|
width: 600
|
|
|
},
|
|
|
opts: {
|
|
|
renderer: 'svg'
|
|
|
}
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("p", {
|
|
|
children: "\u5355\u4F4D\uFF1A\u4EBA"
|
|
|
}), color === null || color === void 0 ? void 0 : color.map(function (item, i) {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("p", {
|
|
|
style: {
|
|
|
display: 'flex',
|
|
|
alignItems: 'center'
|
|
|
},
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Statisticsmodules.radiusdiv,
|
|
|
style: {
|
|
|
background: item
|
|
|
}
|
|
|
}, i), " ", "\u901A\u5173" + rightPercentage[i], i > 0 && i < 5 ? "\u4EE5\u4E0A (\u542B)" : i === 5 ? '以下' : '']
|
|
|
}, i);
|
|
|
})]
|
|
|
})]
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Statisticsmodules.tabdiv,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
className: Statisticsmodules.titleItem,
|
|
|
children: ["\u5B9E\u8BAD\u5173\u5361\u5E73\u5747\u8BC4\u6D4B\u6B21\u6570\u5206\u5E03\u56FE ", /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
|
title: "\u81F3\u5C11\u8FDB\u884C\u4E00\u6B21\u8BC4\u6D4B\u7684\u5B66\u751F\u624D\u7EB3\u5165\u672C\u56FE\u7EDF\u8BA1",
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(ExclamationCircleOutlined/* default */.Z, {
|
|
|
style: {
|
|
|
marginLeft: '5px'
|
|
|
}
|
|
|
})
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Statisticsmodules.countcenter,
|
|
|
children: data !== null && data !== void 0 && (_data$average_pass_nu = data.average_pass_num_bar) !== null && _data$average_pass_nu !== void 0 && _data$average_pass_nu.columns ? /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
option: getEvaluationTimeOptions(formatAverageEvaluationTimeData(data.average_pass_num_bar && data.average_pass_num_bar.columns)),
|
|
|
style: {
|
|
|
height: 400,
|
|
|
width: 1200
|
|
|
},
|
|
|
opts: {
|
|
|
renderer: 'svg'
|
|
|
}
|
|
|
}) : /*#__PURE__*/(0,jsx_runtime.jsx)(NoData/* default */.Z, {})
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("p", {
|
|
|
style: {
|
|
|
display: 'flex',
|
|
|
justifyContent: 'center'
|
|
|
},
|
|
|
children: "\u5355\u4F4D\uFF1A\u6B21/\u5173\u5361"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
style: {
|
|
|
display: 'flex',
|
|
|
justifyContent: 'center',
|
|
|
color: "#999999"
|
|
|
},
|
|
|
children: "\u672C\u56FE\u4EE5\u5B66\u751F\u5728\u5B9E\u8BAD\u5173\u5361\u4E2D\u7684\u8BC4\u6D4B\u6B21\u6570\u5E73\u5747\u503C\u4E3A\u7EDF\u8BA1\u7EF4\u5EA6\uFF0C\u7ED9\u51FA\u6240\u6709\u5B66\u751F\u7684\u5E73\u5747\u8BC4\u6D4B\u6B21\u6570\u5206\u5E03\u72B6\u6001\u3002"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
style: {
|
|
|
display: 'flex',
|
|
|
justifyContent: 'center',
|
|
|
color: '#999999'
|
|
|
},
|
|
|
children: ["\u5F53\u524D\u5E73\u5747\u8BC4\u6D4B\u6B21\u6570\u6700\u5C0F\u503C\uFF1A", /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
style: {
|
|
|
color: "#0DAE0A"
|
|
|
},
|
|
|
children: [data.average_pass_num_bar && ((_data$average_pass_nu2 = data.average_pass_num_bar) === null || _data$average_pass_nu2 === void 0 ? void 0 : _data$average_pass_nu2.min), "\u6B21"]
|
|
|
}), "\uFF0C\u6700\u5927\u503C\uFF1A", /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
style: {
|
|
|
color: "#0DAE0A"
|
|
|
},
|
|
|
children: [data.average_pass_num_bar && ((_data$average_pass_nu3 = data.average_pass_num_bar) === null || _data$average_pass_nu3 === void 0 ? void 0 : _data$average_pass_nu3.max), "\u6B21"]
|
|
|
}), "\uFF0C\u4E2D\u4F4D\u6570\uFF1A", /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
style: {
|
|
|
color: "#0DAE0A"
|
|
|
},
|
|
|
children: [data.average_pass_num_bar && ((_data$average_pass_nu4 = data.average_pass_num_bar) === null || _data$average_pass_nu4 === void 0 ? void 0 : _data$average_pass_nu4.mid), "\u6B21"]
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
style: {
|
|
|
height: "45px"
|
|
|
}
|
|
|
})]
|
|
|
})]
|
|
|
}), statisticsData !== null && statisticsData !== void 0 && statisticsData.video_count ? /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Statisticsmodules.tabdiv,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
className: Statisticsmodules.titleItem,
|
|
|
children: ["\u89C6\u9891\u5B66\u4E60\u65F6\u957F\u5206\u5E03\u56FE", /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
|
title: "\u81F3\u5C11\u5B66\u4E60\u4E00\u4E2A\u89C6\u9891\u5B66\u751F\u7684\u624D\u7EB3\u5165\u672C\u56FE\u7EDF\u8BA1",
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(ExclamationCircleOutlined/* default */.Z, {
|
|
|
style: {
|
|
|
marginLeft: '5px'
|
|
|
}
|
|
|
})
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Statisticsmodules.countcenter,
|
|
|
children: data !== null && data !== void 0 && (_data$study_video_tim = data.study_video_time_bar) !== null && _data$study_video_tim !== void 0 && _data$study_video_tim.user_data ? /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
option: getLengthOfStudyOptions(formatLengthOfStudyData(data.study_video_time_bar && data.study_video_time_bar.user_data)),
|
|
|
style: {
|
|
|
height: 400,
|
|
|
width: 1200
|
|
|
},
|
|
|
opts: {
|
|
|
renderer: 'svg'
|
|
|
}
|
|
|
}) : /*#__PURE__*/(0,jsx_runtime.jsx)(NoData/* default */.Z, {})
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
style: {
|
|
|
display: data !== null && data !== void 0 && (_data$study_video_tim2 = data.study_video_time_bar) !== null && _data$study_video_tim2 !== void 0 && _data$study_video_tim2.max ? '' : 'none'
|
|
|
},
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("p", {
|
|
|
style: {
|
|
|
display: 'flex',
|
|
|
justifyContent: 'center'
|
|
|
},
|
|
|
children: "\u5355\u4F4D\uFF1A\u5206/\u5173\u5361"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
style: {
|
|
|
display: 'flex',
|
|
|
justifyContent: 'center',
|
|
|
color: "#999999"
|
|
|
},
|
|
|
children: "\u672C\u56FE\u4EE5\u5B66\u751F\u5728\u5B9E\u8BAD\u5173\u5361\u4E2D\u7684\u8BC4\u6D4B\u6B21\u6570\u5E73\u5747\u503C\u4E3A\u7EDF\u8BA1\u7EF4\u5EA6\uFF0C\u7ED9\u51FA\u6240\u6709\u5B66\u751F\u7684\u5E73\u5747\u8BC4\u6D4B\u6B21\u6570\u5206\u5E03\u72B6\u6001\u3002"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
style: {
|
|
|
display: 'flex',
|
|
|
justifyContent: 'center',
|
|
|
color: '#999999'
|
|
|
},
|
|
|
children: ["\u5F53\u524D\u5E73\u5747\u8BC4\u6D4B\u6B21\u6570\u6700\u5C0F\u503C\uFF1A", /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
style: {
|
|
|
color: "#0DAE0A"
|
|
|
},
|
|
|
children: [data.study_video_time_bar && ((_data$study_video_tim3 = data.study_video_time_bar) === null || _data$study_video_tim3 === void 0 ? void 0 : _data$study_video_tim3.min), "\u5206"]
|
|
|
}), "\uFF0C\u6700\u5927\u503C\uFF1A", /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
style: {
|
|
|
color: "#0DAE0A"
|
|
|
},
|
|
|
children: [data.study_video_time_bar && ((_data$study_video_tim4 = data.study_video_time_bar) === null || _data$study_video_tim4 === void 0 ? void 0 : _data$study_video_tim4.max), "\u5206"]
|
|
|
}), "\uFF0C\u4E2D\u4F4D\u6570\uFF1A", /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
style: {
|
|
|
color: "#0DAE0A"
|
|
|
},
|
|
|
children: [data.study_video_time_bar && ((_data$study_video_tim5 = data.study_video_time_bar) === null || _data$study_video_tim5 === void 0 ? void 0 : _data$study_video_tim5.mid), "\u5206"]
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
style: {
|
|
|
height: "45px"
|
|
|
}
|
|
|
})]
|
|
|
})]
|
|
|
}) : '']
|
|
|
});
|
|
|
};
|
|
|
/* harmony default export */ var Quality = (Learn);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/date-picker/style/index.js + 1 modules
|
|
|
var date_picker_style = __webpack_require__(25763);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/date-picker/index.js + 56 modules
|
|
|
var date_picker = __webpack_require__(45741);
|
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Detail/Statistics/ShiXunUestow/Config.tsx
|
|
|
var Config_getAverageEvaluationTimeOptions = function getAverageEvaluationTimeOptions() {
|
|
|
var names = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
|
var values = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
|
var type = arguments.length > 2 ? arguments[2] : undefined;
|
|
|
return {
|
|
|
color: ['#3398DB'],
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
// 坐标轴指示器，坐标轴触发有效
|
|
|
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
|
|
}
|
|
|
},
|
|
|
|
|
|
grid: {
|
|
|
left: '3%',
|
|
|
right: '4%',
|
|
|
bottom: '3%',
|
|
|
containLabel: true
|
|
|
},
|
|
|
xAxis: [{
|
|
|
name: '实训',
|
|
|
type: 'category',
|
|
|
data: names,
|
|
|
axisTick: {
|
|
|
alignWithLabel: true
|
|
|
},
|
|
|
axisLabel: {
|
|
|
//坐标轴刻度标签的相关设置。
|
|
|
interval: 0,
|
|
|
rotate: "45",
|
|
|
formatter: function formatter(value) {
|
|
|
return (value === null || value === void 0 ? void 0 : value.length) > 8 ? value.substr(0, 8) + '...' : value;
|
|
|
}
|
|
|
}
|
|
|
}],
|
|
|
yAxis: [{
|
|
|
name: type,
|
|
|
type: 'value'
|
|
|
}],
|
|
|
series: [{
|
|
|
name: type,
|
|
|
type: 'bar',
|
|
|
barWidth: '20%',
|
|
|
label: {
|
|
|
show: true,
|
|
|
position: 'top'
|
|
|
},
|
|
|
data: values
|
|
|
}]
|
|
|
};
|
|
|
};
|
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Detail/Statistics/ShiXunUestow/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var RangePicker = date_picker/* default.RangePicker */.Z.RangePicker;
|
|
|
var ShiXunUestow_Learn = function Learn(_ref) {
|
|
|
var selectKey = _ref.selectKey;
|
|
|
var _useState = (0,react.useState)(false),
|
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
|
isLoading = _useState2[0],
|
|
|
setIsLoading = _useState2[1];
|
|
|
var _useState3 = (0,react.useState)(),
|
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
|
time = _useState4[0],
|
|
|
setTime = _useState4[1];
|
|
|
var _useState5 = (0,react.useState)(StatusEnum.OneMonth),
|
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
|
active = _useState6[0],
|
|
|
setActive = _useState6[1];
|
|
|
var _useState7 = (0,react.useState)({}),
|
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
|
params = _useState8[0],
|
|
|
setParmas = _useState8[1];
|
|
|
var _useState9 = (0,react.useState)({}),
|
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
|
data = _useState10[0],
|
|
|
setData = _useState10[1];
|
|
|
var pathId = (0,react.useRef)();
|
|
|
(0,react.useEffect)(function () {
|
|
|
pathId.current = window.location.pathname.split('/')[2];
|
|
|
if (selectKey === PathStatisticsStatus.ShiXunUsetow) {
|
|
|
params.time = formatTime(active);
|
|
|
setParmas(params);
|
|
|
setTime(params.time);
|
|
|
handleGetData(params);
|
|
|
}
|
|
|
}, [selectKey]);
|
|
|
var handleGetData = /*#__PURE__*/function () {
|
|
|
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee(postData) {
|
|
|
var res;
|
|
|
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
|
|
|
while (1) switch (_context.prev = _context.next) {
|
|
|
case 0:
|
|
|
// const url = `/paths/${pathId.current}/learning_statistics.json`;
|
|
|
setIsLoading(true);
|
|
|
_context.next = 3;
|
|
|
return (0,paths/* getShixunAnalyzeData */.F_)({
|
|
|
id: pathId.current
|
|
|
});
|
|
|
case 3:
|
|
|
res = _context.sent;
|
|
|
setIsLoading(false);
|
|
|
if (res) {
|
|
|
setData(res || {});
|
|
|
}
|
|
|
case 6:
|
|
|
case "end":
|
|
|
return _context.stop();
|
|
|
}
|
|
|
}, _callee);
|
|
|
}));
|
|
|
return function handleGetData(_x) {
|
|
|
return _ref2.apply(this, arguments);
|
|
|
};
|
|
|
}();
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)(spin/* default */.Z, {
|
|
|
spinning: isLoading,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Statisticsmodules.tabdiv,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
className: Statisticsmodules.titleItem,
|
|
|
children: ["\u5E94\u7528\u8BFE\u5802\u6570\u6392\u884C\u699C", (data === null || data === void 0 ? void 0 : data.used_course_num_count) >= 10 && '（Top10）']
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Statisticsmodules.countcenter,
|
|
|
children: data !== null && data !== void 0 && data.used_course_num && (data === null || data === void 0 ? void 0 : data.used_course_num_count) > 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
option: Config_getAverageEvaluationTimeOptions(Object.keys(data === null || data === void 0 ? void 0 : data.used_course_num), Object.values(data === null || data === void 0 ? void 0 : data.used_course_num), '被应用课堂数'),
|
|
|
style: {
|
|
|
height: 400,
|
|
|
width: 1200
|
|
|
},
|
|
|
opts: {
|
|
|
renderer: 'svg'
|
|
|
}
|
|
|
}) : /*#__PURE__*/(0,jsx_runtime.jsx)(NoData/* default */.Z, {})
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Statisticsmodules.tabdiv,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
className: Statisticsmodules.titleItem,
|
|
|
children: ["\u88AB\u5E94\u7528\u5355\u4F4D\u6570\u6392\u884C\u699C", (data === null || data === void 0 ? void 0 : data.used_school_num_count) >= 10 && '（Top10）']
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Statisticsmodules.countcenter,
|
|
|
children: data !== null && data !== void 0 && data.used_school_num && (data === null || data === void 0 ? void 0 : data.used_school_num_count) > 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
option: Config_getAverageEvaluationTimeOptions(Object.keys(data === null || data === void 0 ? void 0 : data.used_school_num), Object.values(data === null || data === void 0 ? void 0 : data.used_school_num), '被应用单位数'),
|
|
|
style: {
|
|
|
height: 400,
|
|
|
width: 1200
|
|
|
},
|
|
|
opts: {
|
|
|
renderer: 'svg'
|
|
|
}
|
|
|
}) : /*#__PURE__*/(0,jsx_runtime.jsx)(NoData/* default */.Z, {})
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Statisticsmodules.tabdiv,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
className: Statisticsmodules.titleItem,
|
|
|
children: ["\u5B66\u4E60\u4EBA\u6570\u6392\u884C\u699C", (data === null || data === void 0 ? void 0 : data.used_study_num_count) >= 10 && '（Top10）']
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Statisticsmodules.countcenter,
|
|
|
children: data !== null && data !== void 0 && data.used_study_num && (data === null || data === void 0 ? void 0 : data.used_study_num_count) > 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
option: Config_getAverageEvaluationTimeOptions(Object.keys(data === null || data === void 0 ? void 0 : data.used_study_num), Object.values(data === null || data === void 0 ? void 0 : data.used_study_num), '学习人数'),
|
|
|
style: {
|
|
|
height: 400,
|
|
|
width: 1200
|
|
|
},
|
|
|
opts: {
|
|
|
renderer: 'svg'
|
|
|
}
|
|
|
}) : /*#__PURE__*/(0,jsx_runtime.jsx)(NoData/* default */.Z, {})
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Statisticsmodules.tabdiv,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
className: Statisticsmodules.titleItem,
|
|
|
children: ["\u5168\u90E8\u5173\u5361\u901A\u5173\u4EBA\u6570\u6392\u884C\u699C", (data === null || data === void 0 ? void 0 : data.used_pass_num_count) >= 10 && '（Top10）']
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Statisticsmodules.countcenter,
|
|
|
children: data !== null && data !== void 0 && data.used_pass_num && (data === null || data === void 0 ? void 0 : data.used_pass_num_count) > 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
option: Config_getAverageEvaluationTimeOptions(Object.keys(data === null || data === void 0 ? void 0 : data.used_pass_num), Object.values(data === null || data === void 0 ? void 0 : data.used_pass_num), '通关人数'),
|
|
|
style: {
|
|
|
height: 400,
|
|
|
width: 1200
|
|
|
},
|
|
|
opts: {
|
|
|
renderer: 'svg'
|
|
|
}
|
|
|
}) : /*#__PURE__*/(0,jsx_runtime.jsx)(NoData/* default */.Z, {})
|
|
|
})]
|
|
|
})]
|
|
|
});
|
|
|
};
|
|
|
/* harmony default export */ var ShiXunUestow = (ShiXunUestow_Learn);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/select/style/index.js + 1 modules
|
|
|
var select_style = __webpack_require__(95985);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/select/index.js
|
|
|
var es_select = __webpack_require__(34041);
|
|
|
// EXTERNAL MODULE: ./node_modules/echarts/index.js
|
|
|
var echarts = __webpack_require__(70596);
|
|
|
var echarts_default = /*#__PURE__*/__webpack_require__.n(echarts);
|
|
|
// EXTERNAL MODULE: ./node_modules/echarts/map/json/china.json
|
|
|
var china = __webpack_require__(60865);
|
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Detail/Statistics/Learning/Config.tsx
|
|
|
var Learning_Config_getAverageEvaluationTimeOptions = function getAverageEvaluationTimeOptions(_ref, type) {
|
|
|
var _ref$names = _ref.names,
|
|
|
names = _ref$names === void 0 ? [] : _ref$names,
|
|
|
_ref$values = _ref.values,
|
|
|
values = _ref$values === void 0 ? [] : _ref$values;
|
|
|
return {
|
|
|
color: ['#3398DB'],
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
|
// 坐标轴指示器，坐标轴触发有效
|
|
|
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
|
|
}
|
|
|
},
|
|
|
|
|
|
grid: {
|
|
|
left: '3%',
|
|
|
right: '4%',
|
|
|
bottom: '3%',
|
|
|
containLabel: true
|
|
|
},
|
|
|
xAxis: [{
|
|
|
name: '时间',
|
|
|
type: 'category',
|
|
|
data: names,
|
|
|
axisTick: {
|
|
|
alignWithLabel: true,
|
|
|
interval: 0,
|
|
|
rotate: "45"
|
|
|
},
|
|
|
axisLabel: {
|
|
|
//坐标轴刻度标签的相关设置。
|
|
|
interval: 0,
|
|
|
rotate: "45"
|
|
|
}
|
|
|
}],
|
|
|
yAxis: [{
|
|
|
name: type,
|
|
|
type: 'value'
|
|
|
}],
|
|
|
series: [{
|
|
|
name: type,
|
|
|
type: 'bar',
|
|
|
barWidth: '20%',
|
|
|
label: {
|
|
|
show: true,
|
|
|
position: 'top',
|
|
|
formatter: function formatter(num) {
|
|
|
return parseInt(num === null || num === void 0 ? void 0 : num.data) > 10000 ? Math.round(parseInt(num === null || num === void 0 ? void 0 : num.data) / 100) / 10 + 'k' : num === null || num === void 0 ? void 0 : num.data;
|
|
|
}
|
|
|
},
|
|
|
data: values
|
|
|
}]
|
|
|
};
|
|
|
};
|
|
|
var getMapOptions = function getMapOptions(data) {
|
|
|
return {
|
|
|
tooltip: {
|
|
|
show: true,
|
|
|
formatter: function formatter(params) {
|
|
|
if (params !== null && params !== void 0 && params.value) {
|
|
|
return params.name + ':' + params.value + '人';
|
|
|
} else {
|
|
|
return '';
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
visualMap: {
|
|
|
type: 'continuous',
|
|
|
orient: 'visualMap',
|
|
|
itemWidth: 20,
|
|
|
itemHeight: 120,
|
|
|
text: ['高', '低'],
|
|
|
showLabel: true,
|
|
|
seriesIndex: [0],
|
|
|
inRange: {
|
|
|
color: ['#C4EAFF', '#A1DBFF', '#3AA0FF', '#2F88DF', '#2661A8']
|
|
|
},
|
|
|
textStyle: {
|
|
|
color: '#0152d9'
|
|
|
},
|
|
|
top: 100,
|
|
|
right: 'right'
|
|
|
},
|
|
|
grid: {
|
|
|
right: 10,
|
|
|
top: 135,
|
|
|
bottom: 100,
|
|
|
width: '20%'
|
|
|
},
|
|
|
xAxis: {
|
|
|
show: false
|
|
|
},
|
|
|
geo: {
|
|
|
// roam: true,
|
|
|
map: 'china',
|
|
|
left: 'left',
|
|
|
right: '300',
|
|
|
// layoutSize: '80%',
|
|
|
label: {
|
|
|
emphasis: {
|
|
|
show: false
|
|
|
}
|
|
|
},
|
|
|
itemStyle: {
|
|
|
emphasis: {
|
|
|
areaColor: '#0152d9'
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
series: [{
|
|
|
name: 'mapSer',
|
|
|
type: 'map',
|
|
|
roam: false,
|
|
|
geoIndex: 0,
|
|
|
label: {
|
|
|
show: false
|
|
|
},
|
|
|
data: data
|
|
|
}]
|
|
|
};
|
|
|
};
|
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Detail/Statistics/Learning/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Option = es_select/* default.Option */.Z.Option;
|
|
|
echarts_default().registerMap('china', china);
|
|
|
var Learning_Learn = function Learn(_ref) {
|
|
|
var selectKey = _ref.selectKey,
|
|
|
form = _ref.form,
|
|
|
statisticsData = _ref.statisticsData;
|
|
|
var _useState = (0,react.useState)(false),
|
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
|
isLoading = _useState2[0],
|
|
|
setIsLoading = _useState2[1];
|
|
|
var _useState3 = (0,react.useState)({}),
|
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
|
data = _useState4[0],
|
|
|
setData = _useState4[1];
|
|
|
var _useState5 = (0,react.useState)('all'),
|
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
|
type = _useState6[0],
|
|
|
setType = _useState6[1];
|
|
|
var _useState7 = (0,react.useState)(),
|
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
|
day = _useState8[0],
|
|
|
setDay = _useState8[1];
|
|
|
var _useState9 = (0,react.useState)([]),
|
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
|
studyCount = _useState10[0],
|
|
|
setStudyCount = _useState10[1];
|
|
|
var _useState11 = (0,react.useState)([]),
|
|
|
_useState12 = slicedToArray_default()(_useState11, 2),
|
|
|
passedCount = _useState12[0],
|
|
|
setPassedCount = _useState12[1];
|
|
|
var _useState13 = (0,react.useState)([]),
|
|
|
_useState14 = slicedToArray_default()(_useState13, 2),
|
|
|
studypdfattachmentcount = _useState14[0],
|
|
|
setStudypdfattachmentCount = _useState14[1];
|
|
|
var _useState15 = (0,react.useState)([]),
|
|
|
_useState16 = slicedToArray_default()(_useState15, 2),
|
|
|
evaluatecount = _useState16[0],
|
|
|
setEvaluatCount = _useState16[1];
|
|
|
var _useState17 = (0,react.useState)([]),
|
|
|
_useState18 = slicedToArray_default()(_useState17, 2),
|
|
|
studyVideoCount = _useState18[0],
|
|
|
setStudyVideoCount = _useState18[1];
|
|
|
var _useParams = (0,_umi_production_exports.useParams)(),
|
|
|
pathId = _useParams.pathId;
|
|
|
var time = [{
|
|
|
key: 7,
|
|
|
value: '最近7天'
|
|
|
}, {
|
|
|
key: 30,
|
|
|
value: '最近30天'
|
|
|
}, {
|
|
|
key: 180,
|
|
|
value: '最近六个月'
|
|
|
}];
|
|
|
(0,react.useEffect)(function () {
|
|
|
if (selectKey === PathStatisticsStatus.LearnIng) {
|
|
|
handleGetData();
|
|
|
}
|
|
|
}, [selectKey, type, day, form]);
|
|
|
var handleGetData = /*#__PURE__*/function () {
|
|
|
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
|
|
|
var res;
|
|
|
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
|
|
|
while (1) switch (_context.prev = _context.next) {
|
|
|
case 0:
|
|
|
setIsLoading(true);
|
|
|
_context.next = 3;
|
|
|
return (0,paths/* getStudentData */.DU)({
|
|
|
id: pathId,
|
|
|
type: type,
|
|
|
day: day,
|
|
|
form: form
|
|
|
});
|
|
|
case 3:
|
|
|
res = _context.sent;
|
|
|
setIsLoading(false);
|
|
|
if (!res) {
|
|
|
_context.next = 18;
|
|
|
break;
|
|
|
}
|
|
|
if (type === 'all') {
|
|
|
setData(res || {});
|
|
|
setStudyCount(res === null || res === void 0 ? void 0 : res.study_count);
|
|
|
setPassedCount(res === null || res === void 0 ? void 0 : res.passed_count);
|
|
|
setStudypdfattachmentCount(res === null || res === void 0 ? void 0 : res.study_pdf_attachment_count);
|
|
|
setStudyVideoCount(res === null || res === void 0 ? void 0 : res.study_video_count);
|
|
|
setEvaluatCount(res === null || res === void 0 ? void 0 : res.evaluate_count);
|
|
|
}
|
|
|
_context.t0 = type;
|
|
|
_context.next = _context.t0 === 'study_count' ? 10 : _context.t0 === 'passed_count' ? 12 : _context.t0 === 'study_pdf_attachment_count' ? 14 : _context.t0 === 'study_video_count' ? 16 : 18;
|
|
|
break;
|
|
|
case 10:
|
|
|
setStudyCount(res);
|
|
|
return _context.abrupt("break", 18);
|
|
|
case 12:
|
|
|
setPassedCount(res);
|
|
|
return _context.abrupt("break", 18);
|
|
|
case 14:
|
|
|
setStudypdfattachmentCount(res);
|
|
|
return _context.abrupt("break", 18);
|
|
|
case 16:
|
|
|
setStudyVideoCount(res);
|
|
|
return _context.abrupt("break", 18);
|
|
|
case 18:
|
|
|
case "end":
|
|
|
return _context.stop();
|
|
|
}
|
|
|
}, _callee);
|
|
|
}));
|
|
|
return function handleGetData() {
|
|
|
return _ref2.apply(this, arguments);
|
|
|
};
|
|
|
}();
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)(spin/* default */.Z, {
|
|
|
spinning: isLoading,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Statisticsmodules.tabdiv,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
className: Statisticsmodules.titleItem,
|
|
|
children: "\u5B66\u5458\u5730\u57DF\u5206\u5E03\u56FE"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Statisticsmodules.countcenter,
|
|
|
children: (data === null || data === void 0 ? void 0 : data.map) && /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
option: getMapOptions(data === null || data === void 0 ? void 0 : data.map),
|
|
|
style: {
|
|
|
height: 400,
|
|
|
width: 800
|
|
|
},
|
|
|
opts: {
|
|
|
renderer: 'svg'
|
|
|
}
|
|
|
})
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Statisticsmodules.tabdiv,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
className: Statisticsmodules.titleItem,
|
|
|
style: {
|
|
|
justifyContent: 'space-between'
|
|
|
},
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
children: ["\u5B66\u5458\u6570\u91CF\u589E\u957F\u56FE", /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
className: "font12 c-grey-999 ml10",
|
|
|
children: "\u53C2\u4E0E\u8BFE\u5802\u5B66\u4E60\u7684\u7D2F\u79EF\u4EBA\u6570"
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_select/* default */.Z, {
|
|
|
defaultValue: 7,
|
|
|
style: {
|
|
|
width: '120px'
|
|
|
},
|
|
|
onChange: function onChange(e) {
|
|
|
setType('study_count');
|
|
|
setDay(e);
|
|
|
},
|
|
|
children: time === null || time === void 0 ? void 0 : time.map(function (item, i) {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(Option, {
|
|
|
value: item.key,
|
|
|
children: item === null || item === void 0 ? void 0 : item.value
|
|
|
}, i);
|
|
|
})
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Statisticsmodules.countcenter,
|
|
|
children: (studyCount === null || studyCount === void 0 ? void 0 : studyCount.length) > 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
option: Learning_Config_getAverageEvaluationTimeOptions(formatLearningData(studyCount), '学员数量'),
|
|
|
style: {
|
|
|
height: 400,
|
|
|
width: 1200
|
|
|
},
|
|
|
opts: {
|
|
|
renderer: 'svg'
|
|
|
}
|
|
|
}) : /*#__PURE__*/(0,jsx_runtime.jsx)(NoData/* default */.Z, {})
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Statisticsmodules.tabdiv,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
className: Statisticsmodules.titleItem,
|
|
|
style: {
|
|
|
justifyContent: 'space-between'
|
|
|
},
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
children: ["\u5B9E\u8DF5\u9879\u76EE\u901A\u8FC7\u4EBA\u6570\u589E\u957F\u56FE", /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
className: "font12 c-grey-999 ml10",
|
|
|
children: "\u5B66\u751F\u901A\u8FC7\u5B9E\u8DF5\u9879\u76EE\u7684\u7D2F\u79EF\u4EBA\u6570"
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_select/* default */.Z, {
|
|
|
defaultValue: 7,
|
|
|
style: {
|
|
|
width: '120px'
|
|
|
},
|
|
|
onChange: function onChange(e) {
|
|
|
setType('passed_count');
|
|
|
setDay(e);
|
|
|
},
|
|
|
children: time === null || time === void 0 ? void 0 : time.map(function (item, i) {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(Option, {
|
|
|
value: item.key,
|
|
|
children: item === null || item === void 0 ? void 0 : item.value
|
|
|
}, i);
|
|
|
})
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Statisticsmodules.countcenter,
|
|
|
children: (passedCount === null || passedCount === void 0 ? void 0 : passedCount.length) > 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
option: Learning_Config_getAverageEvaluationTimeOptions(formatLearningData(passedCount), '通过人数'),
|
|
|
style: {
|
|
|
height: 400,
|
|
|
width: 1200
|
|
|
},
|
|
|
opts: {
|
|
|
renderer: 'svg'
|
|
|
}
|
|
|
}) : /*#__PURE__*/(0,jsx_runtime.jsx)(NoData/* default */.Z, {})
|
|
|
})]
|
|
|
}), statisticsData !== null && statisticsData !== void 0 && statisticsData.video_count ? /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Statisticsmodules.tabdiv,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
className: Statisticsmodules.titleItem,
|
|
|
style: {
|
|
|
justifyContent: 'space-between'
|
|
|
},
|
|
|
children: ["\u89C6\u9891\u5B66\u4E60\u6B21\u6570\u589E\u957F\u56FE", /*#__PURE__*/(0,jsx_runtime.jsx)(es_select/* default */.Z, {
|
|
|
defaultValue: 7,
|
|
|
style: {
|
|
|
width: '120px'
|
|
|
},
|
|
|
onChange: function onChange(e) {
|
|
|
setType('study_video_count');
|
|
|
setDay(e);
|
|
|
},
|
|
|
children: time === null || time === void 0 ? void 0 : time.map(function (item, i) {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(Option, {
|
|
|
value: item.key,
|
|
|
children: item === null || item === void 0 ? void 0 : item.value
|
|
|
}, i);
|
|
|
})
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Statisticsmodules.countcenter,
|
|
|
children: (studyVideoCount === null || studyVideoCount === void 0 ? void 0 : studyVideoCount.length) > 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
option: Learning_Config_getAverageEvaluationTimeOptions(formatLearningData(studyVideoCount), '视频学习次数'),
|
|
|
style: {
|
|
|
height: 400,
|
|
|
width: 1200
|
|
|
},
|
|
|
opts: {
|
|
|
renderer: 'svg'
|
|
|
}
|
|
|
}) : /*#__PURE__*/(0,jsx_runtime.jsx)(NoData/* default */.Z, {})
|
|
|
})]
|
|
|
}) : '', statisticsData !== null && statisticsData !== void 0 && statisticsData.pdf_attachment_count ? /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Statisticsmodules.tabdiv,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
className: Statisticsmodules.titleItem,
|
|
|
style: {
|
|
|
justifyContent: 'space-between'
|
|
|
},
|
|
|
children: ["\u8BFE\u4EF6\u5B66\u4E60\u6B21\u6570\u589E\u957F\u56FE", /*#__PURE__*/(0,jsx_runtime.jsx)(es_select/* default */.Z, {
|
|
|
defaultValue: 7,
|
|
|
style: {
|
|
|
width: '120px'
|
|
|
},
|
|
|
onChange: function onChange(e) {
|
|
|
setType('study_pdf_attachment_count');
|
|
|
setDay(e);
|
|
|
},
|
|
|
children: time === null || time === void 0 ? void 0 : time.map(function (item, i) {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(Option, {
|
|
|
value: item.key,
|
|
|
children: item === null || item === void 0 ? void 0 : item.value
|
|
|
}, i);
|
|
|
})
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Statisticsmodules.countcenter,
|
|
|
children: (studypdfattachmentcount === null || studypdfattachmentcount === void 0 ? void 0 : studypdfattachmentcount.length) > 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
option: Learning_Config_getAverageEvaluationTimeOptions(formatLearningData(studypdfattachmentcount), '课件学习次数'),
|
|
|
style: {
|
|
|
height: 400,
|
|
|
width: 1200
|
|
|
},
|
|
|
opts: {
|
|
|
renderer: 'svg'
|
|
|
}
|
|
|
}) : /*#__PURE__*/(0,jsx_runtime.jsx)(NoData/* default */.Z, {})
|
|
|
})]
|
|
|
}) : '', /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Statisticsmodules.tabdiv,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
className: Statisticsmodules.titleItem,
|
|
|
style: {
|
|
|
justifyContent: 'space-between'
|
|
|
},
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
children: ["\u5B9E\u8BAD\u8BC4\u6D4B\u6B21\u6570\u589E\u957F\u56FE", /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
className: "font12 c-grey-999 ml10",
|
|
|
children: "\u5B66\u751F\u8BC4\u6D4B\u70B9\u51FB\u7684\u7D2F\u79EF\u603B\u6B21\u6570"
|
|
|
})]
|
|
|
})
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Statisticsmodules.countcenter,
|
|
|
children: (evaluatecount === null || evaluatecount === void 0 ? void 0 : evaluatecount.length) > 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
option: Learning_Config_getAverageEvaluationTimeOptions(formatLearningData(evaluatecount), '实训评测次数'),
|
|
|
style: {
|
|
|
height: 400,
|
|
|
width: 1200
|
|
|
},
|
|
|
opts: {
|
|
|
renderer: 'svg'
|
|
|
}
|
|
|
}) : /*#__PURE__*/(0,jsx_runtime.jsx)(NoData/* default */.Z, {})
|
|
|
})]
|
|
|
})]
|
|
|
});
|
|
|
};
|
|
|
/* harmony default export */ var Learning = (Learning_Learn);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/skeleton/style/index.js + 1 modules
|
|
|
var skeleton_style = __webpack_require__(61099);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/skeleton/index.js + 11 modules
|
|
|
var skeleton = __webpack_require__(73481);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/table/style/index.js + 1 modules
|
|
|
var table_style = __webpack_require__(71854);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/table/index.js + 58 modules
|
|
|
var table = __webpack_require__(67250);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/message/style/index.js + 1 modules
|
|
|
var message_style = __webpack_require__(14934);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/message/index.js + 1 modules
|
|
|
var message = __webpack_require__(12461);
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectSpread2.js
|
|
|
var objectSpread2 = __webpack_require__(42122);
|
|
|
var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/input/style/index.js + 1 modules
|
|
|
var input_style = __webpack_require__(69463);
|
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/input/index.js + 5 modules
|
|
|
var input = __webpack_require__(75008);
|
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Detail/Statistics/SPOC/index.less?modules
|
|
|
// extracted by mini-css-extract-plugin
|
|
|
/* harmony default export */ var SPOCmodules = ({"row3":"row3___CeXjd","info":"info___eN7xx","title":"title___xxaug","row5":"row5___MDHEi","rule":"rule___Fgl4o","tabWrap":"tabWrap___oSS3J","tab":"tab___DEpgx","active":"active___JpKfZ"});
|
|
|
// EXTERNAL MODULE: ./src/utils/fetch.ts
|
|
|
var fetch = __webpack_require__(84519);
|
|
|
// EXTERNAL MODULE: ./node_modules/lodash/lodash.js
|
|
|
var lodash = __webpack_require__(96486);
|
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Detail/Statistics/SPOC/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Search = input/* default.Search */.Z.Search;
|
|
|
var SPOC = function SPOC(_ref) {
|
|
|
var _data$spoc_data, _data$spoc_data2, _data$spoc_data3, _data$school_info, _data$school_info2, _data$school_info3, _data$school_info4, _data$school_info5;
|
|
|
var setStatisticsData = _ref.setStatisticsData;
|
|
|
var _useParams = (0,_umi_production_exports.useParams)(),
|
|
|
pathId = _useParams.pathId;
|
|
|
var _useState = (0,react.useState)(true),
|
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
|
loading = _useState2[0],
|
|
|
setLoading = _useState2[1];
|
|
|
var _useState3 = (0,react.useState)(true),
|
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
|
tableLoading = _useState4[0],
|
|
|
setTableLoading = _useState4[1];
|
|
|
var _useState5 = (0,react.useState)(0),
|
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
|
total = _useState6[0],
|
|
|
setTotal = _useState6[1];
|
|
|
var _useState7 = (0,react.useState)([]),
|
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
|
data = _useState8[0],
|
|
|
setData = _useState8[1];
|
|
|
var _useState9 = (0,react.useState)({
|
|
|
page: 1,
|
|
|
limit: 10,
|
|
|
order: null,
|
|
|
b_order: null,
|
|
|
school_type: null,
|
|
|
search_key: '',
|
|
|
resource_type: 'shixun',
|
|
|
type: 'subject_info'
|
|
|
}),
|
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
|
params = _useState10[0],
|
|
|
setParams = _useState10[1];
|
|
|
(0,react.useEffect)(function () {
|
|
|
getData(params, true);
|
|
|
}, []);
|
|
|
var getData = /*#__PURE__*/function () {
|
|
|
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee(params) {
|
|
|
var init,
|
|
|
res,
|
|
|
_res$data,
|
|
|
_res$data$basic_info,
|
|
|
_res$data2,
|
|
|
_res$data2$basic_info,
|
|
|
_res$data3,
|
|
|
_res$data3$basic_info,
|
|
|
_res$data4,
|
|
|
_args = arguments;
|
|
|
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
|
|
|
while (1) switch (_context.prev = _context.next) {
|
|
|
case 0:
|
|
|
init = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
|
|
|
if (init) {
|
|
|
setLoading(true);
|
|
|
} else {
|
|
|
setTableLoading(true);
|
|
|
}
|
|
|
_context.next = 4;
|
|
|
return (0,fetch/* default */.ZP)("/api/paths/".concat(pathId, "/statistics_basic_info.json"), {
|
|
|
method: 'get',
|
|
|
params: params
|
|
|
});
|
|
|
case 4:
|
|
|
res = _context.sent;
|
|
|
if (res.status === 0) {
|
|
|
setData(objectSpread2_default()(objectSpread2_default()({}, res.data), {}, {
|
|
|
basic_info_items: (0,lodash.compact)([res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : (_res$data$basic_info = _res$data.basic_info) === null || _res$data$basic_info === void 0 ? void 0 : _res$data$basic_info.shixun_data, res === null || res === void 0 ? void 0 : (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : (_res$data2$basic_info = _res$data2.basic_info) === null || _res$data2$basic_info === void 0 ? void 0 : _res$data2$basic_info.video_data, res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : (_res$data3$basic_info = _res$data3.basic_info) === null || _res$data3$basic_info === void 0 ? void 0 : _res$data3$basic_info.file_data])
|
|
|
}));
|
|
|
setTotal(res === null || res === void 0 ? void 0 : (_res$data4 = res.data) === null || _res$data4 === void 0 ? void 0 : _res$data4.total_count);
|
|
|
if (init) {
|
|
|
setStatisticsData(objectSpread2_default()({}, res.data));
|
|
|
}
|
|
|
}
|
|
|
setLoading(false);
|
|
|
setTableLoading(false);
|
|
|
case 8:
|
|
|
case "end":
|
|
|
return _context.stop();
|
|
|
}
|
|
|
}, _callee);
|
|
|
}));
|
|
|
return function getData(_x) {
|
|
|
return _ref2.apply(this, arguments);
|
|
|
};
|
|
|
}();
|
|
|
var smallColumns = [{
|
|
|
title: '',
|
|
|
dataIndex: 'name'
|
|
|
}, {
|
|
|
title: '课堂总人数',
|
|
|
dataIndex: 'course_member_count',
|
|
|
align: 'left',
|
|
|
render: function render(text) {
|
|
|
return text === '--' ? text : "".concat(text, "\u4EBA");
|
|
|
}
|
|
|
}, {
|
|
|
title: '选用单位数',
|
|
|
dataIndex: 'school_count',
|
|
|
align: 'left',
|
|
|
render: function render(text) {
|
|
|
return text === '--' ? text : "".concat(text, "\u4E2A");
|
|
|
}
|
|
|
}, {
|
|
|
title: '应用课堂数',
|
|
|
dataIndex: 'used_count',
|
|
|
align: 'left',
|
|
|
render: function render(text) {
|
|
|
return text === '--' ? text : "".concat(text, "\u4E2A");
|
|
|
}
|
|
|
}, {
|
|
|
title: '评测总次数',
|
|
|
dataIndex: 'evaluate_count',
|
|
|
align: 'left',
|
|
|
render: function render(text) {
|
|
|
return text === '--' ? text : "".concat(text, "\u6B21");
|
|
|
}
|
|
|
}, {
|
|
|
title: '视频学习总时长',
|
|
|
dataIndex: 'video_study_time',
|
|
|
align: 'left',
|
|
|
render: function render(text) {
|
|
|
return text === '--' ? text : "".concat(text, "\u5206");
|
|
|
}
|
|
|
}, {
|
|
|
title: '完成总次数',
|
|
|
dataIndex: 'complete_count',
|
|
|
align: 'left',
|
|
|
render: function render(text) {
|
|
|
return text === '--' ? text : "".concat(text, "\u6B21");
|
|
|
}
|
|
|
}];
|
|
|
var columns = [{
|
|
|
title: '序号',
|
|
|
dataIndex: 'name',
|
|
|
align: 'left',
|
|
|
width: 80,
|
|
|
render: function render(text, record, index) {
|
|
|
return params.limit * (params.page - 1) + index + 1;
|
|
|
}
|
|
|
}, {
|
|
|
title: '课堂名称',
|
|
|
align: 'left',
|
|
|
dataIndex: 'course_name',
|
|
|
render: function render(text, record, index) {
|
|
|
if (record !== null && record !== void 0 && record.is_accessible) {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(_umi_production_exports.Link, {
|
|
|
style: {
|
|
|
color: '#000000'
|
|
|
},
|
|
|
to: record === null || record === void 0 ? void 0 : record.first_category_url,
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
|
title: text,
|
|
|
children: text
|
|
|
})
|
|
|
});
|
|
|
} else {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
|
title: text,
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
onClick: function onClick() {
|
|
|
message/* default.info */.ZP.info('当前课堂为私有课堂不能进入');
|
|
|
},
|
|
|
children: (text === null || text === void 0 ? void 0 : text.length) > 10 ? text.substr(0, 10) + '...' : text
|
|
|
})
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
title: '单位名称',
|
|
|
align: 'left',
|
|
|
dataIndex: 'school_name',
|
|
|
render: function render(text, record, index) {
|
|
|
if (text === '***') {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
|
title: "\u672C\u5355\u4F4D\u4E0D\u5BF9\u5916\u516C\u5F00",
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: text
|
|
|
})
|
|
|
});
|
|
|
} else {
|
|
|
return text;
|
|
|
}
|
|
|
}
|
|
|
}, {
|
|
|
title: '管理员',
|
|
|
align: 'left',
|
|
|
width: 120,
|
|
|
dataIndex: 'course_admin_name',
|
|
|
render: function render(text, record, index) {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(_umi_production_exports.Link, {
|
|
|
style: {
|
|
|
color: '#000000'
|
|
|
},
|
|
|
to: "/users/".concat(record === null || record === void 0 ? void 0 : record.course_admin, "/classrooms"),
|
|
|
children: text
|
|
|
});
|
|
|
}
|
|
|
}, {
|
|
|
title: '课堂老师',
|
|
|
width: 80,
|
|
|
align: 'left',
|
|
|
dataIndex: 'teacher_count'
|
|
|
}, {
|
|
|
title: '课堂学生',
|
|
|
width: 110,
|
|
|
dataIndex: 'student_count',
|
|
|
align: 'left',
|
|
|
sorter: true
|
|
|
}, {
|
|
|
title: '选用数',
|
|
|
width: 110,
|
|
|
dataIndex: 'choice_num',
|
|
|
sorter: true,
|
|
|
align: 'left'
|
|
|
}, {
|
|
|
title: /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
|
title: "\u5B66\u751F\u5B8C\u6210\u88AB\u9009\u7528\u8D44\u6E90\u7684\u603B\u6B21\u6570",
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: "\u5B8C\u6210\u603B\u6B21\u6570"
|
|
|
})
|
|
|
}),
|
|
|
width: 110,
|
|
|
showSorterTooltip: false,
|
|
|
dataIndex: 'study_count',
|
|
|
align: 'left',
|
|
|
sorter: true
|
|
|
}];
|
|
|
var shixunColums = [].concat(columns, [{
|
|
|
title: "人均通关数",
|
|
|
width: 110,
|
|
|
showSorterTooltip: false,
|
|
|
dataIndex: 'avg_study_count',
|
|
|
align: 'left',
|
|
|
sorter: true
|
|
|
}]);
|
|
|
var handleSelectChange = function handleSelectChange(value, options) {
|
|
|
params.school_type = value == 0 ? null : value;
|
|
|
setParams(objectSpread2_default()({}, params));
|
|
|
getData(params);
|
|
|
};
|
|
|
var handleChangePage = function handleChangePage(param, limit, sorter) {
|
|
|
params.page = param === null || param === void 0 ? void 0 : param.current;
|
|
|
params.limit = param === null || param === void 0 ? void 0 : param.pageSize;
|
|
|
if (sorter !== null && sorter !== void 0 && sorter.order) {
|
|
|
params.order = sorter === null || sorter === void 0 ? void 0 : sorter.field;
|
|
|
params.b_order = (sorter === null || sorter === void 0 ? void 0 : sorter.order) === 'ascend' ? 'asc' : 'desc';
|
|
|
} else {
|
|
|
params.order = null;
|
|
|
params.b_order = null;
|
|
|
}
|
|
|
setParams(objectSpread2_default()({}, params));
|
|
|
getData(params);
|
|
|
};
|
|
|
var handleSearch = function handleSearch(v) {
|
|
|
params.page = 1;
|
|
|
params.search_key = v;
|
|
|
setParams(objectSpread2_default()({}, params));
|
|
|
getData(params);
|
|
|
};
|
|
|
var handleTabs = function handleTabs(v) {
|
|
|
params.page = 1;
|
|
|
params.resource_type = v;
|
|
|
setParams(objectSpread2_default()({}, params));
|
|
|
getData(params);
|
|
|
};
|
|
|
var tabList = [{
|
|
|
id: 'shixun',
|
|
|
name: '实践项目'
|
|
|
}, {
|
|
|
id: 'video',
|
|
|
name: '视频项目'
|
|
|
}, {
|
|
|
id: 'file',
|
|
|
name: '教学课件'
|
|
|
}];
|
|
|
console.log(data === null || data === void 0 ? void 0 : data.basic_info_items, 22);
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)(skeleton/* default */.Z, {
|
|
|
loading: loading,
|
|
|
active: true,
|
|
|
paragraph: {
|
|
|
rows: 5
|
|
|
},
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: SPOCmodules.row3,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: data === null || data === void 0 ? void 0 : (_data$spoc_data = data.spoc_data) === null || _data$spoc_data === void 0 ? void 0 : _data$spoc_data.spoc_school_count
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: "SPOC\u5355\u4F4D\u6570"
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: data === null || data === void 0 ? void 0 : (_data$spoc_data2 = data.spoc_data) === null || _data$spoc_data2 === void 0 ? void 0 : _data$spoc_data2.course_used_total_count
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: "\u5E94\u7528\u8BFE\u5802\u603B\u6570"
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: data === null || data === void 0 ? void 0 : (_data$spoc_data3 = data.spoc_data) === null || _data$spoc_data3 === void 0 ? void 0 : _data$spoc_data3.course_study_count
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: "\u8BFE\u5802\u5B66\u4E60\u603B\u4EBA\u6570"
|
|
|
})]
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: SPOCmodules.info,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: SPOCmodules.title,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("b", {
|
|
|
children: "\u57FA\u672C\u4FE1\u606F"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: "\u672C\u8BFE\u7A0B\u7684\u5185\u5BB9\u53D1\u9001\u5230\u8BFE\u5802\u4E2D\u4EA7\u751F\u7684\u6570\u636E\u8BE6\u60C5\uFF08\u4E0D\u540C\u8D44\u6E90\u5B58\u5728\u91CD\u590D\u7684\u5355\u4F4D\u9009\u7528\uFF09"
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
|
|
|
columns: smallColumns,
|
|
|
dataSource: data === null || data === void 0 ? void 0 : data.basic_info_items,
|
|
|
pagination: false
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: SPOCmodules.row5,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: SPOCmodules.title,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("b", {
|
|
|
children: "SPOC\u5355\u4F4D\u8BE6\u60C5"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: "\u5B66\u6821\u53EF\u80FD\u65E2\u662F985\u4E5F\u662F211\u4E5F\u662F\u672C\u79D1\u7684\u573A\u666F\uFF0C\u4E0B\u65B9\u5B58\u5728\u91CD\u590D\u9662\u6821"
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("section", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: data === null || data === void 0 ? void 0 : (_data$school_info = data.school_info) === null || _data$school_info === void 0 ? void 0 : _data$school_info.project_985
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: "985\u9662\u6821"
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: data === null || data === void 0 ? void 0 : (_data$school_info2 = data.school_info) === null || _data$school_info2 === void 0 ? void 0 : _data$school_info2.project_211
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: "211\u9662\u6821"
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: data === null || data === void 0 ? void 0 : (_data$school_info3 = data.school_info) === null || _data$school_info3 === void 0 ? void 0 : _data$school_info3.regular_college
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: "\u672C\u79D1\u9662\u6821"
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: data === null || data === void 0 ? void 0 : (_data$school_info4 = data.school_info) === null || _data$school_info4 === void 0 ? void 0 : _data$school_info4.junior_college
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: "\u9AD8\u804C\u9AD8\u4E13"
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: data === null || data === void 0 ? void 0 : (_data$school_info5 = data.school_info) === null || _data$school_info5 === void 0 ? void 0 : _data$school_info5.other_school
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: "\u5176\u4ED6"
|
|
|
})]
|
|
|
})]
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: SPOCmodules.rule,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: SPOCmodules.title,
|
|
|
children: "\u9009\u7528\u7EC6\u5219"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
|
align: "middle",
|
|
|
justify: "space-between",
|
|
|
className: "mb20",
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: SPOCmodules.tabWrap,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
children: "\u8D44\u6E90\u7C7B\u578B"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("ul", {
|
|
|
className: SPOCmodules.tab,
|
|
|
style: {
|
|
|
margin: "0"
|
|
|
},
|
|
|
children: tabList.map(function (e) {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
|
|
|
onClick: function onClick() {
|
|
|
return handleTabs(e.id);
|
|
|
},
|
|
|
className: params.resource_type === e.id ? SPOCmodules.active : '',
|
|
|
children: e.name
|
|
|
}, e.id);
|
|
|
})
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
style: {
|
|
|
display: "flex",
|
|
|
alignItems: "center"
|
|
|
},
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
style: {
|
|
|
fontSize: "12px",
|
|
|
fontWeight: "400",
|
|
|
color: "#9096a3"
|
|
|
},
|
|
|
children: "\u5355\u4F4D\u7C7B\u578B"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_select/* default */.Z, {
|
|
|
defaultValue: 0,
|
|
|
style: {
|
|
|
width: 200,
|
|
|
margin: "0 10px"
|
|
|
},
|
|
|
onChange: handleSelectChange,
|
|
|
options: [{
|
|
|
value: 0,
|
|
|
label: '全部'
|
|
|
}, {
|
|
|
value: 1,
|
|
|
label: '985院校'
|
|
|
}, {
|
|
|
value: 2,
|
|
|
label: '211院校'
|
|
|
}, {
|
|
|
value: 3,
|
|
|
label: '本科院校'
|
|
|
}, {
|
|
|
value: 4,
|
|
|
label: '高职高专'
|
|
|
}, {
|
|
|
value: 5,
|
|
|
label: '其他'
|
|
|
}]
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(Search, {
|
|
|
placeholder: "\u8BF7\u8F93\u5165\u5355\u4F4D/\u8BFE\u5802\u540D\u79F0\u641C\u7D22",
|
|
|
allowClear: true,
|
|
|
style: {
|
|
|
width: 400
|
|
|
}
|
|
|
// value={params.search_key}
|
|
|
,
|
|
|
enterButton: "\u641C\u7D22",
|
|
|
size: "large",
|
|
|
onSearch: handleSearch
|
|
|
})]
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
|
|
|
dataSource: data === null || data === void 0 ? void 0 : data.other_info,
|
|
|
columns: params.resource_type == "shixun" ? shixunColums : columns,
|
|
|
rowKey: "id",
|
|
|
onChange: handleChangePage,
|
|
|
loading: tableLoading,
|
|
|
pagination: {
|
|
|
pageSize: params.limit,
|
|
|
total: total,
|
|
|
current: params.page,
|
|
|
showQuickJumper: true,
|
|
|
hideOnSinglePage: true,
|
|
|
position: ["bottomCenter"],
|
|
|
showTotal: function showTotal(total) {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
className: "mr10",
|
|
|
children: ["\u5171", /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
className: "c-orange",
|
|
|
children: total
|
|
|
}), "\u6761\u6570\u636E"]
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
})]
|
|
|
})]
|
|
|
});
|
|
|
};
|
|
|
/* harmony default export */ var Statistics_SPOC = (SPOC);
|
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Detail/Statistics/OWN/index.less?modules
|
|
|
// extracted by mini-css-extract-plugin
|
|
|
/* harmony default export */ var OWNmodules = ({"row4":"row4___lgLCU","info":"info___TeImt","title":"title___gQi2u","tabWrap":"tabWrap___CrXoM"});
|
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Detail/Statistics/OWN/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var OWN = function OWN(_ref) {
|
|
|
var _data$subject_info, _data$subject_info2, _data$subject_info3, _data$subject_info4;
|
|
|
var setStatisticsData = _ref.setStatisticsData;
|
|
|
var _useParams = (0,_umi_production_exports.useParams)(),
|
|
|
pathId = _useParams.pathId;
|
|
|
var _useState = (0,react.useState)(true),
|
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
|
loading = _useState2[0],
|
|
|
setLoading = _useState2[1];
|
|
|
var _useState3 = (0,react.useState)(true),
|
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
|
tableLoading = _useState4[0],
|
|
|
setTableLoading = _useState4[1];
|
|
|
var _useState5 = (0,react.useState)({
|
|
|
// page: 1,
|
|
|
// limit: 10,
|
|
|
type: 'subject_info',
|
|
|
course_id: null
|
|
|
}),
|
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
|
params = _useState6[0],
|
|
|
setParams = _useState6[1];
|
|
|
var _useState7 = (0,react.useState)([]),
|
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
|
data = _useState8[0],
|
|
|
setData = _useState8[1];
|
|
|
var _useState9 = (0,react.useState)([]),
|
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
|
list = _useState10[0],
|
|
|
setList = _useState10[1];
|
|
|
(0,react.useEffect)(function () {
|
|
|
getData(params, true);
|
|
|
}, []);
|
|
|
var getData = /*#__PURE__*/function () {
|
|
|
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee(params) {
|
|
|
var init,
|
|
|
res,
|
|
|
_res$data,
|
|
|
_res$data2,
|
|
|
_res$data2$courses,
|
|
|
_res$data2$courses$,
|
|
|
_args = arguments;
|
|
|
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
|
|
|
while (1) switch (_context.prev = _context.next) {
|
|
|
case 0:
|
|
|
init = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
|
|
|
if (init) {
|
|
|
setLoading(true);
|
|
|
} else {
|
|
|
setTableLoading(true);
|
|
|
}
|
|
|
_context.next = 4;
|
|
|
return (0,fetch/* default */.ZP)("/api/paths/".concat(pathId, "/autonomic_statistics.json"), {
|
|
|
method: 'get',
|
|
|
params: params
|
|
|
});
|
|
|
case 4:
|
|
|
res = _context.sent;
|
|
|
if (res.status === 0) {
|
|
|
setData(objectSpread2_default()({}, res.data));
|
|
|
setList((res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.courses) || []);
|
|
|
if (init) {
|
|
|
setStatisticsData(objectSpread2_default()({}, res.data));
|
|
|
setParams(objectSpread2_default()(objectSpread2_default()({}, params), {}, {
|
|
|
course_id: (res === null || res === void 0 ? void 0 : (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : (_res$data2$courses = _res$data2.courses) === null || _res$data2$courses === void 0 ? void 0 : (_res$data2$courses$ = _res$data2$courses[0]) === null || _res$data2$courses$ === void 0 ? void 0 : _res$data2$courses$.course_id) || ''
|
|
|
}));
|
|
|
}
|
|
|
}
|
|
|
setLoading(false);
|
|
|
setTableLoading(false);
|
|
|
case 8:
|
|
|
case "end":
|
|
|
return _context.stop();
|
|
|
}
|
|
|
}, _callee);
|
|
|
}));
|
|
|
return function getData(_x) {
|
|
|
return _ref2.apply(this, arguments);
|
|
|
};
|
|
|
}();
|
|
|
var smallColumns = [{
|
|
|
title: '',
|
|
|
dataIndex: 'type',
|
|
|
width: 120,
|
|
|
render: function render(text) {
|
|
|
if (text === '实践关卡') {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
children: [text, /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
|
title: "\u5305\u62EC\u8BFE\u5802\u4E2D\u5728\u7EBF\u5B66\u4E60\u548C\u5B9E\u8BAD\u4F5C\u4E1A\u91CC\u7684\u5173\u5361\u6570\u91CF\uFF08\u53BB\u91CD\uFF09",
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
|
className: "ml5 iconfont icon-tishixiaowenhao font14"
|
|
|
})
|
|
|
})
|
|
|
})]
|
|
|
});
|
|
|
}
|
|
|
return text;
|
|
|
}
|
|
|
}, {
|
|
|
title: '资源数量',
|
|
|
dataIndex: 'count',
|
|
|
align: 'left',
|
|
|
render: function render(text) {
|
|
|
return text === '--' ? text : "".concat(text, "\u4E2A");
|
|
|
}
|
|
|
}, {
|
|
|
title: '学习人数',
|
|
|
dataIndex: 'study_count',
|
|
|
align: 'left',
|
|
|
render: function render(text) {
|
|
|
return text === '--' ? text : "".concat(text, "\u4EBA");
|
|
|
}
|
|
|
}, {
|
|
|
title: '评测总次数',
|
|
|
dataIndex: 'evaluate_count',
|
|
|
align: 'left',
|
|
|
render: function render(text) {
|
|
|
return text === '--' ? text : "".concat(text, "\u6B21");
|
|
|
}
|
|
|
}, {
|
|
|
title: '视频学习总时长',
|
|
|
dataIndex: 'time_long',
|
|
|
render: function render(text) {
|
|
|
return text === '--' ? text : "".concat(text, "\u5206");
|
|
|
},
|
|
|
align: 'left'
|
|
|
}, {
|
|
|
title: '完成总次数',
|
|
|
dataIndex: 'finish_count',
|
|
|
render: function render(text) {
|
|
|
return text === '--' ? text : "".concat(text, "\u6B21");
|
|
|
},
|
|
|
align: 'left'
|
|
|
}];
|
|
|
var handleSelect = function handleSelect(v) {
|
|
|
// params.page = 1;
|
|
|
params.course_id = v;
|
|
|
setParams(objectSpread2_default()({}, params));
|
|
|
getData(params);
|
|
|
};
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)(skeleton/* default */.Z, {
|
|
|
loading: loading,
|
|
|
active: true,
|
|
|
paragraph: {
|
|
|
rows: 5
|
|
|
},
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: OWNmodules.row4,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: data === null || data === void 0 ? void 0 : (_data$subject_info = data.subject_info) === null || _data$subject_info === void 0 ? void 0 : _data$subject_info.initiative_study
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
children: ["\u7D2F\u8BA1\u5B66\u4E60\u4EBA\u6570", /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
|
title: "\u5305\u62EC\u5F00\u8BFE\u5B66\u671F\u7ED3\u675F\u540E\uFF0C\u5B66\u751F\u5B66\u4E60\u7684\u4EBA\u6570",
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
|
className: "iconfont icon-tishixiaowenhao"
|
|
|
})
|
|
|
}), " "]
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: data === null || data === void 0 ? void 0 : (_data$subject_info2 = data.subject_info) === null || _data$subject_info2 === void 0 ? void 0 : _data$subject_info2.initiative_school_used_count
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
children: ["\u7D2F\u8BA1\u5355\u4F4D\u6570", /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
|
title: "\u81EA\u4E3B\u5B66\u4E60\u7684\u5B66\u751F\u6240\u5C5E\u5355\u4F4D\u6570\u91CF",
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
|
className: "iconfont icon-tishixiaowenhao"
|
|
|
})
|
|
|
}), " "]
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: data === null || data === void 0 ? void 0 : (_data$subject_info3 = data.subject_info) === null || _data$subject_info3 === void 0 ? void 0 : _data$subject_info3.initiative_challenge_count
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: "\u7D2F\u8BA1\u5B8C\u6210\u5173\u5361\u6570"
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: data === null || data === void 0 ? void 0 : (_data$subject_info4 = data.subject_info) === null || _data$subject_info4 === void 0 ? void 0 : _data$subject_info4.initiative_evaluate_count
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: "\u7D2F\u8BA1\u8BC4\u6D4B\u603B\u6570"
|
|
|
})]
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: OWNmodules.info,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: OWNmodules.title,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("b", {
|
|
|
children: "\u57FA\u672C\u4FE1\u606F"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: "\u672A\u5728Spoc\u8BFE\u5802\u4E2D\uFF0C\u5B66\u751F\u81EA\u4E3B\u7684\u5B66\u4E60\u8BE5\u8BFE\u7A0B\u4EA7\u751F\u7684\u6570\u636E"
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: OWNmodules.tabWrap,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("aside", {
|
|
|
children: "\u5F00\u8BFE\u5B66\u671F"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_select/* default */.Z, {
|
|
|
style: {
|
|
|
width: 150
|
|
|
},
|
|
|
value: params.course_id,
|
|
|
onChange: handleSelect,
|
|
|
children: list === null || list === void 0 ? void 0 : list.map(function (e, i) {
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(es_select/* default.Option */.Z.Option, {
|
|
|
value: e.course_id,
|
|
|
children: e.text
|
|
|
}, e.course_id);
|
|
|
})
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
children: "\u6CE8\uFF1A\u5176\u4ED6\u4EE3\u8868\u5F00\u8BFE\u7ED3\u675F\u540E\u7684\u7D2F\u79EF\u6570\u636E"
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
|
|
|
columns: smallColumns,
|
|
|
loading: tableLoading,
|
|
|
dataSource: data === null || data === void 0 ? void 0 : data.count_data,
|
|
|
pagination: false
|
|
|
})]
|
|
|
})]
|
|
|
});
|
|
|
};
|
|
|
/* harmony default export */ var Statistics_OWN = (OWN);
|
|
|
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
|
|
|
var env = __webpack_require__(59758);
|
|
|
// EXTERNAL MODULE: ./src/utils/authority.ts
|
|
|
var authority = __webpack_require__(7);
|
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Detail/Statistics/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var _excluded = ["user", "pathsDetail", "globalSetting", "loading", "dispatch"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var TabPane = tabs/* default.TabPane */.Z.TabPane;
|
|
|
var PathStatisticsStatus;
|
|
|
(function (PathStatisticsStatus) {
|
|
|
PathStatisticsStatus["Quality"] = "Quality";
|
|
|
PathStatisticsStatus["LearnIng"] = "LearnIng";
|
|
|
PathStatisticsStatus["ShiXunUsetow"] = "shixunusetow";
|
|
|
})(PathStatisticsStatus || (PathStatisticsStatus = {}));
|
|
|
var Statistics = function Statistics(_ref) {
|
|
|
var user = _ref.user,
|
|
|
pathsDetail = _ref.pathsDetail,
|
|
|
globalSetting = _ref.globalSetting,
|
|
|
loading = _ref.loading,
|
|
|
dispatch = _ref.dispatch,
|
|
|
props = objectWithoutProperties_default()(_ref, _excluded);
|
|
|
var urlParams = (0,_umi_production_exports.useParams)();
|
|
|
var _useState = (0,react.useState)(1),
|
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
|
indexKey = _useState2[0],
|
|
|
setIndexKey = _useState2[1]; //重置组件
|
|
|
var _useState3 = (0,react.useState)('spoc'),
|
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
|
bigTab = _useState4[0],
|
|
|
setBigTab = _useState4[1];
|
|
|
var _useState5 = (0,react.useState)({}),
|
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
|
statisticsData = _useState6[0],
|
|
|
setStatisticsData = _useState6[1];
|
|
|
var _useState7 = (0,react.useState)(PathStatisticsStatus.LearnIng),
|
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
|
selectKey = _useState8[0],
|
|
|
setSelectKey = _useState8[1];
|
|
|
var _useParams = (0,_umi_production_exports.useParams)(),
|
|
|
pathId = _useParams.pathId;
|
|
|
var _useState9 = (0,react.useState)({}),
|
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
|
data = _useState10[0],
|
|
|
setData = _useState10[1];
|
|
|
var handleChangeTabs = function handleChangeTabs(activeKey) {
|
|
|
setSelectKey(activeKey);
|
|
|
};
|
|
|
var handleBigTabs = function handleBigTabs(type) {
|
|
|
setBigTab(type);
|
|
|
setIndexKey(indexKey + 1);
|
|
|
setSelectKey(PathStatisticsStatus.LearnIng);
|
|
|
};
|
|
|
(0,react.useEffect)(function () {
|
|
|
getData();
|
|
|
}, []);
|
|
|
var getData = /*#__PURE__*/function () {
|
|
|
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
|
|
|
var res;
|
|
|
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
|
|
|
while (1) switch (_context.prev = _context.next) {
|
|
|
case 0:
|
|
|
_context.next = 2;
|
|
|
return (0,fetch/* default */.ZP)("/api/paths/".concat(pathId, "/statistics_total_info.json"), {
|
|
|
method: 'get'
|
|
|
});
|
|
|
case 2:
|
|
|
res = _context.sent;
|
|
|
if (res.status === 0) {
|
|
|
setData((res === null || res === void 0 ? void 0 : res.data) || {});
|
|
|
}
|
|
|
case 4:
|
|
|
case "end":
|
|
|
return _context.stop();
|
|
|
}
|
|
|
}, _callee);
|
|
|
}));
|
|
|
return function getData() {
|
|
|
return _ref2.apply(this, arguments);
|
|
|
};
|
|
|
}();
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("section", {
|
|
|
className: Statisticsmodules.bg,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("header", {
|
|
|
className: Statisticsmodules.header,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
|
align: "middle",
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
|
className: "iconfont icon-fanhui2 font16",
|
|
|
onClick: function onClick() {
|
|
|
return _umi_production_exports.history.push("/paths/".concat(pathId));
|
|
|
}
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
className: Statisticsmodules.title,
|
|
|
children: "\u5B66\u4E60\u7EDF\u8BA1"
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
|
children: [(0,authority/* isSuperAdmins */.Ny)() && /*#__PURE__*/(0,jsx_runtime.jsx)("a", {
|
|
|
href: env/* default.API_SERVER */.Z.API_SERVER + "/api/paths/".concat(urlParams.pathId, "/").concat(bigTab === 'spoc' ? 'statistics_basic_info' : 'autonomic_statistics', ".xlsx"),
|
|
|
download: "\u7EDF\u8BA1\u6570\u636E.xlsx",
|
|
|
children: "\u5BFC\u51FA\u7EDF\u8BA1\u6570\u636E"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
|
className: "ml10",
|
|
|
children: ["\u6570\u636E\u66F4\u65B0\u81F3 ", statisticsData === null || statisticsData === void 0 ? void 0 : statisticsData.report_date]
|
|
|
})]
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Statisticsmodules.info,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Statisticsmodules.title,
|
|
|
children: "\u57FA\u672C\u4FE1\u606F"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Statisticsmodules.boxWrap,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Statisticsmodules.icon,
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
|
className: "iconfont icon-xuexirenshu3"
|
|
|
})
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
children: (data === null || data === void 0 ? void 0 : data.total_study_count) || '--'
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
children: "\u5B66\u4E60\u603B\u4EBA\u6570"
|
|
|
})]
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Statisticsmodules.icon,
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
|
className: "iconfont icon-danweishu"
|
|
|
})
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
children: (data === null || data === void 0 ? void 0 : data.total_school_used_count) || '--'
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: ["\u603B\u5B66\u4E60\u5355\u4F4D\u6570", /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
|
title: "\u540C\u4E00\u4E2A\u5355\u4F4D\u53EF\u80FD\u540C\u65F6\u5B58\u5728SPOC\u5B66\u4E60\u548C\u81EA\u4E3B\u5B66\u4E60\uFF0C\u6B64\u5904\u4E3A\u53BB\u91CD\u540E\u603B\u5B66\u4E60\u5355\u4F4D\u6570",
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
|
className: "iconfont icon-xiaowenhao1 font14 c-grey-999 ml5"
|
|
|
})
|
|
|
})]
|
|
|
})]
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Statisticsmodules.icon,
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
|
className: "iconfont icon-guankashu2"
|
|
|
})
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
children: (data === null || data === void 0 ? void 0 : data.total_challenge_count) || '--'
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
children: "\u5B8C\u6210\u5173\u5361\u603B\u6B21\u6570"
|
|
|
})]
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
className: Statisticsmodules.icon,
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
|
className: "iconfont icon-pingceshu"
|
|
|
})
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
children: (data === null || data === void 0 ? void 0 : data.total_evaluate_count) || '--'
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
children: "\u8BC4\u6D4B\u603B\u6B21\u6570"
|
|
|
})]
|
|
|
})]
|
|
|
})]
|
|
|
})]
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
className: Statisticsmodules.bigTabs,
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
onClick: function onClick() {
|
|
|
return handleBigTabs('spoc');
|
|
|
},
|
|
|
className: bigTab === 'spoc' ? Statisticsmodules.active : '',
|
|
|
children: "SPOC\u5B66\u4E60\u60C5\u51B5"
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
onClick: function onClick() {
|
|
|
return handleBigTabs('initiative');
|
|
|
},
|
|
|
className: bigTab === 'initiative' ? Statisticsmodules.active : '',
|
|
|
children: "\u81EA\u4E3B\u5B66\u4E60\u60C5\u51B5"
|
|
|
})]
|
|
|
}), bigTab === 'spoc' ? /*#__PURE__*/(0,jsx_runtime.jsx)(Statistics_SPOC, {
|
|
|
setStatisticsData: setStatisticsData
|
|
|
}) : /*#__PURE__*/(0,jsx_runtime.jsx)(Statistics_OWN, {
|
|
|
setStatisticsData: setStatisticsData
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("main", {
|
|
|
className: Statisticsmodules.main,
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)(tabs/* default */.Z, {
|
|
|
activeKey: selectKey,
|
|
|
onChange: handleChangeTabs,
|
|
|
tabBarExtraContent: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
|
style: {
|
|
|
color: '#FA6400',
|
|
|
fontSize: 12
|
|
|
},
|
|
|
children: "\u6CE8\uFF1A\u672C\u8BFE\u7A0B\u4E3B\u8981\u7EDF\u8BA1\u5B9E\u8DF5\u5173\u5361\u7684\u60C5\u51B5"
|
|
|
}),
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(TabPane, {
|
|
|
tab: "\u5B66\u4E60\u6982\u51B5\u7EDF\u8BA1",
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(Learning, {
|
|
|
form: bigTab,
|
|
|
selectKey: selectKey,
|
|
|
statisticsData: statisticsData
|
|
|
}, indexKey)
|
|
|
}, PathStatisticsStatus.LearnIng), /*#__PURE__*/(0,jsx_runtime.jsx)(TabPane, {
|
|
|
tab: "\u5B66\u4E60\u8D28\u91CF\u5206\u6790",
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(Quality, {
|
|
|
form: bigTab,
|
|
|
selectKey: selectKey,
|
|
|
statisticsData: statisticsData
|
|
|
})
|
|
|
}, PathStatisticsStatus.Quality), (statisticsData === null || statisticsData === void 0 ? void 0 : statisticsData.shixun_count) > 0 && bigTab === 'spoc' && /*#__PURE__*/(0,jsx_runtime.jsx)(TabPane, {
|
|
|
tab: "\u5B9E\u8BAD\u4F7F\u7528\u5206\u6790",
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(ShiXunUestow, {
|
|
|
selectKey: selectKey
|
|
|
})
|
|
|
}, PathStatisticsStatus.ShiXunUsetow)]
|
|
|
})
|
|
|
})]
|
|
|
});
|
|
|
};
|
|
|
/* harmony default export */ var Detail_Statistics = ((0,_umi_production_exports.connect)(function (_ref3) {
|
|
|
var user = _ref3.user,
|
|
|
pathsDetail = _ref3.pathsDetail,
|
|
|
loading = _ref3.loading,
|
|
|
globalSetting = _ref3.globalSetting;
|
|
|
return {
|
|
|
user: user,
|
|
|
pathsDetail: pathsDetail,
|
|
|
globalSetting: globalSetting,
|
|
|
loading: loading
|
|
|
};
|
|
|
})(Statistics));
|
|
|
|
|
|
/***/ })
|
|
|
|
|
|
}]); |
