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.
NewEduCoderBuild/p__Classrooms__Lists__Video...

216 lines
8.9 KiB

"use strict";
(self["webpackChunk"] = self["webpackChunk"] || []).push([[69944],{
/***/ 1420:
/*!*****************************************************************************************!*\
!*** ./src/pages/Classrooms/Lists/Video/Statistics/StudentDetail/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 */ StudentDetail; }
});
// 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/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);
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.2.6@@ant-design/icons/es/icons/LeftOutlined.js + 1 modules
var LeftOutlined = __webpack_require__(52063);
;// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/Video/Statistics/StudentDetail/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var StudentDetailmodules = ({"flex_box_center":"flex_box_center___UzlZa","flex_space_between":"flex_space_between___KKZHe","flex_box_vertical_center":"flex_box_vertical_center___MrgBG","flex_box_center_end":"flex_box_center_end___nVkIU","flex_box_column":"flex_box_column___RgI94","title":"title___fjM5C","statisticsWrp":"statisticsWrp___zLCOn","statistics":"statistics____Sl6u","infoWrp":"infoWrp____84Lx"});
// 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/StudentDetail/index.tsx
var ShixunsListPage = function ShixunsListPage(_ref) {
var video = _ref.video,
globalSetting = _ref.globalSetting,
loading = _ref.loading,
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)(1),
_useState4 = slicedToArray_default()(_useState3, 2),
page = _useState4[0],
setPage = _useState4[1];
var location = (0,_umi_production_exports.useLocation)();
var StudentvideoStatistics = video.StudentvideoStatistics,
videoStatistics = video.videoStatistics;
params['category'] = searchParams.get("category_id");
(0,_react_17_0_2_react.useEffect)(function () {
dispatch({
type: 'video/getStudentVideoStatisticsList',
payload: objectSpread2_default()(objectSpread2_default()({}, params), {}, {
page: page
})
});
dispatch({
type: 'video/getVideoStatistics',
payload: objectSpread2_default()({}, params)
});
}, [params.coursesId]);
var columns = [{
title: '序号',
dataIndex: 'name',
render: function render(text, record, index) {
return index + 1;
}
}, {
title: '视频名称',
dataIndex: 'title'
}, {
title: '观看次数',
dataIndex: 'freq',
render: function render(text) {
return text || '--';
}
}, {
title: '观看时长',
dataIndex: 'total_duration',
render: function render(text) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: text ? (0,util/* toTimeFormat */.li)(text) : "--"
});
}
}, {
title: '发布人',
dataIndex: 'user_name'
}, {
title: '是否看完',
dataInex: 'is_finished',
render: function render(text, record, index) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: text !== null && text !== void 0 && text.is_finished ? '是' : '否'
});
}
}];
return /*#__PURE__*/(0,jsx_runtime.jsxs)("section", {
className: StudentDetailmodules.bg,
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
className: StudentDetailmodules.statisticsWrp,
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
justify: "space-between",
className: "mt10 mb20",
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(col/* default */.Z, {
span: "16",
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: "\u89C6\u9891\u7EDF\u8BA1\u603B\u89C8"
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(col/* default */.Z, {
span: "8",
className: "c-light-black tr",
children: ["\u64AD\u653E\u6570\u636E\u4ECE ", videoStatistics.begin_at, " \u5F00\u59CB\u7EDF\u8BA1"]
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
justify: "space-between",
className: StudentDetailmodules.statistics,
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(col/* default */.Z, {
span: "7",
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: "\u89C2\u770B\u603B\u6B21\u6570 \uFF08\u6B21\uFF09"
}), /*#__PURE__*/(0,jsx_runtime.jsx)("br", {}), /*#__PURE__*/(0,jsx_runtime.jsx)("strong", {
children: videoStatistics.freq
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(col/* default */.Z, {
span: "7",
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: "\u89C2\u770B\u603B\u4E2A\u6570 \uFF08\u4E2A\uFF09"
}), /*#__PURE__*/(0,jsx_runtime.jsx)("br", {}), /*#__PURE__*/(0,jsx_runtime.jsx)("strong", {
children: videoStatistics.num
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(col/* default */.Z, {
span: "7",
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
children: "\u603B\u89C2\u770B\u65F6\u5E38 \uFF08\u65F6\uFF09"
}), /*#__PURE__*/(0,jsx_runtime.jsx)("br", {}), /*#__PURE__*/(0,jsx_runtime.jsx)("strong", {
children: (0,util/* toTimeFormat */.li)(videoStatistics.total_duration)
})]
})]
})]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("aside", {
className: StudentDetailmodules.infoWrp,
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
children: /*#__PURE__*/(0,jsx_runtime.jsx)("strong", {
className: "font16",
children: "\u7EDF\u8BA1\u5217\u8868"
})
}), /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
className: "mt20",
loading: loading['video/getStudentVideoStatisticsList'],
pagination: {
position: ['bottomCenter'],
hideOnSinglePage: true,
total: StudentvideoStatistics === null || StudentvideoStatistics === void 0 ? void 0 : StudentvideoStatistics.count,
current: page,
showSizeChanger: false,
defaultPageSize: 20
},
dataSource: StudentvideoStatistics === null || StudentvideoStatistics === void 0 ? void 0 : StudentvideoStatistics.data,
columns: columns,
onChange: function onChange(a, b, c) {
setPage(a.current);
dispatch({
type: 'video/getStudentVideoStatisticsList',
payload: objectSpread2_default()(objectSpread2_default()({}, params), {}, {
page: a.current
})
});
}
})]
})]
});
};
/* harmony default export */ var StudentDetail = ((0,_umi_production_exports.connect)(function (_ref2) {
var video = _ref2.video,
loading = _ref2.loading,
globalSetting = _ref2.globalSetting;
return {
video: video,
globalSetting: globalSetting,
loading: loading.effects
};
})(ShixunsListPage));
/***/ })
}]);