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.
1932 lines
86 KiB
1932 lines
86 KiB
"use strict";
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[14227],{
|
|
|
|
/***/ 46172:
|
|
/*!*****************************************!*\
|
|
!*** ./src/components/NoData/index.tsx ***!
|
|
\*****************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
/* harmony import */ var _root_workspace_ppte5yg23_local_v10_test1_node_modules_babel_runtime_7_23_6_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/objectSpread2.js */ 82242);
|
|
/* harmony import */ var _root_workspace_ppte5yg23_local_v10_test1_node_modules_babel_runtime_7_23_6_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_root_workspace_ppte5yg23_local_v10_test1_node_modules_babel_runtime_7_23_6_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 */ 93314);
|
|
/* 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_local_v10_test1_node_modules_babel_runtime_7_23_6_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()(_root_workspace_ppte5yg23_local_v10_test1_node_modules_babel_runtime_7_23_6_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_local_v10_test1_node_modules_babel_runtime_7_23_6_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_local_v10_test1_node_modules_babel_runtime_7_23_6_babel_runtime_helpers_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0___default()(_root_workspace_ppte5yg23_local_v10_test1_node_modules_babel_runtime_7_23_6_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);
|
|
|
|
/***/ }),
|
|
|
|
/***/ 47365:
|
|
/*!*********************************************************!*\
|
|
!*** ./src/pages/Paths/Overview/index.tsx + 10 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 */ Overview; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/defineProperty.js
|
|
var defineProperty = __webpack_require__(85573);
|
|
var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/regeneratorRuntime.js
|
|
var regeneratorRuntime = __webpack_require__(7557);
|
|
var regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(regeneratorRuntime);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/asyncToGenerator.js
|
|
var asyncToGenerator = __webpack_require__(41498);
|
|
var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(82242);
|
|
var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/slicedToArray.js
|
|
var slicedToArray = __webpack_require__(79800);
|
|
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
|
|
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__(39647);
|
|
var objectWithoutProperties_default = /*#__PURE__*/__webpack_require__.n(objectWithoutProperties);
|
|
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
|
|
var _react_17_0_2_react = __webpack_require__(59301);
|
|
// EXTERNAL MODULE: ./src/.umi-production/exports.ts
|
|
var _umi_production_exports = __webpack_require__(80184);
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Overview/index.less?modules
|
|
// extracted by mini-css-extract-plugin
|
|
/* harmony default export */ var Overviewmodules = ({"Onerow":"Onerow___CBpsk","MultiLine":"MultiLine___YwYEh","TitleStyle":"TitleStyle___tiYv6","BorderStyle":"BorderStyle___s6dnS","PathsBg":"PathsBg___MAylB","statistic":"statistic___ycvMy","TopItemNum":"TopItemNum___sD93j","DivInit":"DivInit___jJQuw","ChartStyle":"ChartStyle___wiiU4","LearnChart":"LearnChart___wcomi","HotChart":"HotChart___JiiPF","ClassChart":"ClassChart___XQWTd","LearnChartItem":"LearnChartItem___kFsG7","LearnChartItemRank":"LearnChartItemRank___zeX_M","LearnChartItemName":"LearnChartItemName___YuEzM","LearnChartItemData":"LearnChartItemData___y8JRQ","ChartDiv":"ChartDiv___iTBZi","ChartDivItem":"ChartDivItem___NxNNv","ChartDivItemph":"ChartDivItemph___p5Spo","ChartDivItemName":"ChartDivItemName___J1eMN"});
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/select/index.js
|
|
var es_select = __webpack_require__(57809);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/date-picker/index.js + 66 modules
|
|
var date_picker = __webpack_require__(5083);
|
|
// 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/breadcrumb/index.js + 6 modules
|
|
var breadcrumb = __webpack_require__(66104);
|
|
// 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/progress/index.js + 13 modules
|
|
var progress = __webpack_require__(93948);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/table/index.js + 85 modules
|
|
var table = __webpack_require__(1710);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/pagination/index.js + 10 modules
|
|
var pagination = __webpack_require__(58421);
|
|
// EXTERNAL MODULE: ./src/utils/util.tsx
|
|
var util = __webpack_require__(1079);
|
|
// EXTERNAL MODULE: ./src/components/NoData/index.tsx
|
|
var NoData = __webpack_require__(46172);
|
|
// EXTERNAL MODULE: ./node_modules/_dayjs@1.11.13@dayjs/dayjs.min.js
|
|
var dayjs_min = __webpack_require__(61186);
|
|
var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Overview/img/TitleImg.png
|
|
var TitleImg_namespaceObject = "data:image/png;base64,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";
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Overview/img/sjxms.png
|
|
var sjxms_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA0xJREFUWAntmc9rE0EUx78zm439EVva9FesFPyRtljwIHjoQQVBoRfBgwcFTwoinupZpIIg/kC9iCgi3kT8AwQPhdaDePFQLG31IpFqlaZNa2rabnfHN9NWss2uzrabJkIXluy8mfm+z77JTF5fGdZc6d62LizZ5yGc40Kgjbpja4aE3cwyhhQYf42I8SR+LzWc74CtNkRfVzSdnr7LhLhIYHzVvpmfBOoIxh7G43WXWd/wovStABXc5PQrCHF0M4F8fTHWH2+o65GQKlIycmUDJ6kpUIqJHpn6zlnWUKmW1S+Kcrlhmvu53BDlBrccRNoHxMblbvV7i5LbiY2vHCUlZ/ECkGxykxT7nPPyrWuLleS806WT48oeMKL9NjyC+tsjcGZ/wJn5DmdqHHY6BfvrKKzRAYjcrFtqWzWinYdhtO4Dj7fBqN8JXtMERnfmWjdEdso93qelD0gCjJwajbvUna8nFnOYe3kFC2+fK3P0wAnEztwBq9j411triatOXc/nKXhm0UpUn74F3rQbvLYFsbP3/wlXdfJqgY6XQSuCkUSn11yXjXGDlvQInNwMmFnh6vNqGIkOL3OBTQuwYJaPgdU0gkeiPr3rM2stsa60jCKMUN+5/I+ZUCOoG+kg4wIAiiC6oY0NABiaT0pI9bVKA6jPt7VJAsTKe+jWEnvHRd+qdezLLIZV1iJz45hSlm1etwOGTKNa9sLsOERJQrPLq/MzDWtsEPa3j5SWfYEzPQ6xMCf/pKS0iKnMyDXBp6EFaLQkUX/zA6RTe4IcTnxSn9bn95h/9wKC8kOjtQssYkLYS8iMvYGdGgIjaKM5iUiiHeaeg/Qy7XQnwbc3wPmV8UFym7UAc/2PUNXTS8JxurthJrtdKg4lq9bIALJPLyh77NxjmJSs8soa17j8xvzgs/ym7zObvJTQOzYLUqg/ZZ1lcdsCnKXlZ5U0mL5OVYc1//f+lV6tCAYRVGMdm2DpDuH6L46ZbAgvWiyJLFfFw2LJb1BXsnFV2dygUNGmU9WVy7KrKnUVzcv6hBUTsXFZE5Zl1/XJFG+WKgUTm9rFsiZMPz/9xXMXUFmWgCUTXQpQ1oJlTRicPSjlcivfxLBan5aAa34OgHL7N8RvjOX663/RuekAAAAASUVORK5CYII=";
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Overview/img/kjs.png
|
|
var kjs_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAiNJREFUWEftmUFrE1EQx/+ThSTWrCQBJaCENpJKE0F6LNEiBC9+gOItiF4EBSG3foSKWFCoop5sKfTg0Yt4MKQHQQ+i8SLpShNILs2aBIzaZp9szMYQEt7bsptsZfe27JuZ35udHf5vljBwpfJfk2h7boJwBQxRAPLgGovvmyDsguE1JO3Z9sV4od8/GTeJrYI3FDl2H4zdAiBZDCHqrg2iNbXayn5ZSv7WjTqAOlw44n/FGNKinuxcR4Q3terPqzpkBzCV23kIxm7bGdS0b6JH24uxO9StuY8TfK2j2NuQtAuUelt8AOCu6R2Ox2CVUrniZzAkxxPPZBRCQc9gYwytxCRZb3lTB2SHtR6HnTDg2eNeLM+eRDzghYd67XMoYzqv4Jf2b9/3zkewEJ5Cc7+Nl5UGnn5ThfcmDPh8/jTOyT4hx6MADePspwreqS0hX8KAuUsz3MwZEXmAj5U9rJfq1gLmF2NgjCHzoYxMNIT0qcDIADzAJ0oNL0rfrQc80Bgu5xVcjwZxYzrsAnbEgmib0V/xf5XBhOzDnOzDZrmOlW6bMWpi4jW4UVJx7UwQEhHeqz8wJXmQOOHv1ezEAXmfpwvIazNuBodlwEybcTPoZtAusSCqZiZSg2b0IA/QFj1oRlHzAG1R1GbOJKMAbT2T8LJi13NhPWgXAM/vETi4H4HRh8OHR39Hvs4dv+lF6ugBpg7o+BGwAenYIXp/L3Lab4g/iMzQRN+LVjIAAAAASUVORK5CYII=";
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Overview/img/zxrs.png
|
|
var zxrs_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA9VJREFUWEfVmWlIVFEUx/93nE1n0ZoZrTGtrIxSM/tQ0QqJFQZWZKYQLSJGUmjZJ4nyQ32IiIqiINsXikyjgixaCFqEQENqIKPIzGU0zXFGbZztxnswEsbM3DeLTffTPDj3nN/9n3PPfe8OwahRcO5bCgiKKGgWBRIJoBptE8xnClgI0EpAnoDi/M3iyYY//RP3w8ZKgzRikuoYqGsngIhgQgjw5QQRnXW2WcqrK1Ns3DwekIeLVz4EaKYAZyE0Jc+c7QPZHCQPmH++9RSoa1cIIwp3TUSnbxUl7iZczVFCm/5hWj3BOwkl6aSg6ttxClomfImhn0FATpD8qpYPAFJCH86vCAayqarFHOpW4hcaAL4F5Ve1UH8djMW8gACnaiXImRONFL0ccokIPywOvPw8gMcGC37Zg7NuvwGzU1XYvGAcCBnp9SOCcqCH67rQZXYELLJfgAunRqE0U+c1OAe5r6YDNkdgSgoGFIuAE3nx0CjFPtWpbjCh9l2/TztvBoIB0/RyVGTHMQXt7Ldjb3UHk60nI8GAq2arsG3ReKaglFJsvtgKVwBZFgyYNUuJwsUaJkCni2LLpTEGTNJKcXjdRCbALz+Gsf+ekck2aCnmHB3L1UMfI/EZ+Er9TzwyWHzaBXWTcM5mxslwYE0cRKK/e6A7GKfewftGOAOoP86X4BpUyUXImaPGytkqSLme42G09dlQ29iP+q9DY6dgRoIcJcu1UMrZvgi6zXbcazLjefOA35DMCs6fEonSFTqvaXVTcOpdftMHQ6fVbzD3RCZAjSICR3P1iJR4TqnbYbPRiiOPu+FwATnpaiyZroBGIUbvoAOvPg/ifpMZdgGFyQS4deE4rE5V+1RjcNiF8jvtGLJR7M+ORXKc/K85n4xWHKrrZoZkAjyZp0es2ndbqX1nQnVDPzbMi0buvBiPC7rTaEJNI9sZzQR4eVsCZF52rJuk4m4nvvbacDxPjwlqCd58GcSF171YPE2B9RnROPmsB0M2F/Zm6bDnNtsZzQRYtkKLBUkKnykuvNLKv6he256Ipx8tuFrfB6mYYNhBIRMTPq3FSzVYNE3BH4EsgwkwSkpQlqlDWnykV5/F17/DYnXxCp550QOlTIQdy7TgTpT37VaULNcgIzEKRrM9uAq6qZbNUGBterTHY67ygRHNXcO+a7DBhBrG90QmBUfLlhwrxdyESCTpZIiPkfBKSSII6j6YceOtif89pruYpVZG23CQ7j6oVYjRE8o+6A9gsOb8Fx/u4X31EfaXR2F//cYVc1hfYHKAYX8FPAIZrpfof/ascPsb4je3WMKEupMVxAAAAABJRU5ErkJggg==";
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Overview/img/tggks.png
|
|
var tggks_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAArBJREFUWAntmT9oFEEUxr/Z+Ac9lVgoJIIJsRQsRBQSSPSU+KfXWtDGRsRGK7UQsQpCCFocmkIstFTUiB6IprBQRLEQE6MWXiUGMZIY3fV7s1my3N7B7M66N4iv2dmXnfl++2bm3eyLQp0Fo32bAe8ogmAQCht5XVX3SL63Sn1HgE9Q6gHgV9Th8TdxARXdBDcPLsOP2hCBjtHnRf6Crz5BL2Nlx0l16NZP0daAGm7m8z3elwsGaiZXRalzv0CGkZLIuQMn0GU9m2woveYCvGK7VdMqQI2M040thOKGcA9OgDWbp3drI34XfMwknk4lLsA0YmCakwj+3TzXSNjURzbXNkYC3XnAJQnkZo6eQWDHCWD5mmZPmPnnvgHPLgHv+ctmYOYRzANOgOQFZSxDMwe0jVwcKMVY5oBxgQLb/wFtg51fBH/NJVlmvwK3jwAPTyX/ZujJB3CCR8kbe4Hxi0Dgh9Kz08D948CXt0BpvSFO8jHzPJjsG3omx4CnF9gOgHd3QsBtPJSPMZVMTwHd5VRppV7GDnCSyfbJeaBtKdB7Gnh5FZi4C3x8DMzPEG4X0H+GB6e2el3j++xTPPWIkVuA282p3cRfmn3DwOoNIVzXAOHOEs4uBtl7v74eipcJ17k9jEhpHXDgClB7zujttIaTQbMD9p9jd6679m5eY7ZiLdCzJ+awa2YHbO+yUzbsnX0NGgrYPvYPAf6etw3GYv8UY5lH8EN1UcC2lWIsFVzr41Y0MVZJOrbmc6KuvaCgmWyKXcwBJb8VbOZTXDBYJMcPd9bnXDWy8cOdxUNXjWwSQbPvv1a8BNm4Bv0KtRdOma2gaKpJJr/i6ZqwlF1dMzIJW7iLWRMmX46Z2Pptq1KnllE0oC5YsybM9ThCXyunW4roI1F9WgB1EV0akbn2b4g/VVmxmZ2zhwoAAAAASUVORK5CYII=";
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Overview/img/hotIcon.png
|
|
var hotIcon_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAAXNSR0IArs4c6QAAAvBJREFUSEul1W1olVUcAPDfcZVvo1nOsexFPwW5lhK0DEWTQOjeLQnRbGZGiGV9KJFeGRRI6IfMD2IEUutD4aZlL+7eVZiufCmoliiYvUwhMeYHNWmmspfT7vVu3W1u1ny+PJzDOb/nf/7P/5wTDPOJc411tXe0eiT8oD2fCYOZscotOkwMjb691JiY9DYeFywPDTZdFo0JpYKvRQtD2v7+aKxSrcv7uf6mkDJnSDRWGaPLPkx1wbiww5n8CbHKdF12YnSu/2RIKR4aTagTPIQopSBk3rknVinTaaegpE/07QrDF8729PXJaUxahdd7J5xXHL50MtOOCXcjLbh+QI67jAqNLgxAY9JtaMao3knBAxqkJD2BdXlLznc7pFyTv6LeSGNCk2B2vyhacA63D1F5h0JKWW+KEkqzaExKomGYJbs5pFRnnfuNNMKWHnQ3Zg4LzdVprDQVb4nKQkwoFxwYFpgNzxlBF67LGedDrFQjWj1sdODE1hCTduFeT23kQBN7tjL5Dpav5+X7GFPE0teYMpMTR6l9kdGFrNjYl1s1va27HAtF32XQP3CDNbvYt43tG5gyg1fTLCzipa20HqV+NfOfZ3Y1KyuYcDPL3uDYT3y+iSP7O1Egqs2gHdlGBu3soKWZ8TdSUcXDxXx4liWl/HWKwnHUnWblXfz6PTUf8VszdXnZix7N5PSEqCSLnmvj8DeUTGLWIhaXXESrJ9B2mrFF1P/JM3fS8uOl0E7tJmYi3YIFgy7/lQZ+P/Tv8mcs4OlyOtsHotHHIe3BTKSLRe95cgMHv2LvB0wuZ9k6auZy7XgeW8utFRz/hdoXaD1y8SctXcPxn9nxbs9PmxVSdofcCX4YN11hWX0aUuZljJ4dtQibrwA95SrTwieO9aK5/b8ez/5vOGpXYF7YrnGw83QtnsOI/4j/jSUhZVv++AEXX6x0T3eJvYlpl4H3ilaEtIP9xw1+mybNEcwXdW8vkzCS7O7bI6oPaZ8N9tF/ALTJAi31hvN5AAAAAElFTkSuQmCC";
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Overview/img/ph1.png
|
|
var ph1_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAsxJREFUOE+dVE1LFWEUfs6ZmTtz9fp1oSJSWhcptFCDVqGbDOq2iiDIEKtf0LJti/5ACKH0A9Ks3FTrKKGFUdIXiBmi0i27V+f7nHhn7lXsY+O7GWbe8z7nOe/zPEMAULt/+owkMkOEIgDmQ22Rc/LojBIPEVHZ1KhqlZjmEEdPwmeLt1X1BJQEBAHRHTJFZm1OnDrLbcWHVm+3x50lqKRA5ANpnBdYDlAogtiCbgXr8ZslV2tBhyrudt54eWsHKP42PizCj0XF03oV8DeBdAskUYaj7ABWCSh2gEplMHGQfFh90Do8e8PsZ0Dh1+u9IH4lSVTUn6ugsAqOfwAqTcL5kxjidEHdMqjzMNgu+FAZdHsm3jaAbr4WTfu1ugKOaiAJ8oNKADVJK1Qbny0PWiiByt1gsubdnnsDFC6PVZScaaltgPxNsOQshAjK3CRtUEEiINVsDDF3VWwHtx0AaXyRopXxyTTVUf2+DIZt1IEibQy9d7LmG6kFIiNXAir3wLJ5ioKla2sSBQdRr4LgQtEYC0YwQXVpG5Gf4khfxx5UggdFCJS6wI63TsHS1Vj8ug1/yxDeUxxtJdkdbXyu/wWUFzLgtYK91oSCL1diCbdtBPV/ziGpYvXdr/8AIQcqtCTkf7q8pkl4EP5+gUogp7BO4cdLk6nIKLY398eopd24fYrCD5VKqtY0wiCPA9uAJDugKoraRoj2Q97eRmyZVAKOC4vlYua27cXKa4j2IwpMOgHHA+Jd9f6iapoZo9oZ2HzLsZmB3NmLF3ollVeiUqS4EVLbMFAgCXfZkZWF1qirDJM3ny0ZdI/N5RExK3h/blhSnVXVItLcwbnCdh4zA2tcTwK1GAzyyebz3vGnz5v7Ox3DhZHeFOl9Ve3Pg0X5qFnlbuaIMW/BGXP75t7uuP1fUoULQxURvqCQEQDZjw1AlYA5Zjxy+17M/HnuN7HFVZ3O3+ruAAAAAElFTkSuQmCC";
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Overview/img/ph2.png
|
|
var ph2_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAyZJREFUOE91VE1oVFcU/s69703eJBNSg2iysDXJEIkWIv6hFaUWXLSILoSIurAru9JFu+q2i+5a0bUL3biQQuuuoBQMGBcmGsdJZyjOmESNia0mgn0z895958h5SSaJ4oH7uPfcw3e/8333Pvr6ynSfY7kNkfUQWCKYw5v9u9/0mFki8xUgHRAkIOj6xsWx+snKgnwCCEPAIPwV9352lADg8OWp/UJys7eDsqcGfGxoNYAApJ+lSGe0mCn+m+BaKUbo6JG49gO3vut8kwJpXL4z88vebvO9gYBEYAAwJ+AkUURY6wFkIApGhFc1Ruk/+vLswe7b6Rn6KT2f+0IiGYaINSJI4joa9bdIXIyUWhoE3w/Qks2BrA8mAgz93RlgT1dX1/8kIlSanC1D0L8M4qKw2ZLWy0qHICL4Le0g64GNUfa/DvR2/0DFJy/OkOCKgpC24mqpFmT8xaFIyosTCLt0aM74WTAZVdsFkllPxcrMbwQc97SaY8WAQPUgOOdQqTyBcwn6+noQBC2pWSQOQhZMFski27P06PHz1wSs89OWGSy22daDBwXk+3pgPQ8TEyXs3r2j6aEhAYtBgxnGmAtU+OdZYpSpUZ8Uvmkk5uZeYuPGDYjjGIXCBHbu3L6i3VJ1w6mr5ncaL09H1pCfsStMmtUAwjBEsVjGtm1b0NbWtnornddip8dfo/Hy1DSENmUzqUprYn5+AdXqJAYHP4fnfbgvIggbMciYn+l+aeoSJ3wuF2SaDi2jDQ+PoL09pxogmw3Q359fc1DsEtSjGNaaI3S/NLmPHd/xPUtBxv+A1ccTgre1CMIyUy2Pfpoqe69Q/YOZj+VaW+B9RKv3AWuNCA1lQ/TtrsH81RRoZOJpp41qowL05FqDVA/dEH13yy42DRWE9Qj1RgRr7PU92/Mnmm9NJ2Njj/MR8Q1h3prxPQRBBr4CLt1sFkYUOdTqDbiElfn1cCF/+tAhcmuAdPHw4WxbGL/5iYXPi8BL36XR/4GoFlCXiOiFIfPjvl1brq5ud+X2rcqOjlY6YnJDCfMABJshqJHBpEd2ZKo6/ufQ0FDyvmbvANHBbUYnb2MgAAAAAElFTkSuQmCC";
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Overview/img/ph3.png
|
|
var ph3_namespaceObject = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAA0JJREFUOE+NU11oXEUU/s7MvXfv7t1NdpdUBH+jRdzYWKlVrFpoq2KFog+FiBaqVCm+6IOC4Jv44Iuo4JsSaGIhShG0T0YSA2m1Fm36oo2FWqhJTZZtus1usj/33pk5MnetdrsKHpiHmfnOd875+A4tHNx0JwlnFsAAAAmC8Ia3/eBterQMwi6A+wHSAJUF89H16c+f48pingGDzpm5+cb80wQAv79y3yMCmBIbbkr7D+2GyBXAIBjpgEmAGCDWIKNgE9TF82if/BqIWj8Hxtle/GSulhDZuHTozfflHcOvQ0goN412pBC1WtC6kyxdD34mA48MpGqD12sw5Qs7Nhx4z06TYFA/8dnDWuljRkgZyQwaV6pQYZgU4KuVEjAhlc0ikwvgRg0QYT7fpx+kzfsbxMy0enziLBPdFXk5hPU6jFIgsmJ5gBAAM1hrmDhOaJ10GinfgxutAyQ+KGx//g1a+W7iBaH1mEploTTBRCHIcSFSXkJ2bbAx0O0QMAYynYarW5A6VpxxB+jy7OEvANobZ/Iw2iTJZLsAEIYhfjkzD2M0hkolBEGQvButOx2zhmzXQcI9SCuzh6tGuAXj57qq28vssePYfO8wHMfBjz+dwq6dO7oxzBDNqhX6Q6rMjGvj+gJ+tocoimIrKCqVCpaWl/HA1q09GFq3ROZLKs+MRXB9F//Skc1ardVw7txvyAYBSqW7e4h47bL12AQtTY8tQDq3iGyhBzR3+jTu37IleZ+a/hZPPP7YdaMZ6Nolq9e7tDx16CPN5lWZvwFEHZGvxpn5X1G9Uk3MVCwWcM/QUNe/CVvQjVWQcPbQxenxbazV98IPSGZ6BVexSmxrBe/2AiOqrwBaL52s5W5NjLIwOfqVYX7G7R9IVuH/RNyoQzXXAOm8OPjkgfGEaHFytKjYnGLQYKqvCOn5/8nFzLAkcXMNjnSO3Lb7pWct+G/rLk6Oboy0OcpshpxUBm4mC+H+427rahW2ETfr0CqGdOSRwdQf+2jn26qLyF7K33waNFT7HW30a2A4iculhO2Cje5ssKBlIZ23Nj718vi1bXcv018/56c+7ufYGdEqKhHR7WBukcAFAffEXLNvcmRkRF8/+59ZfmcgM6jazwAAAABJRU5ErkJggg==";
|
|
// EXTERNAL MODULE: ./node_modules/_echarts-for-react@2.0.16@echarts-for-react/lib/index.js
|
|
var lib = __webpack_require__(42441);
|
|
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/jsx-runtime.js
|
|
var jsx_runtime = __webpack_require__(37712);
|
|
;// CONCATENATED MODULE: ./src/pages/Paths/Overview/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var _excluded = ["dispatch", "pathsOverview", "loading"],
|
|
_excluded2 = ["index"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Option = es_select["default"].Option;
|
|
var RangePicker = date_picker["default"].RangePicker;
|
|
var toPicker = {
|
|
'1': 'day',
|
|
'2': 'week',
|
|
'3': 'month'
|
|
};
|
|
var Page = function Page(_ref) {
|
|
var _RankList$learn_list, _RankList$interact_li, _RankList$quote_list;
|
|
var dispatch = _ref.dispatch,
|
|
pathsOverview = _ref.pathsOverview,
|
|
loading = _ref.loading,
|
|
props = objectWithoutProperties_default()(_ref, _excluded);
|
|
var SHeader = pathsOverview.SHeader,
|
|
OnlineCount = pathsOverview.OnlineCount,
|
|
SBody = pathsOverview.SBody,
|
|
RankList = pathsOverview.RankList,
|
|
SubjectUseInfos = pathsOverview.SubjectUseInfos,
|
|
StatInfo = pathsOverview.StatInfo;
|
|
var _useState = (0,_react_17_0_2_react.useState)(dayjs_min_default()().format("YYYY-MM-DD HH:mm:ss")),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
nowTime = _useState2[0],
|
|
setNowTime = _useState2[1];
|
|
var _useState3 = (0,_react_17_0_2_react.useState)({
|
|
page: 1,
|
|
limit: 10
|
|
}),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
urlData = _useState4[0],
|
|
setUrlData = _useState4[1];
|
|
var _useState5 = (0,_react_17_0_2_react.useState)({
|
|
start_time: dayjs_min_default()(dayjs_min_default()().subtract(1, 'years')).format('YYYY-MM-DD'),
|
|
end_time: dayjs_min_default()(dayjs_min_default()().subtract(1, 'days')).format('YYYY-MM-DD'),
|
|
data_type: "Subject"
|
|
}),
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
statParams = _useState6[0],
|
|
setStatParams = _useState6[1];
|
|
var _useState7 = (0,_react_17_0_2_react.useState)({
|
|
start_time: dayjs_min_default()(dayjs_min_default()().subtract(1, 'years')),
|
|
end_time: dayjs_min_default()(dayjs_min_default()().subtract(1, 'days'))
|
|
}),
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
defauleDate = _useState8[0],
|
|
setDefaultDate = _useState8[1];
|
|
var _useState9 = (0,_react_17_0_2_react.useState)(toPicker["".concat(StatInfo === null || StatInfo === void 0 ? void 0 : StatInfo.time_type)] || "year"),
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
picker = _useState10[0],
|
|
setPicker = _useState10[1];
|
|
var _useState11 = (0,_react_17_0_2_react.useState)(null),
|
|
_useState12 = slicedToArray_default()(_useState11, 2),
|
|
dateValue = _useState12[0],
|
|
setDateValue = _useState12[1];
|
|
var ItemNum = [{
|
|
name: "实践项目数",
|
|
num: (0,util/* toWNumber */.lF)(SHeader === null || SHeader === void 0 ? void 0 : SHeader.shixun_size),
|
|
img: sjxms_namespaceObject
|
|
}, {
|
|
name: "实践项目关卡数",
|
|
num: (0,util/* toWNumber */.lF)(SHeader === null || SHeader === void 0 ? void 0 : SHeader.challenge_size),
|
|
img: tggks_namespaceObject
|
|
}, {
|
|
name: "课件数",
|
|
num: (0,util/* toWNumber */.lF)(SHeader === null || SHeader === void 0 ? void 0 : SHeader.stage_size),
|
|
img: kjs_namespaceObject
|
|
}, {
|
|
name: "当前在线人数",
|
|
num: (0,util/* toWNumber */.lF)(OnlineCount),
|
|
img: zxrs_namespaceObject
|
|
}];
|
|
var PathsNum = [{
|
|
name: "已发布",
|
|
percent: Number((SHeader === null || SHeader === void 0 ? void 0 : SHeader.publish_size) / ((SHeader === null || SHeader === void 0 ? void 0 : SHeader.publish_size) + (SHeader === null || SHeader === void 0 ? void 0 : SHeader.public_size) + (SHeader === null || SHeader === void 0 ? void 0 : SHeader.edit_size)) * 100),
|
|
color: "#F46428",
|
|
num: SHeader === null || SHeader === void 0 ? void 0 : SHeader.publish_size
|
|
}, {
|
|
name: "已公开",
|
|
percent: Number((SHeader === null || SHeader === void 0 ? void 0 : SHeader.public_size) / ((SHeader === null || SHeader === void 0 ? void 0 : SHeader.publish_size) + (SHeader === null || SHeader === void 0 ? void 0 : SHeader.public_size) + (SHeader === null || SHeader === void 0 ? void 0 : SHeader.edit_size)) * 100),
|
|
color: "#FFB63B",
|
|
num: SHeader === null || SHeader === void 0 ? void 0 : SHeader.public_size
|
|
}, {
|
|
name: "编辑中",
|
|
percent: Number((SHeader === null || SHeader === void 0 ? void 0 : SHeader.edit_size) / ((SHeader === null || SHeader === void 0 ? void 0 : SHeader.publish_size) + (SHeader === null || SHeader === void 0 ? void 0 : SHeader.public_size) + (SHeader === null || SHeader === void 0 ? void 0 : SHeader.edit_size)) * 100),
|
|
color: "#589BE0",
|
|
num: SHeader === null || SHeader === void 0 ? void 0 : SHeader.edit_size
|
|
}];
|
|
var columns = [{
|
|
title: "序号",
|
|
dataIndex: "1",
|
|
width: 50,
|
|
render: function render(text, record, index) {
|
|
return (urlData.page - 1) * urlData.limit + index + 1;
|
|
}
|
|
}, {
|
|
title: "实践课程名称",
|
|
dataIndex: "name",
|
|
ellipsis: true,
|
|
render: function render(text, record) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "topLeft",
|
|
title: text,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("a", {
|
|
onClick: function onClick() {
|
|
(0,util/* openNewWindow */.xg)("/paths/".concat(record === null || record === void 0 ? void 0 : record.identifier));
|
|
},
|
|
children: text
|
|
})
|
|
});
|
|
}
|
|
}, {
|
|
title: "创建者",
|
|
idth: 100,
|
|
dataIndex: "user",
|
|
ellipsis: true,
|
|
render: function render(text, record) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "topLeft",
|
|
title: text,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: text
|
|
})
|
|
});
|
|
}
|
|
}, {
|
|
title: "状态",
|
|
dataIndex: "status",
|
|
width: 60,
|
|
render: function render(text, record) {
|
|
return text;
|
|
}
|
|
}, {
|
|
title: "学习总人数",
|
|
width: 110,
|
|
dataIndex: "learn_num",
|
|
sorter: true,
|
|
render: function render(text, record) {
|
|
return text;
|
|
}
|
|
}, {
|
|
title: "Spoc学习人数",
|
|
width: 120,
|
|
dataIndex: "spoc_num",
|
|
sorter: true,
|
|
render: function render(text, record) {
|
|
return text;
|
|
}
|
|
}, {
|
|
title: "自主学习人数",
|
|
width: 120,
|
|
dataIndex: "self_learn_num",
|
|
sorter: true,
|
|
render: function render(text, record) {
|
|
return text;
|
|
}
|
|
}, {
|
|
title: "课件数",
|
|
width: 80,
|
|
dataIndex: "courseware_num",
|
|
sorter: true,
|
|
render: function render(text, record) {
|
|
return text;
|
|
}
|
|
}, {
|
|
title: "实践项目数",
|
|
dataIndex: "shixun_num",
|
|
width: 110,
|
|
sorter: true,
|
|
render: function render(text, record) {
|
|
return text;
|
|
}
|
|
}, {
|
|
title: "关卡数",
|
|
width: 80,
|
|
dataIndex: "challenge_num",
|
|
sorter: true,
|
|
render: function render(text, record) {
|
|
return text;
|
|
}
|
|
}, {
|
|
title: "评测总次数",
|
|
width: 110,
|
|
dataIndex: "evaluation_num",
|
|
sorter: true,
|
|
render: function render(text, record) {
|
|
return text;
|
|
}
|
|
}, {
|
|
title: "关卡通过总次数",
|
|
width: 135,
|
|
dataIndex: "clearance_num",
|
|
sorter: true,
|
|
render: function render(text, record) {
|
|
return text;
|
|
}
|
|
}, {
|
|
title: "关卡平均通过率 (%)",
|
|
width: 170,
|
|
dataIndex: "clearance_rate",
|
|
sorter: true,
|
|
render: function render(text, record) {
|
|
return text;
|
|
}
|
|
}];
|
|
var getStatisticsHeader = function getStatisticsHeader() {
|
|
dispatch({
|
|
type: 'pathsOverview/getStatisticsHeader',
|
|
payload: {}
|
|
});
|
|
};
|
|
var getOnlineCount = function getOnlineCount() {
|
|
dispatch({
|
|
type: 'pathsOverview/getOnlineCount',
|
|
payload: {}
|
|
});
|
|
};
|
|
var getStatisticsBody = function getStatisticsBody() {
|
|
dispatch({
|
|
type: 'pathsOverview/getStatisticsBody',
|
|
payload: {}
|
|
});
|
|
};
|
|
var getRankList = function getRankList() {
|
|
dispatch({
|
|
type: 'pathsOverview/getRankList',
|
|
payload: {}
|
|
});
|
|
};
|
|
var getSubjectUseInfos = function getSubjectUseInfos() {
|
|
var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : urlData;
|
|
dispatch({
|
|
type: 'pathsOverview/getSubjectUseInfos',
|
|
payload: objectSpread2_default()({}, data)
|
|
});
|
|
};
|
|
var getStatData = /*#__PURE__*/function () {
|
|
var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
|
|
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
dispatch({
|
|
type: 'pathsOverview/getStatistics',
|
|
payload: objectSpread2_default()({}, statParams)
|
|
});
|
|
case 1:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return function getStatData() {
|
|
return _ref2.apply(this, arguments);
|
|
};
|
|
}();
|
|
var ChartImg = function ChartImg(_ref3) {
|
|
var index = _ref3.index,
|
|
props = objectWithoutProperties_default()(_ref3, _excluded2);
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)("img", objectSpread2_default()({
|
|
src: index == 1 ? ph1_namespaceObject : index == 2 ? ph2_namespaceObject : ph3_namespaceObject
|
|
}, props));
|
|
};
|
|
var ToNumW = function ToNumW(value) {
|
|
return value / 10000 > 1 ? "".concat(Math.round(value / 10000 * 100) / 100, "w") : value;
|
|
};
|
|
var hanleLearnOption = function hanleLearnOption() {
|
|
var _SBody$times, _SBody$list, _SBody$list2;
|
|
// 累计学习人数统计
|
|
return {
|
|
title: [{
|
|
text: "累计学习人数统计",
|
|
textStyle: {
|
|
fontSize: 14,
|
|
color: "#282F3F"
|
|
}
|
|
}, {
|
|
text: "(展示近一周人数数量变化)",
|
|
left: "123px",
|
|
top: "2px",
|
|
textStyle: {
|
|
fontSize: 12,
|
|
color: "#70727E",
|
|
fontWeight: 400
|
|
}
|
|
}],
|
|
tooltip: {
|
|
trigger: "axis",
|
|
backgroundColor: "#fff",
|
|
borderColor: "#FF9F3B",
|
|
borderWidth: 1,
|
|
axisPointer: {
|
|
type: 'shadow'
|
|
},
|
|
textStyle: {
|
|
color: "#434D6C"
|
|
},
|
|
formatter: function formatter(params) {
|
|
return params.map(function (item) {
|
|
return "<div>\n <span style=\"display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:".concat(item.color.colorStops[0].color, "\"></span>\n <span style=\"color:#434D6C;font-size:12px\">").concat(item.seriesName, "</span><span style=\"margin-left:5px;font-size:12px;color:#2C3A58;font-Weight:600\">").concat(item.value, "</span>\u4EBA\n </div>");
|
|
}).join('');
|
|
}
|
|
},
|
|
legend: {
|
|
show: true,
|
|
right: "0",
|
|
itemWidth: 12,
|
|
itemHeight: 12
|
|
},
|
|
grid: {
|
|
right: 0,
|
|
bottom: "10%"
|
|
},
|
|
xAxis: {
|
|
type: 'category',
|
|
data: (SBody === null || SBody === void 0 || (_SBody$times = SBody.times) === null || _SBody$times === void 0 ? void 0 : _SBody$times.map(function (item) {
|
|
return dayjs_min_default()(item).format("MM.DD");
|
|
})) || [],
|
|
silent: false,
|
|
axisTick: {
|
|
show: false
|
|
},
|
|
splitLine: {
|
|
show: false
|
|
},
|
|
axisLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
color: "#E1E4E9",
|
|
width: 0.5
|
|
}
|
|
},
|
|
axisLabel: {
|
|
color: "#9399A5",
|
|
interval: 0
|
|
}
|
|
},
|
|
yAxis: {
|
|
type: 'value',
|
|
minInterval: 1,
|
|
axisLabel: {
|
|
color: "#9399A5",
|
|
formatter: ToNumW
|
|
},
|
|
axisTick: {
|
|
show: false
|
|
},
|
|
axisLine: {
|
|
show: false
|
|
},
|
|
splitLine: {
|
|
lineStyle: {
|
|
color: "#E9EBF0",
|
|
type: "dashed",
|
|
width: 0.5
|
|
}
|
|
}
|
|
},
|
|
series: [{
|
|
name: 'Spoc学习人数',
|
|
data: (SBody === null || SBody === void 0 || (_SBody$list = SBody.list) === null || _SBody$list === void 0 ? void 0 : _SBody$list.spoc_num) || [],
|
|
type: 'bar',
|
|
barWidth: 14,
|
|
itemStyle: {
|
|
barBorderRadius: [2, 2, 0, 0]
|
|
},
|
|
color: {
|
|
x: 0,
|
|
y: 0,
|
|
x2: 0,
|
|
y2: 1,
|
|
colorStops: [{
|
|
offset: 0,
|
|
color: '#F46428' // 0% 处的颜色
|
|
}, {
|
|
offset: 1,
|
|
color: 'rgba(244,100,40,0.7)' // 100% 处的颜色
|
|
}]
|
|
}
|
|
}, {
|
|
name: '自主学习人数',
|
|
data: (SBody === null || SBody === void 0 || (_SBody$list2 = SBody.list) === null || _SBody$list2 === void 0 ? void 0 : _SBody$list2.self_learn) || [],
|
|
type: 'bar',
|
|
barWidth: 14,
|
|
itemStyle: {
|
|
barBorderRadius: [2, 2, 0, 0]
|
|
},
|
|
color: {
|
|
x: 0,
|
|
y: 0,
|
|
x2: 0,
|
|
y2: 1,
|
|
colorStops: [{
|
|
offset: 0,
|
|
color: '#FF9F3B' // 0% 处的颜色
|
|
}, {
|
|
offset: 1,
|
|
color: 'rgba(255,159,59,0.7)' // 100% 处的颜色
|
|
}]
|
|
}
|
|
}]
|
|
};
|
|
};
|
|
var hanleLearnPieOption = function hanleLearnPieOption() {
|
|
var _SBody$all_data, _SBody$all_data2, _SBody$all_data3, _SBody$all_data4, _SBody$all_data5, _SBody$all_data6, _SBody$all_data7, _SBody$all_data8, _SBody$all_data9;
|
|
// 累计学习总人数统计
|
|
|
|
var Legend = {
|
|
"累计Spoc学习人数": "{name|\u7D2F\u8BA1Spoc\u5B66\u4E60\u4EBA\u6570} {value|".concat(ToNumW((SBody === null || SBody === void 0 || (_SBody$all_data = SBody.all_data) === null || _SBody$all_data === void 0 ? void 0 : _SBody$all_data.spoc_num) || 0), "} {percent|").concat(Math.round((SBody === null || SBody === void 0 || (_SBody$all_data2 = SBody.all_data) === null || _SBody$all_data2 === void 0 ? void 0 : _SBody$all_data2.spoc_num) / (SBody === null || SBody === void 0 || (_SBody$all_data3 = SBody.all_data) === null || _SBody$all_data3 === void 0 ? void 0 : _SBody$all_data3.all_size) * 10000) / 100 || 0, "%}"),
|
|
"累计自主学习人数": "{name|\u7D2F\u8BA1\u81EA\u4E3B\u5B66\u4E60\u4EBA\u6570} {value|".concat(ToNumW((SBody === null || SBody === void 0 || (_SBody$all_data4 = SBody.all_data) === null || _SBody$all_data4 === void 0 ? void 0 : _SBody$all_data4.self_learn_num) || 0), "} {percent|").concat(Math.round((SBody === null || SBody === void 0 || (_SBody$all_data5 = SBody.all_data) === null || _SBody$all_data5 === void 0 ? void 0 : _SBody$all_data5.self_learn_num) / (SBody === null || SBody === void 0 || (_SBody$all_data6 = SBody.all_data) === null || _SBody$all_data6 === void 0 ? void 0 : _SBody$all_data6.all_size) * 10000) / 100 || 0, "%}")
|
|
};
|
|
return {
|
|
tooltip: {
|
|
trigger: 'item',
|
|
backgroundColor: "#fff",
|
|
borderColor: "#6C96F3",
|
|
borderWidth: 1,
|
|
axisPointer: {
|
|
type: 'none'
|
|
},
|
|
textStyle: {
|
|
color: "#434D6C"
|
|
},
|
|
formatter: function formatter(item) {
|
|
return "<div>\n <span style=\"display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:".concat(item.color, "\"></span>\n <span style=\"margin-right:10px;font-size:12px;color:#2C3A58;font-Weight:600\">").concat(item.name, "</span>\n <span style=\"color:#434D6C;font-size:12px\">").concat(item.value, "</span><span style=\"margin-left:22px;font-size:12px;color:#2C3A58;font-Weight:600\">").concat(item.percent, "</span>%\n </div>");
|
|
}
|
|
},
|
|
legend: {
|
|
show: true,
|
|
left: 0,
|
|
bottom: 0,
|
|
itemWidth: 12,
|
|
itemHeight: 12,
|
|
formatter: function formatter(name) {
|
|
return Legend[name];
|
|
},
|
|
textStyle: {
|
|
lineHeight: 25,
|
|
rich: {
|
|
name: {
|
|
fontSize: 12,
|
|
fontFamily: "微软雅黑",
|
|
color: '#70727E',
|
|
width: 105
|
|
},
|
|
value: {
|
|
fontFamily: "DINPro, DINPro",
|
|
fontSize: 14,
|
|
color: '#2C3A58',
|
|
fontWeight: 500,
|
|
width: 35
|
|
},
|
|
percent: {
|
|
fontFamily: "DINPro, DINPro",
|
|
fontSize: 14,
|
|
color: '#2C3A58',
|
|
fontWeight: 500
|
|
}
|
|
}
|
|
}
|
|
},
|
|
series: [{
|
|
data: [{
|
|
value: (SBody === null || SBody === void 0 || (_SBody$all_data7 = SBody.all_data) === null || _SBody$all_data7 === void 0 ? void 0 : _SBody$all_data7.spoc_num) || 0,
|
|
name: "累计Spoc学习人数",
|
|
itemStyle: {
|
|
color: "#589BE0"
|
|
}
|
|
}, {
|
|
value: (SBody === null || SBody === void 0 || (_SBody$all_data8 = SBody.all_data) === null || _SBody$all_data8 === void 0 ? void 0 : _SBody$all_data8.self_learn_num) || 0,
|
|
name: "累计自主学习人数",
|
|
itemStyle: {
|
|
color: "#FF9F3B"
|
|
}
|
|
}],
|
|
type: 'pie',
|
|
center: ['50%', '35%'],
|
|
//饼图位置
|
|
radius: ['50%', '70%'],
|
|
label: {
|
|
show: true,
|
|
position: 'center',
|
|
formatter: "{total|".concat(ToNumW((SBody === null || SBody === void 0 || (_SBody$all_data9 = SBody.all_data) === null || _SBody$all_data9 === void 0 ? void 0 : _SBody$all_data9.all_size) || 0), "}\n\r{active|\u7D2F\u8BA1\u5B66\u4E60\u603B\u4EBA\u6570}"),
|
|
rich: {
|
|
total: {
|
|
fontSize: 24,
|
|
fontFamily: "微软雅黑",
|
|
color: '#2C3A58'
|
|
},
|
|
active: {
|
|
fontFamily: "微软雅黑",
|
|
fontSize: 12,
|
|
color: '#434D6C',
|
|
lineHeight: 30
|
|
}
|
|
}
|
|
},
|
|
itemStyle: {
|
|
borderColor: "#f0f3f9",
|
|
borderWidth: 5
|
|
},
|
|
emphasis: {
|
|
scale: true,
|
|
scaleSize: 1
|
|
}
|
|
}]
|
|
};
|
|
};
|
|
var hanleCourseOption = function hanleCourseOption() {
|
|
// 课程数量统计
|
|
return {
|
|
// title: [
|
|
// { text: "课程数量统计", textStyle: { fontSize: 14, color: "#282F3F" } },
|
|
// { text: "(展示近一周课程数量变化)", left: "94px", top: "2px", textStyle: { fontSize: 12, color: "#70727E", fontWeight: 400 } }
|
|
// ],
|
|
tooltip: {
|
|
trigger: "axis",
|
|
backgroundColor: "#fff",
|
|
borderColor: "rgba(255,145,59,0.8)",
|
|
borderWidth: 1,
|
|
axisPointer: {
|
|
type: 'none'
|
|
},
|
|
textStyle: {
|
|
color: "#434D6C"
|
|
},
|
|
formatter: function formatter(params) {
|
|
return params.map(function (item) {
|
|
return "<div>\n <span style=\"display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:".concat(item.color.colorStops[0].color, "\"></span>\n <span style=\"color:#434D6C;font-size:12px\">").concat(item.seriesName, "</span><span style=\"margin-left:22px;font-size:12px;color:#2C3A58;font-Weight:600\">").concat(item.value, "</span>\n </div>");
|
|
}).join('');
|
|
}
|
|
},
|
|
// legend: {
|
|
// show: true,
|
|
// right: 0,
|
|
// itemWidth: 22,
|
|
// itemHeight: 6,
|
|
// },
|
|
|
|
grid: {
|
|
right: 0,
|
|
left: 30,
|
|
top: 20,
|
|
bottom: 20
|
|
},
|
|
// dataZoom: [
|
|
// // 滚动条
|
|
// {
|
|
// start: 0,//默认为0
|
|
// end: 1000 ,//默认为100
|
|
// type: 'slider',
|
|
// show: false,
|
|
// xAxisIndex: [0],
|
|
// handleSize: 0,//滑动条的 左右2个滑动条的大小
|
|
// height: 0,//组件高度
|
|
// left: '10%', //左边的距离
|
|
// right: '10%',//右边的距离
|
|
// bottom: 26,//右边的距离
|
|
// // borderColor: "#000",
|
|
// // fillerColor: '#269cdb',
|
|
// //borderRadius:5,
|
|
// //backgroundColor: '#33384b',//两边未选中的滑动条区域的颜色
|
|
// showDataShadow: false,//是否显示数据阴影 默认auto
|
|
// showDetail: false,//即拖拽时候是否显示详细数值信息 默认true
|
|
// realtime: true, //是否实时更新
|
|
// filterMode: 'filter',
|
|
// zoomLock: true,
|
|
// },
|
|
// // 拖动内容
|
|
// {
|
|
// type: 'inside',
|
|
// show: true,
|
|
// xAxisIndex: [0],
|
|
// start: 0,//默认为1
|
|
// end: 1000 ,//默认为100
|
|
// },
|
|
// ],
|
|
xAxis: {
|
|
type: 'category',
|
|
data: transXAxis(),
|
|
silent: false,
|
|
axisTick: {
|
|
show: false
|
|
},
|
|
splitLine: {
|
|
show: false
|
|
},
|
|
axisLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
color: "#E1E4E9",
|
|
width: 0.5
|
|
}
|
|
},
|
|
axisLabel: {
|
|
color: "#9399A5",
|
|
interval: 0
|
|
}
|
|
},
|
|
yAxis: {
|
|
type: 'value',
|
|
minInterval: 1,
|
|
axisLabel: {
|
|
color: "#9399A5",
|
|
formatter: ToNumW
|
|
},
|
|
axisTick: {
|
|
show: false
|
|
},
|
|
axisLine: {
|
|
show: false
|
|
},
|
|
splitLine: {
|
|
lineStyle: {
|
|
color: "#E9EBF0",
|
|
type: "dashed",
|
|
width: 0.5
|
|
}
|
|
}
|
|
},
|
|
series: [{
|
|
name: '课程数量',
|
|
type: 'line',
|
|
stack: 'Total',
|
|
data: (StatInfo === null || StatInfo === void 0 ? void 0 : StatInfo.nums) || [],
|
|
areaStyle: {},
|
|
color: {
|
|
type: 'linear',
|
|
x: 0,
|
|
y: 0,
|
|
x2: 0,
|
|
y2: 1,
|
|
colorStops: [{
|
|
offset: 0,
|
|
color: 'rgba(255,145,59,0.8)' // 0% 处的颜色
|
|
}, {
|
|
offset: 1,
|
|
color: 'rgba(255,182,59,0)' // 100% 处的颜色
|
|
}]
|
|
}
|
|
}]
|
|
};
|
|
};
|
|
var transXAxis = function transXAxis() {
|
|
var _StatInfo$times;
|
|
return StatInfo === null || StatInfo === void 0 || (_StatInfo$times = StatInfo.times) === null || _StatInfo$times === void 0 ? void 0 : _StatInfo$times.map(function (item) {
|
|
return item;
|
|
});
|
|
// if (StatInfo?.time_type == 1)
|
|
// return StatInfo?.times?.map((item: any) => `第${item}天`) || []
|
|
// if (StatInfo?.time_type == 2)
|
|
// return StatInfo?.times?.map((item: any) => `第${item}周`) || []
|
|
// if (StatInfo?.time_type == 3)
|
|
// return StatInfo?.times?.map((item: any) => `第${item}月`) || []
|
|
};
|
|
var disabledDate = function disabledDate(current) {
|
|
if (!dateValue) {
|
|
return false;
|
|
}
|
|
var tooLate = dateValue[0] && current.diff(dateValue[0], 'years') > 5;
|
|
var tooEarly = dateValue[1] && dateValue[1].diff(current, 'years') > 5;
|
|
return !!tooEarly || !!tooLate || current > dayjs_min_default()().subtract(1, 'days');
|
|
};
|
|
(0,_react_17_0_2_react.useEffect)(function () {
|
|
(0,util/* setDocumentTitle */.Dk)("实践课程概览");
|
|
getStatisticsHeader();
|
|
getStatisticsBody();
|
|
getRankList();
|
|
getOnlineCount();
|
|
getStatData();
|
|
var handleHeaderAndRank = setInterval(function () {
|
|
getStatisticsHeader();
|
|
getRankList();
|
|
getStatisticsBody();
|
|
}, 1000 * 60 * 5);
|
|
var handleOnlineCount = setInterval(function () {
|
|
getOnlineCount();
|
|
}, 1000 * 5);
|
|
var handleNowInt = setInterval(function () {
|
|
setNowTime(dayjs_min_default()().format("YYYY-MM-DD HH:mm:ss"));
|
|
}, 1000);
|
|
return function () {
|
|
clearInterval(handleNowInt);
|
|
clearInterval(handleOnlineCount);
|
|
clearInterval(handleHeaderAndRank);
|
|
};
|
|
}, []);
|
|
(0,_react_17_0_2_react.useEffect)(function () {
|
|
getSubjectUseInfos();
|
|
}, [urlData]);
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)("section", {
|
|
style: {
|
|
background: "#f5f6f9",
|
|
width: "100%",
|
|
height: "100%",
|
|
overflow: "hidden"
|
|
},
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
style: {
|
|
width: 1400,
|
|
margin: "0 auto"
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(breadcrumb/* default */.Z, {
|
|
className: "font12 mt17",
|
|
separator: ">",
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(breadcrumb/* default */.Z.Item, {
|
|
href: "/paths",
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
style: {
|
|
color: "#C5C5C5"
|
|
},
|
|
children: "\u5B9E\u8DF5\u8BFE\u7A0B"
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(breadcrumb/* default */.Z.Item, {
|
|
href: "#",
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
style: {
|
|
color: "#5F6368"
|
|
},
|
|
children: "\u6982\u89C8\u7EDF\u8BA1"
|
|
})
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
className: "mt10",
|
|
justify: "center",
|
|
align: "middle",
|
|
style: {
|
|
position: "relative"
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
|
|
src: TitleImg_namespaceObject,
|
|
height: 26
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
|
|
style: {
|
|
lineHeight: "28px",
|
|
color: "#282F3F",
|
|
fontWeight: 600,
|
|
fontSize: "26px",
|
|
marginLeft: "12px"
|
|
},
|
|
children: "\u5B9E\u8DF5\u8BFE\u7A0B\u6982\u89C8"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: "font14",
|
|
style: {
|
|
position: "absolute",
|
|
right: 0,
|
|
color: "#707785"
|
|
},
|
|
children: nowTime
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
className: "mt30",
|
|
justify: "space-between",
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
className: Overviewmodules.PathsBg,
|
|
align: "middle",
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
|
|
className: Overviewmodules.TitleStyle,
|
|
style: {
|
|
position: "absolute",
|
|
top: "20px"
|
|
},
|
|
children: "\u5B9E\u8DF5\u8BFE\u7A0B\u6570\u91CF"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(row/* default */.Z, {
|
|
style: {
|
|
background: "linear-gradient(180deg, #F8B420 0%, #EF4B0E 100%)",
|
|
height: 54,
|
|
width: 54,
|
|
borderRadius: "50%"
|
|
},
|
|
justify: "center",
|
|
align: "middle",
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
className: "iconfont icon-shiyankecheng1 font24",
|
|
style: {
|
|
color: "#fff"
|
|
}
|
|
})
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(col/* default */.Z, {
|
|
className: "ml20",
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
style: {
|
|
color: "#1B1B1B",
|
|
fontWeight: "bold",
|
|
fontSize: "24px"
|
|
},
|
|
children: SHeader === null || SHeader === void 0 ? void 0 : SHeader.subject_size
|
|
}), (SHeader === null || SHeader === void 0 ? void 0 : SHeader.new_subject_size) > 0 && /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
className: "ml10",
|
|
style: {
|
|
color: "#5A5A5A"
|
|
},
|
|
children: ["\u8F83\u6628\u65E5", /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
className: "ml5",
|
|
style: {
|
|
color: "#2C8BED"
|
|
},
|
|
children: ["+", SHeader === null || SHeader === void 0 ? void 0 : SHeader.new_subject_size, /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
className: "iconfont icon-shangsheng font12"
|
|
})]
|
|
})]
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: "mt5 font14",
|
|
style: {
|
|
color: "#000000"
|
|
},
|
|
children: "\u5F53\u524D\u603B\u8BFE\u7A0B\u6570"
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
|
|
className: Overviewmodules.BorderStyle
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
|
|
flex: 1,
|
|
children: PathsNum.map(function (item, index) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
wrap: false,
|
|
style: {
|
|
whiteSpace: "nowrap",
|
|
marginBottom: "12px"
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
|
|
className: "font12",
|
|
style: {
|
|
color: "#5A5A5A"
|
|
},
|
|
children: item.name
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(progress/* default */.Z, {
|
|
percent: item.percent,
|
|
strokeColor: item.color,
|
|
showInfo: false,
|
|
size: "small",
|
|
style: {
|
|
margin: "0 10px"
|
|
}
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
|
|
className: "font14",
|
|
style: {
|
|
fontWeight: 500,
|
|
color: "#2C3A58"
|
|
},
|
|
children: item.num
|
|
})]
|
|
}, index);
|
|
})
|
|
})]
|
|
}), ItemNum.map(function (item, index) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
className: "".concat(Overviewmodules.TopItemNum),
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
|
|
alt: item.name,
|
|
src: item === null || item === void 0 ? void 0 : item.img,
|
|
width: 40,
|
|
height: 40
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: "mt30",
|
|
style: {
|
|
color: "#2C3A58",
|
|
fontWeight: "bold",
|
|
fontSize: "24px",
|
|
lineHeight: "30px"
|
|
},
|
|
children: item.num
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: "mt4 font12",
|
|
style: {
|
|
color: "#434D6C",
|
|
lineHeight: "20px"
|
|
},
|
|
children: item.name
|
|
})]
|
|
}, index);
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
className: "mt20",
|
|
wrap: false,
|
|
style: {
|
|
gap: "0px 14px"
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
style: {
|
|
gap: "14px 14px",
|
|
width: 864
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Overviewmodules.DivInit,
|
|
style: {
|
|
width: 579,
|
|
height: 295
|
|
},
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
option: hanleLearnOption(),
|
|
style: {
|
|
height: "100%"
|
|
}
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Overviewmodules.DivInit,
|
|
style: {
|
|
width: 271,
|
|
height: 295
|
|
},
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
option: hanleLearnPieOption(),
|
|
style: {
|
|
height: "100%"
|
|
}
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Overviewmodules.DivInit,
|
|
style: {
|
|
width: "100%"
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
style: {
|
|
display: 'flex',
|
|
alignItems: "center",
|
|
justifyContent: 'space-between'
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
style: {
|
|
color: '#282F3F',
|
|
fontWeight: '600'
|
|
},
|
|
children: "\u8BFE\u7A0B\u65B0\u589E\u6570\u636E\u7EDF\u8BA1"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
style: {
|
|
display: "flex",
|
|
alignItems: 'center',
|
|
justifyContent: "space-between"
|
|
},
|
|
className: Overviewmodules.statistic,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(es_select["default"], {
|
|
style: {
|
|
width: 99,
|
|
marginRight: 20,
|
|
fontSize: 12
|
|
},
|
|
size: "small",
|
|
value: picker,
|
|
onChange: function onChange(key) {
|
|
setPicker(key);
|
|
if (key == 'year') {
|
|
statParams.start_time = dayjs_min_default()(dayjs_min_default()().subtract(1, 'years')).format('YYYY-MM-DD');
|
|
statParams.end_time = dayjs_min_default()(dayjs_min_default()().subtract(1, 'days')).format('YYYY-MM-DD');
|
|
defauleDate.start_time = dayjs_min_default()(dayjs_min_default()().subtract(1, 'years'));
|
|
defauleDate.end_time = dayjs_min_default()(dayjs_min_default()().subtract(1, 'days'));
|
|
}
|
|
if (key == 'month') {
|
|
statParams.start_time = dayjs_min_default()(dayjs_min_default()().subtract(1, 'months')).format('YYYY-MM-DD');
|
|
statParams.end_time = dayjs_min_default()(dayjs_min_default()().subtract(1, 'days')).format('YYYY-MM-DD');
|
|
defauleDate.start_time = dayjs_min_default()(dayjs_min_default()().subtract(1, 'months'));
|
|
defauleDate.end_time = dayjs_min_default()(dayjs_min_default()().subtract(1, 'days'));
|
|
}
|
|
if (key == 'week') {
|
|
statParams.start_time = dayjs_min_default()(dayjs_min_default()().subtract(1, 'weeks')).format('YYYY-MM-DD');
|
|
statParams.end_time = dayjs_min_default()(dayjs_min_default()().subtract(1, 'days')).format('YYYY-MM-DD');
|
|
defauleDate.start_time = dayjs_min_default()(dayjs_min_default()().subtract(1, 'weeks'));
|
|
defauleDate.end_time = dayjs_min_default()(dayjs_min_default()().subtract(1, 'days'));
|
|
}
|
|
setStatParams(objectSpread2_default()({}, statParams));
|
|
setDefaultDate(objectSpread2_default()({}, defauleDate));
|
|
getStatData();
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Option, {
|
|
value: "all",
|
|
children: "\u81EA\u5B9A\u4E49"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(Option, {
|
|
value: "year",
|
|
children: "\u8FD1\u4E00\u5E74"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(Option, {
|
|
value: "month",
|
|
children: "\u8FD1\u4E00\u4E2A\u6708"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(Option, {
|
|
value: "week",
|
|
children: "\u8FD1\u4E00\u5468"
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(RangePicker, {
|
|
style: {
|
|
width: 246
|
|
},
|
|
allowClear: false,
|
|
disabledDate: disabledDate,
|
|
defaultValue: [dayjs_min_default()(defauleDate.start_time, 'YYYY-MM-DD'), dayjs_min_default()(defauleDate.end_time, 'YYYY-MM-DD')],
|
|
value: dateValue || [dayjs_min_default()(statParams.start_time, 'YYYY-MM-DD'), dayjs_min_default()(statParams.end_time, 'YYYY-MM-DD')],
|
|
format: 'YYYY-MM-DD',
|
|
onCalendarChange: function onCalendarChange(val) {
|
|
return setDateValue(val);
|
|
},
|
|
onOpenChange: function onOpenChange(open) {
|
|
if (open) {
|
|
setDateValue([null, null]);
|
|
} else {
|
|
setDateValue(null);
|
|
}
|
|
},
|
|
onChange: function onChange(date, dateString) {
|
|
console.log(dateString);
|
|
statParams.start_time = dateString[0];
|
|
statParams.end_time = dateString[1];
|
|
setStatParams(objectSpread2_default()({}, statParams));
|
|
setPicker("all");
|
|
getStatData();
|
|
}
|
|
})]
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
style: {
|
|
height: 205,
|
|
flex: 1
|
|
},
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
option: hanleCourseOption(),
|
|
style: {
|
|
height: "100%"
|
|
}
|
|
})
|
|
})]
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
className: "".concat(Overviewmodules.DivInit, " ").concat(Overviewmodules.LearnChart, " font14"),
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
align: "middle",
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
|
|
src: hotIcon_namespaceObject,
|
|
height: 24,
|
|
width: 21
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
style: {
|
|
marginLeft: "12px",
|
|
color: "#FFFFFF",
|
|
letterSpacing: "2px",
|
|
fontWeight: "bold"
|
|
},
|
|
children: "\u6700\u70ED\u5B66\u4E60\u699Ctop10"
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: "mt25",
|
|
style: {
|
|
flex: 1,
|
|
width: "100%",
|
|
background: "#fff",
|
|
borderRadius: "12px",
|
|
padding: "30px 18px 0"
|
|
},
|
|
children: RankList === null || RankList === void 0 || (_RankList$learn_list = RankList.learn_list) === null || _RankList$learn_list === void 0 ? void 0 : _RankList$learn_list.map(function (item, index) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
className: Overviewmodules.LearnChartItem,
|
|
wrap: false,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
|
|
flex: "66px",
|
|
className: Overviewmodules.LearnChartItemRank,
|
|
children: [1, 2, 3].includes(item.rank) ? ChartImg({
|
|
index: item.rank,
|
|
width: 14,
|
|
height: 14
|
|
}) : item.rank
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
|
|
flex: "305px",
|
|
className: "".concat(Overviewmodules.Onerow, " ").concat(Overviewmodules.LearnChartItemName),
|
|
onClick: function onClick() {
|
|
index != 0 && (0,util/* openNewWindow */.xg)("/paths/".concat(item.identifier));
|
|
},
|
|
children: index == 0 ? item.name : /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "topLeft",
|
|
title: item.name,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
children: item.name
|
|
})
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
|
|
flex: 1,
|
|
className: Overviewmodules.LearnChartItemData,
|
|
children: ToNumW(item.data)
|
|
})]
|
|
}, index);
|
|
})
|
|
})]
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
className: "mt20",
|
|
style: {
|
|
height: 387,
|
|
gap: "14px"
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
className: "".concat(Overviewmodules.DivInit, " ").concat(Overviewmodules.HotChart),
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
style: {
|
|
marginLeft: "12px",
|
|
color: "#ffffff",
|
|
letterSpacing: "2px",
|
|
fontWeight: "bold"
|
|
},
|
|
children: "\u4EBA\u6C14\u70ED\u95E8\u699Ctop10"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: "mt20 ".concat(Overviewmodules.ChartDiv),
|
|
children: RankList === null || RankList === void 0 || (_RankList$interact_li = RankList.interact_list) === null || _RankList$interact_li === void 0 ? void 0 : _RankList$interact_li.map(function (item, index) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Overviewmodules.ChartDivItem,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Overviewmodules.ChartDivItemph,
|
|
children: [1, 2, 3].includes(item.rank) ? ChartImg({
|
|
index: item.rank,
|
|
width: 14,
|
|
height: 14
|
|
}) : item.rank
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: "ml10",
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "topLeft",
|
|
title: item.name,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: "primary-hover ".concat(Overviewmodules.Onerow, " ").concat(Overviewmodules.ChartDivItemName),
|
|
style: {
|
|
cursor: "pointer"
|
|
},
|
|
onClick: function onClick() {
|
|
(0,util/* openNewWindow */.xg)("/paths/".concat(item.identifier));
|
|
},
|
|
children: item.name
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: "mt5 font12",
|
|
style: {
|
|
color: "#EA6106"
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
style: {
|
|
color: "#707785"
|
|
},
|
|
children: "\u4E92\u52A8\u8BA8\u8BBA\u6570\uFF1A"
|
|
}), item.data]
|
|
})]
|
|
})]
|
|
}, index);
|
|
})
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
className: "".concat(Overviewmodules.DivInit, " ").concat(Overviewmodules.ClassChart),
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
style: {
|
|
marginLeft: "12px",
|
|
color: "#ffffff",
|
|
letterSpacing: "2px",
|
|
fontWeight: "bold"
|
|
},
|
|
children: "\u8BFE\u5802\u5F15\u7528\u70ED\u699Ctop10"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: "mt20 ".concat(Overviewmodules.ChartDiv),
|
|
children: RankList === null || RankList === void 0 || (_RankList$quote_list = RankList.quote_list) === null || _RankList$quote_list === void 0 ? void 0 : _RankList$quote_list.map(function (item, index) {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Overviewmodules.ChartDivItem,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Overviewmodules.ChartDivItemph,
|
|
children: [1, 2, 3].includes(item.rank) ? ChartImg({
|
|
index: item.rank,
|
|
width: 14,
|
|
height: 14
|
|
}) : item.rank
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: "ml10",
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "topLeft",
|
|
title: item.name,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: "primary-hover ".concat(Overviewmodules.Onerow, " ").concat(Overviewmodules.ChartDivItemName),
|
|
style: {
|
|
cursor: "pointer"
|
|
},
|
|
onClick: function onClick() {
|
|
(0,util/* openNewWindow */.xg)("/paths/".concat(item.identifier));
|
|
},
|
|
children: item.name
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: "mt5 font12",
|
|
style: {
|
|
color: "#EA6106"
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
style: {
|
|
color: "#707785"
|
|
},
|
|
children: "\u5F15\u7528\u6B21\u6570\uFF1A"
|
|
}), item.data]
|
|
})]
|
|
})]
|
|
}, index);
|
|
})
|
|
})]
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: "mt20 mb20 ".concat(Overviewmodules.DivInit),
|
|
style: {
|
|
position: "relative",
|
|
paddingTop: "54px "
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Overviewmodules.TitleStyle,
|
|
style: {
|
|
position: "absolute",
|
|
top: "20px"
|
|
},
|
|
children: "\u8BFE\u7A0B\u4F7F\u7528\u8BE6\u60C5"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(table/* default */.Z, {
|
|
columns: columns,
|
|
dataSource: SubjectUseInfos === null || SubjectUseInfos === void 0 ? void 0 : SubjectUseInfos.list,
|
|
locale: {
|
|
emptyText: /*#__PURE__*/(0,jsx_runtime.jsx)(NoData/* default */.Z, {})
|
|
},
|
|
pagination: false,
|
|
loading: !!loading["pathsOverview/getSubjectUseInfos"],
|
|
onChange: function onChange(a, b, c) {
|
|
getSubjectUseInfos(objectSpread2_default()(objectSpread2_default()({}, urlData), {}, defineProperty_default()({}, "".concat(c.field), c.order ? c.order === 'ascend' ? true : false : null)));
|
|
}
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
className: "mt20",
|
|
wrap: false,
|
|
align: "middle",
|
|
justify: "space-between",
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(col/* default */.Z, {
|
|
children: ["\u5171\xA0", /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
style: {
|
|
color: "#165DFF"
|
|
},
|
|
children: (SubjectUseInfos === null || SubjectUseInfos === void 0 ? void 0 : SubjectUseInfos.total_num) || 0
|
|
}), "\xA0\u6570\u636E"]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(pagination/* default */.Z, {
|
|
showSizeChanger: true,
|
|
showQuickJumper: true,
|
|
current: urlData.page,
|
|
pageSize: urlData.limit,
|
|
total: (SubjectUseInfos === null || SubjectUseInfos === void 0 ? void 0 : SubjectUseInfos.total_num) || 0,
|
|
onShowSizeChange: function onShowSizeChange(page, limit) {
|
|
return setUrlData(objectSpread2_default()(objectSpread2_default()({}, urlData), {}, {
|
|
page: page,
|
|
limit: limit
|
|
}));
|
|
},
|
|
onChange: function onChange(page, limit) {
|
|
return setUrlData(objectSpread2_default()(objectSpread2_default()({}, urlData), {}, {
|
|
page: page,
|
|
limit: limit
|
|
}));
|
|
}
|
|
})
|
|
})]
|
|
})]
|
|
})]
|
|
})
|
|
});
|
|
};
|
|
/* harmony default export */ var Overview = ((0,_umi_production_exports.connect)(function (_ref4) {
|
|
var loading = _ref4.loading,
|
|
pathsOverview = _ref4.pathsOverview;
|
|
return {
|
|
loading: loading.effects,
|
|
pathsOverview: pathsOverview
|
|
};
|
|
})(Page));
|
|
|
|
/***/ }),
|
|
|
|
/***/ 66104:
|
|
/*!**************************************************************************!*\
|
|
!*** ./node_modules/_antd@5.9.0@antd/es/breadcrumb/index.js + 6 modules ***!
|
|
\**************************************************************************/
|
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
// EXPORTS
|
|
__webpack_require__.d(__webpack_exports__, {
|
|
Z: function() { return /* binding */ breadcrumb; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/_classnames@2.5.1@classnames/index.js
|
|
var _classnames_2_5_1_classnames = __webpack_require__(92310);
|
|
var _classnames_2_5_1_classnames_default = /*#__PURE__*/__webpack_require__.n(_classnames_2_5_1_classnames);
|
|
// EXTERNAL MODULE: ./node_modules/_rc-util@5.44.4@rc-util/es/Children/toArray.js
|
|
var toArray = __webpack_require__(11592);
|
|
// EXTERNAL MODULE: ./node_modules/_rc-util@5.44.4@rc-util/es/pickAttrs.js
|
|
var pickAttrs = __webpack_require__(26112);
|
|
// 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/_util/reactNode.js
|
|
var reactNode = __webpack_require__(92343);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/config-provider/context.js
|
|
var context = __webpack_require__(36355);
|
|
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.6.1@@ant-design/icons/es/icons/DownOutlined.js + 1 modules
|
|
var DownOutlined = __webpack_require__(84105);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/dropdown/dropdown.js
|
|
var dropdown = __webpack_require__(91857);
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/breadcrumb/BreadcrumbSeparator.js
|
|
"use client";
|
|
|
|
|
|
|
|
const BreadcrumbSeparator = _ref => {
|
|
let {
|
|
children
|
|
} = _ref;
|
|
const {
|
|
getPrefixCls
|
|
} = _react_17_0_2_react.useContext(context/* ConfigContext */.E_);
|
|
const prefixCls = getPrefixCls('breadcrumb');
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement("li", {
|
|
className: `${prefixCls}-separator`,
|
|
"aria-hidden": "true"
|
|
}, children === '' ? children : children || '/');
|
|
};
|
|
BreadcrumbSeparator.__ANT_BREADCRUMB_SEPARATOR = true;
|
|
/* harmony default export */ var breadcrumb_BreadcrumbSeparator = (BreadcrumbSeparator);
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/breadcrumb/useItemRender.js
|
|
"use client";
|
|
|
|
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
var t = {};
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
|
|
|
|
function getBreadcrumbName(route, params) {
|
|
if (route.title === undefined || route.title === null) {
|
|
return null;
|
|
}
|
|
const paramsKeys = Object.keys(params).join('|');
|
|
return typeof route.title === 'object' ? route.title : String(route.title).replace(new RegExp(`:(${paramsKeys})`, 'g'), (replacement, key) => params[key] || replacement);
|
|
}
|
|
function renderItem(prefixCls, item, children, href) {
|
|
if (children === null || children === undefined) {
|
|
return null;
|
|
}
|
|
const {
|
|
className,
|
|
onClick
|
|
} = item,
|
|
restItem = __rest(item, ["className", "onClick"]);
|
|
const passedProps = Object.assign(Object.assign({}, (0,pickAttrs/* default */.Z)(restItem, {
|
|
data: true,
|
|
aria: true
|
|
})), {
|
|
onClick
|
|
});
|
|
if (href !== undefined) {
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement("a", Object.assign({}, passedProps, {
|
|
className: _classnames_2_5_1_classnames_default()(`${prefixCls}-link`, className),
|
|
href: href
|
|
}), children);
|
|
}
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement("span", Object.assign({}, passedProps, {
|
|
className: _classnames_2_5_1_classnames_default()(`${prefixCls}-link`, className)
|
|
}), children);
|
|
}
|
|
function useItemRender(prefixCls, itemRender) {
|
|
const mergedItemRender = (item, params, routes, path, href) => {
|
|
if (itemRender) {
|
|
return itemRender(item, params, routes, path);
|
|
}
|
|
const name = getBreadcrumbName(item, params);
|
|
return renderItem(prefixCls, item, name, href);
|
|
};
|
|
return mergedItemRender;
|
|
}
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/breadcrumb/BreadcrumbItem.js
|
|
"use client";
|
|
|
|
var BreadcrumbItem_rest = undefined && undefined.__rest || function (s, e) {
|
|
var t = {};
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const InternalBreadcrumbItem = props => {
|
|
const {
|
|
prefixCls,
|
|
separator = '/',
|
|
children,
|
|
menu,
|
|
overlay,
|
|
dropdownProps,
|
|
href
|
|
} = props;
|
|
// Warning for deprecated usage
|
|
if (false) {}
|
|
/** If overlay is have Wrap a Dropdown */
|
|
const renderBreadcrumbNode = breadcrumbItem => {
|
|
if (menu || overlay) {
|
|
const mergeDropDownProps = Object.assign({}, dropdownProps);
|
|
if (menu) {
|
|
const _a = menu || {},
|
|
{
|
|
items
|
|
} = _a,
|
|
menuProps = BreadcrumbItem_rest(_a, ["items"]);
|
|
mergeDropDownProps.menu = Object.assign(Object.assign({}, menuProps), {
|
|
items: items === null || items === void 0 ? void 0 : items.map((_a, index) => {
|
|
var {
|
|
key,
|
|
title,
|
|
label,
|
|
path
|
|
} = _a,
|
|
itemProps = BreadcrumbItem_rest(_a, ["key", "title", "label", "path"]);
|
|
let mergedLabel = label !== null && label !== void 0 ? label : title;
|
|
if (path) {
|
|
mergedLabel = /*#__PURE__*/_react_17_0_2_react.createElement("a", {
|
|
href: `${href}${path}`
|
|
}, mergedLabel);
|
|
}
|
|
return Object.assign(Object.assign({}, itemProps), {
|
|
key: key !== null && key !== void 0 ? key : index,
|
|
label: mergedLabel
|
|
});
|
|
})
|
|
});
|
|
} else if (overlay) {
|
|
mergeDropDownProps.overlay = overlay;
|
|
}
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(dropdown/* default */.Z, Object.assign({
|
|
placement: "bottom"
|
|
}, mergeDropDownProps), /*#__PURE__*/_react_17_0_2_react.createElement("span", {
|
|
className: `${prefixCls}-overlay-link`
|
|
}, breadcrumbItem, /*#__PURE__*/_react_17_0_2_react.createElement(DownOutlined/* default */.Z, null)));
|
|
}
|
|
return breadcrumbItem;
|
|
};
|
|
// wrap to dropDown
|
|
const link = renderBreadcrumbNode(children);
|
|
if (link !== undefined && link !== null) {
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(_react_17_0_2_react.Fragment, null, /*#__PURE__*/_react_17_0_2_react.createElement("li", null, link), separator && /*#__PURE__*/_react_17_0_2_react.createElement(breadcrumb_BreadcrumbSeparator, null, separator));
|
|
}
|
|
return null;
|
|
};
|
|
const BreadcrumbItem = props => {
|
|
const {
|
|
prefixCls: customizePrefixCls,
|
|
children,
|
|
href
|
|
} = props,
|
|
restProps = BreadcrumbItem_rest(props, ["prefixCls", "children", "href"]);
|
|
const {
|
|
getPrefixCls
|
|
} = _react_17_0_2_react.useContext(context/* ConfigContext */.E_);
|
|
const prefixCls = getPrefixCls('breadcrumb', customizePrefixCls);
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(InternalBreadcrumbItem, Object.assign({}, restProps, {
|
|
prefixCls: prefixCls
|
|
}), renderItem(prefixCls, restProps, children, href));
|
|
};
|
|
BreadcrumbItem.__ANT_BREADCRUMB_ITEM = true;
|
|
/* harmony default export */ var breadcrumb_BreadcrumbItem = (BreadcrumbItem);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/style/index.js
|
|
var style = __webpack_require__(17313);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/theme/util/genComponentStyleHook.js
|
|
var genComponentStyleHook = __webpack_require__(83116);
|
|
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/theme/util/statistic.js
|
|
var statistic = __webpack_require__(37613);
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/breadcrumb/style/index.js
|
|
|
|
|
|
const genBreadcrumbStyle = token => {
|
|
const {
|
|
componentCls,
|
|
iconCls
|
|
} = token;
|
|
return {
|
|
[componentCls]: Object.assign(Object.assign({}, (0,style/* resetComponent */.Wf)(token)), {
|
|
color: token.itemColor,
|
|
fontSize: token.fontSize,
|
|
[iconCls]: {
|
|
fontSize: token.iconFontSize
|
|
},
|
|
ol: {
|
|
display: 'flex',
|
|
flexWrap: 'wrap',
|
|
margin: 0,
|
|
padding: 0,
|
|
listStyle: 'none'
|
|
},
|
|
a: Object.assign({
|
|
color: token.linkColor,
|
|
transition: `color ${token.motionDurationMid}`,
|
|
padding: `0 ${token.paddingXXS}px`,
|
|
borderRadius: token.borderRadiusSM,
|
|
height: token.lineHeight * token.fontSize,
|
|
display: 'inline-block',
|
|
marginInline: -token.marginXXS,
|
|
'&:hover': {
|
|
color: token.linkHoverColor,
|
|
backgroundColor: token.colorBgTextHover
|
|
}
|
|
}, (0,style/* genFocusStyle */.Qy)(token)),
|
|
[`li:last-child`]: {
|
|
color: token.lastItemColor
|
|
},
|
|
[`${componentCls}-separator`]: {
|
|
marginInline: token.separatorMargin,
|
|
color: token.separatorColor
|
|
},
|
|
[`${componentCls}-link`]: {
|
|
[`
|
|
> ${iconCls} + span,
|
|
> ${iconCls} + a
|
|
`]: {
|
|
marginInlineStart: token.marginXXS
|
|
}
|
|
},
|
|
[`${componentCls}-overlay-link`]: {
|
|
borderRadius: token.borderRadiusSM,
|
|
height: token.lineHeight * token.fontSize,
|
|
display: 'inline-block',
|
|
padding: `0 ${token.paddingXXS}px`,
|
|
marginInline: -token.marginXXS,
|
|
[`> ${iconCls}`]: {
|
|
marginInlineStart: token.marginXXS,
|
|
fontSize: token.fontSizeIcon
|
|
},
|
|
'&:hover': {
|
|
color: token.linkHoverColor,
|
|
backgroundColor: token.colorBgTextHover,
|
|
a: {
|
|
color: token.linkHoverColor
|
|
}
|
|
},
|
|
a: {
|
|
'&:hover': {
|
|
backgroundColor: 'transparent'
|
|
}
|
|
}
|
|
},
|
|
// rtl style
|
|
[`&${token.componentCls}-rtl`]: {
|
|
direction: 'rtl'
|
|
}
|
|
})
|
|
};
|
|
};
|
|
// ============================== Export ==============================
|
|
/* harmony default export */ var breadcrumb_style = ((0,genComponentStyleHook/* default */.Z)('Breadcrumb', token => {
|
|
const BreadcrumbToken = (0,statistic/* merge */.TS)(token, {});
|
|
return [genBreadcrumbStyle(BreadcrumbToken)];
|
|
}, token => ({
|
|
itemColor: token.colorTextDescription,
|
|
lastItemColor: token.colorText,
|
|
iconFontSize: token.fontSize,
|
|
linkColor: token.colorTextDescription,
|
|
linkHoverColor: token.colorText,
|
|
separatorColor: token.colorTextDescription,
|
|
separatorMargin: token.marginXS
|
|
})));
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/breadcrumb/useItems.js
|
|
var useItems_rest = undefined && undefined.__rest || function (s, e) {
|
|
var t = {};
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
function route2item(route) {
|
|
const {
|
|
breadcrumbName,
|
|
children
|
|
} = route,
|
|
rest = useItems_rest(route, ["breadcrumbName", "children"]);
|
|
const clone = Object.assign({
|
|
title: breadcrumbName
|
|
}, rest);
|
|
if (children) {
|
|
clone.menu = {
|
|
items: children.map(_a => {
|
|
var {
|
|
breadcrumbName: itemBreadcrumbName
|
|
} = _a,
|
|
itemProps = useItems_rest(_a, ["breadcrumbName"]);
|
|
return Object.assign(Object.assign({}, itemProps), {
|
|
title: itemBreadcrumbName
|
|
});
|
|
})
|
|
};
|
|
}
|
|
return clone;
|
|
}
|
|
function useItems(items, routes) {
|
|
return (0,_react_17_0_2_react.useMemo)(() => {
|
|
if (items) {
|
|
return items;
|
|
}
|
|
if (routes) {
|
|
return routes.map(route2item);
|
|
}
|
|
return null;
|
|
}, [items, routes]);
|
|
}
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/breadcrumb/Breadcrumb.js
|
|
"use client";
|
|
|
|
var Breadcrumb_rest = undefined && undefined.__rest || function (s, e) {
|
|
var t = {};
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const getPath = (params, path) => {
|
|
if (path === undefined) {
|
|
return path;
|
|
}
|
|
let mergedPath = (path || '').replace(/^\//, '');
|
|
Object.keys(params).forEach(key => {
|
|
mergedPath = mergedPath.replace(`:${key}`, params[key]);
|
|
});
|
|
return mergedPath;
|
|
};
|
|
const Breadcrumb = props => {
|
|
const {
|
|
prefixCls: customizePrefixCls,
|
|
separator = '/',
|
|
style,
|
|
className,
|
|
rootClassName,
|
|
routes: legacyRoutes,
|
|
items,
|
|
children,
|
|
itemRender,
|
|
params = {}
|
|
} = props,
|
|
restProps = Breadcrumb_rest(props, ["prefixCls", "separator", "style", "className", "rootClassName", "routes", "items", "children", "itemRender", "params"]);
|
|
const {
|
|
getPrefixCls,
|
|
direction,
|
|
breadcrumb
|
|
} = _react_17_0_2_react.useContext(context/* ConfigContext */.E_);
|
|
let crumbs;
|
|
const prefixCls = getPrefixCls('breadcrumb', customizePrefixCls);
|
|
const [wrapSSR, hashId] = breadcrumb_style(prefixCls);
|
|
const mergedItems = useItems(items, legacyRoutes);
|
|
if (false) {}
|
|
const mergedItemRender = useItemRender(prefixCls, itemRender);
|
|
if (mergedItems && mergedItems.length > 0) {
|
|
// generated by route
|
|
const paths = [];
|
|
const itemRenderRoutes = items || legacyRoutes;
|
|
crumbs = mergedItems.map((item, index) => {
|
|
const {
|
|
path,
|
|
key,
|
|
type,
|
|
menu,
|
|
overlay,
|
|
onClick,
|
|
className: itemClassName,
|
|
separator: itemSeparator,
|
|
dropdownProps
|
|
} = item;
|
|
const mergedPath = getPath(params, path);
|
|
if (mergedPath !== undefined) {
|
|
paths.push(mergedPath);
|
|
}
|
|
const mergedKey = key !== null && key !== void 0 ? key : index;
|
|
if (type === 'separator') {
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(breadcrumb_BreadcrumbSeparator, {
|
|
key: mergedKey
|
|
}, itemSeparator);
|
|
}
|
|
const itemProps = {};
|
|
const isLastItem = index === mergedItems.length - 1;
|
|
if (menu) {
|
|
itemProps.menu = menu;
|
|
} else if (overlay) {
|
|
itemProps.overlay = overlay;
|
|
}
|
|
let {
|
|
href
|
|
} = item;
|
|
if (paths.length && mergedPath !== undefined) {
|
|
href = `#/${paths.join('/')}`;
|
|
}
|
|
return /*#__PURE__*/_react_17_0_2_react.createElement(InternalBreadcrumbItem, Object.assign({
|
|
key: mergedKey
|
|
}, itemProps, (0,pickAttrs/* default */.Z)(item, {
|
|
data: true,
|
|
aria: true
|
|
}), {
|
|
className: itemClassName,
|
|
dropdownProps: dropdownProps,
|
|
href: href,
|
|
separator: isLastItem ? '' : separator,
|
|
onClick: onClick,
|
|
prefixCls: prefixCls
|
|
}), mergedItemRender(item, params, itemRenderRoutes, paths, href));
|
|
});
|
|
} else if (children) {
|
|
const childrenLength = (0,toArray/* default */.Z)(children).length;
|
|
crumbs = (0,toArray/* default */.Z)(children).map((element, index) => {
|
|
if (!element) {
|
|
return element;
|
|
}
|
|
// =================== Warning =====================
|
|
if (false) {}
|
|
false ? 0 : void 0;
|
|
const isLastItem = index === childrenLength - 1;
|
|
return (0,reactNode/* cloneElement */.Tm)(element, {
|
|
separator: isLastItem ? '' : separator,
|
|
key: index
|
|
});
|
|
});
|
|
}
|
|
const breadcrumbClassName = _classnames_2_5_1_classnames_default()(prefixCls, breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.className, {
|
|
[`${prefixCls}-rtl`]: direction === 'rtl'
|
|
}, className, rootClassName, hashId);
|
|
const mergedStyle = Object.assign(Object.assign({}, breadcrumb === null || breadcrumb === void 0 ? void 0 : breadcrumb.style), style);
|
|
return wrapSSR( /*#__PURE__*/_react_17_0_2_react.createElement("nav", Object.assign({
|
|
className: breadcrumbClassName,
|
|
style: mergedStyle
|
|
}, restProps), /*#__PURE__*/_react_17_0_2_react.createElement("ol", null, crumbs)));
|
|
};
|
|
Breadcrumb.Item = breadcrumb_BreadcrumbItem;
|
|
Breadcrumb.Separator = breadcrumb_BreadcrumbSeparator;
|
|
if (false) {}
|
|
/* harmony default export */ var breadcrumb_Breadcrumb = (Breadcrumb);
|
|
;// CONCATENATED MODULE: ./node_modules/_antd@5.9.0@antd/es/breadcrumb/index.js
|
|
"use client";
|
|
|
|
|
|
/* harmony default export */ var breadcrumb = (breadcrumb_Breadcrumb);
|
|
|
|
/***/ })
|
|
|
|
}]); |