|
|
|
|
@ -75,6 +75,12 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
|
|
// 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/slicedToArray.js
|
|
|
|
|
var slicedToArray = __webpack_require__(79800);
|
|
|
|
|
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
|
|
|
|
|
@ -95,6 +101,10 @@ var _umi_production_exports = __webpack_require__(3634);
|
|
|
|
|
var row = __webpack_require__(95237);
|
|
|
|
|
// 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/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__(52409);
|
|
|
|
|
// 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/col/index.js
|
|
|
|
|
@ -139,6 +149,8 @@ var jsx_runtime = __webpack_require__(37712);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var _excluded = ["index"],
|
|
|
|
|
_excluded2 = ["shixunsOverview", "dispatch", "loading"];
|
|
|
|
|
|
|
|
|
|
@ -170,6 +182,11 @@ var ChartImg = function ChartImg(_ref) {
|
|
|
|
|
src: index == 1 ? ph1_namespaceObject : index == 2 ? ph2_namespaceObject : ph3_namespaceObject
|
|
|
|
|
}, props));
|
|
|
|
|
};
|
|
|
|
|
var toPicker = {
|
|
|
|
|
'1': 'day',
|
|
|
|
|
'2': 'week',
|
|
|
|
|
'3': 'month'
|
|
|
|
|
};
|
|
|
|
|
var ChartDiv = function ChartDiv(_ref2) {
|
|
|
|
|
var data = _ref2.data;
|
|
|
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
|
|
@ -206,8 +223,10 @@ var ChartDiv = function ChartDiv(_ref2) {
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
var Option = es_select["default"].Option;
|
|
|
|
|
var RangePicker = date_picker["default"].RangePicker;
|
|
|
|
|
var Page = function Page(_ref3) {
|
|
|
|
|
var _RankList$user_list;
|
|
|
|
|
var _StatInfo$Clearance, _StatInfo$Clearance2, _RankList$user_list;
|
|
|
|
|
var shixunsOverview = _ref3.shixunsOverview,
|
|
|
|
|
dispatch = _ref3.dispatch,
|
|
|
|
|
loading = _ref3.loading,
|
|
|
|
|
@ -216,7 +235,8 @@ var Page = function Page(_ref3) {
|
|
|
|
|
OnlineCount = shixunsOverview.OnlineCount,
|
|
|
|
|
SBody = shixunsOverview.SBody,
|
|
|
|
|
RankList = shixunsOverview.RankList,
|
|
|
|
|
ShixunUseInfos = shixunsOverview.ShixunUseInfos;
|
|
|
|
|
ShixunUseInfos = shixunsOverview.ShixunUseInfos,
|
|
|
|
|
StatInfo = shixunsOverview.StatInfo;
|
|
|
|
|
var _useState = (0,_react_17_0_2_react.useState)({
|
|
|
|
|
page: 1,
|
|
|
|
|
limit: 10
|
|
|
|
|
@ -224,6 +244,44 @@ var Page = function Page(_ref3) {
|
|
|
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
|
|
|
urlData = _useState2[0],
|
|
|
|
|
setUrlData = _useState2[1];
|
|
|
|
|
var _useState3 = (0,_react_17_0_2_react.useState)({
|
|
|
|
|
start_time: dayjs_min_default()(dayjs_min_default()().year(dayjs_min_default()().year()).startOf('year').valueOf()).format('YYYY-MM-DD'),
|
|
|
|
|
end_time: dayjs_min_default()(dayjs_min_default()().year(dayjs_min_default()().year() + 1).startOf('year').valueOf()).format('YYYY-MM-DD'),
|
|
|
|
|
data_type: "Clearance"
|
|
|
|
|
}),
|
|
|
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
|
|
|
statParams = _useState4[0],
|
|
|
|
|
setStatParams = _useState4[1];
|
|
|
|
|
var _useState5 = (0,_react_17_0_2_react.useState)({
|
|
|
|
|
start_time: dayjs_min_default()(dayjs_min_default()().year(dayjs_min_default()().year()).startOf('year').valueOf()).format('YYYY-MM-DD'),
|
|
|
|
|
end_time: dayjs_min_default()(dayjs_min_default()().year(dayjs_min_default()().year() + 1).startOf('year').valueOf()).format('YYYY-MM-DD'),
|
|
|
|
|
data_type: "Evaluation"
|
|
|
|
|
}),
|
|
|
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
|
|
|
statParams2 = _useState6[0],
|
|
|
|
|
setStatParams2 = _useState6[1];
|
|
|
|
|
var _useState7 = (0,_react_17_0_2_react.useState)({
|
|
|
|
|
start_time: dayjs_min_default()(dayjs_min_default()().year(dayjs_min_default()().year()).startOf('year')),
|
|
|
|
|
end_time: dayjs_min_default()(dayjs_min_default()().year(dayjs_min_default()().year() + 1).startOf('year'))
|
|
|
|
|
}),
|
|
|
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
|
|
|
defauleDate = _useState8[0],
|
|
|
|
|
setDefaultDate = _useState8[1];
|
|
|
|
|
var _useState9 = (0,_react_17_0_2_react.useState)({
|
|
|
|
|
start_time: dayjs_min_default()(dayjs_min_default()().year(dayjs_min_default()().year()).startOf('year')),
|
|
|
|
|
end_time: dayjs_min_default()(dayjs_min_default()().year(dayjs_min_default()().year() + 1).startOf('year'))
|
|
|
|
|
}),
|
|
|
|
|
_useState10 = slicedToArray_default()(_useState9, 2),
|
|
|
|
|
defauleDate2 = _useState10[0],
|
|
|
|
|
setDefaultDate2 = _useState10[1];
|
|
|
|
|
var _useState11 = (0,_react_17_0_2_react.useState)(toPicker["".concat(StatInfo === null || StatInfo === void 0 || (_StatInfo$Clearance = StatInfo.Clearance) === null || _StatInfo$Clearance === void 0 ? void 0 : _StatInfo$Clearance.time_type)] || "year"),
|
|
|
|
|
_useState12 = slicedToArray_default()(_useState11, 2),
|
|
|
|
|
picker = _useState12[0],
|
|
|
|
|
setPicker = _useState12[1];
|
|
|
|
|
var _useState13 = (0,_react_17_0_2_react.useState)(toPicker["".concat(StatInfo === null || StatInfo === void 0 || (_StatInfo$Clearance2 = StatInfo.Clearance) === null || _StatInfo$Clearance2 === void 0 ? void 0 : _StatInfo$Clearance2.time_type)] || "year"),
|
|
|
|
|
_useState14 = slicedToArray_default()(_useState13, 2),
|
|
|
|
|
picker2 = _useState14[0],
|
|
|
|
|
setPicker2 = _useState14[1];
|
|
|
|
|
var ItemNum = [{
|
|
|
|
|
name: "累计测评次数",
|
|
|
|
|
num: (0,util/* toWNumber */.lF)((SHeader === null || SHeader === void 0 ? void 0 : SHeader.evaluation_size) || 0),
|
|
|
|
|
@ -323,25 +381,13 @@ var Page = function Page(_ref3) {
|
|
|
|
|
}
|
|
|
|
|
}];
|
|
|
|
|
var hanleLevelNumOption = function hanleLevelNumOption() {
|
|
|
|
|
var _SBody$clearance_list, _SBody$clearance_list2;
|
|
|
|
|
var _StatInfo$Clearance3;
|
|
|
|
|
// 关卡通关次数统计
|
|
|
|
|
return {
|
|
|
|
|
title: [{
|
|
|
|
|
text: "关卡通关次数统计",
|
|
|
|
|
textStyle: {
|
|
|
|
|
fontSize: 14,
|
|
|
|
|
color: "#282F3F"
|
|
|
|
|
}
|
|
|
|
|
}, {
|
|
|
|
|
text: "（展示近一周关卡通关次数变化）",
|
|
|
|
|
left: "123px",
|
|
|
|
|
top: "2px",
|
|
|
|
|
textStyle: {
|
|
|
|
|
fontSize: 12,
|
|
|
|
|
color: "#70727E",
|
|
|
|
|
fontWeight: 400
|
|
|
|
|
}
|
|
|
|
|
}],
|
|
|
|
|
// title: [
|
|
|
|
|
// { text: "关卡通关次数统计", textStyle: { fontSize: 14, color: "#282F3F" } },
|
|
|
|
|
// { text: "（展示近一周关卡通关次数变化）", left: "123px", top: "2px", textStyle: { fontSize: 12, color: "#70727E", fontWeight: 400 } }
|
|
|
|
|
// ],
|
|
|
|
|
tooltip: {
|
|
|
|
|
trigger: "axis",
|
|
|
|
|
backgroundColor: "#fff",
|
|
|
|
|
@ -359,21 +405,62 @@ var Page = function Page(_ref3) {
|
|
|
|
|
}).join('');
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
legend: {
|
|
|
|
|
show: true,
|
|
|
|
|
right: 0,
|
|
|
|
|
itemWidth: 22,
|
|
|
|
|
itemHeight: 6
|
|
|
|
|
// legend: {
|
|
|
|
|
// show: true,
|
|
|
|
|
// right: 0,
|
|
|
|
|
// itemWidth: 22,
|
|
|
|
|
// itemHeight: 6,
|
|
|
|
|
// },
|
|
|
|
|
dataZoom: [
|
|
|
|
|
// 滚动条
|
|
|
|
|
{
|
|
|
|
|
start: 0,
|
|
|
|
|
//默认为0
|
|
|
|
|
end: 100 - 1500 / 31,
|
|
|
|
|
//默认为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: 100 - 1500 / 31 //默认为100
|
|
|
|
|
// zoomLock:true,
|
|
|
|
|
}],
|
|
|
|
|
grid: {
|
|
|
|
|
right: 0,
|
|
|
|
|
bottom: "10%"
|
|
|
|
|
},
|
|
|
|
|
xAxis: {
|
|
|
|
|
type: 'category',
|
|
|
|
|
data: (SBody === null || SBody === void 0 || (_SBody$clearance_list = SBody.clearance_list) === null || _SBody$clearance_list === void 0 || (_SBody$clearance_list = _SBody$clearance_list.times) === null || _SBody$clearance_list === void 0 ? void 0 : _SBody$clearance_list.map(function (item) {
|
|
|
|
|
return dayjs_min_default()(item).format("MM.DD");
|
|
|
|
|
})) || [],
|
|
|
|
|
data: transXAxis(),
|
|
|
|
|
silent: false,
|
|
|
|
|
axisTick: {
|
|
|
|
|
show: false
|
|
|
|
|
@ -418,7 +505,7 @@ var Page = function Page(_ref3) {
|
|
|
|
|
name: '关卡通关次数',
|
|
|
|
|
type: 'line',
|
|
|
|
|
stack: 'Total',
|
|
|
|
|
data: SBody === null || SBody === void 0 || (_SBody$clearance_list2 = SBody.clearance_list) === null || _SBody$clearance_list2 === void 0 ? void 0 : _SBody$clearance_list2.num,
|
|
|
|
|
data: (StatInfo === null || StatInfo === void 0 || (_StatInfo$Clearance3 = StatInfo.Clearance) === null || _StatInfo$Clearance3 === void 0 ? void 0 : _StatInfo$Clearance3.nums) || [],
|
|
|
|
|
areaStyle: {},
|
|
|
|
|
color: {
|
|
|
|
|
type: 'linear',
|
|
|
|
|
@ -437,6 +524,30 @@ var Page = function Page(_ref3) {
|
|
|
|
|
}]
|
|
|
|
|
};
|
|
|
|
|
};
|
|
|
|
|
var transXAxis = function transXAxis() {
|
|
|
|
|
var _StatInfo$Clearance4, _StatInfo$Clearance5, _StatInfo$Clearance6, _StatInfo$Clearance7, _StatInfo$Clearance8, _StatInfo$Clearance9;
|
|
|
|
|
if ((StatInfo === null || StatInfo === void 0 || (_StatInfo$Clearance4 = StatInfo.Clearance) === null || _StatInfo$Clearance4 === void 0 ? void 0 : _StatInfo$Clearance4.time_type) == 1) return (StatInfo === null || StatInfo === void 0 || (_StatInfo$Clearance5 = StatInfo.Clearance) === null || _StatInfo$Clearance5 === void 0 || (_StatInfo$Clearance5 = _StatInfo$Clearance5.times) === null || _StatInfo$Clearance5 === void 0 ? void 0 : _StatInfo$Clearance5.map(function (item) {
|
|
|
|
|
return "\u7B2C".concat(item, "\u5929");
|
|
|
|
|
})) || [];
|
|
|
|
|
if ((StatInfo === null || StatInfo === void 0 || (_StatInfo$Clearance6 = StatInfo.Clearance) === null || _StatInfo$Clearance6 === void 0 ? void 0 : _StatInfo$Clearance6.time_type) == 2) return (StatInfo === null || StatInfo === void 0 || (_StatInfo$Clearance7 = StatInfo.Clearance) === null || _StatInfo$Clearance7 === void 0 || (_StatInfo$Clearance7 = _StatInfo$Clearance7.times) === null || _StatInfo$Clearance7 === void 0 ? void 0 : _StatInfo$Clearance7.map(function (item) {
|
|
|
|
|
return "\u7B2C".concat(item, "\u5468");
|
|
|
|
|
})) || [];
|
|
|
|
|
if ((StatInfo === null || StatInfo === void 0 || (_StatInfo$Clearance8 = StatInfo.Clearance) === null || _StatInfo$Clearance8 === void 0 ? void 0 : _StatInfo$Clearance8.time_type) == 3) return (StatInfo === null || StatInfo === void 0 || (_StatInfo$Clearance9 = StatInfo.Clearance) === null || _StatInfo$Clearance9 === void 0 || (_StatInfo$Clearance9 = _StatInfo$Clearance9.times) === null || _StatInfo$Clearance9 === void 0 ? void 0 : _StatInfo$Clearance9.map(function (item) {
|
|
|
|
|
return "\u7B2C".concat(item, "\u6708");
|
|
|
|
|
})) || [];
|
|
|
|
|
};
|
|
|
|
|
var transXAxis2 = function transXAxis2() {
|
|
|
|
|
var _StatInfo$Evaluation, _StatInfo$Evaluation2, _StatInfo$Evaluation3, _StatInfo$Evaluation4, _StatInfo$Evaluation5, _StatInfo$Evaluation6;
|
|
|
|
|
if ((StatInfo === null || StatInfo === void 0 || (_StatInfo$Evaluation = StatInfo.Evaluation) === null || _StatInfo$Evaluation === void 0 ? void 0 : _StatInfo$Evaluation.time_type) == 1) return (StatInfo === null || StatInfo === void 0 || (_StatInfo$Evaluation2 = StatInfo.Evaluation) === null || _StatInfo$Evaluation2 === void 0 || (_StatInfo$Evaluation2 = _StatInfo$Evaluation2.times) === null || _StatInfo$Evaluation2 === void 0 ? void 0 : _StatInfo$Evaluation2.map(function (item) {
|
|
|
|
|
return "\u7B2C".concat(item, "\u5929");
|
|
|
|
|
})) || [];
|
|
|
|
|
if ((StatInfo === null || StatInfo === void 0 || (_StatInfo$Evaluation3 = StatInfo.Evaluation) === null || _StatInfo$Evaluation3 === void 0 ? void 0 : _StatInfo$Evaluation3.time_type) == 2) return (StatInfo === null || StatInfo === void 0 || (_StatInfo$Evaluation4 = StatInfo.Evaluation) === null || _StatInfo$Evaluation4 === void 0 || (_StatInfo$Evaluation4 = _StatInfo$Evaluation4.times) === null || _StatInfo$Evaluation4 === void 0 ? void 0 : _StatInfo$Evaluation4.map(function (item) {
|
|
|
|
|
return "\u7B2C".concat(item, "\u5468");
|
|
|
|
|
})) || [];
|
|
|
|
|
if ((StatInfo === null || StatInfo === void 0 || (_StatInfo$Evaluation5 = StatInfo.Evaluation) === null || _StatInfo$Evaluation5 === void 0 ? void 0 : _StatInfo$Evaluation5.time_type) == 3) return (StatInfo === null || StatInfo === void 0 || (_StatInfo$Evaluation6 = StatInfo.Evaluation) === null || _StatInfo$Evaluation6 === void 0 || (_StatInfo$Evaluation6 = _StatInfo$Evaluation6.times) === null || _StatInfo$Evaluation6 === void 0 ? void 0 : _StatInfo$Evaluation6.map(function (item) {
|
|
|
|
|
return "\u7B2C".concat(item, "\u6708");
|
|
|
|
|
})) || [];
|
|
|
|
|
};
|
|
|
|
|
var hanleItemDiffOption = function hanleItemDiffOption() {
|
|
|
|
|
// 实践项目难度分布
|
|
|
|
|
var Legend = {
|
|
|
|
|
@ -561,25 +672,13 @@ var Page = function Page(_ref3) {
|
|
|
|
|
};
|
|
|
|
|
};
|
|
|
|
|
var hanleEvaluationOption = function hanleEvaluationOption() {
|
|
|
|
|
var _SBody$evaluation_lis, _SBody$evaluation_lis2;
|
|
|
|
|
var _StatInfo$Evaluation7;
|
|
|
|
|
// 评测次数统计
|
|
|
|
|
return {
|
|
|
|
|
title: [{
|
|
|
|
|
text: "评测次数统计",
|
|
|
|
|
textStyle: {
|
|
|
|
|
fontSize: 14,
|
|
|
|
|
color: "#282F3F"
|
|
|
|
|
}
|
|
|
|
|
}, {
|
|
|
|
|
text: "（展示近一周评测次数变化）",
|
|
|
|
|
left: "94px",
|
|
|
|
|
top: "2px",
|
|
|
|
|
textStyle: {
|
|
|
|
|
fontSize: 12,
|
|
|
|
|
color: "#70727E",
|
|
|
|
|
fontWeight: 400
|
|
|
|
|
}
|
|
|
|
|
}],
|
|
|
|
|
// title: [
|
|
|
|
|
// { text: "评测次数统计", textStyle: { fontSize: 14, color: "#282F3F" } },
|
|
|
|
|
// { text: "（展示近一周评测次数变化）", left: "94px", top: "2px", textStyle: { fontSize: 12, color: "#70727E", fontWeight: 400 } }
|
|
|
|
|
// ],
|
|
|
|
|
tooltip: {
|
|
|
|
|
trigger: "axis",
|
|
|
|
|
backgroundColor: "#fff",
|
|
|
|
|
@ -597,21 +696,62 @@ var Page = function Page(_ref3) {
|
|
|
|
|
}).join('');
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
legend: {
|
|
|
|
|
show: true,
|
|
|
|
|
right: 0,
|
|
|
|
|
itemWidth: 22,
|
|
|
|
|
itemHeight: 6
|
|
|
|
|
},
|
|
|
|
|
// legend: {
|
|
|
|
|
// show: true,
|
|
|
|
|
// right: 0,
|
|
|
|
|
// itemWidth: 22,
|
|
|
|
|
// itemHeight: 6,
|
|
|
|
|
// },
|
|
|
|
|
grid: {
|
|
|
|
|
right: 0,
|
|
|
|
|
bottom: "10%"
|
|
|
|
|
},
|
|
|
|
|
dataZoom: [
|
|
|
|
|
// 滚动条
|
|
|
|
|
{
|
|
|
|
|
start: 0,
|
|
|
|
|
//默认为0
|
|
|
|
|
end: 100 - 1500 / 31,
|
|
|
|
|
//默认为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: 100 - 1500 / 31 //默认为100
|
|
|
|
|
// zoomLock:true,
|
|
|
|
|
}],
|
|
|
|
|
xAxis: {
|
|
|
|
|
type: 'category',
|
|
|
|
|
data: (SBody === null || SBody === void 0 || (_SBody$evaluation_lis = SBody.evaluation_list) === null || _SBody$evaluation_lis === void 0 || (_SBody$evaluation_lis = _SBody$evaluation_lis.times) === null || _SBody$evaluation_lis === void 0 ? void 0 : _SBody$evaluation_lis.map(function (item) {
|
|
|
|
|
return dayjs_min_default()(item).format("MM.DD");
|
|
|
|
|
})) || [],
|
|
|
|
|
data: transXAxis2(),
|
|
|
|
|
silent: false,
|
|
|
|
|
axisTick: {
|
|
|
|
|
show: false
|
|
|
|
|
@ -656,7 +796,7 @@ var Page = function Page(_ref3) {
|
|
|
|
|
name: '评测次数',
|
|
|
|
|
type: 'line',
|
|
|
|
|
stack: 'Total',
|
|
|
|
|
data: SBody === null || SBody === void 0 || (_SBody$evaluation_lis2 = SBody.evaluation_list) === null || _SBody$evaluation_lis2 === void 0 ? void 0 : _SBody$evaluation_lis2.num,
|
|
|
|
|
data: (StatInfo === null || StatInfo === void 0 || (_StatInfo$Evaluation7 = StatInfo.Evaluation) === null || _StatInfo$Evaluation7 === void 0 ? void 0 : _StatInfo$Evaluation7.nums) || [],
|
|
|
|
|
areaStyle: {},
|
|
|
|
|
color: {
|
|
|
|
|
type: 'linear',
|
|
|
|
|
@ -706,12 +846,52 @@ var Page = function Page(_ref3) {
|
|
|
|
|
payload: objectSpread2_default()({}, data)
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
var getStatData = /*#__PURE__*/function () {
|
|
|
|
|
var _ref4 = 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: 'shixunsOverview/getStatistics',
|
|
|
|
|
payload: objectSpread2_default()({}, statParams)
|
|
|
|
|
});
|
|
|
|
|
case 1:
|
|
|
|
|
case "end":
|
|
|
|
|
return _context.stop();
|
|
|
|
|
}
|
|
|
|
|
}, _callee);
|
|
|
|
|
}));
|
|
|
|
|
return function getStatData() {
|
|
|
|
|
return _ref4.apply(this, arguments);
|
|
|
|
|
};
|
|
|
|
|
}();
|
|
|
|
|
var getStatData2 = /*#__PURE__*/function () {
|
|
|
|
|
var _ref5 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2() {
|
|
|
|
|
return regeneratorRuntime_default()().wrap(function _callee2$(_context2) {
|
|
|
|
|
while (1) switch (_context2.prev = _context2.next) {
|
|
|
|
|
case 0:
|
|
|
|
|
dispatch({
|
|
|
|
|
type: 'shixunsOverview/getStatistics',
|
|
|
|
|
payload: objectSpread2_default()({}, statParams2)
|
|
|
|
|
});
|
|
|
|
|
case 1:
|
|
|
|
|
case "end":
|
|
|
|
|
return _context2.stop();
|
|
|
|
|
}
|
|
|
|
|
}, _callee2);
|
|
|
|
|
}));
|
|
|
|
|
return function getStatData2() {
|
|
|
|
|
return _ref5.apply(this, arguments);
|
|
|
|
|
};
|
|
|
|
|
}();
|
|
|
|
|
(0,_react_17_0_2_react.useEffect)(function () {
|
|
|
|
|
(0,util/* setDocumentTitle */.Dk)("实践项目概览");
|
|
|
|
|
getStatisticsHeader();
|
|
|
|
|
getStatisticsBody();
|
|
|
|
|
getRankList();
|
|
|
|
|
getOnlineCount();
|
|
|
|
|
getStatData();
|
|
|
|
|
getStatData2();
|
|
|
|
|
var handleHeaderAndRank = setInterval(function () {
|
|
|
|
|
getStatisticsHeader();
|
|
|
|
|
getRankList();
|
|
|
|
|
@ -943,30 +1123,188 @@ var Page = function Page(_ref3) {
|
|
|
|
|
gap: "14px 14px",
|
|
|
|
|
width: 579
|
|
|
|
|
},
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
|
|
className: Overviewmodules.DivInit,
|
|
|
|
|
style: {
|
|
|
|
|
width: 579,
|
|
|
|
|
height: 295
|
|
|
|
|
width: "100%"
|
|
|
|
|
},
|
|
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
|
|
option: hanleLevelNumOption(),
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
|
|
style: {
|
|
|
|
|
height: "100%"
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
|
|
display: "flex",
|
|
|
|
|
justifyContent: 'space-between',
|
|
|
|
|
alignItems: 'center'
|
|
|
|
|
},
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
|
|
style: {
|
|
|
|
|
color: '#282F3F',
|
|
|
|
|
fontWeight: 600
|
|
|
|
|
},
|
|
|
|
|
children: "\u5173\u5361\u901A\u5173\u6B21\u6570\u7EDF\u8BA1"
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
|
|
style: {
|
|
|
|
|
display: "flex",
|
|
|
|
|
alignItems: 'center',
|
|
|
|
|
justifyContent: "space-between"
|
|
|
|
|
},
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(es_select["default"], {
|
|
|
|
|
style: {
|
|
|
|
|
width: 99
|
|
|
|
|
},
|
|
|
|
|
defaultValue: picker,
|
|
|
|
|
onChange: function onChange(key) {
|
|
|
|
|
setPicker(key);
|
|
|
|
|
if (key == 'year') {
|
|
|
|
|
statParams.start_time = dayjs_min_default()(dayjs_min_default()().year(dayjs_min_default()().year()).startOf('year').valueOf()).format('YYYY-MM-DD');
|
|
|
|
|
statParams.end_time = dayjs_min_default()(dayjs_min_default()().year(dayjs_min_default()().year() + 1).startOf('year').valueOf()).format('YYYY-MM-DD');
|
|
|
|
|
defauleDate.start_time = dayjs_min_default()(dayjs_min_default()().year(dayjs_min_default()().year()).startOf('year'));
|
|
|
|
|
defauleDate.end_time = dayjs_min_default()(dayjs_min_default()().year(dayjs_min_default()().year() + 1).startOf('year'));
|
|
|
|
|
}
|
|
|
|
|
if (key == 'month') {
|
|
|
|
|
statParams.start_time = dayjs_min_default()(dayjs_min_default()().month(dayjs_min_default()().month()).startOf('month').valueOf()).format('YYYY-MM-DD');
|
|
|
|
|
statParams.end_time = dayjs_min_default()(dayjs_min_default()().month(dayjs_min_default()().month() + 1).startOf('month').valueOf()).format('YYYY-MM-DD');
|
|
|
|
|
defauleDate.start_time = dayjs_min_default()(dayjs_min_default()().month(dayjs_min_default()().month()).startOf('month'));
|
|
|
|
|
defauleDate.end_time = dayjs_min_default()(dayjs_min_default()().month(dayjs_min_default()().month() + 1).startOf('month'));
|
|
|
|
|
}
|
|
|
|
|
if (key == 'week') {
|
|
|
|
|
statParams.start_time = dayjs_min_default()(dayjs_min_default()().week(dayjs_min_default()().week()).startOf('week').valueOf()).format('YYYY-MM-DD');
|
|
|
|
|
statParams.end_time = dayjs_min_default()(dayjs_min_default()().week(dayjs_min_default()().week() + 1).startOf('week').valueOf()).format('YYYY-MM-DD');
|
|
|
|
|
defauleDate.start_time = dayjs_min_default()(dayjs_min_default()().week(dayjs_min_default()().week()).startOf('week'));
|
|
|
|
|
defauleDate.end_time = dayjs_min_default()(dayjs_min_default()().week(dayjs_min_default()().week() + 1).startOf('week'));
|
|
|
|
|
}
|
|
|
|
|
setStatParams(objectSpread2_default()({}, statParams));
|
|
|
|
|
setDefaultDate(objectSpread2_default()({}, defauleDate));
|
|
|
|
|
getStatData();
|
|
|
|
|
},
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Option, {
|
|
|
|
|
value: "year",
|
|
|
|
|
children: "\u672C\u5E74"
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(Option, {
|
|
|
|
|
value: "month",
|
|
|
|
|
children: "\u672C\u6708"
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(Option, {
|
|
|
|
|
value: "week",
|
|
|
|
|
children: "\u672C\u5468"
|
|
|
|
|
})]
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(RangePicker, {
|
|
|
|
|
style: {
|
|
|
|
|
width: 246
|
|
|
|
|
},
|
|
|
|
|
allowClear: false,
|
|
|
|
|
defaultValue: [dayjs_min_default()(defauleDate.start_time, 'YYYY-MM-DD'), dayjs_min_default()(defauleDate.end_time, 'YYYY-MM-DD')],
|
|
|
|
|
value: [dayjs_min_default()(defauleDate.start_time, 'YYYY-MM-DD'), dayjs_min_default()(defauleDate.end_time, 'YYYY-MM-DD')],
|
|
|
|
|
format: 'YYYY-MM-DD',
|
|
|
|
|
onChange: function onChange(date, dateString) {
|
|
|
|
|
console.log(dateString);
|
|
|
|
|
statParams.start_time = dateString[0];
|
|
|
|
|
statParams.end_time = dateString[1];
|
|
|
|
|
setStatParams(objectSpread2_default()({}, statParams));
|
|
|
|
|
getStatData();
|
|
|
|
|
}
|
|
|
|
|
})]
|
|
|
|
|
})]
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
|
|
style: {
|
|
|
|
|
width: 540,
|
|
|
|
|
height: 205
|
|
|
|
|
},
|
|
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
|
|
option: hanleLevelNumOption(),
|
|
|
|
|
style: {
|
|
|
|
|
height: "100%"
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
})]
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
|
|
className: Overviewmodules.DivInit,
|
|
|
|
|
style: {
|
|
|
|
|
width: 579,
|
|
|
|
|
height: 295
|
|
|
|
|
width: "100%"
|
|
|
|
|
},
|
|
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
|
|
option: hanleEvaluationOption(),
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
|
|
style: {
|
|
|
|
|
height: "100%"
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
display: "flex",
|
|
|
|
|
justifyContent: 'space-between',
|
|
|
|
|
alignItems: 'center'
|
|
|
|
|
},
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
|
|
style: {
|
|
|
|
|
color: '#282F3F',
|
|
|
|
|
fontWeight: 600
|
|
|
|
|
},
|
|
|
|
|
children: "\u8BC4\u6D4B\u6B21\u6570\u7EDF\u8BA1"
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
|
|
|
style: {
|
|
|
|
|
display: "flex",
|
|
|
|
|
alignItems: 'center',
|
|
|
|
|
justifyContent: "space-between"
|
|
|
|
|
},
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(es_select["default"], {
|
|
|
|
|
style: {
|
|
|
|
|
width: 99
|
|
|
|
|
},
|
|
|
|
|
defaultValue: picker2,
|
|
|
|
|
onChange: function onChange(key) {
|
|
|
|
|
setPicker2(key);
|
|
|
|
|
if (key == 'year') {
|
|
|
|
|
statParams2.start_time = dayjs_min_default()(dayjs_min_default()().year(dayjs_min_default()().year()).startOf('year').valueOf()).format('YYYY-MM-DD');
|
|
|
|
|
statParams2.end_time = dayjs_min_default()(dayjs_min_default()().year(dayjs_min_default()().year() + 1).startOf('year').valueOf()).format('YYYY-MM-DD');
|
|
|
|
|
defauleDate2.start_time = dayjs_min_default()(dayjs_min_default()().year(dayjs_min_default()().year()).startOf('year'));
|
|
|
|
|
defauleDate2.end_time = dayjs_min_default()(dayjs_min_default()().year(dayjs_min_default()().year() + 1).startOf('year'));
|
|
|
|
|
}
|
|
|
|
|
if (key == 'month') {
|
|
|
|
|
statParams2.start_time = dayjs_min_default()(dayjs_min_default()().month(dayjs_min_default()().month()).startOf('month').valueOf()).format('YYYY-MM-DD');
|
|
|
|
|
statParams2.end_time = dayjs_min_default()(dayjs_min_default()().month(dayjs_min_default()().month() + 1).startOf('month').valueOf()).format('YYYY-MM-DD');
|
|
|
|
|
defauleDate2.start_time = dayjs_min_default()(dayjs_min_default()().month(dayjs_min_default()().month()).startOf('month'));
|
|
|
|
|
defauleDate2.end_time = dayjs_min_default()(dayjs_min_default()().month(dayjs_min_default()().month() + 1).startOf('month'));
|
|
|
|
|
}
|
|
|
|
|
if (key == 'week') {
|
|
|
|
|
statParams2.start_time = dayjs_min_default()(dayjs_min_default()().week(dayjs_min_default()().week()).startOf('week').valueOf()).format('YYYY-MM-DD');
|
|
|
|
|
statParams2.end_time = dayjs_min_default()(dayjs_min_default()().week(dayjs_min_default()().week() + 1).startOf('week').valueOf()).format('YYYY-MM-DD');
|
|
|
|
|
defauleDate2.start_time = dayjs_min_default()(dayjs_min_default()().week(dayjs_min_default()().week()).startOf('week'));
|
|
|
|
|
defauleDate2.end_time = dayjs_min_default()(dayjs_min_default()().week(dayjs_min_default()().week() + 1).startOf('week'));
|
|
|
|
|
}
|
|
|
|
|
setStatParams2(objectSpread2_default()({}, statParams2));
|
|
|
|
|
setDefaultDate2(objectSpread2_default()({}, defauleDate2));
|
|
|
|
|
getStatData2();
|
|
|
|
|
},
|
|
|
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Option, {
|
|
|
|
|
value: "year",
|
|
|
|
|
children: "\u672C\u5E74"
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(Option, {
|
|
|
|
|
value: "month",
|
|
|
|
|
children: "\u672C\u6708"
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(Option, {
|
|
|
|
|
value: "week",
|
|
|
|
|
children: "\u672C\u5468"
|
|
|
|
|
})]
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(RangePicker, {
|
|
|
|
|
style: {
|
|
|
|
|
width: 246
|
|
|
|
|
},
|
|
|
|
|
allowClear: false,
|
|
|
|
|
defaultValue: [dayjs_min_default()(defauleDate2.start_time, 'YYYY-MM-DD'), dayjs_min_default()(defauleDate2.end_time, 'YYYY-MM-DD')],
|
|
|
|
|
value: [dayjs_min_default()(defauleDate2.start_time, 'YYYY-MM-DD'), dayjs_min_default()(defauleDate2.end_time, 'YYYY-MM-DD')],
|
|
|
|
|
format: 'YYYY-MM-DD',
|
|
|
|
|
onChange: function onChange(date, dateString) {
|
|
|
|
|
console.log(dateString);
|
|
|
|
|
statParams2.start_time = dateString[0];
|
|
|
|
|
statParams2.end_time = dateString[1];
|
|
|
|
|
setStatParams2(objectSpread2_default()({}, statParams2));
|
|
|
|
|
getStatData2();
|
|
|
|
|
}
|
|
|
|
|
})]
|
|
|
|
|
})]
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
|
|
|
style: {
|
|
|
|
|
width: 540,
|
|
|
|
|
height: 205
|
|
|
|
|
},
|
|
|
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(lib/* default */.Z, {
|
|
|
|
|
option: hanleEvaluationOption(),
|
|
|
|
|
style: {
|
|
|
|
|
height: "100%"
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
})]
|
|
|
|
|
})]
|
|
|
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)(row/* default */.Z, {
|
|
|
|
|
className: "".concat(Overviewmodules.DivInit, " ").concat(Overviewmodules.LearnChart, " font14"),
|
|
|
|
|
@ -1133,9 +1471,9 @@ var Page = function Page(_ref3) {
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
/* harmony default export */ var Overview = ((0,_umi_production_exports.connect)(function (_ref4) {
|
|
|
|
|
var loading = _ref4.loading,
|
|
|
|
|
shixunsOverview = _ref4.shixunsOverview;
|
|
|
|
|
/* harmony default export */ var Overview = ((0,_umi_production_exports.connect)(function (_ref6) {
|
|
|
|
|
var loading = _ref6.loading,
|
|
|
|
|
shixunsOverview = _ref6.shixunsOverview;
|
|
|
|
|
return {
|
|
|
|
|
loading: loading.effects,
|
|
|
|
|
shixunsOverview: shixunsOverview
|
|
|
|
|
|
autosubmit
2 years ago
