@vtx/modals2 2.15.48 → 2.15.50

package/lib/vtx-staff-modal/components/BaseInfo/WorkStatic.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkStatic.js","names":["_react","_interopRequireDefault","require","_moment","_echartsForReact","_api","_useSettings2","_vmImageText","_vmNodata","_zzx","_rjzx","_zzx_light","_rjzx_light","e","__esModule","WorkStatic","_ref","id","_a","_b","_useSettings","useSettings","chartColor","chartFontColor","isDark","theme","_BaseService$useWorkS","BaseService","useWorkStatic","moment","startOf","format","workStaticRes","option","color","backgroundColor","tooltip","show","trigger","formatter","params","str","concat","name","data","durationStr","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","value","details","find","item","statusName","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","length","map","ele","duration","labelLine","React","createElement","className","ImageText","src","zzx","zzxLight","specialCase","totalOnLineTimeStr","style","marginRight","rjzx","rjzxLight","avgOnLineTimeStr","ReactEcharts","notMerge","lazyUpdate","height","width","NoData"],"sources":["vtx-staff-modal/components/BaseInfo/WorkStatic.js"],"sourcesContent":["/**\n * 作业统计\n */\nimport React from 'react';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport { BaseService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport ImageText from '../../../vm-image-text';\nimport NoData from '../../../vm-nodata';\nimport zzx from '../../imgs/zzx.png';\nimport rjzx from '../../imgs/rjzx.png';\nimport zzxLight from '../../imgs/zzx_light.png';\nimport rjzxLight from '../../imgs/rjzx_light.png';\nexport default function WorkStatic({ id }) {\n    var _a, _b;\n    const { chartColor, chartFontColor, isDark, theme } = useSettings();\n    const { workStaticRes } = BaseService.useWorkStatic(id, moment()\n        .startOf('M')\n        .format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'));\n    let option = {\n        color: chartColor,\n        backgroundColor: 'transparent',\n        tooltip: {\n            show: true,\n            trigger: 'item',\n            formatter: function (params) {\n                var _a;\n                let str = `${params === null || params === void 0 ? void 0 : params.name}`;\n                let color = params.color; // 获取系列的颜色\n                str += `<div ><span style=\"color:${color};font-size:24px\">•</span> ${(_a = params.data) === null || _a === void 0 ? void 0 : _a.durationStr}</div>`;\n                return str; // 返回带点的字符串\n            },\n        },\n        legend: {\n            orient: 'vertical',\n            left: '50%',\n            top: 'middle',\n            align: 'left',\n            itemGap: 8,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.find((item) => item.statusName === name);\n                if (value) {\n                    return `\\t\\t${name}\\t\\t${value.durationStr}\\t\\t`;\n                }\n                else {\n                    return '';\n                }\n            },\n            textStyle: {\n                fontSize: 14,\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['55%', '75%'],\n                center: ['25%', '50%'],\n                hoverAnimation: true,\n                z: 10,\n                itemStyle: {\n                    normal: {\n                        borderWidth: 2,\n                        borderColor: isDark ? '#003359' : '#ffffff',\n                    },\n                },\n                label: {\n                    show: false,\n                },\n                data: ((_a = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _a === void 0 ? void 0 : _a.length) > 0\n                    ? workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.map((ele) => ({\n                        name: ele.statusName,\n                        value: ele.duration / 1000,\n                        durationStr: ele.durationStr,\n                    }))\n                    : [],\n                labelLine: {\n                    show: false,\n                },\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"staff-base-static\" },\n        React.createElement(\"div\", { className: \"staff-base-static-head\" },\n            React.createElement(ImageText, { src: isDark ? zzx : zzxLight, name: \"\\u603B\\u6709\\u6548\\u4F5C\\u4E1A\\u65F6\\u957F\", specialCase: `${(workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.totalOnLineTimeStr) || '--'}`, style: { marginRight: 0 } }),\n            React.createElement(ImageText, { src: isDark ? rjzx : rjzxLight, name: \"\\u65E5\\u5747\\u6709\\u6548\\u4F5C\\u4E1A\\u65F6\\u957F\", specialCase: `${(workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.avgOnLineTimeStr) || '--'}`, style: { marginRight: 0 } })),\n        React.createElement(\"div\", { className: \"staff-base-static-chart\" }, ((_b = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } })) : (React.createElement(NoData, null)))));\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"WorkStatic.js","names":["_react","_interopRequireDefault","require","_moment","_echartsForReact","_api","_useSettings2","_vmNodata","_zzx","_rjzx","_zzx_light","_rjzx_light","_antd","e","__esModule","WorkStatic","_ref","id","_a","_b","_useSettings","useSettings","chartColor","chartFontColor","isDark","theme","_BaseService$useWorkS","BaseService","useWorkStatic","moment","startOf","format","workStaticRes","option","color","backgroundColor","tooltip","show","trigger","formatter","params","str","concat","name","data","durationStr","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","value","details","find","item","statusName","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","hoverAnimation","z","itemStyle","normal","borderWidth","borderColor","label","length","map","ele","duration","labelLine","React","createElement","Row","Col","span","className","src","zzx","zzxLight","totalOnLineTimeStr","rjzx","rjzxLight","avgOnLineTimeStr","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData"],"sources":["vtx-staff-modal/components/BaseInfo/WorkStatic.js"],"sourcesContent":["/**\n * 作业统计\n */\nimport React from 'react';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport { BaseService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport NoData from '../../../vm-nodata';\nimport zzx from '../../imgs/zzx.png';\nimport rjzx from '../../imgs/rjzx.png';\nimport zzxLight from '../../imgs/zzx_light.png';\nimport rjzxLight from '../../imgs/rjzx_light.png';\nimport { Row, Col } from 'antd';\nexport default function WorkStatic({ id }) {\n    var _a, _b;\n    const { chartColor, chartFontColor, isDark, theme } = useSettings();\n    const { workStaticRes } = BaseService.useWorkStatic(id, moment()\n        .startOf('M')\n        .format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'));\n    let option = {\n        color: chartColor,\n        backgroundColor: 'transparent',\n        tooltip: {\n            show: true,\n            trigger: 'item',\n            formatter: function (params) {\n                var _a;\n                let str = `${params === null || params === void 0 ? void 0 : params.name}`;\n                let color = params.color; // 获取系列的颜色\n                str += `<div ><span style=\"color:${color};font-size:24px\">•</span> ${(_a = params.data) === null || _a === void 0 ? void 0 : _a.durationStr}</div>`;\n                return str; // 返回带点的字符串\n            },\n        },\n        legend: {\n            orient: 'vertical',\n            left: '50%',\n            top: 'middle',\n            align: 'left',\n            itemGap: 8,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.find((item) => item.statusName === name);\n                if (value) {\n                    return `\\t\\t${name}\\t\\t${value.durationStr}\\t\\t`;\n                }\n                else {\n                    return '';\n                }\n            },\n            textStyle: {\n                fontSize: 14,\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['45%', '65%'],\n                center: ['25%', '50%'],\n                hoverAnimation: true,\n                z: 10,\n                itemStyle: {\n                    normal: {\n                        borderWidth: 2,\n                        borderColor: isDark ? '#003359' : '#ffffff',\n                    },\n                },\n                label: {\n                    show: false,\n                },\n                data: ((_a = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _a === void 0 ? void 0 : _a.length) > 0\n                    ? workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.map((ele) => ({\n                        name: ele.statusName,\n                        value: ele.duration / 1000,\n                        durationStr: ele.durationStr,\n                    }))\n                    : [],\n                labelLine: {\n                    show: false,\n                },\n            },\n        ],\n    };\n    return (React.createElement(Row, null,\n        React.createElement(Col, { span: 9 },\n            React.createElement(\"div\", { className: \"staff-base-right--pngs\" },\n                React.createElement(\"div\", { className: \"staff-base-right--pngs-item\" },\n                    React.createElement(\"img\", { src: isDark ? zzx : zzxLight }),\n                    React.createElement(\"div\", { className: \"staff-base-right--pngs-itemContent\" },\n                        React.createElement(\"div\", { className: \"staff-base-right--pngs-item-name\" }, \"\\u603B\\u6709\\u6548\\u4F5C\\u4E1A\\u65F6\\u957F\"),\n                        React.createElement(\"div\", { className: \"staff-base-right--pngs-item-value\" },\n                            React.createElement(\"span\", null, (workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.totalOnLineTimeStr) || '--')))),\n                React.createElement(\"div\", { className: \"staff-base-right--pngs-item\" },\n                    React.createElement(\"img\", { src: isDark ? rjzx : rjzxLight }),\n                    React.createElement(\"div\", { className: \"staff-base-right--pngs-itemContent\" },\n                        React.createElement(\"div\", { className: \"staff-base-right--pngs-item-name\" }, \"\\u65E5\\u5747\\u6709\\u6548\\u4F5C\\u4E1A\\u65F6\\u957F\"),\n                        React.createElement(\"div\", { className: \"staff-base-right--pngs-item-value\" },\n                            React.createElement(\"span\", null, (workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.avgOnLineTimeStr) || '--')))))),\n        React.createElement(Col, { span: 15 },\n            React.createElement(\"div\", { className: \"staff-base-right--right\" }, ((_b = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } })) : (React.createElement(NoData, null))))));\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-staff-modal/components/BaseInfo/WorkStaticDay.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = WorkStaticDay;
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _api = require("../../api");
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+/**
+ * 作业统计
+ */
+
+function WorkStaticDay(_ref) {
+  var id = _ref.id;
+  var _a, _b;
+  var _useSettings = (0, _useSettings2["default"])(),
+    chartColor = _useSettings.chartColor,
+    chartFontColor = _useSettings.chartFontColor,
+    isDark = _useSettings.isDark,
+    theme = _useSettings.theme;
+  var _BaseService$useWorkS = _api.BaseService.useWorkStatic(id, (0, _moment["default"])().format('YYYY-MM-DD'), (0, _moment["default"])().format('YYYY-MM-DD')),
+    workStaticRes = _BaseService$useWorkS.workStaticRes;
+  var option = {
+    color: chartColor,
+    backgroundColor: 'transparent',
+    tooltip: {
+      show: true,
+      trigger: 'item',
+      formatter: function formatter(params) {
+        var _a;
+        var str = "".concat(params === null || params === void 0 ? void 0 : params.name);
+        var color = params.color; // 获取系列的颜色
+        str += "<div ><span style=\"color:".concat(color, ";font-size:24px\">\u2022</span> ").concat((_a = params.data) === null || _a === void 0 ? void 0 : _a.durationStr, "</div>");
+        return str; // 返回带点的字符串
+      }
+    },
+    legend: {
+      orient: 'vertical',
+      left: '50%',
+      top: 'middle',
+      align: 'left',
+      itemGap: 8,
+      itemWidth: 10,
+      itemHeight: 10,
+      formatter: function formatter(name) {
+        var value = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.find(function (item) {
+          return item.statusName === name;
+        });
+        if (value) {
+          return "\t\t".concat(name, "\t\t").concat(value.durationStr, "\t\t");
+        } else {
+          return '';
+        }
+      },
+      textStyle: {
+        fontSize: 14,
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      },
+      pageIconColor: chartFontColor,
+      pageIconInactiveColor: chartFontColor,
+      pageTextStyle: {
+        color: theme === 'blue' ? '#fff' : chartFontColor
+      }
+    },
+    series: [{
+      type: 'pie',
+      radius: ['45%', '70%'],
+      center: ['25%', '50%'],
+      // hoverAnimation: true,
+      // z: 10,
+      itemStyle: {
+        normal: {
+          borderWidth: 0,
+          borderColor: isDark ? '#003359' : '#ffffff'
+        }
+      },
+      label: {
+        show: false
+      },
+      data: ((_a = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _a === void 0 ? void 0 : _a.length) > 0 ? workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.map(function (ele) {
+        return {
+          name: ele.statusName,
+          value: ele.duration / 1000,
+          durationStr: ele.durationStr
+        };
+      }) : [],
+      labelLine: {
+        show: false
+      }
+    },
+    // 边框的设置
+    {
+      radius: ['65%', '70%'],
+      center: ['25%', '50%'],
+      type: 'pie',
+      label: {
+        normal: {
+          show: false
+        },
+        emphasis: {
+          show: false
+        }
+      },
+      labelLine: {
+        normal: {
+          show: false
+        },
+        emphasis: {
+          show: false
+        }
+      },
+      animation: false,
+      tooltip: {
+        show: false
+      },
+      itemStyle: {
+        normal: {
+          color: 'rgba(250,250,250,0.5)'
+        }
+      },
+      data: [{
+        value: 1
+      }]
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-static"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "staff-base-static-chart"
+  }, ((_b = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (/*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '100%',
+      width: '100%'
+    }
+  })) : (/*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null))));
+}
+//# sourceMappingURL=WorkStaticDay.js.map

package/lib/vtx-staff-modal/components/BaseInfo/WorkStaticDay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkStaticDay.js","names":["_react","_interopRequireDefault","require","_moment","_echartsForReact","_api","_useSettings2","_vmNodata","e","__esModule","WorkStaticDay","_ref","id","_a","_b","_useSettings","useSettings","chartColor","chartFontColor","isDark","theme","_BaseService$useWorkS","BaseService","useWorkStatic","moment","format","workStaticRes","option","color","backgroundColor","tooltip","show","trigger","formatter","params","str","concat","name","data","durationStr","legend","orient","left","top","align","itemGap","itemWidth","itemHeight","value","details","find","item","statusName","textStyle","fontSize","pageIconColor","pageIconInactiveColor","pageTextStyle","series","type","radius","center","itemStyle","normal","borderWidth","borderColor","label","length","map","ele","duration","labelLine","emphasis","animation","React","createElement","className","ReactEcharts","notMerge","lazyUpdate","style","height","width","NoData"],"sources":["vtx-staff-modal/components/BaseInfo/WorkStaticDay.js"],"sourcesContent":["/**\n * 作业统计\n */\nimport React from 'react';\nimport moment from 'moment';\nimport ReactEcharts from 'echarts-for-react';\nimport { BaseService } from '../../api';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport NoData from '../../../vm-nodata';\nexport default function WorkStaticDay({ id }) {\n    var _a, _b;\n    const { chartColor, chartFontColor, isDark, theme } = useSettings();\n    const { workStaticRes } = BaseService.useWorkStatic(id, moment().format('YYYY-MM-DD'), moment().format('YYYY-MM-DD'));\n    let option = {\n        color: chartColor,\n        backgroundColor: 'transparent',\n        tooltip: {\n            show: true,\n            trigger: 'item',\n            formatter: function (params) {\n                var _a;\n                let str = `${params === null || params === void 0 ? void 0 : params.name}`;\n                let color = params.color; // 获取系列的颜色\n                str += `<div ><span style=\"color:${color};font-size:24px\">•</span> ${(_a = params.data) === null || _a === void 0 ? void 0 : _a.durationStr}</div>`;\n                return str; // 返回带点的字符串\n            },\n        },\n        legend: {\n            orient: 'vertical',\n            left: '50%',\n            top: 'middle',\n            align: 'left',\n            itemGap: 8,\n            itemWidth: 10,\n            itemHeight: 10,\n            formatter: function (name) {\n                const value = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.find((item) => item.statusName === name);\n                if (value) {\n                    return `\\t\\t${name}\\t\\t${value.durationStr}\\t\\t`;\n                }\n                else {\n                    return '';\n                }\n            },\n            textStyle: {\n                fontSize: 14,\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: theme === 'blue' ? '#fff' : chartFontColor,\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['45%', '70%'],\n                center: ['25%', '50%'],\n                // hoverAnimation: true,\n                // z: 10,\n                itemStyle: {\n                    normal: {\n                        borderWidth: 0,\n                        borderColor: isDark ? '#003359' : '#ffffff',\n                    },\n                },\n                label: {\n                    show: false,\n                },\n                data: ((_a = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _a === void 0 ? void 0 : _a.length) > 0\n                    ? workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details.map((ele) => ({\n                        name: ele.statusName,\n                        value: ele.duration / 1000,\n                        durationStr: ele.durationStr,\n                    }))\n                    : [],\n                labelLine: {\n                    show: false,\n                },\n            },\n            // 边框的设置\n            {\n                radius: ['65%', '70%'],\n                center: ['25%', '50%'],\n                type: 'pie',\n                label: {\n                    normal: {\n                        show: false,\n                    },\n                    emphasis: {\n                        show: false,\n                    },\n                },\n                labelLine: {\n                    normal: {\n                        show: false,\n                    },\n                    emphasis: {\n                        show: false,\n                    },\n                },\n                animation: false,\n                tooltip: {\n                    show: false,\n                },\n                itemStyle: {\n                    normal: {\n                        color: 'rgba(250,250,250,0.5)',\n                    },\n                },\n                data: [\n                    {\n                        value: 1,\n                    },\n                ],\n            },\n        ],\n    };\n    return (React.createElement(\"div\", { className: \"staff-base-static\" },\n        React.createElement(\"div\", { className: \"staff-base-static-chart\" }, ((_b = workStaticRes === null || workStaticRes === void 0 ? void 0 : workStaticRes.details) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '100%', width: '100%' } })) : (React.createElement(NoData, null)))));\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-staff-modal/components/BaseInfo/index.css

@@ -9,6 +9,18 @@
       -ms-flex-align: start;
           align-items: start;
 }
+.sub-title {
+  height: 40px;
+  line-height: 40px;
+  font-size: 14px;
+  font-weight: 500;
+  border-bottom: 1px solid var(--calendar-border);
+  padding: 0 20px;
+}
+.sub-title .extra {
+  right: 20px;
+  font-weight: 400;
+}
 .staff-base {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -22,16 +34,44 @@
   padding: 6px 10px;
 }
 .staff-base-left {
-  width: 481px;
+  width: 461px;
   height: 100%;
-  padding: 20px;
   margin-right: 10px;
-  background-color: var(--bg-color2);
-  border: 1px solid var(--bg-border-color2);
+}
+.staff-base-left--info {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 0 20px;
+}
+.staff-base-left--gif {
+  width: 160px;
+  height: 180px;
+  background-image: url('../../imgs/staff.png');
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  margin-right: 20px;
+}
+.staff-base-left--gif-zhzf {
+  background-image: url('../../imgs/zhzf.png');
+}
+.staff-base-left--gif-yl {
+  background-image: url('../../imgs/yl.png');
+}
+.staff-base-left--infoList {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
 }
 .staff-base-left--text {
   color: var(--title-color2);
   margin-bottom: 19px;
+  padding: 0 20px;
 }
 .staff-base-left--text img {
   width: 19px;
@@ -39,12 +79,11 @@
   margin-right: 10px;
 }
 .staff-base-left--online {
-  width: 80px;
+  width: 60px;
   height: 28px;
-  float: right;
-  margin-right: 39px;
+  margin-top: 4px;
   background: var(--block-bg-color2);
-  border-radius: 14px;
+  border-radius: 4px;
   font-size: 14px;
   font-family: HiraginoSansGB-W3, HiraginoSansGB;
   font-weight: normal;
@@ -52,21 +91,66 @@
   text-align: center;
   line-height: 28px;
 }
-.staff-base-left--gif {
-  margin: 48px auto;
-  width: 298px;
-  height: 323px;
-  background-image: url('../../imgs/staff.png');
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
+.staff-base-left-base {
+  height: 280px;
+  padding: 4px 0px 0 0px;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
-.staff-base-left--gif-zhzf {
-  background-image: url('../../imgs/zhzf.png');
+.staff-base-left-baseBottom {
+  height: 400px;
+  margin-top: 10px;
+  padding: 4px 0px 0 0px;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
 }
-.staff-base-left--gif-yl {
-  background-image: url('../../imgs/yl.png');
+.staff-base-left-baseBottom--map {
+  width: 100%;
+  height: 240px;
+  padding: 0 20px;
 }
-.staff-base-left--pngs-item {
+.staff-base-right {
+  width: calc(100% - 471px - 10px);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+.staff-base-right-top {
+  width: 100%;
+  height: 280px;
+  background-color: var(--bg-color2);
+  border: 1px solid var(--bg-border-color2);
+  padding: 4px 0px 8px 0px;
+  margin: 0 !important;
+}
+.staff-base-right-top .sub-title {
+  margin-bottom: 0;
+}
+.staff-base-right--right {
+  height: 236px;
+  padding-right: 14px;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  border-left: 1px solid var(--calendar-border);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.staff-base-right--pngs {
+  width: 100%;
+  padding-left: 14px;
+  margin-top: 50px;
+}
+.staff-base-right--pngs-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -78,47 +162,37 @@
           align-items: center;
   margin-bottom: 24px;
 }
-.staff-base-left--pngs-item img {
-  width: 64px;
-  height: 64px;
+.staff-base-right--pngs-item img {
+  width: 48px;
+  height: 48px;
   margin-right: 27px;
 }
-.staff-base-left--pngs-item-name {
+.staff-base-right--pngs-item-itemContent {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.staff-base-right--pngs-item-name {
   width: 100px;
   font-size: 12px;
   font-family: HiraginoSansGB-W3, HiraginoSansGB;
   color: var(--label-color);
   line-height: 18px;
 }
-.staff-base-left--pngs-item-value {
+.staff-base-right--pngs-item-value {
   width: 140px;
-  color: var(--title-color);
+  color: var(--title-color2);
   line-height: 32px;
 }
-.staff-base-left--pngs-item-value span {
+.staff-base-right--pngs-item-value span {
   font-size: 22px;
   font-family: DINAlternate-Bold, DINAlternate;
   font-weight: bold;
 }
-.staff-base-right {
-  width: calc(100% - 481px - 10px);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-}
-.staff-base-right-base {
-  height: 362px;
-  padding: 24px 20px 0 20px;
-  background-color: var(--bg-color2);
-  border: 1px solid var(--bg-border-color2);
-}
-.staff-base-right-right {
-  padding: 24px 20px 8px 20px;
-  background-color: var(--bg-color2);
-  border: 1px solid var(--bg-border-color2);
-}
 .staff-base .today-work {
   height: 282px;
   overflow-y: auto;
@@ -142,27 +216,45 @@
   font-size: 16px;
   color: var(--info-active2);
 }
+.staff-base-static {
+  padding: 0 20px;
+  width: 100%;
+}
 .staff-base-static-head {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 .staff-base-static-chart {
-  height: 230px;
+  height: 180px;
   width: 100%;
 }
 .staff-base .staff-wgfx {
-  padding: 12px 20px;
+  width: 100%;
   background-color: var(--bg-color2);
   border: 1px solid var(--bg-border-color2);
+  padding: 4px 0px 8px 0px;
+  margin-top: 10px;
 }
 .staff-base .staff-wgfx-content {
-  height: 270px;
+  height: 330px;
   width: 100%;
+  padding: 0 20px;
+}
+.vtx-map-carCode {
+  background-color: #fff;
+  padding: 2px 4px;
+  color: #1890ff;
+  border: 1px solid #1890ff;
+  border-radius: 2px;
+  -webkit-transform: translate(-35%);
+      -ms-transform: translate(-35%);
+          transform: translate(-35%);
+  position: relative;
+  left: 10px;
 }