@vtx/modals2 2.16.3 → 2.16.5

package/lib/vtx-jzlj-gcxm-modal/components/Alarm/BJFX.js

@@ -0,0 +1,164 @@
+"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"] = BJFX;
+var _react = _interopRequireDefault(require("react"));
+var echarts = _interopRequireWildcard(require("echarts"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+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 _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function BJFX(_ref) {
+  var lineData = _ref.lineData;
+  var _useSettings = (0, _useSettings2["default"])(),
+    isDark = _useSettings.isDark,
+    _useSettings$theme = _useSettings.theme,
+    theme = _useSettings$theme === void 0 ? 'light' : _useSettings$theme;
+  var textColor = isDark || ['dark', 'blue'].includes(theme) ? '#fff' : '#000';
+  var xAxisData = (lineData || []).map(function (item) {
+    return item === null || item === void 0 ? void 0 : item.date;
+  });
+  var orderData = (lineData || []).map(function (item) {
+    return item === null || item === void 0 ? void 0 : item.orderCount;
+  });
+  var alarmData = (lineData || []).map(function (item) {
+    return item === null || item === void 0 ? void 0 : item.alarmCount;
+  });
+  var option = {
+    tooltip: {
+      trigger: 'axis',
+      formatter: function formatter(params) {
+        var _a;
+        var str = "<div style=\"text-align:left\">".concat((_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue, "</div >");
+        params.map(function (item) {
+          str += '<div>';
+          str += item.marker;
+          str += "".concat(item.seriesName, "\uFF1A").concat(item.data).concat(item.seriesName === '预警数量' ? '次' : '个');
+          str += '</div>';
+        });
+        return str;
+      }
+    },
+    grid: {
+      left: '6%',
+      right: '5%',
+      bottom: 20
+    },
+    legend: [{
+      align: 'left',
+      itemHeight: 8,
+      itemWidth: 8,
+      icon: 'rect',
+      itemStyle: {
+        color: '#1C86F3'
+      },
+      textStyle: {
+        color: textColor
+      },
+      data: ['联单数量'],
+      left: '40%'
+    }, {
+      align: 'left',
+      itemHeight: 2,
+      itemWidth: 16,
+      icon: 'rect',
+      itemStyle: {
+        color: '#1FB64D'
+      },
+      textStyle: {
+        color: textColor
+      },
+      data: ['预警数量'],
+      left: '60%'
+    }],
+    xAxis: [{
+      type: 'category',
+      data: xAxisData,
+      axisPointer: {
+        type: 'shadow'
+      },
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: textColor
+      }
+    }],
+    yAxis: [{
+      type: 'value',
+      name: '联单数量(个)',
+      min: 0,
+      interval: 100,
+      nameTextStyle: {
+        color: textColor
+      },
+      splitNumber: 5,
+      axisTick: {
+        show: false
+      },
+      axisLabel: {
+        color: textColor
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    }, {
+      show: true,
+      type: 'value',
+      name: '预警数量(次)',
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: 'rgba(151,151,151,0.28)'
+        }
+      }
+    }],
+    series: [{
+      name: '联单数量',
+      type: 'bar',
+      barWidth: 18,
+      yAxisIndex: 0,
+      data: orderData,
+      itemStyle: {
+        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+          offset: 0,
+          color: '#1C86F3'
+        }, {
+          offset: 1,
+          color: 'rgba(28, 134, 243, 0)'
+        }])
+      }
+    }, {
+      name: '预警数量',
+      type: 'line',
+      yAxisIndex: 1,
+      data: alarmData,
+      showSymbol: false,
+      itemStyle: {
+        color: '#1FB64D'
+      }
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jzlj-card-title"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "jzlj-card-title-text"
+  }, "\u62A5\u8B66\u8D8B\u52BF\u5206\u6790")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jzlj-card-content"
+  }, /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '300px',
+      width: '100%'
+    }
+  })));
+}
+//# sourceMappingURL=BJFX.js.map

package/lib/vtx-jzlj-gcxm-modal/components/Alarm/BJFX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BJFX.js","names":["_react","_interopRequireDefault","require","echarts","_interopRequireWildcard","_echartsForReact","_useSettings2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BJFX","_ref","lineData","_useSettings","useSettings","isDark","_useSettings$theme","theme","textColor","includes","xAxisData","map","item","date","orderData","orderCount","alarmData","alarmCount","option","tooltip","trigger","formatter","params","_a","str","concat","axisValue","marker","seriesName","data","grid","left","right","bottom","legend","align","itemHeight","itemWidth","icon","itemStyle","color","textStyle","xAxis","type","axisPointer","axisTick","show","axisLabel","yAxis","name","min","interval","nameTextStyle","splitNumber","splitLine","lineStyle","series","barWidth","yAxisIndex","graphic","LinearGradient","offset","showSymbol","React","createElement","Fragment","className","ReactEcharts","notMerge","lazyUpdate","style","height","width"],"sources":["vtx-jzlj-gcxm-modal/components/Alarm/BJFX.js"],"sourcesContent":["import React from 'react';\nimport * as echarts from 'echarts';\nimport ReactEcharts from 'echarts-for-react';\nimport useSettings from '../../../vm-hooks/useSettings';\nexport default function BJFX({ lineData }) {\n    const { isDark, theme = 'light' } = useSettings();\n    const textColor = isDark || ['dark', 'blue'].includes(theme) ? '#fff' : '#000';\n    const xAxisData = (lineData || []).map((item) => item === null || item === void 0 ? void 0 : item.date);\n    const orderData = (lineData || []).map((item) => item === null || item === void 0 ? void 0 : item.orderCount);\n    const alarmData = (lineData || []).map((item) => item === null || item === void 0 ? void 0 : item.alarmCount);\n    let option = {\n        tooltip: {\n            trigger: 'axis',\n            formatter: function (params) {\n                var _a;\n                let str = `<div style=\"text-align:left\">${(_a = params === null || params === void 0 ? void 0 : params[0]) === null || _a === void 0 ? void 0 : _a.axisValue}</div >`;\n                params.map((item) => {\n                    str += '<div>';\n                    str += item.marker;\n                    str += `${item.seriesName}：${item.data}${item.seriesName === '预警数量' ? '次' : '个'}`;\n                    str += '</div>';\n                });\n                return str;\n            },\n        },\n        grid: {\n            left: '6%',\n            right: '5%',\n            bottom: 20,\n        },\n        legend: [\n            {\n                align: 'left',\n                itemHeight: 8,\n                itemWidth: 8,\n                icon: 'rect',\n                itemStyle: {\n                    color: '#1C86F3',\n                },\n                textStyle: {\n                    color: textColor,\n                },\n                data: ['联单数量'],\n                left: '40%',\n            },\n            {\n                align: 'left',\n                itemHeight: 2,\n                itemWidth: 16,\n                icon: 'rect',\n                itemStyle: {\n                    color: '#1FB64D',\n                },\n                textStyle: {\n                    color: textColor,\n                },\n                data: ['预警数量'],\n                left: '60%',\n            },\n        ],\n        xAxis: [\n            {\n                type: 'category',\n                data: xAxisData,\n                axisPointer: {\n                    type: 'shadow',\n                },\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: textColor,\n                },\n            },\n        ],\n        yAxis: [\n            {\n                type: 'value',\n                name: '联单数量(个)',\n                min: 0,\n                interval: 100,\n                nameTextStyle: {\n                    color: textColor,\n                },\n                splitNumber: 5,\n                axisTick: {\n                    show: false,\n                },\n                axisLabel: {\n                    color: textColor,\n                },\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n            {\n                show: true,\n                type: 'value',\n                name: '预警数量(次)',\n                splitLine: {\n                    lineStyle: {\n                        type: 'dashed',\n                        color: 'rgba(151,151,151,0.28)',\n                    },\n                },\n            },\n        ],\n        series: [\n            {\n                name: '联单数量',\n                type: 'bar',\n                barWidth: 18,\n                yAxisIndex: 0,\n                data: orderData,\n                itemStyle: {\n                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\n                        {\n                            offset: 0,\n                            color: '#1C86F3',\n                        },\n                        {\n                            offset: 1,\n                            color: 'rgba(28, 134, 243, 0)',\n                        },\n                    ]),\n                },\n            },\n            {\n                name: '预警数量',\n                type: 'line',\n                yAxisIndex: 1,\n                data: alarmData,\n                showSymbol: false,\n                itemStyle: {\n                    color: '#1FB64D',\n                },\n            },\n        ],\n    };\n    return (React.createElement(React.Fragment, null,\n        React.createElement(\"div\", { className: `jzlj-card-title` },\n            React.createElement(\"span\", { className: `jzlj-card-title-text` }, \"\\u62A5\\u8B66\\u8D8B\\u52BF\\u5206\\u6790\")),\n        React.createElement(\"div\", { className: `jzlj-card-content` },\n            React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '300px', width: '100%' } }))));\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-jzlj-gcxm-modal/components/Alarm/BJHZ.js

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = BJHZ;
+var _react = _interopRequireDefault(require("react"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function BJHZ(_ref) {
+  var pieData = _ref.pieData;
+  var _useSettings = (0, _useSettings2["default"])(),
+    isDark = _useSettings.isDark,
+    theme = _useSettings.theme;
+  var chartFontColor = '#000';
+  var data = (pieData || []).map(function (item) {
+    return Object.assign(Object.assign({}, item), {
+      name: item.alarmTypeName,
+      value: item.count
+    });
+  });
+  var isDeepTheme = isDark || theme === 'blue';
+  var option = {
+    color: ['#438EF7', '#1DD27B'],
+    backgroundColor: 'transparent',
+    title: {
+      textAlign: 'center',
+      text: '报警总次数',
+      textStyle: {
+        fontSize: 14,
+        color: '#595959'
+      },
+      subtext: data.reduce(function (acc, cur) {
+        return acc + cur.value;
+      }, 0) || '0',
+      subtextStyle: {
+        fontSize: 22,
+        color: '#1F1F1F'
+      },
+      top: '33%',
+      left: '49%'
+    },
+    tooltip: {
+      show: true,
+      formatter: "{b}\uFF1A{c}\u6B21"
+    },
+    legend: {
+      orient: 'vertical',
+      bottom: 0,
+      itemGap: 8,
+      icon: 'circle',
+      itemWidth: 10,
+      itemHeight: 10,
+      textStyle: {
+        fontSize: 14,
+        color: isDeepTheme ? '#fff' : '#000',
+        rich: {
+          name: {
+            fontSize: 14,
+            width: 120,
+            color: isDeepTheme ? '#fff' : '#595959'
+          },
+          value: {
+            fontSize: 14,
+            width: 80,
+            color: isDeepTheme ? '#fff' : '#1F1F1F'
+          },
+          rate: {
+            fontSize: 14,
+            width: 80,
+            color: isDeepTheme ? '#fff' : '#8C8C8C'
+          }
+        }
+      },
+      pageIconColor: chartFontColor,
+      pageIconInactiveColor: chartFontColor,
+      pageTextStyle: {
+        color: isDeepTheme ? '#fff' : chartFontColor
+      },
+      formatter: function formatter(name) {
+        var value = data.find(function (item) {
+          return item.name === name;
+        });
+        if (value) {
+          return "{name|".concat(name, "} {value|").concat(value.value, "\u6B21} {rate|").concat(value === null || value === void 0 ? void 0 : value.rate, "%}");
+        } else {
+          return '';
+        }
+      }
+    },
+    series: [{
+      type: 'pie',
+      radius: ['40%', '55%'],
+      center: ['50%', '40%'],
+      hoverAnimation: true,
+      z: 10,
+      label: {
+        show: false
+      },
+      data: data,
+      labelLine: {
+        show: false
+      }
+    }, {
+      type: 'pie',
+      radius: ['55%', '60%'],
+      center: ['50%', '40%'],
+      hoverAnimation: true,
+      z: 10,
+      label: {
+        show: false
+      },
+      data: data,
+      labelLine: {
+        show: false
+      },
+      itemStyle: {
+        borderWidth: 0,
+        opacity: 0.3
+      }
+    }]
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jzlj-card-title"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "jzlj-card-title-text"
+  }, "\u62A5\u8B66\u6C47\u603B")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jzlj-card-content"
+  }, /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], {
+    option: option,
+    notMerge: true,
+    lazyUpdate: true,
+    style: {
+      height: '300px',
+      width: '100%'
+    }
+  })));
+}
+//# sourceMappingURL=BJHZ.js.map

package/lib/vtx-jzlj-gcxm-modal/components/Alarm/BJHZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BJHZ.js","names":["_react","_interopRequireDefault","require","_useSettings2","_echartsForReact","e","__esModule","BJHZ","_ref","pieData","_useSettings","useSettings","isDark","theme","chartFontColor","data","map","item","Object","assign","name","alarmTypeName","value","count","isDeepTheme","option","color","backgroundColor","title","textAlign","text","textStyle","fontSize","subtext","reduce","acc","cur","subtextStyle","top","left","tooltip","show","formatter","legend","orient","bottom","itemGap","icon","itemWidth","itemHeight","rich","width","rate","pageIconColor","pageIconInactiveColor","pageTextStyle","find","concat","series","type","radius","center","hoverAnimation","z","label","labelLine","itemStyle","borderWidth","opacity","React","createElement","Fragment","className","ReactEcharts","notMerge","lazyUpdate","style","height"],"sources":["vtx-jzlj-gcxm-modal/components/Alarm/BJHZ.js"],"sourcesContent":["import React from 'react';\nimport useSettings from '../../../vm-hooks/useSettings';\nimport ReactEcharts from 'echarts-for-react';\nexport default function BJHZ({ pieData }) {\n    const { isDark, theme } = useSettings();\n    const chartFontColor = '#000';\n    const data = (pieData || []).map((item) => (Object.assign(Object.assign({}, item), { name: item.alarmTypeName, value: item.count })));\n    const isDeepTheme = isDark || theme === 'blue';\n    let option = {\n        color: ['#438EF7', '#1DD27B'],\n        backgroundColor: 'transparent',\n        title: {\n            textAlign: 'center',\n            text: '报警总次数',\n            textStyle: {\n                fontSize: 14,\n                color: '#595959',\n            },\n            subtext: data.reduce((acc, cur) => acc + cur.value, 0) || '0',\n            subtextStyle: {\n                fontSize: 22,\n                color: '#1F1F1F',\n            },\n            top: '33%',\n            left: '49%',\n        },\n        tooltip: {\n            show: true,\n            formatter: `{b}：{c}次`,\n        },\n        legend: {\n            orient: 'vertical',\n            bottom: 0,\n            itemGap: 8,\n            icon: 'circle',\n            itemWidth: 10,\n            itemHeight: 10,\n            textStyle: {\n                fontSize: 14,\n                color: isDeepTheme ? '#fff' : '#000',\n                rich: {\n                    name: {\n                        fontSize: 14,\n                        width: 120,\n                        color: isDeepTheme ? '#fff' : '#595959',\n                    },\n                    value: {\n                        fontSize: 14,\n                        width: 80,\n                        color: isDeepTheme ? '#fff' : '#1F1F1F',\n                    },\n                    rate: {\n                        fontSize: 14,\n                        width: 80,\n                        color: isDeepTheme ? '#fff' : '#8C8C8C',\n                    },\n                },\n            },\n            pageIconColor: chartFontColor,\n            pageIconInactiveColor: chartFontColor,\n            pageTextStyle: {\n                color: isDeepTheme ? '#fff' : chartFontColor,\n            },\n            formatter: function (name) {\n                const value = data.find((item) => item.name === name);\n                if (value) {\n                    return `{name|${name}} {value|${value.value}次} {rate|${value === null || value === void 0 ? void 0 : value.rate}%}`;\n                }\n                else {\n                    return '';\n                }\n            },\n        },\n        series: [\n            {\n                type: 'pie',\n                radius: ['40%', '55%'],\n                center: ['50%', '40%'],\n                hoverAnimation: true,\n                z: 10,\n                label: {\n                    show: false,\n                },\n                data,\n                labelLine: {\n                    show: false,\n                },\n            },\n            {\n                type: 'pie',\n                radius: ['55%', '60%'],\n                center: ['50%', '40%'],\n                hoverAnimation: true,\n                z: 10,\n                label: {\n                    show: false,\n                },\n                data,\n                labelLine: {\n                    show: false,\n                },\n                itemStyle: {\n                    borderWidth: 0,\n                    opacity: 0.3,\n                },\n            },\n        ],\n    };\n    return (React.createElement(React.Fragment, null,\n        React.createElement(\"div\", { className: `jzlj-card-title` },\n            React.createElement(\"span\", { className: `jzlj-card-title-text` }, \"\\u62A5\\u8B66\\u6C47\\u603B\")),\n        React.createElement(\"div\", { className: `jzlj-card-content` },\n            React.createElement(ReactEcharts, { option: option, notMerge: true, lazyUpdate: true, style: { height: '300px', width: '100%' } }))));\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/vtx-jzlj-gcxm-modal/components/Alarm/Bottom.js

@@ -0,0 +1,297 @@
+"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"] = Bottom;
+var _react = _interopRequireWildcard(require("react"));
+var _vmSubTabs = require("../../../vm-sub-tabs");
+var _ahooks = require("ahooks");
+var _moment = _interopRequireDefault(require("moment"));
+var _api = require("../../api");
+var _vmIframeModal = _interopRequireDefault(require("../../../vm-iframe-modal"));
+var _useSettings2 = _interopRequireDefault(require("../../../vm-hooks/useSettings"));
+var _vmTable = _interopRequireDefault(require("../../../vm-table"));
+var _components = require("@vtx/components");
+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 _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 Bottom(_ref) {
+  var id = _ref.id,
+    alarmTypeList = _ref.alarmTypeList,
+    alarmType = _ref.alarmType,
+    startDate = _ref.startDate,
+    endDate = _ref.endDate;
+  var _useSettings = (0, _useSettings2["default"])(),
+    theme = _useSettings.theme;
+  var _useSetState = (0, _ahooks.useSetState)({
+      tabKey: 'parkingTimeout'
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var tabKey = state.tabKey;
+  var _useSetState3 = (0, _ahooks.useSetState)({
+      src: '',
+      visible: false,
+      title: ''
+    }),
+    _useSetState4 = _slicedToArray(_useSetState3, 2),
+    iframeModalInfo = _useSetState4[0],
+    setIframeModalInfo = _useSetState4[1];
+  var columns_tccs = [['运输单位', 'transportUnitName', {
+    width: 150
+  }], ['行政区划', 'divisionName', {
+    width: 150
+  }], ['报警开始时间', 'alarmStartTime', {
+    width: 180
+  }], ['报警结束时间', 'alarmEndTime', {
+    width: 180
+  }], ['停车时长', 'parkingDurationStr', {
+    width: 180
+  }], ['处置状态', 'processStatusChs', {
+    width: 100,
+    render: function render(text, record) {
+      return text ? (/*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          color: (record === null || record === void 0 ? void 0 : record.processStatus) ? '#52c41a' : '#f5222d'
+        }
+      }, text)) : '-';
+    }
+  }], ['处置结果', 'processResultChs', {
+    width: 120,
+    render: function render(text, record) {
+      return text ? (/*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          color: (record === null || record === void 0 ? void 0 : record.processResult) == 'yx' ? '#52c41a' : '#f5222d'
+        }
+      }, text)) : '-';
+    }
+  }], ['操作', 'action', {
+    width: 60,
+    render: function render(_text, record) {
+      return /*#__PURE__*/_react["default"].createElement("a", {
+        onClick: function onClick() {
+          setIframeModalInfo({
+            visible: true,
+            title: '停车超时',
+            src: "/jzlj/#/intelligentWarmAnalysis?activeKey=OverTime&id=".concat(record.id, "&carId=").concat(record.carId, "&startTime=").concat(record.alarmStartTime, "&endTime=").concat(record.alarmEndTime)
+          });
+        }
+      }, "\u67E5\u770B");
+    }
+  }]];
+  var columns_lxpl = [['行政区划', 'divisionName', {
+    width: 150
+  }], ['运输起点', 'startingPointName', {
+    width: 150,
+    render: function render(text) {
+      return text ? /*#__PURE__*/_react["default"].createElement(_components.VtxEllipsisText, {
+        text: text
+      }) : '-';
+    }
+  }], ['运输终点', 'endingPointName', {
+    width: 150,
+    render: function render(text) {
+      return text ? /*#__PURE__*/_react["default"].createElement(_components.VtxEllipsisText, {
+        text: text
+      }) : '-';
+    }
+  }], ['报警开始时间', 'alarmStartTime', {
+    width: 180
+  }], ['报警结束时间', 'alarmEndTime', {
+    width: 180
+  }], ['处置状态', 'processStatusChs', {
+    width: 150,
+    render: function render(text, record) {
+      return text ? (/*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          color: (record === null || record === void 0 ? void 0 : record.processStatus) ? '#52c41a' : '#f5222d'
+        }
+      }, text)) : '-';
+    }
+  }], ['处置结果', 'processResultChs', {
+    width: 150,
+    render: function render(text, record) {
+      return text ? (/*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          color: (record === null || record === void 0 ? void 0 : record.processResult) == 'yx' ? '#52c41a' : '#f5222d'
+        }
+      }, text)) : '-';
+    }
+  }], ['操作', 'action', {
+    width: 60,
+    render: function render(_text, record) {
+      return /*#__PURE__*/_react["default"].createElement("a", {
+        onClick: function onClick() {
+          setIframeModalInfo({
+            visible: true,
+            title: '路线偏移',
+            src: "/jzlj/#/intelligentWarmAnalysis?activeKey=RouteDeviation&id=".concat(record.id, "&carId=").concat(record.carId, "&startTime=").concat(record.alarmStartTime, "&endTime=").concat(record.alarmEndTime)
+          });
+        }
+      }, "\u67E5\u770B");
+    }
+  }]];
+  var columns_ylyc = [['运输单位', 'transportUnitName', {
+    width: 180,
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement(_components.VtxEllipsisText, {
+        text: text !== null && text !== void 0 ? text : '-'
+      });
+    }
+  }], ['行政区划', 'divisionName', {
+    width: 150
+  }], ['运输起点', 'ysqdName', {
+    width: 180,
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement(_components.VtxEllipsisText, {
+        text: text !== null && text !== void 0 ? text : '-'
+      });
+    }
+  }], ['运输终点', 'yszdName', {
+    width: 180,
+    render: function render(text) {
+      return /*#__PURE__*/_react["default"].createElement(_components.VtxEllipsisText, {
+        text: text !== null && text !== void 0 ? text : '-'
+      });
+    }
+  }], ['建筑垃圾类别', 'rubbishTypeChs', {
+    width: 150
+  }], ['核准有效期', 'effectiveDateRange', {
+    width: 200
+  }], ['报警生成时间', 'createTime', {
+    width: 200
+  }], ['核准量(吨)', 'declareTransportWeight', {
+    width: 130,
+    align: 'right',
+    sorter: true
+  }], ['实际运量(吨)', 'actualTransportWeight', {
+    width: 130,
+    align: 'right',
+    sorter: true
+  }], ['偏差比', 'offsetStr', {
+    width: 180,
+    align: 'right',
+    sorter: true,
+    render: function render(text, record) {
+      return text ? (/*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          color: record.offset > 0 ? '#52c41a' : '#f5222d'
+        }
+      }, text)) : '-';
+    }
+  }], ['处置状态', 'processStatusChs', {
+    width: 150,
+    render: function render(text, record) {
+      return text ? (/*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          color: (record === null || record === void 0 ? void 0 : record.processStatus) ? '#52c41a' : '#f5222d'
+        }
+      }, text)) : '-';
+    }
+  }], ['处置结果', 'processResultChs', {
+    width: 150,
+    render: function render(text, record) {
+      return text ? (/*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          color: (record === null || record === void 0 ? void 0 : record.processResult) == 'yx' ? '#52c41a' : '#f5222d'
+        }
+      }, text)) : '-';
+    }
+  }], ['操作', 'action', {
+    width: 60,
+    render: function render(_text, record) {
+      return /*#__PURE__*/_react["default"].createElement("a", {
+        onClick: function onClick() {
+          setIframeModalInfo({
+            visible: true,
+            title: '运量异常',
+            src: "/jzlj/#/intelligentWarmAnalysis?activeKey=TransparentAlarm&id=".concat(record.id, "&carId=").concat(record.carId, "&startTime=").concat(record.alarmStartTime, "&endTime=").concat(record.alarmEndTime)
+          });
+        }
+      }, "\u67E5\u770B");
+    }
+  }]];
+  var columns = (tabKey === 'parkingTimeout' ? columns_tccs : tabKey === 'routeDeviation' ? columns_lxpl : tabKey === 'transportAbnormal' ? columns_ylyc : columns_tccs).map(function (item) {
+    return Object.assign({
+      title: item[0],
+      dataIndex: item[1],
+      key: item[1]
+    }, item[2]);
+  });
+  var getTableData = function getTableData(_ref2) {
+    var current = _ref2.current,
+      pageSize = _ref2.pageSize;
+    var method = tabKey === 'parkingTimeout' ? _api.AlarmService.page_tccs : tabKey === 'routeDeviation' ? _api.AlarmService.page_lxpl : tabKey === 'transportAbnormal' ? _api.AlarmService.page_ylyc : _api.AlarmService.page_tccs;
+    if (!method) {
+      return {
+        total: 0,
+        list: []
+      };
+    }
+    return method({
+      id: id,
+      startTime: (0, _moment["default"])(startDate).format('YYYY-MM-DD 00:00:00'),
+      endTime: (0, _moment["default"])(endDate).format('YYYY-MM-DD 23:59:59'),
+      page: current - 1,
+      size: pageSize
+    }).then(function (res) {
+      var _a, _b;
+      return {
+        total: ((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.total) || 0,
+        list: ((_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.rows) || []
+      };
+    });
+  };
+  var _useAntdTable = (0, _ahooks.useAntdTable)(getTableData, {
+      defaultPageSize: 10
+    }),
+    tableProps = _useAntdTable.tableProps,
+    search = _useAntdTable.search;
+  var reset = search.reset;
+  var myTableProps = Object.assign(Object.assign({}, tableProps), {
+    rowKey: 'id',
+    columns: columns,
+    height: 350
+  });
+  (0, _react.useEffect)(function () {
+    setState({
+      tabKey: alarmType
+    });
+  }, [alarmType]);
+  (0, _react.useEffect)(function () {
+    reset();
+  }, [tabKey, startDate, endDate]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "jzlj-card-content"
+  }, /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabsLine, {
+    activeKey: tabKey,
+    onChange: function onChange(e) {
+      setState({
+        tabKey: e
+      });
+    }
+  }, alarmTypeList.filter(function (item) {
+    return alarmType ? alarmType === item.value : true;
+  }).map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement(_vmSubTabs.SubTabPane, {
+      tab: item.text,
+      key: item.value
+    });
+  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_vmTable["default"], Object.assign({}, myTableProps)))), /*#__PURE__*/_react["default"].createElement(_vmIframeModal["default"], Object.assign({}, iframeModalInfo, {
+    theme: theme,
+    onCancel: function onCancel() {
+      return setIframeModalInfo({
+        visible: false
+      });
+    }
+  })));
+}
+//# sourceMappingURL=Bottom.js.map