coolcare-lite-scada-component 1.0.21 → 1.0.22

package/es/components/DialogHistory/index.js

@@ -1,4 +1,8 @@
 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); }
+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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
@@ -9,13 +13,17 @@ 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; }
 import React from "react";
-import { useCallback, useEffect, useState } from 'react';
-import { Modal, Form, message, InputNumber, DatePicker, Empty } from 'antd';
+import { useCallback, useEffect, useState, useRef } from 'react';
+import { Modal, Form, message, InputNumber, DatePicker, Empty, Typography, Button, Space } from 'antd';
 import moment from 'moment';
 import { useDebounceFn } from 'ahooks';
-import { GetPointHistoryData } from "../../services/gateway/Point";
+import { DownHistoryDataToExcelOrPdf, GetPointHistoryData } from "../../services/gateway/Point";
+import ModalChoosePoint from "../ModalChoosePoint";
 import Echarts from "../ECharts";
+// @ts-ignore
+import { saveAs } from 'file-saver';
 import styles from "./index.css";
+var Link = Typography.Link;
 var RangePicker = DatePicker.RangePicker;
 var defaultInterval = 2;
 
@@ -26,15 +34,20 @@ var oneYearTime = 365 * 3600 * 1000 * 24;
 // const oneMonthTime = 31 * 3600 * 1000 * 24;
 // const oneWeekTime = 7 * 3600 * 1000 * 24;
 
-var DialogHistory = function DialogHistory(_ref) {
-  var pointIdListProp = _ref.pointIdListProp,
+var DialogPointHistory = function DialogPointHistory(_ref) {
+  var _ref$isSinglePoint = _ref.isSinglePoint,
+    isSinglePoint = _ref$isSinglePoint === void 0 ? true : _ref$isSinglePoint,
+    pointIdListProp = _ref.pointIdListProp,
     dateRangeProp = _ref.dateRangeProp,
     intervalProp = _ref.intervalProp,
     visible = _ref.visible,
-    onCancel = _ref.onCancel;
+    onCancel = _ref.onCancel,
+    getContainer = _ref.getContainer,
+    companyId = _ref.companyId;
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
+  var chart = useRef();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isNoData = _useState2[0],
@@ -44,45 +57,142 @@ var DialogHistory = function DialogHistory(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     loading = _useState4[0],
     setLoading = _useState4[1];
-  /** 曲线图配置 */
-  var _useState5 = useState(undefined),
+  var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    chartOptions = _useState6[0],
-    setChartOptions = _useState6[1];
+    excelDownloading = _useState6[0],
+    setExcelDownloading = _useState6[1];
+  /** 添加对比点位弹框 */
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    visiblePointSet = _useState8[0],
+    setVisiblePointSet = _useState8[1];
+  /** 曲线图配置 */
+  var _useState9 = useState(undefined),
+    _useState10 = _slicedToArray(_useState9, 2),
+    chartOptions = _useState10[0],
+    setChartOptions = _useState10[1];
+  /** 当前点位列表 */
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    pointIdList = _useState12[0],
+    setPointIdList = _useState12[1];
+  /** 当前点位时间段内是否有报警 */
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    haveAlarm = _useState14[0],
+    setHaveAlarm = _useState14[1];
+  /** 是否已查看原始数据 */
+  var _useState15 = useState(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    isCheckAlarm = _useState16[0],
+    setIsCheckAlarm = _useState16[1];
   var closeModal = function closeModal() {
     form.resetFields();
     setLoading(false);
     setChartOptions(undefined);
     setIsNoData(false);
+    setVisiblePointSet(false);
+    setHaveAlarm(false);
+    setIsCheckAlarm(false);
+    setPointIdList([]);
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
   };
 
+  /** 下载excel、pdf */
+  var downloadExcel = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _form$getFieldsValue, dateRange, interval, res, blobUrl;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            setExcelDownloading(true);
+            _form$getFieldsValue = form.getFieldsValue(), dateRange = _form$getFieldsValue.dateRange, interval = _form$getFieldsValue.interval;
+            _context.next = 5;
+            return DownHistoryDataToExcelOrPdf({
+              pointIdList: pointIdList,
+              timeInterval: interval,
+              fileType: 1,
+              isAlarmLacy: false,
+              timeQuantumList: [{
+                // @ts-ignore
+                startDate: moment(dateRange[0]).format('YYYY-MM-DD HH:mm:ss'),
+                // @ts-ignore
+                endDate: moment(dateRange[1]).format('YYYY-MM-DD HH:mm:ss')
+              }],
+              isMerge: false,
+              isBack: false,
+              isZip: true,
+              zipFileList: []
+            }, {
+              responseType: 'blob',
+              headers: {
+                'Content-Type': 'application/json'
+              }
+            });
+          case 5:
+            res = _context.sent;
+            blobUrl = window.URL.createObjectURL(res);
+            saveAs(blobUrl, "history_".concat(moment(dateRange[0]).format('YYYY-MM-DD HH:mm:ss'), "_").concat(moment(dateRange[1]).format('YYYY-MM-DD HH:mm:ss'), ".zip"));
+            setExcelDownloading(false);
+            _context.next = 15;
+            break;
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](0);
+            message.error('下载excel失败');
+            setExcelDownloading(false);
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 11]]);
+    }));
+    return function downloadExcel() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
   /** 获取点位历史数据 */
   var fetchPointHistory = useCallback(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(idList, ranges, interval) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(idList, ranges, interval) {
       var diff, res, data, series, yAxisData, xAxisData;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
             if (idList === null || idList === void 0 ? void 0 : idList.length) {
-              _context.next = 3;
+              _context2.next = 3;
               break;
             }
-            message.error('请至少查询一个点位');
-            return _context.abrupt("return");
+            message.info('请至少查询一个点位');
+            return _context2.abrupt("return");
           case 3:
-            _context.prev = 3;
+            if (!(ranges.length !== 2)) {
+              _context2.next = 6;
+              break;
+            }
+            message.info('请选择时间范围');
+            return _context2.abrupt("return");
+          case 6:
+            if (!(typeof interval !== 'number' || interval < 0)) {
+              _context2.next = 9;
+              break;
+            }
+            message.info('请正确输入时间间隔');
+            return _context2.abrupt("return");
+          case 9:
+            _context2.prev = 9;
             diff = moment(ranges[1]).valueOf() - moment(ranges[0]).valueOf();
             if (!(diff > oneYearTime)) {
-              _context.next = 8;
+              _context2.next = 14;
               break;
             }
             message.error('历史数据最大查询范围是一年');
-            return _context.abrupt("return");
-          case 8:
+            return _context2.abrupt("return");
+          case 14:
             // 获取点位数据
             setLoading(true);
-            _context.next = 11;
+            _context2.next = 17;
             return GetPointHistoryData({
               timeQuantum: {
                 startDate: moment(ranges[0]).format('YYYY-MM-DD HH:mm'),
@@ -91,8 +201,8 @@ var DialogHistory = function DialogHistory(_ref) {
               pointIdList: idList,
               interval: interval
             });
-          case 11:
-            res = _context.sent;
+          case 17:
+            res = _context2.sent;
             if (res.success) {
               data = res.data;
               if (!data || !data.length) {
@@ -112,7 +222,11 @@ var DialogHistory = function DialogHistory(_ref) {
                   setIsNoData(false);
                 }
                 data.forEach(function (item) {
-                  var _item$pointDataList, _item$pointDataList2;
+                  var _item$pointAlarmTimeF, _item$pointDataList, _item$pointDataList2;
+                  // @ts-ignore
+                  if ((_item$pointAlarmTimeF = item.pointAlarmTimeFrameList) === null || _item$pointAlarmTimeF === void 0 ? void 0 : _item$pointAlarmTimeF.length) {
+                    setHaveAlarm(true);
+                  }
                   var pointEnumId = item.pointEnumId,
                     pointEnumItemList = item.pointEnumItemList;
                   var unit = item.unit;
@@ -180,18 +294,17 @@ var DialogHistory = function DialogHistory(_ref) {
                   // 配置曲线数据
                   series.push({
                     animation: false,
-                    name: item.pointName,
-                    type: 'line',
+                    name: "".concat(item.deviceName, "-").concat(item.pointName),
+                    type: interval == 0 ? 'scatter' : 'line',
                     unit: item.unit,
                     yAxisIndex: yAxisData.findIndex(function (yAxis) {
                       return yAxis.pointEnumId === item.pointEnumId;
                     }),
                     smooth: false,
+                    showAllSymbol: true,
+                    symbolSize: 1.5,
                     data: (_item$pointDataList2 = item.pointDataList) === null || _item$pointDataList2 === void 0 ? void 0 : _item$pointDataList2.map(function (dataItem) {
-                      return {
-                        name: dataItem.ts,
-                        value: dataItem.val
-                      };
+                      return [new Date(dataItem.ts).getTime(), dataItem.val];
                     }),
                     markPoint: {
                       data: [{
@@ -237,15 +350,16 @@ var DialogHistory = function DialogHistory(_ref) {
                       var colorSpan = function colorSpan(color) {
                         return "<i class=\"echart-circlepoint\" style=\"background: ".concat(color, "\"></i>");
                       };
-                      var text = "".concat(moment(params[0].name).format(interval < 1 ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD HH:mm'), "<br/>");
+                      var text = "".concat(moment(params[0].axisValueLabel).format(interval < 1 ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD HH:mm'), "<br/>");
                       for (var i = 0; i < params.length; i += 1) {
-                        text += "".concat(colorSpan(params[i].color), " ").concat(params[i].seriesName, "\uFF1A").concat(params[i].value === null ? '无数据' : params[i].value, " <br/>");
+                        text += "".concat(colorSpan(params[i].color), " ").concat(params[i].seriesName, "\uFF1A").concat(params[i].data[1] === null ? '无数据' : params[i].data[1], " <br/>");
                       }
                       return text;
                     }
                   },
                   yAxis: yAxisData,
                   xAxis: {
+                    type: 'time',
                     axisLabel: {
                       formatter: function formatter(value) {
                         return moment(value).format('YYYY-MM-DD HH:mm');
@@ -253,8 +367,8 @@ var DialogHistory = function DialogHistory(_ref) {
                     },
                     splitLine: {
                       show: false
-                    },
-                    data: xAxisData
+                    }
+                    // data: xAxisData,
                   },
                   series: series
                 });
@@ -263,81 +377,97 @@ var DialogHistory = function DialogHistory(_ref) {
               setIsNoData(true);
               message.error(res.message);
             }
-            _context.next = 20;
+            _context2.next = 26;
             break;
-          case 15:
-            _context.prev = 15;
-            _context.t0 = _context["catch"](3);
-            console.error(_context.t0);
+          case 21:
+            _context2.prev = 21;
+            _context2.t0 = _context2["catch"](9);
+            console.error(_context2.t0);
             setIsNoData(true);
             setChartOptions(undefined);
-          case 20:
-            _context.prev = 20;
+          case 26:
+            _context2.prev = 26;
             setLoading(false);
-            return _context.finish(20);
-          case 23:
+            return _context2.finish(26);
+          case 29:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee, null, [[3, 15, 20, 23]]);
+      }, _callee2, null, [[9, 21, 26, 29]]);
     }));
     return function (_x, _x2, _x3) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }(), []);
   var _useDebounceFn = useDebounceFn(fetchPointHistory, {
       wait: 700
     }),
     fetchPointHistoryDebounce = _useDebounceFn.run;
-  var handleFormChange = function handleFormChange(values) {
-    var dateRange = values.dateRange,
-      interval = values.interval;
-    if (typeof interval !== 'number') {
-      return;
-    }
-    fetchPointHistoryDebounce(pointIdListProp, dateRange, interval);
-  };
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+      var _yield$form$validateF, dateRange, interval;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return form.validateFields();
+          case 2:
+            _yield$form$validateF = _context3.sent;
+            dateRange = _yield$form$validateF.dateRange;
+            interval = _yield$form$validateF.interval;
+            fetchPointHistoryDebounce(pointIdList, dateRange, interval);
+          case 6:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function handleSubmit() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
 
-  // const handleSubmit = async () => {
-  //   try {
-  //     const { dateRange, interval } = await form.validateFields()
-  //     if (typeof interval) {
-  //       fetchPointHistory(pointIdListProp, dateRange, interval)
-  //     }
-  //   } catch (err) {
-  //     console.error(err)
-  //   }
-  // }
+  /** 查看原始数据 */
+  var checkOriginalData = function checkOriginalData() {
+    form.setFieldsValue({
+      interval: 0
+    });
+    setIsCheckAlarm(true);
+    var _form$getFieldsValue2 = form.getFieldsValue(),
+      dateRange = _form$getFieldsValue2.dateRange,
+      interval = _form$getFieldsValue2.interval;
+    fetchPointHistoryDebounce(pointIdList, dateRange, interval);
+  };
 
   /** 打开弹框，初始化数据，获取曲线图形 */
   useEffect(function () {
     if (visible && (pointIdListProp === null || pointIdListProp === void 0 ? void 0 : pointIdListProp.length)) {
       var ranges = dateRangeProp || [moment().subtract(1, 'days'), moment()];
+      var interval = typeof intervalProp === 'number' && intervalProp ? intervalProp : defaultInterval;
       form.setFieldsValue({
         dateRange: ranges,
-        interval: typeof intervalProp === 'number' ? intervalProp : defaultInterval
+        interval: interval
       });
-      fetchPointHistory(pointIdListProp, ranges, defaultInterval);
+      setPointIdList(pointIdListProp);
+      fetchPointHistoryDebounce(pointIdListProp, ranges, interval);
     }
-  }, [visible, form, pointIdListProp, dateRangeProp, intervalProp, fetchPointHistory]);
+  }, [visible, form, pointIdListProp, dateRangeProp, intervalProp]);
   return /*#__PURE__*/React.createElement(Modal, {
     title: "\u5386\u53F2\u6570\u636E\u66F2\u7EBF",
-    open: visible,
+    visible: visible,
     closable: true,
     width: 1300,
-    zIndex: 42000,
     footer: null,
     onCancel: closeModal,
     afterClose: closeModal,
-    getContainer: false
+    getContainer: getContainer
   }, /*#__PURE__*/React.createElement(Form, {
-    onValuesChange: function onValuesChange(changedValues, values) {
-      return handleFormChange(values);
-    },
-    layout: "inline",
     requiredMark: false,
     form: form,
     name: "form"
+  }, /*#__PURE__*/React.createElement(Space, {
+    size: 30,
+    align: 'center'
   }, /*#__PURE__*/React.createElement(Form.Item, {
     name: "dateRange",
     label: "\u65F6\u95F4\u8303\u56F4",
@@ -353,9 +483,6 @@ var DialogHistory = function DialogHistory(_ref) {
     showTime: {
       format: 'HH:mm'
     },
-    getPopupContainer: function getPopupContainer(node) {
-      return node;
-    },
     allowClear: false,
     ranges: {
       近一天: [moment().subtract(1, 'day'), moment()],
@@ -376,9 +503,24 @@ var DialogHistory = function DialogHistory(_ref) {
   }, /*#__PURE__*/React.createElement(InputNumber, {
     disabled: loading,
     placeholder: "\u8BF7\u8F93\u5165\u6B63\u6574\u6570"
-  }))), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Button, {
+    type: 'primary',
+    onClick: handleSubmit
+  }, "\u67E5\u8BE2"))), isSinglePoint ? /*#__PURE__*/React.createElement("div", {
+    key: 'singlePointSetBox'
+  }, /*#__PURE__*/React.createElement(Space, {
+    size: 30,
+    align: 'center'
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u6DFB\u52A0\u5BF9\u6BD4"
+  }, /*#__PURE__*/React.createElement(Link, {
+    onClick: function onClick() {
+      setVisiblePointSet(true);
+    }
+  }, "\u6DFB\u52A0\u5C5E\u6027")))) : null), /*#__PURE__*/React.createElement("div", {
     className: styles['chart-wrap']
   }, /*#__PURE__*/React.createElement(Echarts, {
+    ref: chart,
     option: chartOptions,
     loading: loading,
     style: {
@@ -388,6 +530,17 @@ var DialogHistory = function DialogHistory(_ref) {
     className: styles['chart-empty'],
     image: Empty.PRESENTED_IMAGE_SIMPLE,
     description: "\u6682\u65E0\u70B9\u4F4D\u5386\u53F2\u6570\u636E"
-  })));
+  })), /*#__PURE__*/React.createElement(ModalChoosePoint, {
+    visible: visiblePointSet,
+    onSubmit: function onSubmit(val) {
+      setPointIdList(function (pre) {
+        return _toConsumableArray(new Set([].concat(_toConsumableArray(pre), _toConsumableArray(val))));
+      });
+    },
+    companyId: companyId,
+    onCancel: function onCancel() {
+      setVisiblePointSet(false);
+    }
+  }));
 };
-export default DialogHistory;
+export default DialogPointHistory;

package/es/components/ModalChoosePoint/index.js

@@ -0,0 +1,233 @@
+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); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+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; }
+import React from "react";
+import { useCallback, useEffect, useState } from 'react';
+import { Modal, Button, Form, Space, message, Select } from 'antd';
+import { GetDevicePoint } from "../../services/gateway/Device";
+import { GetColdChainPermissionDevicePage } from "../../services/project/ProjectUserPermission";
+import { useQuery } from "../../hooks";
+var Option = Select.Option;
+var tailLayout = {
+  wrapperCol: {
+    offset: 2,
+    span: 22
+  }
+};
+var ModalChoosePoint = function ModalChoosePoint(_ref) {
+  var visible = _ref.visible,
+    onSubmit = _ref.onSubmit,
+    onCancel = _ref.onCancel,
+    companyId = _ref.companyId;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  /** 设备列表 */
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    deviceList = _useState2[0],
+    setDeviceList = _useState2[1];
+  /** 产品点位列表 */
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pointList = _useState4[0],
+    setPointList = _useState4[1];
+  var query = useQuery();
+  var closeModal = function closeModal() {
+    form.resetFields();
+    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+  };
+
+  /** 获取产品最新发布版本点位列表 */
+  var fetchPointList = useCallback(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(val) {
+      var res;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return GetDevicePoint({
+              deviceIdList: [val]
+            });
+          case 3:
+            res = _context.sent;
+            if (res.success) {
+              setPointList(res.data || []);
+            } else {
+              message.error(res.message);
+            }
+            _context.next = 11;
+            break;
+          case 7:
+            _context.prev = 7;
+            _context.t0 = _context["catch"](0);
+            console.error(_context.t0);
+            message.error('获取属性列表失败');
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 7]]);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), []);
+
+  /** 获取设备列表 */
+  var fetchDeviceList = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var res, _res$data;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.prev = 0;
+          _context2.next = 3;
+          return GetColdChainPermissionDevicePage({
+            companyId: Number(query.companyId),
+            projectId: Number(query.projectId),
+            isPermission: true
+          });
+        case 3:
+          res = _context2.sent;
+          if (res.success) {
+            setDeviceList(((_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.list) || []);
+          } else {
+            message.error(res.message);
+          }
+          _context2.next = 10;
+          break;
+        case 7:
+          _context2.prev = 7;
+          _context2.t0 = _context2["catch"](0);
+          message.error('获取设备列表失败');
+        case 10:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[0, 7]]);
+  })), [query]);
+
+  /** 提交表单且数据验证成功后回调事件 */
+  var onFinish = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(val) {
+      var _val$pointIdList;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if ((_val$pointIdList = val.pointIdList) === null || _val$pointIdList === void 0 ? void 0 : _val$pointIdList.length) {
+              onSubmit(val.pointIdList);
+              closeModal();
+            } else {
+              message.error('请至少选择一个属性');
+            }
+          case 1:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function onFinish(_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    if (visible && !deviceList.length) {
+      fetchDeviceList();
+    }
+  }, [visible, deviceList.length]);
+  return /*#__PURE__*/React.createElement(Modal, {
+    title: '选择属性',
+    closable: false,
+    width: 300,
+    maskClosable: true,
+    footer: null,
+    onCancel: closeModal,
+    visible: visible,
+    wrapClassName: 'form-modal'
+  }, /*#__PURE__*/React.createElement(Form, {
+    layout: "vertical",
+    form: form,
+    name: "filterForm",
+    onFinish: onFinish,
+    initialValues: {
+      type: 1
+    }
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "deviceId",
+    label: "\u8BBE\u5907",
+    rules: [{
+      required: true,
+      message: '请选择'
+    }]
+  }, /*#__PURE__*/React.createElement(Select, {
+    placeholder: "\u8BF7\u9009\u62E9",
+    onChange: function onChange(value) {
+      fetchPointList(value);
+      form.setFieldsValue({
+        pointIdList: []
+      });
+    }
+  }, deviceList.map(function (item) {
+    return /*#__PURE__*/React.createElement(Option, {
+      value: item.deviceId,
+      label: item.deviceName,
+      key: item.deviceId
+    }, item.deviceName);
+  }))), /*#__PURE__*/React.createElement(Form.Item, {
+    noStyle: true,
+    dependencies: ['deviceId']
+  }, function (_ref5) {
+    var getFieldValue = _ref5.getFieldValue;
+    return /*#__PURE__*/React.createElement(Form.Item, {
+      name: "pointIdList",
+      label: "\u5C5E\u6027",
+      rules: [{
+        required: true,
+        message: '请选择'
+      }]
+    }, /*#__PURE__*/React.createElement(Select, {
+      allowClear: true,
+      mode: 'multiple',
+      showSearch: true,
+      optionFilterProp: "label",
+      placeholder: "\u8BF7\u9009\u62E9",
+      disabled: !getFieldValue('deviceId')
+    }, pointList.map(function (item) {
+      return /*#__PURE__*/React.createElement(Option, {
+        value: item.pointId,
+        label: item.pointName,
+        key: item.pointId
+      }, item.pointName);
+    })));
+  }), /*#__PURE__*/React.createElement(Form.Item, _extends({}, tailLayout, {
+    noStyle: true,
+    className: "modelFooterItem"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "form-modal-footer"
+  }, /*#__PURE__*/React.createElement(Space, {
+    align: "center",
+    size: 15
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: onCancel,
+    htmlType: "button",
+    style: {
+      float: 'right'
+    }
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    htmlType: "submit",
+    style: {
+      float: 'right'
+    }
+  }, "\u786E\u5B9A"))))));
+};
+export default ModalChoosePoint;

package/es/typings.d.ts

@@ -29,30 +29,34 @@ type EditorQuery =
       scadaType: '0' | '1';
       /** 来源 */
       from?: string;
+      /** 公司 id */
+      companyId: string;
       /** 项目 id */
       projectId?: string;
     }
   | {
       scene: 'device';
+      /** 公司 id */
+      companyId: string;
+      /** 项目 id */
+      projectId?: string;
       /** scene = 'device' 时传设备 id */
       deviceId: string;
       /** 组态类型：web | app */
       scadaType: '0' | '1';
       /** 来源 */
       from?: string;
-      /** 项目 id */
-      projectId?: string;
     }
   | {
       scene: 'freedom';
       /** 组态 id */
       scadaId: string;
-      /** 公司 id */
-      companyId: string;
       /** 组态标题 */
       title: string;
       /** 来源 */
       from?: string;
+      /** 公司 id */
+      companyId: string;
       /** 项目 id */
       projectId?: string;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coolcare-lite-scada-component",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "scripts": {
     "start": "umi dev",
     "build:prod": "UMI_ENV=prod umi build",