@vtx/modals2 2.15.69 → 2.15.71

package/lib/vtx-pump-modal/components/Sbxl/SBYXQKV2.js

@@ -0,0 +1,342 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = SBYXQK;
+var _react = _interopRequireWildcard(require("react"));
+require("./index.less");
+var _antd = require("antd");
+var _ahooks = require("ahooks");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _api = require("../../api");
+var _moment = _interopRequireDefault(require("moment"));
+var _vmNodata = _interopRequireDefault(require("../../../vm-nodata"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var echarts = _interopRequireWildcard(require("echarts"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+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."); }
+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; } }
+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; }
+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; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function renderItem(params, api) {
+  var categoryIndex = api.value(0);
+  var start = api.coord([api.value(1), categoryIndex]);
+  var end = api.coord([api.value(2), categoryIndex]);
+  var height = 15;
+  var rectShape = echarts.graphic.clipRectByRect({
+    x: start[0],
+    y: start[1] - height / 2,
+    width: end[0] - start[0],
+    height: height
+  }, {
+    x: params.coordSys.x,
+    y: params.coordSys.y,
+    width: params.coordSys.width,
+    height: params.coordSys.height
+  });
+  var shapes;
+  shapes = rectShape && {
+    type: 'rect',
+    transition: ['shape'],
+    shape: rectShape,
+    style: api.style()
+  };
+  return shapes;
+}
+function SBYXQK(props) {
+  var _a;
+  var prefix = props.prefix,
+    facilityId = props.facilityId,
+    deviceId = props.deviceId;
+  var _useSetState = (0, _ahooks.useSetState)({
+      timeType: 0,
+      dataList: []
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var _useSetState3 = (0, _ahooks.useSetState)({
+      categories: [],
+      datatemp: []
+    }),
+    _useSetState4 = _slicedToArray(_useSetState3, 2),
+    chart = _useSetState4[0],
+    setChart = _useSetState4[1];
+  var timeType = state.timeType,
+    dataList = state.dataList;
+  var legends = [{
+    name: '停止',
+    color: '#8C8C8C',
+    monitorItemCode: 'w_runstatus'
+  }, {
+    name: '工频',
+    color: '#49E6A2',
+    monitorItemCode: 'w_gp_runstatus'
+  }, {
+    name: '变频',
+    color: '#438EF7',
+    monitorItemCode: 'w_bp_runstatus'
+  }, {
+    name: '故障',
+    color: '#FAAB59',
+    monitorItemCode: 'w_faultstatus'
+  }, {
+    name: '未知',
+    color: '#8A7FEE',
+    monitorItemCode: 'unKnow'
+  }];
+  var convertSecondsToHoursAndMinutes = function convertSecondsToHoursAndMinutes(seconds) {
+    var days = Math.floor(seconds / (60 * 60 * 24));
+    var hours = Math.floor(seconds % (60 * 60 * 24) / (60 * 60));
+    var minutes = Math.floor(seconds % (60 * 60 * 24) % (60 * 60) / 60);
+    var remainingSeconds = seconds % (3600 * 24) % 3600 % 60;
+    return "".concat(days ? "".concat(days, "\u5929") : '').concat(days || hours ? "".concat(hours, "\u5C0F\u65F6") : '').concat(days || hours || minutes ? "".concat(minutes, "\u5206\u949F") : '').concat(remainingSeconds ? "".concat(remainingSeconds, "\u79D2") : '');
+  };
+  (0, _react.useEffect)(function () {
+    var _a;
+    if (dataList === null || dataList === void 0 ? void 0 : dataList.length) {
+      var s = new Set();
+      dataList.forEach(function (item) {
+        s.add(item.id);
+      }); // ===> 根据Set 的size 属性 用来获取不重复的数据有多少个
+      var newData = Array.from(
+      // ====>  这一步很重要，要确定二维数组的长度是多少
+      {
+        length: s.size
+      }, function () {
+        return [];
+      });
+      dataList === null || dataList === void 0 ? void 0 : dataList.forEach(function (item) {
+        var index = _toConsumableArray(s).indexOf(item.id); // ====>  循环原数组，将key相同的对象提取到二维数组中
+        newData[index].push(item);
+      });
+      newData = newData.map(function (item, index) {
+        return item.map(function (it) {
+          return Object.assign(Object.assign({}, it), {
+            index: index
+          });
+        });
+      });
+      var data = (_a = _lodash["default"].flatten(newData)) === null || _a === void 0 ? void 0 : _a.map(function (item) {
+        return {
+          groupId: item.index,
+          facilityName: item.facilityName,
+          monitorItemName: item.monitorItemName,
+          beginTime: item.beginTime,
+          endTime: item.endTime,
+          monitorItemCode: item === null || item === void 0 ? void 0 : item.monitorItemCode
+        };
+      });
+      var datatemp = data.map(function (d) {
+        var _a, _b;
+        var _beginTime = new Date(d.beginTime);
+        var _endTime = new Date(d.endTime);
+        var differenceInMilliseconds = Math.abs(_endTime - _beginTime);
+        var differenceInSeconds = differenceInMilliseconds / 1000;
+        return {
+          facilityName: d.facilityName,
+          value: [parseInt(d.groupId), new Date(d.beginTime).getTime(), new Date(d.endTime).getTime()],
+          startday: d.beginTime,
+          endday: d.endTime,
+          monitorItemName: d.monitorItemName,
+          runTime: convertSecondsToHoursAndMinutes(differenceInSeconds),
+          itemStyle: {
+            normal: {
+              color: (_b = (_a = legends.filter(function (a) {
+                return (a === null || a === void 0 ? void 0 : a.monitorItemCode) == (d === null || d === void 0 ? void 0 : d.monitorItemCode);
+              })) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.color
+            }
+          }
+        };
+      });
+      var categories = Array.from(new Set(data.map(function (item) {
+        return item.facilityName;
+      })));
+      setChart({
+        categories: categories,
+        datatemp: datatemp
+      });
+    }
+  }, [dataList]);
+  var option = {
+    grid: {
+      left: '1%',
+      right: '6%',
+      bottom: '25px',
+      top: '1%',
+      containLabel: true
+    },
+    tooltip: {
+      formatter: function formatter(params) {
+        var _a, _b;
+        return "".concat(params.name, " \n                        <br/> \u5F00\u59CB\u65F6\u95F4\uFF1A\n                        ").concat((0, _moment["default"])(params.value[1]).format('YYYY-MM-DD HH:mm:ss'), "\n                        <br/> \u7ED3\u675F\u65F6\u95F4\uFF1A\n                        ").concat((0, _moment["default"])(params.value[2]).format('YYYY-MM-DD HH:mm:ss'), "\n                         <br/>").concat(params.marker).concat((_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.monitorItemName, "\u8FD0\u884C\uFF1A\n                         ").concat((_b = params === null || params === void 0 ? void 0 : params.data) === null || _b === void 0 ? void 0 : _b.runTime, "\n                        ");
+      }
+    },
+    dataZoom: [{
+      type: 'slider',
+      filterMode: 'weakFilter',
+      showDataShadow: false,
+      labelFormatter: '',
+      handleIcon: 'M10.7,11.9H9.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
+      handleSize: 14,
+      height: 8,
+      bottom: 12
+    }, {
+      type: 'inside',
+      filterMode: 'weakFilter'
+    }],
+    xAxis: {
+      scale: true,
+      type: 'time',
+      min: (0, _moment["default"])().subtract(timeType, 'days').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+      max: (0, _moment["default"])().endOf('day').format('YYYY-MM-DD HH:mm:ss'),
+      splitNumber: 4,
+      axisLabel: {
+        formatter: function formatter(val) {
+          return "".concat((0, _moment["default"])(val).format('M-D'), "\n").concat((0, _moment["default"])(val).format('HH:mm:ss'));
+        },
+        padding: [0, 0, 0, 0],
+        showMaxLabel: true
+      }
+    },
+    yAxis: [{
+      yAxisIndex: 0,
+      type: 'category',
+      data: chart === null || chart === void 0 ? void 0 : chart.categories,
+      axisLine: {
+        show: false,
+        lineStyle: {
+          color: '#030101',
+          width: 2,
+          type: 'solid'
+        }
+      },
+      splitLine: {
+        show: false,
+        lineStyle: {
+          color: ['#CCCCCC'],
+          type: 'solid'
+        }
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: '#8C8C8C',
+        fontSize: '12'
+      }
+    }],
+    series: [{
+      type: 'custom',
+      renderItem: renderItem,
+      encode: {
+        x: [1, 2],
+        y: 0
+      },
+      data: chart === null || chart === void 0 ? void 0 : chart.datatemp
+    }]
+  };
+  (0, _react.useEffect)(function () {
+    if (deviceId) {
+      _api.SbxlService.findWaterPumpRunView({
+        facilityId: facilityId,
+        deviceId: deviceId,
+        begin: (0, _moment["default"])().subtract(timeType, 'days').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+        end: (0, _moment["default"])().endOf('day').format('YYYY-MM-DD HH:mm:ss')
+      }).then(function (data) {
+        var list = (data === null || data === void 0 ? void 0 : data.rows) || [];
+        var arr = [];
+        list === null || list === void 0 ? void 0 : list.map(function (item) {
+          var _a;
+          (_a = item === null || item === void 0 ? void 0 : item.details) === null || _a === void 0 ? void 0 : _a.map(function (it) {
+            var _a, _b;
+            arr === null || arr === void 0 ? void 0 : arr.push(Object.assign(Object.assign({}, it), {
+              facilityId: item === null || item === void 0 ? void 0 : item.facilityId,
+              id: item === null || item === void 0 ? void 0 : item.facilityId,
+              facilityName: item === null || item === void 0 ? void 0 : item.facilityName,
+              monitorItemName: (_b = (_a = legends.filter(function (a) {
+                return (a === null || a === void 0 ? void 0 : a.monitorItemCode) == (it === null || it === void 0 ? void 0 : it.monitorItemCode);
+              })) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.name
+            }));
+          });
+        });
+        setState({
+          dataList: arr
+        });
+      });
+    }
+  }, [facilityId, deviceId, timeType]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-sbxl-main-top-sbyxqk")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-sbxl-main-top-title")
+  }, /*#__PURE__*/_react["default"].createElement("span", null, "\u6C34\u6CF5\u8FD0\u884C\u60C5\u51B5"), /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("span", null, "\u65F6\u6BB5\uFF1A"), /*#__PURE__*/_react["default"].createElement(_antd.Radio.Group, {
+    style: {
+      marginLeft: 10
+    },
+    options: [{
+      label: '近24小时',
+      value: 0
+    }, {
+      label: '近3天',
+      value: 2
+    }, {
+      label: '近7天',
+      value: 6
+    }],
+    optionType: "button",
+    value: timeType,
+    onChange: function onChange(e) {
+      var value = e.target.value;
+      setState({
+        timeType: value
+      });
+    }
+  }))), (dataList === null || dataList === void 0 ? void 0 : dataList.length) ? (/*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-sbxl-main-top-chart")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-sbxl-main-top-sbyxqk-legend")
+  }, legends.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "-sbxl-main-top-sbyxqk-legend-items"),
+      key: item.name
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "-sbxl-main-top-sbyxqk-legend-items-icon"),
+      style: {
+        backgroundColor: item.color
+      }
+    }), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "-sbxl-main-top-sbyxqk-legend-items-text")
+    }, item.name));
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      width: '100%',
+      height: "".concat(30 * ((_a = chart === null || chart === void 0 ? void 0 : chart.categories) === null || _a === void 0 ? void 0 : _a.length) + 40, "px"),
+      minHeight: '200px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    echarts: echarts,
+    option: option,
+    style: {
+      width: '100%',
+      height: "100%"
+    },
+    notMerge: true,
+    lazyUpdate: true
+  })))) : (/*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      height: 100,
+      marginTop: 10
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_vmNodata["default"], null))));
+}
+//# sourceMappingURL=SBYXQKV2.js.map

package/lib/vtx-pump-modal/components/Sbxl/SBYXQKV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SBYXQKV2.js","names":["_react","_interopRequireWildcard","require","_antd","_ahooks","_lodash","_interopRequireDefault","_api","_moment","_vmNodata","_echartsForReact","echarts","e","__esModule","t","WeakMap","r","n","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_toConsumableArray","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","a","toString","slice","constructor","name","test","length","l","u","next","done","push","value","renderItem","params","api","categoryIndex","start","coord","end","height","rectShape","graphic","clipRectByRect","x","y","width","coordSys","shapes","type","transition","shape","style","SBYXQK","props","_a","prefix","facilityId","deviceId","_useSetState","useSetState","timeType","dataList","_useSetState2","state","setState","_useSetState3","categories","datatemp","_useSetState4","chart","setChart","legends","color","monitorItemCode","convertSecondsToHoursAndMinutes","seconds","days","Math","floor","hours","minutes","remainingSeconds","concat","useEffect","s","Set","forEach","item","add","id","newData","size","index","indexOf","map","it","assign","data","_","flatten","groupId","facilityName","monitorItemName","beginTime","endTime","d","_b","_beginTime","Date","_endTime","differenceInMilliseconds","abs","differenceInSeconds","parseInt","getTime","startday","endday","runTime","itemStyle","normal","filter","option","grid","left","right","bottom","top","containLabel","tooltip","formatter","moment","format","marker","dataZoom","filterMode","showDataShadow","labelFormatter","handleIcon","handleSize","xAxis","scale","min","subtract","startOf","max","endOf","splitNumber","axisLabel","val","padding","showMaxLabel","yAxis","yAxisIndex","axisLine","show","lineStyle","splitLine","axisTick","fontSize","series","encode","SbxlService","findWaterPumpRunView","begin","then","list","rows","arr","details","React","createElement","className","Radio","Group","marginLeft","options","label","optionType","onChange","target","key","backgroundColor","minHeight","ReactEcharts","notMerge","lazyUpdate","marginTop","NoData"],"sources":["vtx-pump-modal/components/Sbxl/SBYXQKV2.js"],"sourcesContent":["import React, { useEffect, } from 'react';\nimport './index.less';\nimport { Radio, } from 'antd';\nimport { useSetState } from 'ahooks';\nimport _ from 'lodash';\nimport { SbxlService } from '../../api';\nimport moment from 'moment';\nimport NoData from '../../../vm-nodata';\nimport ReactEcharts from 'echarts-for-react';\nimport * as echarts from 'echarts';\nfunction renderItem(params, api) {\n    let categoryIndex = api.value(0);\n    let start = api.coord([api.value(1), categoryIndex]);\n    let end = api.coord([api.value(2), categoryIndex]);\n    let height = 15;\n    let rectShape = echarts.graphic.clipRectByRect({\n        x: start[0],\n        y: start[1] - height / 2,\n        width: end[0] - start[0],\n        height: height\n    }, {\n        x: params.coordSys.x,\n        y: params.coordSys.y,\n        width: params.coordSys.width,\n        height: params.coordSys.height\n    });\n    let shapes;\n    shapes = rectShape && {\n        type: 'rect',\n        transition: ['shape'],\n        shape: rectShape,\n        style: api.style()\n    };\n    return shapes;\n}\nexport default function SBYXQK(props) {\n    var _a;\n    const { prefix, facilityId, deviceId } = props;\n    const [state, setState] = useSetState({\n        timeType: 0,\n        dataList: [],\n    });\n    const [chart, setChart] = useSetState({\n        categories: [],\n        datatemp: [],\n    });\n    const { timeType, dataList } = state;\n    const legends = [\n        { name: '停止', color: '#8C8C8C', monitorItemCode: 'w_runstatus' },\n        { name: '工频', color: '#49E6A2', monitorItemCode: 'w_gp_runstatus' },\n        { name: '变频', color: '#438EF7', monitorItemCode: 'w_bp_runstatus' },\n        { name: '故障', color: '#FAAB59', monitorItemCode: 'w_faultstatus' },\n        { name: '未知', color: '#8A7FEE', monitorItemCode: 'unKnow' },\n    ];\n    const convertSecondsToHoursAndMinutes = (seconds) => {\n        let days = Math.floor(seconds / (60 * 60 * 24));\n        let hours = Math.floor((seconds % (60 * 60 * 24)) / (60 * 60));\n        let minutes = Math.floor(((seconds % (60 * 60 * 24)) % (60 * 60)) / 60);\n        const remainingSeconds = ((seconds % (3600 * 24)) % 3600) % 60;\n        return `${days ? `${days}天` : ''}${days || hours ? `${hours}小时` : ''}${days || hours || minutes ? `${minutes}分钟` : ''}${remainingSeconds ? `${remainingSeconds}秒` : ''}`;\n    };\n    useEffect(() => {\n        var _a;\n        if (dataList === null || dataList === void 0 ? void 0 : dataList.length) {\n            const s = new Set();\n            dataList.forEach(item => { s.add(item.id); }); // ===> 根据Set 的size 属性 用来获取不重复的数据有多少个\n            let newData = Array.from(// ====>  这一步很重要，要确定二维数组的长度是多少\n            { length: s.size }, () => []);\n            dataList === null || dataList === void 0 ? void 0 : dataList.forEach(item => {\n                const index = [...s].indexOf(item.id); // ====>  循环原数组，将key相同的对象提取到二维数组中\n                newData[index].push(item);\n            });\n            newData = newData.map((item, index) => {\n                return item.map((it) => {\n                    return Object.assign(Object.assign({}, it), { index: index });\n                });\n            });\n            let data = (_a = _.flatten(newData)) === null || _a === void 0 ? void 0 : _a.map((item) => {\n                return {\n                    groupId: item.index,\n                    facilityName: item.facilityName,\n                    monitorItemName: item.monitorItemName,\n                    beginTime: item.beginTime,\n                    endTime: item.endTime,\n                    monitorItemCode: item === null || item === void 0 ? void 0 : item.monitorItemCode,\n                };\n            });\n            let datatemp = data.map((d) => {\n                var _a, _b;\n                let _beginTime = new Date(d.beginTime);\n                let _endTime = new Date(d.endTime);\n                let differenceInMilliseconds = Math.abs(_endTime - _beginTime);\n                let differenceInSeconds = differenceInMilliseconds / 1000;\n                return {\n                    facilityName: d.facilityName,\n                    value: [\n                        parseInt(d.groupId),\n                        new Date(d.beginTime).getTime(),\n                        new Date(d.endTime).getTime()\n                    ],\n                    startday: d.beginTime,\n                    endday: d.endTime,\n                    monitorItemName: d.monitorItemName,\n                    runTime: convertSecondsToHoursAndMinutes(differenceInSeconds),\n                    itemStyle: {\n                        normal: {\n                            color: (_b = (_a = legends.filter(a => (a === null || a === void 0 ? void 0 : a.monitorItemCode) == (d === null || d === void 0 ? void 0 : d.monitorItemCode))) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.color,\n                        }\n                    }\n                };\n            });\n            let categories = Array.from(new Set(data.map(item => item.facilityName)));\n            setChart({\n                categories: categories,\n                datatemp: datatemp,\n            });\n        }\n    }, [dataList]);\n    const option = {\n        grid: {\n            left: '1%',\n            right: '6%',\n            bottom: '25px',\n            top: '1%',\n            containLabel: true,\n        },\n        tooltip: {\n            formatter: function (params) {\n                var _a, _b;\n                return `${params.name} \r\n                        <br/> 开始时间：\r\n                        ${moment(params.value[1]).format('YYYY-MM-DD HH:mm:ss')}\r\n                        <br/> 结束时间：\r\n                        ${moment(params.value[2]).format('YYYY-MM-DD HH:mm:ss')}\r\n                         <br/>${params.marker}${(_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.monitorItemName}运行：\r\n                         ${(_b = params === null || params === void 0 ? void 0 : params.data) === null || _b === void 0 ? void 0 : _b.runTime}\r\n                        `;\n            },\n        },\n        dataZoom: [\n            {\n                type: 'slider',\n                filterMode: 'weakFilter',\n                showDataShadow: false,\n                labelFormatter: '',\n                handleIcon: 'M10.7,11.9H9.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',\n                handleSize: 14,\n                height: 8,\n                bottom: 12,\n            },\n            {\n                type: 'inside',\n                filterMode: 'weakFilter',\n            },\n        ],\n        xAxis: {\n            scale: true,\n            type: 'time',\n            min: moment()\n                .subtract(timeType, 'days')\n                .startOf('day')\n                .format('YYYY-MM-DD HH:mm:ss'),\n            max: moment()\n                .endOf('day')\n                .format('YYYY-MM-DD HH:mm:ss'),\n            splitNumber: 4,\n            axisLabel: {\n                formatter: function (val) {\n                    return `${moment(val).format('M-D')}\\n${moment(val).format('HH:mm:ss')}`;\n                },\n                padding: [0, 0, 0, 0],\n                showMaxLabel: true,\n            },\n        },\n        yAxis: [\n            {\n                yAxisIndex: 0,\n                type: 'category',\n                data: chart === null || chart === void 0 ? void 0 : chart.categories,\n                axisLine: {\n                    show: false,\n                    lineStyle: {\n                        color: '#030101',\n                        width: 2,\n                        type: 'solid',\n                    },\n                },\n                splitLine: {\n                    show: false,\n                    lineStyle: {\n                        color: ['#CCCCCC'],\n                        type: 'solid',\n                    },\n                },\n                axisTick: {\n                    show: false\n                },\n                axisLabel: {\n                    color: '#8C8C8C',\n                    fontSize: '12',\n                },\n            },\n        ],\n        series: [\n            {\n                type: 'custom',\n                renderItem: renderItem,\n                encode: {\n                    x: [1, 2],\n                    y: 0\n                },\n                data: chart === null || chart === void 0 ? void 0 : chart.datatemp\n            },\n        ]\n    };\n    useEffect(() => {\n        if (deviceId) {\n            SbxlService.findWaterPumpRunView({\n                facilityId,\n                deviceId,\n                begin: moment()\n                    .subtract(timeType, 'days')\n                    .startOf('day')\n                    .format('YYYY-MM-DD HH:mm:ss'),\n                end: moment()\n                    .endOf('day')\n                    .format('YYYY-MM-DD HH:mm:ss'),\n            }).then((data) => {\n                let list = (data === null || data === void 0 ? void 0 : data.rows) || [];\n                let arr = [];\n                list === null || list === void 0 ? void 0 : list.map((item) => {\n                    var _a;\n                    (_a = item === null || item === void 0 ? void 0 : item.details) === null || _a === void 0 ? void 0 : _a.map((it) => {\n                        var _a, _b;\n                        arr === null || arr === void 0 ? void 0 : arr.push(Object.assign(Object.assign({}, it), { facilityId: item === null || item === void 0 ? void 0 : item.facilityId, id: item === null || item === void 0 ? void 0 : item.facilityId, facilityName: item === null || item === void 0 ? void 0 : item.facilityName, monitorItemName: (_b = (_a = legends.filter(a => (a === null || a === void 0 ? void 0 : a.monitorItemCode) == (it === null || it === void 0 ? void 0 : it.monitorItemCode))) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.name }));\n                    });\n                });\n                setState({\n                    dataList: arr\n                });\n            });\n        }\n    }, [facilityId, deviceId, timeType]);\n    return (React.createElement(\"div\", { className: `${prefix}-sbxl-main-top-sbyxqk` },\n        React.createElement(\"div\", { className: `${prefix}-sbxl-main-top-title` },\n            React.createElement(\"span\", null, \"\\u6C34\\u6CF5\\u8FD0\\u884C\\u60C5\\u51B5\"),\n            React.createElement(\"span\", null,\n                React.createElement(\"span\", null, \"\\u65F6\\u6BB5\\uFF1A\"),\n                React.createElement(Radio.Group, { style: { marginLeft: 10 }, options: [\n                        { label: '近24小时', value: 0 },\n                        { label: '近3天', value: 2 },\n                        { label: '近7天', value: 6 },\n                    ], optionType: \"button\", value: timeType, onChange: e => {\n                        let value = e.target.value;\n                        setState({\n                            timeType: value,\n                        });\n                    } }))),\n        (dataList === null || dataList === void 0 ? void 0 : dataList.length) ? (React.createElement(\"div\", { className: `${prefix}-sbxl-main-top-chart` },\n            React.createElement(\"div\", { className: `${prefix}-sbxl-main-top-sbyxqk-legend` }, legends.map((item) => (React.createElement(\"div\", { className: `${prefix}-sbxl-main-top-sbyxqk-legend-items`, key: item.name },\n                React.createElement(\"div\", { className: `${prefix}-sbxl-main-top-sbyxqk-legend-items-icon`, style: {\n                        backgroundColor: item.color,\n                    } }),\n                React.createElement(\"span\", { className: `${prefix}-sbxl-main-top-sbyxqk-legend-items-text` }, item.name))))),\n            React.createElement(\"div\", { style: {\n                    width: '100%',\n                    height: `${30 * ((_a = chart === null || chart === void 0 ? void 0 : chart.categories) === null || _a === void 0 ? void 0 : _a.length) + 40}px`,\n                    minHeight: '200px'\n                } },\n                React.createElement(ReactEcharts, { echarts: echarts, option: option, style: {\n                        width: '100%',\n                        height: `100%`\n                    }, notMerge: true, lazyUpdate: true })))) : (React.createElement(\"div\", { style: { height: 100, marginTop: 10 } },\n            React.createElement(NoData, null)))));\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-pump-modal/components/Sbxl/index.css

@@ -1,6 +1,7 @@
 .pump-sbxl {
   width: 100%;
   padding: 6px 10px;
+  height: calc(75vh - 120px);
 }
 .pump-sbxl-tab .ant-tabs .ant-tabs-nav {
   margin: 0;
@@ -9,15 +10,18 @@
   padding-left: 20px;
 }
 .pump-sbxl-main {
+  margin-top: 10px;
   width: 100%;
-  height: 600px;
+  height: calc(100% - 70px);
   overflow-y: auto;
 }
 .pump-sbxl-main-top {
   width: 100%;
   display: grid;
-  grid-template-columns: 50% 50%;
-  background: #ffffff;
+  grid-template-columns: calc(50% - 5px) calc(50% - 5px);
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
 }
 .pump-sbxl-main-top-title {
   display: -webkit-box;
@@ -29,14 +33,18 @@
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
-  font-size: 14px;
+  font-size: 16px;
   font-family: PingFangSC-Medium-, PingFangSC-Medium;
   font-weight: normal;
   color: rgba(0, 0, 0, 0.85);
+  border-bottom: 1px solid #E8E8E8;
+  padding: 8px 16px;
+}
+.pump-sbxl-main-top-chart {
+  padding: 16px;
 }
 .pump-sbxl-main-top-sbyxqk {
-  padding: 20px;
-  border-right: 1px solid #e8e8e8;
+  background: #ffffff;
 }
 .pump-sbxl-main-top-sbyxqk-legend {
   display: -webkit-box;
@@ -45,10 +53,10 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
   margin: 10px 0;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: end;
 }
 .pump-sbxl-main-top-sbyxqk-legend-items {
   display: -webkit-box;
@@ -65,13 +73,16 @@
   color: rgba(0, 0, 0, 0.65);
 }
 .pump-sbxl-main-top-sbyxqk-legend-items-icon {
-  width: 16px;
-  height: 8px;
+  width: 12px;
+  height: 4px;
   background: #5b7195;
-  margin-left: 5px;
+  margin-right: 5px;
+}
+.pump-sbxl-main-top-sbyxqk-legend-items + .pump-sbxl-main-top-sbyxqk-legend-items {
+  margin-left: 20px;
 }
 .pump-sbxl-main-top-sbxlfx {
-  padding: 20px;
+  background: #ffffff;
 }
 .pump-sbxl-main-bottom {
   width: 100%;

package/lib/vtx-pump-modal/components/Sbxl/index.js

@@ -10,6 +10,8 @@ var _index = require("../../index");
 require("./index.less");
 var _antd = require("antd");
 var _ahooks = require("ahooks");
+var _SBYXQKV = _interopRequireDefault(require("./SBYXQKV2"));
+var _SBXLFXV = _interopRequireDefault(require("./SBXLFXV2"));
 var _SBYXQK = _interopRequireDefault(require("./SBYXQK"));
 var _SBXLFX = _interopRequireDefault(require("./SBXLFX"));
 var _vmTable = _interopRequireDefault(require("../../../vm-table"));
@@ -23,7 +25,8 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 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; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var TabPane = _antd.Tabs.TabPane;
-function Sbxl() {
+function Sbxl(props) {
+  var type = props.type;
   var _useContext = (0, _react.useContext)(_index.PumpContext),
     prefix = _useContext.prefix,
     id = _useContext.id;
@@ -38,65 +41,84 @@ function Sbxl() {
   var activeTab = state.activeTab,
     areaList = state.areaList,
     waterPumpList = state.waterPumpList;
+  var render = function render(text) {
+    return ['', null, undefined].includes(text) ? '-' : text;
+  };
   //水泵信息
   var sbColumns = [{
     title: '水泵名称',
     dataIndex: 'name',
     key: 'name',
-    width: 100
+    width: 100,
+    render: render
   }, {
     title: '水泵类型',
     dataIndex: 'facilityClassName',
     key: 'facilityClassName',
-    width: 100
+    width: 100,
+    render: render
   }, {
     title: '型号',
     dataIndex: 'model',
     key: 'model',
-    width: 100
+    width: 100,
+    render: render
   }, {
     title: '厂家',
     dataIndex: 'manufactor',
     key: 'manufactor',
-    width: 100
+    width: 100,
+    render: render
   }, {
     title: '出厂日期',
     dataIndex: 'outFactoryDate',
     key: 'outFactoryDate',
-    width: 100
+    width: 100,
+    render: render
   }, {
     title: '额定扬程(m)',
     dataIndex: 'ratedHead',
     key: 'ratedHead',
-    width: 120
+    width: 120,
+    align: 'right',
+    render: render
   }, {
     title: '额定功率(kW)',
     dataIndex: 'ratedPower',
     key: 'ratedPower',
-    width: 120
+    width: 120,
+    align: 'right',
+    render: render
   }, {
     title: '额定流量(m³/h)',
     dataIndex: 'ratedFlowRate',
     key: 'ratedFlowRate',
-    width: 150
+    width: 150,
+    align: 'right',
+    render: render
   }, {
     title: '转速(r/min)',
     dataIndex: 'speed',
     key: 'speed',
-    width: 100
+    width: 100,
+    align: 'right',
+    render: render
   }, {
     title: '状态',
     dataIndex: 'facilityStatusName',
     key: 'facilityStatusName',
-    width: 100
+    width: 100,
+    render: render
   }];
   (0, _react.useEffect)(function () {
     _api.SbxlService.jyqInfo(id).then(function (data) {
-      var _a;
+      var _a, _b;
       setState({
         areaList: data || [],
         activeTab: data && data.length ? (_a = data[0].detail) === null || _a === void 0 ? void 0 : _a.deviceId : '',
-        waterPumpList: data && data.length ? data[0].waterPumpList : []
+        waterPumpList: data && data.length ? (_b = data[0].waterPumpList) === null || _b === void 0 ? void 0 : _b.map(function (it) {
+          return Object.assign(Object.assign({}, it), it === null || it === void 0 ? void 0 : it.dataJson);
+        }) : []
       });
     });
   }, []);
@@ -119,8 +141,8 @@ function Sbxl() {
       background: '#FFFFFF'
     }
   }, areaList.map(function (item) {
-    var _a;
-    var tab = "".concat(item.code, "(").concat((_a = item === null || item === void 0 ? void 0 : item.detail) === null || _a === void 0 ? void 0 : _a.areaName, ")");
+    var _a, _b;
+    var tab = "".concat(item.code).concat(((_a = item === null || item === void 0 ? void 0 : item.detail) === null || _a === void 0 ? void 0 : _a.areaName) ? "(".concat((_b = item === null || item === void 0 ? void 0 : item.detail) === null || _b === void 0 ? void 0 : _b.areaName, ")") : '');
     var key = item.id;
     return /*#__PURE__*/_react["default"].createElement(TabPane, {
       tabKey: key,
@@ -129,7 +151,17 @@ function Sbxl() {
     });
   }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "-sbxl-main")
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, type == 'v2' ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "-sbxl-main-top")
+  }, /*#__PURE__*/_react["default"].createElement(_SBYXQKV["default"], {
+    facilityId: id,
+    prefix: prefix,
+    deviceId: activeTab
+  }), /*#__PURE__*/_react["default"].createElement(_SBXLFXV["default"], {
+    facilityId: id,
+    prefix: prefix,
+    deviceId: activeTab
+  })) : /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "-sbxl-main-top")
   }, /*#__PURE__*/_react["default"].createElement(_SBYXQK["default"], {
     facilityId: id,