pu428f3pz
/
NewEduCoderBuild
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'delete'
${ noResults }
NewEduCoderBuild/p__Classrooms__Lists__Video...

999 lines
45 KiB
Raw Permalink Blame History

"use strict";
(self["webpackChunk"] = self["webpackChunk"] || []).push([[60533],{
/***/ 94912:
/*!*****************************************************************!*\
!*** ./src/components/BehavioralAnalysis/index.tsx + 1 modules ***!
\*****************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
ij: function() { return /* binding */ AnalysisNoData; },
_s: function() { return /* binding */ PhotosList; },
Uf: function() { return /* binding */ dealOncFnc; },
ZP: function() { return /* binding */ components_BehavioralAnalysis; }
});
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/objectSpread2.js
var objectSpread2 = __webpack_require__(26801);
var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2);
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
var _react_17_0_2_react = __webpack_require__(59301);
;// CONCATENATED MODULE: ./src/components/BehavioralAnalysis/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var BehavioralAnalysismodules = ({"flex_box_center":"flex_box_center___swvFl","flex_space_between":"flex_space_between___AqPFV","flex_box_vertical_center":"flex_box_vertical_center___XWInJ","flex_box_center_end":"flex_box_center_end___GB61t","flex_box_column":"flex_box_column___dJnz1","analysis":"analysis___xyV_c","title":"title___DQ3VK","itemWrap":"itemWrap___vFE5r","item":"item___NjeOt","list":"list___BbMrm","wrap":"wrap___UQTTb","img":"img___tNvUo","tips":"tips___Eu4wH","footer":"footer___ZbR9W","noData":"noData___mLlw0"});
// EXTERNAL MODULE: ./node_modules/_classnames@2.3.2@classnames/index.js
var _classnames_2_3_2_classnames = __webpack_require__(12124);
var _classnames_2_3_2_classnames_default = /*#__PURE__*/__webpack_require__.n(_classnames_2_3_2_classnames);
// EXTERNAL MODULE: ./node_modules/_echarts-for-react@2.0.16@echarts-for-react/lib/index.js
var lib = __webpack_require__(42441);
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
var env = __webpack_require__(47015);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/tooltip/index.js + 3 modules
var tooltip = __webpack_require__(6848);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/skeleton/index.js + 12 modules
var skeleton = __webpack_require__(59981);
// EXTERNAL MODULE: ./src/components/NoData/index.tsx
var NoData = __webpack_require__(72020);
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/jsx-runtime.js
var jsx_runtime = __webpack_require__(37712);
;// CONCATENATED MODULE: ./src/components/BehavioralAnalysis/index.tsx
var dealOncFnc = function dealOncFnc() {
var _data$emotion, _data$focus, _data$action, _data$intention;
var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var emotion = data === null || data === void 0 || (_data$emotion = data.emotion) === null || _data$emotion === void 0 ? void 0 : _data$emotion.map(function (v) {
return objectSpread2_default()({
value: v === null || v === void 0 ? void 0 : v.rate
}, v);
});
var focus = data === null || data === void 0 || (_data$focus = data.focus) === null || _data$focus === void 0 ? void 0 : _data$focus.map(function (v) {
return objectSpread2_default()({
value: v === null || v === void 0 ? void 0 : v.rate
}, v);
});
var action = data === null || data === void 0 || (_data$action = data.action) === null || _data$action === void 0 ? void 0 : _data$action.map(function (v) {
return objectSpread2_default()({
value: v === null || v === void 0 ? void 0 : v.rate
}, v);
});
var intention = data === null || data === void 0 || (_data$intention = data.intention) === null || _data$intention === void 0 ? void 0 : _data$intention.map(function (v) {
return objectSpread2_default()({
value: v === null || v === void 0 ? void 0 : v.rate
}, v);
});
return [{
title: '表情占比',
color: ['#f7ca2e', '#4ccf71', '#3791ee', '#f9ac95', '#4f74ee', '#f0e999'],
data: emotion || []
}, {
title: '专注度占比',
color: ['#4f74ee', '#f9ac95', '#9cb5fe', '#eaa170', '#3791ee', '#a39bed'],
data: focus || []
}, {
title: '行为占比情况',
color: ['#5eca9c', '#a39bed', '#f68238', '#f0e999', '#eaa170', '#f9ac95'],
data: action || []
}, {
title: '意图占比情况',
color: ['#eaa170', '#739fcb', '#f0e999', '#f9ac95', '#4f74ee', '#5eca9c'],
data: intention || []
}];
};
var PhotosList = function PhotosList(_ref) {
var className = _ref.className,
_ref$dataSource = _ref.dataSource,
dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
_ref$col = _ref.col,
col = _ref$col === void 0 ? 4 : _ref$col,
right = _ref.right,
_ref$bottom = _ref.bottom,
bottom = _ref$bottom === void 0 ? 23 : _ref$bottom,
_ref$precision = _ref.precision,
precision = _ref$precision === void 0 ? 0 : _ref$precision,
_ref$wrapWidth = _ref.wrapWidth,
wrapWidth = _ref$wrapWidth === void 0 ? 1200 : _ref$wrapWidth;
var cutText = function cutText() {
var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
var num = arguments.length > 1 ? arguments[1] : undefined;
var init = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '--';
if (!str) return init;
return (str === null || str === void 0 ? void 0 : str.length) > num ? (str === null || str === void 0 ? void 0 : str.slice(0, num - 1)) + '...' : str;
};
var width = Math.floor((wrapWidth - (col - 1) * right) / col);
return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: _classnames_2_3_2_classnames_default()(BehavioralAnalysismodules.list, className),
children: !!(dataSource !== null && dataSource !== void 0 && dataSource.length) && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item, index) {
var cover_pic = item.cover_pic,
created_at = item.created_at,
emotion = item.emotion,
action = item.action,
intention = item.intention,
focus = item.focus;
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: BehavioralAnalysismodules.wrap,
style: {
width: width,
marginRight: (1 + index) % col === 0 ? 0 : right + precision,
marginBottom: bottom
},
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: BehavioralAnalysismodules.img,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
src: "".concat(env/* default */.Z.API_SERVER).concat(cover_pic)
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: BehavioralAnalysismodules.tips,
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
className: "iconfont icon-paisheshijian mr5 font14"
}), " \u62CD\u6444\u65F6\u95F4"]
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: created_at
})]
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: BehavioralAnalysismodules.footer,
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("ul", {
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
className: "iconfont icon-biaoqing"
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
children: ["\u8868\u60C5\uFF1A", /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
title: emotion,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: "c-grey-333",
children: cutText(emotion, 4)
})
})]
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
className: "iconfont icon-hangwei"
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
children: ["\u884C\u4E3A\uFF1A", /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
title: action,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: "c-grey-333",
children: cutText(action, 4)
})
})]
})]
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("ul", {
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
className: "iconfont icon-yitu"
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
children: ["\u610F\u56FE\uFF1A", /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
title: intention,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: "c-grey-333",
children: cutText(intention, 4)
})
})]
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
className: "iconfont icon-zhuangtai"
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
children: ["\u4E13\u6CE8\u5EA6\uFF1A", /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
title: focus,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: "c-grey-333",
children: cutText(focus, 3)
})
})]
})]
})]
})]
})]
}, index);
}))
});
};
var AnalysisNoData = function AnalysisNoData(_ref2) {
var _emptyData$, _emptyData$2;
var className = _ref2.className,
style = _ref2.style,
title = _ref2.title,
_ref2$hideBar = _ref2.hideBar,
hideBar = _ref2$hideBar === void 0 ? false : _ref2$hideBar,
children = _ref2.children,
_ref2$customText = _ref2.customText,
customText = _ref2$customText === void 0 ? '' : _ref2$customText,
_ref2$noDataText = _ref2.noDataText,
noDataText = _ref2$noDataText === void 0 ? '' : _ref2$noDataText,
_ref2$emptyData = _ref2.emptyData,
emptyData = _ref2$emptyData === void 0 ? [] : _ref2$emptyData,
loading = _ref2.loading,
actionAnalysis = _ref2.actionAnalysis;
var empty = (emptyData === null || emptyData === void 0 || (_emptyData$ = emptyData[0]) === null || _emptyData$ === void 0 ? void 0 : _emptyData$.every(function (e) {
var _e$data;
return !(e !== null && e !== void 0 && (_e$data = e.data) !== null && _e$data !== void 0 && _e$data.length);
})) && !(emptyData !== null && emptyData !== void 0 && (_emptyData$2 = emptyData[1]) !== null && _emptyData$2 !== void 0 && _emptyData$2.length) || !actionAnalysis;
var text = actionAnalysis ? noDataText : customText;
return /*#__PURE__*/(0,jsx_runtime.jsxs)(skeleton/* default */.Z, {
loading: loading,
active: true,
children: [empty && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: _classnames_2_3_2_classnames_default()(BehavioralAnalysismodules.noData, className),
style: style,
children: [!!title && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: BehavioralAnalysismodules.title,
children: [!hideBar && /*#__PURE__*/(0,jsx_runtime.jsx)("b", {}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: title
})]
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: BehavioralAnalysismodules.itemWrap,
children: /*#__PURE__*/(0,jsx_runtime.jsx)(NoData/* default */.Z, {
customText: text
})
})]
}), !empty && children]
});
};
var BehavioralAnalysis = function BehavioralAnalysis(_ref3) {
var className = _ref3.className,
style = _ref3.style,
_ref3$data = _ref3.data,
data = _ref3$data === void 0 ? [] : _ref3$data,
title = _ref3.title,
_ref3$hideBar = _ref3.hideBar,
hideBar = _ref3$hideBar === void 0 ? false : _ref3$hideBar;
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: _classnames_2_3_2_classnames_default()(BehavioralAnalysismodules.analysis, className),
style: style,
children: [!!title && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: BehavioralAnalysismodules.title,
children: [!hideBar && /*#__PURE__*/(0,jsx_runtime.jsx)("b", {}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: title
})]
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: BehavioralAnalysismodules.itemWrap,
children: data === null || data === void 0 ? void 0 : data.map(function (v, k) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: BehavioralAnalysismodules.item,
children: /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
option: {
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b}: {c}%"
},
title: {
left: 'center',
bottom: 15,
text: v === null || v === void 0 ? void 0 : v.title
},
legend: {
top: 10,
right: 10,
orient: 'vertical',
show: true,
align: 'left',
icon: 'circle',
itemWidth: 10,
itemHeight: 10,
formatter: function formatter(name) {
for (var i in v === null || v === void 0 ? void 0 : v.data) {
if (name == (v === null || v === void 0 ? void 0 : v.data[i].name)) {
return name + ' ' + (v === null || v === void 0 ? void 0 : v.data[i].value) + '%';
}
}
},
textStyle: {
color: '#767676',
fontSize: 12
}
},
color: v === null || v === void 0 ? void 0 : v.color,
series: [{
type: 'pie',
radius: ['20%', '35%'],
center: ['20%', '40%'],
avoidLabelOverlap: false,
label: {
show: false
},
labelLine: {
show: false
},
data: v === null || v === void 0 ? void 0 : v.data
}]
},
style: {
height: 145
}
})
}, k);
})
})]
});
};
/* harmony default export */ var components_BehavioralAnalysis = (BehavioralAnalysis);
/***/ }),
/***/ 72020:
/*!*****************************************!*\
!*** ./src/components/NoData/index.tsx ***!
\*****************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/objectSpread2.js */ 26801);
/* harmony import */ var _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ 59301);
/* harmony import */ var _assets_images_icons_nodata_png__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/assets/images/icons/nodata.png */ 4977);
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! antd */ 3113);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ 37712);
var noData = function noData(_ref) {
var img = _ref.img,
_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,
_ref$loading = _ref.loading,
loading = _ref$loading === void 0 ? false : _ref$loading;
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("section", {
className: "tc animated fadeIn",
style: _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()({}, {
color: '#999',
margin: '100px auto',
visibility: loading ? 'hidden' : 'visible'
}), styles),
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", {
src: img || _assets_images_icons_nodata_png__WEBPACK_IMPORTED_MODULE_2__,
style: _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()({}, imgStyles)
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("p", {
className: "mt20 font14",
children: customText || '暂时还没有相关数据哦!'
}), ButtonText && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(antd__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .ZP, _root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()(_root_workspace_ppte5yg23_SJ5m_develop_node_modules_babel_runtime_7_23_2_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()({
className: Buttonclass,
onClick: ButtonClick
}, buttonProps), {}, {
children: ButtonText
})), ButtonTwo && ButtonTwo]
});
};
/* harmony default export */ __webpack_exports__.Z = (noData);
/***/ }),
/***/ 61947:
/*!*****************************************************************************************************!*\
!*** ./src/pages/Classrooms/Lists/ShixunHomeworks/Detail/components/Analysis/index.tsx + 1 modules ***!
\*****************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
mU: function() { return /* binding */ StatisticItem; },
Q_: function() { return /* binding */ caculatePercent; },
ZP: function() { return /* binding */ components_Analysis; }
});
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/slicedToArray.js
var slicedToArray = __webpack_require__(11006);
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
var _react_17_0_2_react = __webpack_require__(59301);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/progress/index.js + 13 modules
var progress = __webpack_require__(93948);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/row/index.js
var row = __webpack_require__(95237);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/col/index.js
var col = __webpack_require__(43604);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/table/index.js + 85 modules
var table = __webpack_require__(72315);
;// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/ShixunHomeworks/Detail/components/Analysis/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var Analysismodules = ({"analysisWrapper":"analysisWrapper___vy_V8","title":"title___tQAzn","tableWrapper":"tableWrapper___ztB9P","firstCol":"firstCol___Itr68","itemWrapper":"itemWrapper___Jaw8O","itemTitle":"itemTitle___gmKyn","count":"count___MUY3o","echarts_list":"echarts_list___RNu3g","echarts_item":"echarts_item___ZHo0B"});
// EXTERNAL MODULE: ./src/utils/fetch.ts
var fetch = __webpack_require__(97174);
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 8 modules
var _umi_production_exports = __webpack_require__(66660);
// EXTERNAL MODULE: ./src/components/BehavioralAnalysis/index.tsx + 1 modules
var BehavioralAnalysis = __webpack_require__(94912);
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/jsx-runtime.js
var jsx_runtime = __webpack_require__(37712);
;// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/ShixunHomeworks/Detail/components/Analysis/index.tsx
var StatisticItem = function StatisticItem(_ref) {
var title = _ref.title,
strokeColor = _ref.strokeColor,
trailColor = _ref.trailColor,
percent = _ref.percent,
count = _ref.count;
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: Analysismodules.itemWrapper,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: Analysismodules.itemTitle,
children: title
}), /*#__PURE__*/(0,jsx_runtime.jsx)(progress/* default */.Z, {
percent: percent,
strokeColor: strokeColor,
trailColor: trailColor
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: Analysismodules.count,
children: [count, "\u4EBA"]
})]
});
};
var caculatePercent = function caculatePercent(total, target) {
var str = "".concat((target / total * 100).toFixed(1));
if (str === '0.0') {
return 0;
}
return str;
};
var Analysis = function Analysis() {
var _useState = (0,_react_17_0_2_react.useState)(),
_useState2 = slicedToArray_default()(_useState, 2),
data = _useState2[0],
setData = _useState2[1];
var params = (0,_umi_production_exports.useParams)();
(0,_react_17_0_2_react.useEffect)(function () {
(0,fetch/* default */.ZP)("/api/homework_commons/".concat(params.categoryId, "/statistic.json"), {
method: 'GET'
}).then(function (res) {
setData(res);
});
}, []);
var mock = [{
title: '按时通关',
color: '#00AE87',
trailColor: '#e5f6f3',
percent: caculatePercent(data === null || data === void 0 ? void 0 : data.total_count, data === null || data === void 0 ? void 0 : data.finished_count),
count: data === null || data === void 0 ? void 0 : data.finished_count
}, {
title: '补交通关',
color: '#2271FF',
trailColor: '#e7f0ff',
percent: caculatePercent(data === null || data === void 0 ? void 0 : data.total_count, data === null || data === void 0 ? void 0 : data.late_finished_count),
count: data === null || data === void 0 ? void 0 : data.late_finished_count
}, {
title: '未通关',
color: '#E53333',
trailColor: '#fceaea',
percent: caculatePercent(data === null || data === void 0 ? void 0 : data.total_count, data === null || data === void 0 ? void 0 : data.unfinished_count),
count: data === null || data === void 0 ? void 0 : data.unfinished_count
}, {
title: '未开启',
color: '#C6CED6',
trailColor: '#f6f7f8',
percent: caculatePercent(data === null || data === void 0 ? void 0 : data.total_count, data === null || data === void 0 ? void 0 : data.unstart_count),
count: data === null || data === void 0 ? void 0 : data.unstart_count
}];
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: Analysismodules.analysisWrapper,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: "".concat(Analysismodules.title, " mb20"),
children: "\u4F5C\u4E1A\u5B8C\u6210\u60C5\u51B5"
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: "mb20",
children: ["\u5E94\u63D0\u4EA4", data === null || data === void 0 ? void 0 : data.total_count, "\u4EBA\uFF0C\u6309\u65F6\u901A\u5173", data === null || data === void 0 ? void 0 : data.finished_count, "\u4EBA\uFF0C\u5360\u6BD4", caculatePercent(data === null || data === void 0 ? void 0 : data.total_count, data === null || data === void 0 ? void 0 : data.finished_count), "\uFF1B \u8865\u4EA4\u901A\u5173", data === null || data === void 0 ? void 0 : data.late_finished_count, "\u4EBA\uFF0C\u5360\u6BD4", caculatePercent(data === null || data === void 0 ? void 0 : data.total_count, data === null || data === void 0 ? void 0 : data.late_finished_count), "\uFF1B \u672A\u901A\u5173", data === null || data === void 0 ? void 0 : data.unfinished_count, "\u4EBA\uFF0C\u5360\u6BD4", caculatePercent(data === null || data === void 0 ? void 0 : data.total_count, data === null || data === void 0 ? void 0 : data.unfinished_count), "\uFF1B \u672A\u5F00\u542F", data === null || data === void 0 ? void 0 : data.unstart_count, "\u4EBA\uFF0C\u5360\u6BD4", caculatePercent(data === null || data === void 0 ? void 0 : data.total_count, data === null || data === void 0 ? void 0 : data.unstart_count)]
}), /*#__PURE__*/(0,jsx_runtime.jsx)(row/* default */.Z, {
justify: "space-between",
className: "mb30",
children: mock.map(function (item) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
flex: '212px',
children: /*#__PURE__*/(0,jsx_runtime.jsx)(StatisticItem, {
title: item.title,
strokeColor: item.color,
trailColor: item.trailColor,
percent: parseInt(item.percent),
count: item.count
})
}, item.title);
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: "".concat(Analysismodules.title, " mb20"),
children: "\u4EE3\u7801\u67E5\u91CD\u60C5\u51B5"
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: "mb20",
children: ["\u7591\u4F3C\u6284\u88AD\u4EBA\u6570", data === null || data === void 0 ? void 0 : data.review_total_count, "\u4EBA\uFF0C\u4EE3\u7801\u91CD\u5408100%\u4EBA\u6570", data === null || data === void 0 ? void 0 : data.first_review_count, "\u4EBA\uFF1B\u4EE3\u7801\u91CD\u540890%\uFF5E100%\u4EBA\u6570", data === null || data === void 0 ? void 0 : data.second_review_count, "\u4EBA\uFF1B\u4EE3\u7801\u91CD\u540880%\uFF5E90%\u4EBA\u6570", data === null || data === void 0 ? void 0 : data.third_review_count, "\u4EBA\uFF1B\u4EE3\u7801\u91CD\u540870%\uFF5E80%\u4EBA\u6570", data === null || data === void 0 ? void 0 : data.fourth_review_count, "\u4EBA\u3002"]
}), /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
bordered: true,
className: "".concat(Analysismodules.tableWrapper, " mb30"),
columns: [{
title: '代码重合率',
align: 'center',
className: Analysismodules.firstCol,
render: function render() {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: "\u5360\u6BD4"
});
}
}, {
title: '100%',
align: 'center',
dataIndex: 'a'
}, {
title: '90%-100%',
align: 'center',
dataIndex: 'b'
}, {
title: '80%-90%',
align: 'center',
dataIndex: 'c'
}, {
title: '70%-80%',
align: 'center',
dataIndex: 'd'
}],
dataSource: [{
a: "".concat(data === null || data === void 0 ? void 0 : data.first_review_count, "\u4EBA"),
b: "".concat(data === null || data === void 0 ? void 0 : data.second_review_count, "\u4EBA"),
c: "".concat(data === null || data === void 0 ? void 0 : data.third_review_count, "\u4EBA"),
d: "".concat(data === null || data === void 0 ? void 0 : data.fourth_review_count, "\u4EBA"),
index: 0
}],
rowKey: "index",
pagination: false
}), /*#__PURE__*/(0,jsx_runtime.jsx)(BehavioralAnalysis/* default */.ZP, {
title: "\u8003\u8BD5\u884C\u4E3A\u5206\u6790\u7EDF\u8BA1",
data: (0,BehavioralAnalysis/* dealOncFnc */.Uf)(data)
})]
});
};
/* harmony default export */ var components_Analysis = (Analysis);
/***/ }),
/***/ 53246:
/*!**********************************************************************************!*\
!*** ./src/pages/Classrooms/Lists/Video/Statistics/Detail/index.tsx + 1 modules ***!
\**********************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": function() { return /* binding */ Detail; }
});
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/objectSpread2.js
var objectSpread2 = __webpack_require__(26801);
var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2);
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.2@@babel/runtime/helpers/slicedToArray.js
var slicedToArray = __webpack_require__(11006);
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
var _react_17_0_2_react = __webpack_require__(59301);
// EXTERNAL MODULE: ./src/utils/util.tsx
var util = __webpack_require__(27291);
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 8 modules
var _umi_production_exports = __webpack_require__(66660);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/dropdown/index.js + 1 modules
var dropdown = __webpack_require__(38854);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/tooltip/index.js + 3 modules
var tooltip = __webpack_require__(6848);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/tabs/index.js + 24 modules
var tabs = __webpack_require__(99313);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/table/index.js + 85 modules
var table = __webpack_require__(72315);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/row/index.js
var row = __webpack_require__(95237);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/col/index.js
var col = __webpack_require__(43604);
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.2.6@@ant-design/icons/es/icons/LeftOutlined.js + 1 modules
var LeftOutlined = __webpack_require__(52063);
// EXTERNAL MODULE: ./src/pages/Classrooms/Lists/ShixunHomeworks/Detail/components/Analysis/index.tsx + 1 modules
var Analysis = __webpack_require__(61947);
// EXTERNAL MODULE: ./src/components/BehavioralAnalysis/index.tsx + 1 modules
var BehavioralAnalysis = __webpack_require__(94912);
;// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/Video/Statistics/Detail/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var Detailmodules = ({"flex_box_center":"flex_box_center___Ox04Y","flex_space_between":"flex_space_between___C6xrA","flex_box_vertical_center":"flex_box_vertical_center___ND_1v","flex_box_center_end":"flex_box_center_end___YRYaf","flex_box_column":"flex_box_column___DUfSG","title":"title___kEuJZ","infoWrp":"infoWrp___y79ks","warp_task_hide":"warp_task_hide___MGcfK","task_hide":"task_hide___Qc3Yt","itemTitle":"itemTitle___LCCYr","linkBtn":"linkBtn___LrTBL"});
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/jsx-runtime.js
var jsx_runtime = __webpack_require__(37712);
;// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/Video/Statistics/Detail/index.tsx
var ShixunsListPage = function ShixunsListPage(_ref) {
var video = _ref.video,
globalSetting = _ref.globalSetting,
loading = _ref.loading,
classroomList = _ref.classroomList,
dispatch = _ref.dispatch;
var _useState = (0,_react_17_0_2_react.useState)(objectSpread2_default()({}, (0,_umi_production_exports.useParams)())),
_useState2 = slicedToArray_default()(_useState, 2),
params = _useState2[0],
setParams = _useState2[1];
var _useSearchParams = (0,_umi_production_exports.useSearchParams)(),
_useSearchParams2 = slicedToArray_default()(_useSearchParams, 1),
searchParams = _useSearchParams2[0];
var _useState3 = (0,_react_17_0_2_react.useState)({}),
_useState4 = slicedToArray_default()(_useState3, 2),
sortObj = _useState4[0],
setSortObj = _useState4[1];
var allCourseGroups = classroomList.allCourseGroups;
var newVideoStatisticsList = video.newVideoStatisticsList;
//定义数组 后期好维护
var statusmap = [{
type: '',
name: '全部'
}, {
type: 'finished',
name: '已看完'
}, {
type: 'unfinished',
name: '未看完'
}, {
type: 'unopened',
name: '未观看'
}];
//选中的状态
var _useState5 = (0,_react_17_0_2_react.useState)(''),
_useState6 = slicedToArray_default()(_useState5, 2),
status = _useState6[0],
setStatus = _useState6[1];
//选中的分班id
var _useState7 = (0,_react_17_0_2_react.useState)(''),
_useState8 = slicedToArray_default()(_useState7, 2),
groupsid = _useState8[0],
setGroupsid = _useState8[1];
params['category'] = searchParams.get("category_id");
(0,_react_17_0_2_react.useEffect)(function () {
dispatch({
type: 'video/getNewVideoStatisticsList',
payload: objectSpread2_default()({}, params)
});
//获取分班信息
dispatch({
type: 'classroomList/getAllCourseGroup',
payload: objectSpread2_default()({}, params)
});
}, [params.coursesId]);
var columns = [{
title: '序号',
dataIndex: 'name',
render: function render(text, record, index) {
return 20 * ((params.page || 1) - 1) + index + 1;
}
}, {
title: '用户',
dataIndex: 'user_name'
}, {
title: '是否看完',
dataIndex: 'is_finished',
render: function render(text) {
if (text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: "c-green",
children: "\u662F"
});
} else {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: "c-red",
children: "\u5426"
});
}
}
}, {
title: '观看次数',
dataIndex: 'feq',
sortOrder: sortObj['feq'],
sortDirections: ['descend', 'ascend'],
sorter: function sorter(a, b) {
return a.feq - b.feq;
},
render: function render(text) {
return text || '--';
}
}, {
title: '观看时长',
dataIndex: 'total_duration',
sortOrder: sortObj['total_duration'],
sortDirections: ['descend', 'ascend'],
sorter: function sorter(a, b) {
return a.total_duration - b.total_duration;
},
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: text ? (0,util/* toTimeFormat */.li)(text) : "--"
});
}
}, {
title: '最早观看时间',
dataIndex: 'start_at',
render: function render(text, record) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: text || '--'
});
}
}, {
title: '最晚观看时间',
dataInex: 'end_at',
render: function render(text, record) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: record.end_at || '--'
});
}
}, {
title: '操作',
align: 'center',
render: function render(text, record) {
return (record === null || record === void 0 ? void 0 : record.feq) > 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
className: Detailmodules.linkBtn,
onClick: function onClick() {
return _umi_production_exports.history.push("/classrooms/".concat(params.coursesId, "/video/").concat(params.categoryId, "/statistics/").concat(params.videoId, "/").concat(record.user_id));
},
children: "\u67E5\u770B"
}) : /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: "--"
});
}
}];
return /*#__PURE__*/(0,jsx_runtime.jsx)("section", {
className: Detailmodules.bg,
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
className: Detailmodules.infoWrp,
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
style: {
display: 'flex'
},
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
style: {
flex: '1'
},
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(LeftOutlined/* default */.Z, {
className: "current mr10 font16",
onClick: function onClick() {
return _umi_production_exports.history.back();
}
}), /*#__PURE__*/(0,jsx_runtime.jsx)("strong", {
className: "font16",
children: searchParams.get("title")
})]
}), /*#__PURE__*/(0,jsx_runtime.jsx)(dropdown/* default */.Z, {
placement: "bottomCenter",
dropdownRender: function dropdownRender() {
return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
style: {
background: '#fff',
padding: '0px 10px',
cursor: 'pointer',
width: '100px',
textAlign: 'center'
},
children: statusmap === null || statusmap === void 0 ? void 0 : statusmap.map(function (item) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
className: Detailmodules.task_hide,
style: {
color: status === item.type ? '#0152d9' : 'initial'
},
onClick: function onClick() {
setStatus(item.type);
params.page = 1;
setParams(objectSpread2_default()({}, params));
dispatch({
type: 'video/getNewVideoStatisticsList',
payload: objectSpread2_default()(objectSpread2_default()({}, params), {}, {
status: item.type,
group_id: groupsid
})
});
},
children: item.name
});
})
});
},
arrow: true,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
marginRight: '40px',
cursor: 'default'
},
children: "\u89C2\u770B\u72B6\u6001"
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(dropdown/* default */.Z, {
placement: "bottomCenter",
dropdownRender: function dropdownRender() {
var _concat;
return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: Detailmodules.warp_task_hide,
children: (_concat = [{
id: '',
name: "全部"
}, {
id: 0,
name: "未分班"
}].concat((allCourseGroups === null || allCourseGroups === void 0 ? void 0 : allCourseGroups.course_groups) || [])) === null || _concat === void 0 ? void 0 : _concat.map(function (item, index) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
title: item.name,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
className: Detailmodules.task_hide,
style: {
color: groupsid === item.id ? '#0152d9' : 'initial'
},
onClick: function onClick() {
setGroupsid(item.id);
params.page = 1;
setParams(objectSpread2_default()({}, params));
dispatch({
type: 'video/getNewVideoStatisticsList',
payload: objectSpread2_default()(objectSpread2_default()({}, params), {}, {
group_id: item.id,
status: status
})
});
},
children: item.name
})
});
})
});
},
arrow: true,
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
cursor: 'default'
},
children: "\u5206\u73ED"
})
})]
}), /*#__PURE__*/(0,jsx_runtime.jsx)(tabs/* default */.Z, {
items: [{
label: '视频观看情况',
key: '1',
children: /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
loading: loading['video/getNewVideoStatisticsList'],
hideOnSinglePage: true,
pagination: {
showSizeChanger: false,
onChange: function onChange(e) {
params['page'] = e;
dispatch({
type: 'video/getNewVideoStatisticsList',
payload: objectSpread2_default()(objectSpread2_default()({}, params), {}, {
status: status,
group_id: groupsid,
page: e
})
});
},
current: params.page || 1,
defaultPageSize: 20,
hideOnSinglePage: true,
total: newVideoStatisticsList === null || newVideoStatisticsList === void 0 ? void 0 : newVideoStatisticsList.count
},
dataSource: (newVideoStatisticsList === null || newVideoStatisticsList === void 0 ? void 0 : newVideoStatisticsList.data) || [],
columns: columns,
onChange: function onChange(a, b, c) {
sortObj = {};
if (c.order === undefined) {
// sortObj[c.field] = 'descend';
// switch (c.field) {
// case 'student_id':
// setStudentIdSort('descend');
// params['order'] = c.field + '-desc';
// break;
// }
params['order'] = '';
} else {
params['order'] = c.field + '-' + c.order.replace("end", "");
sortObj[c.field] = c.order;
}
setSortObj(objectSpread2_default()({}, sortObj));
dispatch({
type: 'video/getNewVideoStatisticsList',
payload: objectSpread2_default()(objectSpread2_default()({}, params), {}, {
status: status,
group_id: groupsid
})
});
}
})
}, {
label: '视频观看统计分析',
key: '2',
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: "".concat(Detailmodules.itemTitle, " mb20"),
children: "\u89C2\u770B\u72B6\u6001\u7EDF\u8BA1"
}), /*#__PURE__*/(0,jsx_runtime.jsx)(row/* default */.Z, {
justify: "space-between",
className: "mb30",
children: [{
title: '已看完',
color: '#00AE87',
trailColor: '#e5f6f3',
percent: (0,Analysis/* caculatePercent */.Q_)(newVideoStatisticsList === null || newVideoStatisticsList === void 0 ? void 0 : newVideoStatisticsList.count, newVideoStatisticsList === null || newVideoStatisticsList === void 0 ? void 0 : newVideoStatisticsList.finished_count),
count: newVideoStatisticsList === null || newVideoStatisticsList === void 0 ? void 0 : newVideoStatisticsList.finished_count
}, {
title: '未看完',
color: '#2271FF',
trailColor: '#e7f0ff',
percent: (0,Analysis/* caculatePercent */.Q_)(newVideoStatisticsList === null || newVideoStatisticsList === void 0 ? void 0 : newVideoStatisticsList.count, newVideoStatisticsList === null || newVideoStatisticsList === void 0 ? void 0 : newVideoStatisticsList.no_look_finished_count),
count: newVideoStatisticsList === null || newVideoStatisticsList === void 0 ? void 0 : newVideoStatisticsList.no_look_finished_count
}, {
title: '未观看',
color: '#C6CED6',
trailColor: '#f6f7f8',
percent: (0,Analysis/* caculatePercent */.Q_)(newVideoStatisticsList === null || newVideoStatisticsList === void 0 ? void 0 : newVideoStatisticsList.count, newVideoStatisticsList === null || newVideoStatisticsList === void 0 ? void 0 : newVideoStatisticsList.no_look_count),
count: newVideoStatisticsList === null || newVideoStatisticsList === void 0 ? void 0 : newVideoStatisticsList.no_look_count
}].map(function (item) {
return /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
flex: '280px',
children: /*#__PURE__*/(0,jsx_runtime.jsx)(Analysis/* StatisticItem */.mU, {
title: item.title,
strokeColor: item.color,
trailColor: item.trailColor,
percent: item.percent,
count: item.count
})
}, item.title);
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(BehavioralAnalysis/* default */.ZP, {
title: "\u5B66\u4E60\u884C\u4E3A\u5206\u6790\u7EDF\u8BA1",
data: (0,BehavioralAnalysis/* dealOncFnc */.Uf)(newVideoStatisticsList)
})]
})
}]
})]
})
});
};
/* harmony default export */ var Detail = ((0,_umi_production_exports.connect)(function (_ref2) {
var video = _ref2.video,
loading = _ref2.loading,
globalSetting = _ref2.globalSetting,
classroomList = _ref2.classroomList;
return {
video: video,
globalSetting: globalSetting,
loading: loading.effects,
classroomList: classroomList
};
})(ShixunsListPage));
/***/ })
}]);
Reference in new issue View Git Blame Copy Permalink