@vtx/modals2 2.15.63 → 2.15.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +7 -0
- package/lib/index.js.map +1 -1
- package/lib/vtx-area-modal/api.js +421 -0
- package/lib/vtx-area-modal/api.js.map +1 -0
- package/lib/vtx-area-modal/components/BaseInfo/Lcfx.js +116 -0
- package/lib/vtx-area-modal/components/BaseInfo/Lcfx.js.map +1 -0
- package/lib/vtx-area-modal/components/BaseInfo/ListZymx.js +118 -0
- package/lib/vtx-area-modal/components/BaseInfo/ListZymx.js.map +1 -0
- package/lib/vtx-area-modal/components/BaseInfo/TodayWork.js +40 -0
- package/lib/vtx-area-modal/components/BaseInfo/TodayWork.js.map +1 -0
- package/lib/vtx-area-modal/components/BaseInfo/index.css +314 -0
- package/lib/vtx-area-modal/components/BaseInfo/index.js +192 -0
- package/lib/vtx-area-modal/components/BaseInfo/index.js.map +1 -0
- package/lib/vtx-area-modal/components/BaseInfo/index.less +256 -0
- package/lib/vtx-area-modal/components/index.js +14 -0
- package/lib/vtx-area-modal/components/index.js.map +1 -0
- package/lib/vtx-area-modal/config.js +12 -0
- package/lib/vtx-area-modal/config.js.map +1 -0
- package/lib/vtx-area-modal/imgs/offlinePeople.png +0 -0
- package/lib/vtx-area-modal/imgs/onlinePeople.png +0 -0
- package/lib/vtx-area-modal/imgs/rjzx.png +0 -0
- package/lib/vtx-area-modal/imgs/rjzx_light.png +0 -0
- package/lib/vtx-area-modal/imgs/todayOnline.png +0 -0
- package/lib/vtx-area-modal/imgs/todayOnline_light.png +0 -0
- package/lib/vtx-area-modal/imgs/todayWork.png +0 -0
- package/lib/vtx-area-modal/imgs/todayWork_light.png +0 -0
- package/lib/vtx-area-modal/imgs/zzx.png +0 -0
- package/lib/vtx-area-modal/index.js +57 -0
- package/lib/vtx-area-modal/index.js.map +1 -0
- package/lib/vtx-area-modal/style/css.js +5 -0
- package/lib/vtx-area-modal/style/css.js.map +1 -0
- package/lib/vtx-area-modal/style/index.css +152 -0
- package/lib/vtx-area-modal/style/index.js +5 -0
- package/lib/vtx-area-modal/style/index.js.map +1 -0
- package/lib/vtx-area-modal/style/index.less +1 -0
- package/lib/vtx-base-info/style/index.css +3 -0
- package/lib/vtx-base-info/style/index.less +3 -0
- package/lib/vtx-staff-modal/api.js +2 -1
- package/lib/vtx-staff-modal/api.js.map +1 -1
- package/lib/vtx-wr-modal/components/BaseInfoNew2/index.css +10 -4
- package/lib/vtx-wr-modal/components/BaseInfoNew2/index.less +18 -11
- package/package.json +1 -1
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _ahooks = require("ahooks");
|
|
10
|
+
var _moment = _interopRequireDefault(require("moment"));
|
|
11
|
+
var _vmTable = _interopRequireDefault(require("../../../vm-table"));
|
|
12
|
+
var _api = require("../../api");
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
16
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
17
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
18
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
19
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
20
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
21
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /**
|
|
22
|
+
* 作业明细-列表
|
|
23
|
+
*/
|
|
24
|
+
var ListZymx = function ListZymx(props) {
|
|
25
|
+
var id = props.id,
|
|
26
|
+
startDate = props.startDate,
|
|
27
|
+
endDate = props.endDate;
|
|
28
|
+
var _useSetState = (0, _ahooks.useSetState)({
|
|
29
|
+
pagination: {
|
|
30
|
+
current: 1,
|
|
31
|
+
pageSize: 20,
|
|
32
|
+
total: 0
|
|
33
|
+
}
|
|
34
|
+
}),
|
|
35
|
+
_useSetState2 = _slicedToArray(_useSetState, 2),
|
|
36
|
+
state = _useSetState2[0],
|
|
37
|
+
setState = _useSetState2[1];
|
|
38
|
+
(0, _react.useEffect)(function () {
|
|
39
|
+
setState({
|
|
40
|
+
pagination: {
|
|
41
|
+
current: 1,
|
|
42
|
+
pageSize: 20,
|
|
43
|
+
total: 0
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
}, [startDate]);
|
|
47
|
+
var pagination = state.pagination;
|
|
48
|
+
var _BaseService$useToday = _api.BaseService.useTodayWork(id, startDate || (0, _moment["default"])().format('YYYY-MM-DD 00:00:00'), endDate || (0, _moment["default"])().format('YYYY-MM-DD 23:59:59'), pagination.current - 1),
|
|
49
|
+
todayWorkRes = _BaseService$useToday.todayWorkRes;
|
|
50
|
+
var columns = [{
|
|
51
|
+
title: '作业日期',
|
|
52
|
+
dataIndex: 'shiftDate',
|
|
53
|
+
key: 'shiftDate',
|
|
54
|
+
width: 100,
|
|
55
|
+
render: function render() {
|
|
56
|
+
var _a;
|
|
57
|
+
return ((_a = startDate === null || startDate === void 0 ? void 0 : startDate.split(' ')) === null || _a === void 0 ? void 0 : _a[0]) || '-';
|
|
58
|
+
}
|
|
59
|
+
}, {
|
|
60
|
+
title: '班次名称',
|
|
61
|
+
dataIndex: 'shiftName',
|
|
62
|
+
key: 'shiftName',
|
|
63
|
+
width: 100
|
|
64
|
+
}, {
|
|
65
|
+
title: '班次时间',
|
|
66
|
+
dataIndex: 'shiftStartTime',
|
|
67
|
+
key: 'shiftStartTime',
|
|
68
|
+
width: 240,
|
|
69
|
+
render: function render(text, record) {
|
|
70
|
+
return text ? /*#__PURE__*/_react["default"].createElement("span", {
|
|
71
|
+
title: "".concat(record.shiftStartTime, "~").concat(record.shiftEndTime)
|
|
72
|
+
}, "".concat(record.shiftStartTime, "~").concat(record.shiftEndTime)) : '-';
|
|
73
|
+
}
|
|
74
|
+
}, {
|
|
75
|
+
title: '班次时长',
|
|
76
|
+
dataIndex: 'shiftTimeStr',
|
|
77
|
+
key: 'shiftTimeStr',
|
|
78
|
+
width: 100
|
|
79
|
+
}, {
|
|
80
|
+
title: '排班人员',
|
|
81
|
+
dataIndex: 'staffName',
|
|
82
|
+
key: 'staffName',
|
|
83
|
+
width: 100
|
|
84
|
+
}, {
|
|
85
|
+
title: '是否出勤',
|
|
86
|
+
dataIndex: 'inWorkElement',
|
|
87
|
+
key: 'inWorkElement',
|
|
88
|
+
width: 120,
|
|
89
|
+
render: function render(text) {
|
|
90
|
+
return text ? '是' : '否';
|
|
91
|
+
}
|
|
92
|
+
}];
|
|
93
|
+
var pageChange = function pageChange(page) {
|
|
94
|
+
setState({
|
|
95
|
+
pagination: Object.assign(Object.assign({}, pagination), {
|
|
96
|
+
current: page
|
|
97
|
+
})
|
|
98
|
+
});
|
|
99
|
+
};
|
|
100
|
+
var tableProps = {
|
|
101
|
+
height: 250,
|
|
102
|
+
// scroll: { x: 840 },
|
|
103
|
+
isIndex: false,
|
|
104
|
+
pagination: Object.assign(Object.assign({}, pagination), {
|
|
105
|
+
total: (todayWorkRes === null || todayWorkRes === void 0 ? void 0 : todayWorkRes.total) || 0,
|
|
106
|
+
defaultPageSize: 20,
|
|
107
|
+
onChange: pageChange
|
|
108
|
+
})
|
|
109
|
+
};
|
|
110
|
+
return /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({
|
|
111
|
+
columns: columns,
|
|
112
|
+
rowKey: "id"
|
|
113
|
+
}, tableProps, {
|
|
114
|
+
dataSource: (todayWorkRes === null || todayWorkRes === void 0 ? void 0 : todayWorkRes.rows) || []
|
|
115
|
+
}));
|
|
116
|
+
};
|
|
117
|
+
var _default = exports["default"] = ListZymx;
|
|
118
|
+
//# sourceMappingURL=ListZymx.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListZymx.js","names":["_react","_interopRequireWildcard","require","_ahooks","_moment","_interopRequireDefault","_vmTable","_api","e","__esModule","_getRequireWildcardCache","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","f","o","next","done","push","value","isArray","ListZymx","props","id","startDate","endDate","_useSetState","useSetState","pagination","current","pageSize","total","_useSetState2","state","setState","useEffect","_BaseService$useToday","BaseService","useTodayWork","moment","format","todayWorkRes","columns","title","dataIndex","key","width","render","_a","split","text","record","React","createElement","concat","shiftStartTime","shiftEndTime","pageChange","page","assign","tableProps","height","isIndex","defaultPageSize","onChange","VMTable","rowKey","dataSource","rows","_default","exports"],"sources":["vtx-area-modal/components/BaseInfo/ListZymx.js"],"sourcesContent":["/**\n * 作业明细-列表\n */\nimport React, { useEffect } from 'react';\nimport { useSetState } from 'ahooks';\nimport moment from 'moment';\nimport VMTable from '../../../vm-table';\nimport { BaseService } from '../../api';\nconst ListZymx = (props) => {\n const { id, startDate, endDate } = props;\n const [state, setState] = useSetState({\n pagination: {\n current: 1,\n pageSize: 20,\n total: 0,\n },\n });\n useEffect(() => {\n setState({\n pagination: {\n current: 1,\n pageSize: 20,\n total: 0,\n },\n });\n }, [startDate]);\n const { pagination } = state;\n const { todayWorkRes } = BaseService.useTodayWork(id, startDate || moment().format('YYYY-MM-DD 00:00:00'), endDate || moment().format('YYYY-MM-DD 23:59:59'), pagination.current - 1);\n const columns = [\n {\n title: '作业日期',\n dataIndex: 'shiftDate',\n key: 'shiftDate',\n width: 100,\n render: () => { var _a; return ((_a = startDate === null || startDate === void 0 ? void 0 : startDate.split(' ')) === null || _a === void 0 ? void 0 : _a[0]) || '-'; }\n },\n {\n title: '班次名称',\n dataIndex: 'shiftName',\n key: 'shiftName',\n width: 100,\n },\n {\n title: '班次时间',\n dataIndex: 'shiftStartTime',\n key: 'shiftStartTime',\n width: 240,\n render: (text, record) => text ? React.createElement(\"span\", { title: `${record.shiftStartTime}~${record.shiftEndTime}` }, `${record.shiftStartTime}~${record.shiftEndTime}`) : '-'\n },\n {\n title: '班次时长',\n dataIndex: 'shiftTimeStr',\n key: 'shiftTimeStr',\n width: 100,\n },\n {\n title: '排班人员',\n dataIndex: 'staffName',\n key: 'staffName',\n width: 100,\n },\n {\n title: '是否出勤',\n dataIndex: 'inWorkElement',\n key: 'inWorkElement',\n width: 120,\n render: (text) => text ? '是' : '否'\n },\n ];\n const pageChange = (page) => {\n setState({\n pagination: Object.assign(Object.assign({}, pagination), { current: page }),\n });\n };\n const tableProps = {\n height: 250,\n // scroll: { x: 840 },\n isIndex: false,\n pagination: Object.assign(Object.assign({}, pagination), { total: (todayWorkRes === null || todayWorkRes === void 0 ? void 0 : todayWorkRes.total) || 0, defaultPageSize: 20, onChange: pageChange }),\n };\n return (React.createElement(VMTable, Object.assign({ columns: columns, rowKey: \"id\" }, tableProps, { dataSource: (todayWorkRes === null || todayWorkRes === void 0 ? void 0 : todayWorkRes.rows) || [] })));\n};\nexport default ListZymx;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = TodayWork;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
10
|
+
/**
|
|
11
|
+
* 今日作业
|
|
12
|
+
*/
|
|
13
|
+
|
|
14
|
+
function TodayWork(_ref) {
|
|
15
|
+
var todayWorkRes = _ref.todayWorkRes;
|
|
16
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
17
|
+
className: "today-work"
|
|
18
|
+
}, (todayWorkRes === null || todayWorkRes === void 0 ? void 0 : todayWorkRes.length) > 0 ? todayWorkRes.map(function (ele, index) {
|
|
19
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
20
|
+
className: "today-work-item",
|
|
21
|
+
key: index
|
|
22
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
23
|
+
className: "today-work-item--name"
|
|
24
|
+
}, "".concat(ele === null || ele === void 0 ? void 0 : ele.shiftName, " (").concat(ele === null || ele === void 0 ? void 0 : ele.shiftStartTime, "-").concat(ele === null || ele === void 0 ? void 0 : ele.shiftEndTime, ")")), /*#__PURE__*/_react["default"].createElement("div", {
|
|
25
|
+
className: "today-work-item--content"
|
|
26
|
+
}, "\u6392\u73ED\u533A\u57DF\uFF1A", (ele === null || ele === void 0 ? void 0 : ele.shiftWorkElementNames) || '--'), /*#__PURE__*/_react["default"].createElement("div", {
|
|
27
|
+
className: "today-work-item--content"
|
|
28
|
+
}, "\u8003\u52E4\u65F6\u95F4\uFF1A", "".concat((ele === null || ele === void 0 ? void 0 : ele.clockInTime) || '', "-").concat((ele === null || ele === void 0 ? void 0 : ele.clockOutTime) || '')), /*#__PURE__*/_react["default"].createElement("div", {
|
|
29
|
+
className: "today-work-item--content"
|
|
30
|
+
}, "\u5B8C\u6210\u5EA6\uFF1A", /*#__PURE__*/_react["default"].createElement("span", {
|
|
31
|
+
className: "today-work-item--value"
|
|
32
|
+
}, (ele === null || ele === void 0 ? void 0 : ele.completionRate) || 0, "%"), " (".concat((ele === null || ele === void 0 ? void 0 : ele.clockDurationStr) || 0, "/").concat((ele === null || ele === void 0 ? void 0 : ele.shiftDurationStr) || 0, ")")));
|
|
33
|
+
}) : (/*#__PURE__*/_react["default"].createElement(_vmNodata["default"], {
|
|
34
|
+
style: {
|
|
35
|
+
width: '100%',
|
|
36
|
+
height: '80%'
|
|
37
|
+
}
|
|
38
|
+
})));
|
|
39
|
+
}
|
|
40
|
+
//# sourceMappingURL=TodayWork.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TodayWork.js","names":["_react","_interopRequireDefault","require","_vmNodata","e","__esModule","TodayWork","_ref","todayWorkRes","React","createElement","className","length","map","ele","index","key","concat","shiftName","shiftStartTime","shiftEndTime","shiftWorkElementNames","clockInTime","clockOutTime","completionRate","clockDurationStr","shiftDurationStr","NoData","style","width","height"],"sources":["vtx-area-modal/components/BaseInfo/TodayWork.js"],"sourcesContent":["/**\n * 今日作业\n */\nimport React from 'react';\nimport NoData from '../../../vm-nodata';\nexport default function TodayWork({ todayWorkRes }) {\n return (React.createElement(\"div\", { className: \"today-work\" }, (todayWorkRes === null || todayWorkRes === void 0 ? void 0 : todayWorkRes.length) > 0 ? (todayWorkRes.map((ele, index) => (React.createElement(\"div\", { className: \"today-work-item\", key: index },\n React.createElement(\"div\", { className: \"today-work-item--name\" }, `${ele === null || ele === void 0 ? void 0 : ele.shiftName} (${ele === null || ele === void 0 ? void 0 : ele.shiftStartTime}-${ele === null || ele === void 0 ? void 0 : ele.shiftEndTime})`),\n React.createElement(\"div\", { className: \"today-work-item--content\" },\n \"\\u6392\\u73ED\\u533A\\u57DF\\uFF1A\",\n (ele === null || ele === void 0 ? void 0 : ele.shiftWorkElementNames) || '--'),\n React.createElement(\"div\", { className: \"today-work-item--content\" },\n \"\\u8003\\u52E4\\u65F6\\u95F4\\uFF1A\",\n `${(ele === null || ele === void 0 ? void 0 : ele.clockInTime) || ''}-${(ele === null || ele === void 0 ? void 0 : ele.clockOutTime) || ''}`),\n React.createElement(\"div\", { className: \"today-work-item--content\" },\n \"\\u5B8C\\u6210\\u5EA6\\uFF1A\",\n React.createElement(\"span\", { className: \"today-work-item--value\" },\n (ele === null || ele === void 0 ? void 0 : ele.completionRate) || 0,\n \"%\"),\n ` (${(ele === null || ele === void 0 ? void 0 : ele.clockDurationStr) || 0}/${(ele === null || ele === void 0 ? void 0 : ele.shiftDurationStr) || 0})`))))) : (React.createElement(NoData, { style: { width: '100%', height: '80%' } }))));\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,314 @@
|
|
|
1
|
+
.flex-start {
|
|
2
|
+
display: -webkit-box;
|
|
3
|
+
display: -ms-flexbox;
|
|
4
|
+
display: flex;
|
|
5
|
+
-webkit-box-pack: start;
|
|
6
|
+
-ms-flex-pack: start;
|
|
7
|
+
justify-content: start;
|
|
8
|
+
-webkit-box-align: start;
|
|
9
|
+
-ms-flex-align: start;
|
|
10
|
+
align-items: start;
|
|
11
|
+
}
|
|
12
|
+
.info-label {
|
|
13
|
+
color: var(--base-label-color) !important;
|
|
14
|
+
white-space: nowrap;
|
|
15
|
+
margin-right: 0 !important;
|
|
16
|
+
}
|
|
17
|
+
.ellipsis.info-label-text,
|
|
18
|
+
.info-collection .info-label,
|
|
19
|
+
.info-collection-horizontal .info-label {
|
|
20
|
+
min-width: 10px !important;
|
|
21
|
+
}
|
|
22
|
+
.area-base {
|
|
23
|
+
position: static;
|
|
24
|
+
display: -webkit-box;
|
|
25
|
+
display: -ms-flexbox;
|
|
26
|
+
display: flex;
|
|
27
|
+
-webkit-box-pack: start;
|
|
28
|
+
-ms-flex-pack: start;
|
|
29
|
+
justify-content: start;
|
|
30
|
+
-webkit-box-align: start;
|
|
31
|
+
-ms-flex-align: start;
|
|
32
|
+
align-items: start;
|
|
33
|
+
padding: 6px 10px;
|
|
34
|
+
}
|
|
35
|
+
.area-base .sub-title {
|
|
36
|
+
height: 40px;
|
|
37
|
+
line-height: 40px;
|
|
38
|
+
font-size: 14px;
|
|
39
|
+
font-weight: 800;
|
|
40
|
+
border-bottom: 1px solid var(--calendar-border);
|
|
41
|
+
padding: 0 20px;
|
|
42
|
+
}
|
|
43
|
+
.area-base .sub-title .extra {
|
|
44
|
+
right: 20px;
|
|
45
|
+
font-weight: 400;
|
|
46
|
+
}
|
|
47
|
+
.area-base-left {
|
|
48
|
+
width: 461px;
|
|
49
|
+
height: 100%;
|
|
50
|
+
margin-right: 10px;
|
|
51
|
+
}
|
|
52
|
+
.area-base-left--info {
|
|
53
|
+
display: -webkit-box;
|
|
54
|
+
display: -ms-flexbox;
|
|
55
|
+
display: flex;
|
|
56
|
+
-ms-flex-pack: distribute;
|
|
57
|
+
justify-content: space-around;
|
|
58
|
+
-webkit-box-align: center;
|
|
59
|
+
-ms-flex-align: center;
|
|
60
|
+
align-items: center;
|
|
61
|
+
padding: 0 20px;
|
|
62
|
+
}
|
|
63
|
+
.area-base-left--infoList {
|
|
64
|
+
-webkit-box-flex: 1;
|
|
65
|
+
-ms-flex: 1;
|
|
66
|
+
flex: 1;
|
|
67
|
+
}
|
|
68
|
+
.area-base-left-num {
|
|
69
|
+
display: -webkit-box;
|
|
70
|
+
display: -ms-flexbox;
|
|
71
|
+
display: flex;
|
|
72
|
+
}
|
|
73
|
+
.area-base-left-num--text {
|
|
74
|
+
width: 49%;
|
|
75
|
+
display: -webkit-box;
|
|
76
|
+
display: -ms-flexbox;
|
|
77
|
+
display: flex;
|
|
78
|
+
-webkit-box-orient: vertical;
|
|
79
|
+
-webkit-box-direction: normal;
|
|
80
|
+
-ms-flex-direction: column;
|
|
81
|
+
flex-direction: column;
|
|
82
|
+
-webkit-box-align: center;
|
|
83
|
+
-ms-flex-align: center;
|
|
84
|
+
align-items: center;
|
|
85
|
+
-ms-flex-pack: distribute;
|
|
86
|
+
justify-content: space-around;
|
|
87
|
+
margin-bottom: 19px;
|
|
88
|
+
padding: 0 20px;
|
|
89
|
+
}
|
|
90
|
+
.area-base-left-num--text span {
|
|
91
|
+
color: var(--title-color2);
|
|
92
|
+
}
|
|
93
|
+
.area-base-left-num--text span span:first-child {
|
|
94
|
+
color: var(--title-color2);
|
|
95
|
+
font-size: 20px;
|
|
96
|
+
font-weight: 500;
|
|
97
|
+
}
|
|
98
|
+
.area-base-left-num--text span:last-child {
|
|
99
|
+
color: var(--info-color);
|
|
100
|
+
font-size: 14px;
|
|
101
|
+
font-weight: 400;
|
|
102
|
+
}
|
|
103
|
+
.area-base-left--online {
|
|
104
|
+
width: 36px;
|
|
105
|
+
height: 24px;
|
|
106
|
+
font-size: 14px;
|
|
107
|
+
margin-top: 4px;
|
|
108
|
+
background: var(--tag-bg);
|
|
109
|
+
border-radius: 4px;
|
|
110
|
+
font-family: HiraginoSansGB-W3, HiraginoSansGB;
|
|
111
|
+
font-weight: normal;
|
|
112
|
+
color: var(--block-bg-color2);
|
|
113
|
+
text-align: center;
|
|
114
|
+
line-height: 24px;
|
|
115
|
+
}
|
|
116
|
+
.area-base-left-base {
|
|
117
|
+
height: 190px;
|
|
118
|
+
padding: 4px 0px 0 0px;
|
|
119
|
+
background-color: var(--bg-color2);
|
|
120
|
+
border: 1px solid var(--bg-border-color2);
|
|
121
|
+
}
|
|
122
|
+
.area-base-left-baseBottom {
|
|
123
|
+
height: 490px;
|
|
124
|
+
margin-top: 10px;
|
|
125
|
+
padding: 4px 0px 0 0px;
|
|
126
|
+
background-color: var(--bg-color2);
|
|
127
|
+
border: 1px solid var(--bg-border-color2);
|
|
128
|
+
}
|
|
129
|
+
.area-base-left-baseBottom--map {
|
|
130
|
+
width: 100%;
|
|
131
|
+
height: 340px;
|
|
132
|
+
padding: 0 20px;
|
|
133
|
+
}
|
|
134
|
+
.area-base-right {
|
|
135
|
+
width: calc(100% - 471px - 10px);
|
|
136
|
+
display: -webkit-box;
|
|
137
|
+
display: -ms-flexbox;
|
|
138
|
+
display: flex;
|
|
139
|
+
-ms-flex-wrap: wrap;
|
|
140
|
+
flex-wrap: wrap;
|
|
141
|
+
}
|
|
142
|
+
.area-base-right-top {
|
|
143
|
+
width: 100%;
|
|
144
|
+
height: 190px;
|
|
145
|
+
background-color: var(--bg-color2);
|
|
146
|
+
border: 1px solid var(--bg-border-color2);
|
|
147
|
+
padding: 4px 0px 8px 0px;
|
|
148
|
+
margin: 0 !important;
|
|
149
|
+
}
|
|
150
|
+
.area-base-right-top .sub-title {
|
|
151
|
+
margin-bottom: 0;
|
|
152
|
+
}
|
|
153
|
+
.area-base-right--right {
|
|
154
|
+
height: 150px;
|
|
155
|
+
display: -webkit-box;
|
|
156
|
+
display: -ms-flexbox;
|
|
157
|
+
display: flex;
|
|
158
|
+
-webkit-box-pack: start;
|
|
159
|
+
-ms-flex-pack: start;
|
|
160
|
+
justify-content: flex-start;
|
|
161
|
+
-webkit-box-align: center;
|
|
162
|
+
-ms-flex-align: center;
|
|
163
|
+
align-items: center;
|
|
164
|
+
}
|
|
165
|
+
.area-base-right--right-progress {
|
|
166
|
+
margin-left: 18px;
|
|
167
|
+
color: var(--info-color);
|
|
168
|
+
display: -webkit-box;
|
|
169
|
+
display: -ms-flexbox;
|
|
170
|
+
display: flex;
|
|
171
|
+
-webkit-box-orient: vertical;
|
|
172
|
+
-webkit-box-direction: normal;
|
|
173
|
+
-ms-flex-direction: column;
|
|
174
|
+
flex-direction: column;
|
|
175
|
+
-ms-flex-pack: distribute;
|
|
176
|
+
justify-content: space-around;
|
|
177
|
+
}
|
|
178
|
+
.area-base-right--right-progress span:last-child {
|
|
179
|
+
font-weight: bold;
|
|
180
|
+
font-size: 20px;
|
|
181
|
+
}
|
|
182
|
+
.area-base-right--pngs {
|
|
183
|
+
width: 100%;
|
|
184
|
+
padding-left: 14px;
|
|
185
|
+
margin-top: 50px;
|
|
186
|
+
display: -webkit-box;
|
|
187
|
+
display: -ms-flexbox;
|
|
188
|
+
display: flex;
|
|
189
|
+
}
|
|
190
|
+
.area-base-right--pngs-item {
|
|
191
|
+
display: -webkit-box;
|
|
192
|
+
display: -ms-flexbox;
|
|
193
|
+
display: flex;
|
|
194
|
+
-webkit-box-pack: center;
|
|
195
|
+
-ms-flex-pack: center;
|
|
196
|
+
justify-content: center;
|
|
197
|
+
-webkit-box-align: center;
|
|
198
|
+
-ms-flex-align: center;
|
|
199
|
+
align-items: center;
|
|
200
|
+
margin-bottom: 24px;
|
|
201
|
+
width: 49%;
|
|
202
|
+
}
|
|
203
|
+
.area-base-right--pngs-item img {
|
|
204
|
+
width: 48px;
|
|
205
|
+
height: 48px;
|
|
206
|
+
margin-right: 27px;
|
|
207
|
+
}
|
|
208
|
+
.area-base-right--pngs-item-itemContent {
|
|
209
|
+
display: -webkit-box;
|
|
210
|
+
display: -ms-flexbox;
|
|
211
|
+
display: flex;
|
|
212
|
+
-webkit-box-orient: vertical;
|
|
213
|
+
-webkit-box-direction: normal;
|
|
214
|
+
-ms-flex-direction: column;
|
|
215
|
+
flex-direction: column;
|
|
216
|
+
}
|
|
217
|
+
.area-base-right--pngs-item-name {
|
|
218
|
+
width: 100px;
|
|
219
|
+
font-size: 14px;
|
|
220
|
+
font-family: HiraginoSansGB-W3, HiraginoSansGB;
|
|
221
|
+
color: var(--label-color);
|
|
222
|
+
line-height: 18px;
|
|
223
|
+
}
|
|
224
|
+
.area-base-right--pngs-item-value {
|
|
225
|
+
width: 140px;
|
|
226
|
+
color: var(--title-color2);
|
|
227
|
+
line-height: 32px;
|
|
228
|
+
}
|
|
229
|
+
.area-base-right--pngs-item-value span {
|
|
230
|
+
font-size: 22px;
|
|
231
|
+
font-family: DINAlternate-Bold, DINAlternate;
|
|
232
|
+
font-weight: bold;
|
|
233
|
+
}
|
|
234
|
+
.area-base .today-work {
|
|
235
|
+
height: 282px;
|
|
236
|
+
overflow-y: auto;
|
|
237
|
+
}
|
|
238
|
+
.area-base .today-work-item {
|
|
239
|
+
padding: 10px 15px;
|
|
240
|
+
font-size: 14px;
|
|
241
|
+
line-height: 24px;
|
|
242
|
+
width: 100%;
|
|
243
|
+
background: var(--bg-color2);
|
|
244
|
+
border-radius: 2px;
|
|
245
|
+
border: var(--border);
|
|
246
|
+
}
|
|
247
|
+
.area-base .today-work-item--name {
|
|
248
|
+
color: var(--label-color);
|
|
249
|
+
}
|
|
250
|
+
.area-base .today-work-item--content {
|
|
251
|
+
color: var(--title-color);
|
|
252
|
+
}
|
|
253
|
+
.area-base .today-work-item--value {
|
|
254
|
+
font-size: 16px;
|
|
255
|
+
color: var(--info-active2);
|
|
256
|
+
}
|
|
257
|
+
.area-base-static {
|
|
258
|
+
padding: 0 20px;
|
|
259
|
+
width: 100%;
|
|
260
|
+
}
|
|
261
|
+
.area-base-static-head {
|
|
262
|
+
display: -webkit-box;
|
|
263
|
+
display: -ms-flexbox;
|
|
264
|
+
display: flex;
|
|
265
|
+
-ms-flex-pack: distribute;
|
|
266
|
+
justify-content: space-around;
|
|
267
|
+
-webkit-box-align: center;
|
|
268
|
+
-ms-flex-align: center;
|
|
269
|
+
align-items: center;
|
|
270
|
+
}
|
|
271
|
+
.area-base-static-chart {
|
|
272
|
+
height: 180px;
|
|
273
|
+
width: 100%;
|
|
274
|
+
}
|
|
275
|
+
.area-base .area-wgfx {
|
|
276
|
+
width: 100%;
|
|
277
|
+
height: 490px;
|
|
278
|
+
background-color: var(--bg-color2);
|
|
279
|
+
border: 1px solid var(--bg-border-color2);
|
|
280
|
+
padding: 4px 0px 8px 0px;
|
|
281
|
+
margin-top: 10px;
|
|
282
|
+
}
|
|
283
|
+
.area-base .area-wgfx-content {
|
|
284
|
+
height: 330px;
|
|
285
|
+
width: 100%;
|
|
286
|
+
padding: 0 20px;
|
|
287
|
+
}
|
|
288
|
+
.vtx-map-carCode {
|
|
289
|
+
background-color: #fff;
|
|
290
|
+
padding: 2px 4px;
|
|
291
|
+
color: #1890ff;
|
|
292
|
+
border: 1px solid #1890ff;
|
|
293
|
+
border-radius: 2px;
|
|
294
|
+
-webkit-transform: translate(-35%);
|
|
295
|
+
-ms-transform: translate(-35%);
|
|
296
|
+
transform: translate(-35%);
|
|
297
|
+
position: relative;
|
|
298
|
+
left: 10px;
|
|
299
|
+
}
|
|
300
|
+
.vtx-map-carCode {
|
|
301
|
+
background-color: #fff;
|
|
302
|
+
padding: 2px 4px;
|
|
303
|
+
color: #1890ff;
|
|
304
|
+
border: 1px solid #1890ff;
|
|
305
|
+
border-radius: 2px;
|
|
306
|
+
-webkit-transform: translate(-35%);
|
|
307
|
+
-ms-transform: translate(-35%);
|
|
308
|
+
transform: translate(-35%);
|
|
309
|
+
position: relative;
|
|
310
|
+
left: 10px;
|
|
311
|
+
}
|
|
312
|
+
.anchorBL {
|
|
313
|
+
display: none;
|
|
314
|
+
}
|