coolcare-lite-scada-component 1.0.66 → 1.0.68

package/es/components/DialogHistory/index.js

@@ -1,9 +1,9 @@
 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 _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return r; }; var t, r = {}, e = Object.prototype, n = e.hasOwnProperty, o = "function" == typeof Symbol ? Symbol : {}, i = o.iterator || "@@iterator", a = o.asyncIterator || "@@asyncIterator", u = o.toStringTag || "@@toStringTag"; function c(t, r, e, n) { return Object.defineProperty(t, r, { value: e, enumerable: !n, configurable: !n, writable: !n }); } try { c({}, ""); } catch (t) { c = function c(t, r, e) { return t[r] = e; }; } function h(r, e, n, o) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype); return c(a, "_invoke", function (r, e, n) { var o = 1; return function (i, a) { if (3 === o) throw Error("Generator is already running"); if (4 === o) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var u = n.delegate; if (u) { var c = d(u, n); if (c) { if (c === f) continue; return c; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (1 === o) throw o = 4, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = 3; var h = s(r, e, n); if ("normal" === h.type) { if (o = n.done ? 4 : 2, h.arg === f) continue; return { value: h.arg, done: n.done }; } "throw" === h.type && (o = 4, n.method = "throw", n.arg = h.arg); } }; }(r, n, new Context(o || [])), !0), a; } function s(t, r, e) { try { return { type: "normal", arg: t.call(r, e) }; } catch (t) { return { type: "throw", arg: t }; } } r.wrap = h; var f = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var l = {}; c(l, i, function () { return this; }); var p = Object.getPrototypeOf, y = p && p(p(x([]))); y && y !== e && n.call(y, i) && (l = y); var v = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(l); function g(t) { ["next", "throw", "return"].forEach(function (r) { c(t, r, function (t) { return this._invoke(r, t); }); }); } function AsyncIterator(t, r) { function e(o, i, a, u) { var c = s(t[o], t, i); if ("throw" !== c.type) { var h = c.arg, f = h.value; return f && "object" == _typeof(f) && n.call(f, "__await") ? r.resolve(f.__await).then(function (t) { e("next", t, a, u); }, function (t) { e("throw", t, a, u); }) : r.resolve(f).then(function (t) { h.value = t, a(h); }, function (t) { return e("throw", t, a, u); }); } u(c.arg); } var o; c(this, "_invoke", function (t, n) { function i() { return new r(function (r, o) { e(t, n, r, o); }); } return o = o ? o.then(i, i) : i(); }, !0); } function d(r, e) { var n = e.method, o = r.i[n]; if (o === t) return e.delegate = null, "throw" === n && r.i.return && (e.method = "return", e.arg = t, d(r, e), "throw" === e.method) || "return" !== n && (e.method = "throw", e.arg = new TypeError("The iterator does not provide a '" + n + "' method")), f; var i = s(o, r.i, e.arg); if ("throw" === i.type) return e.method = "throw", e.arg = i.arg, e.delegate = null, f; var a = i.arg; return a ? a.done ? (e[r.r] = a.value, e.next = r.n, "return" !== e.method && (e.method = "next", e.arg = t), e.delegate = null, f) : a : (e.method = "throw", e.arg = new TypeError("iterator result is not an object"), e.delegate = null, f); } function w(t) { this.tryEntries.push(t); } function m(r) { var e = r[4] || {}; e.type = "normal", e.arg = t, r[4] = e; } function Context(t) { this.tryEntries = [[-1]], t.forEach(w, this), this.reset(!0); } function x(r) { if (null != r) { var e = r[i]; if (e) return e.call(r); if ("function" == typeof r.next) return r; if (!isNaN(r.length)) { var o = -1, a = function e() { for (; ++o < r.length;) if (n.call(r, o)) return e.value = r[o], e.done = !1, e; return e.value = t, e.done = !0, e; }; return a.next = a; } } throw new TypeError(_typeof(r) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, c(v, "constructor", GeneratorFunctionPrototype), c(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = c(GeneratorFunctionPrototype, u, "GeneratorFunction"), r.isGeneratorFunction = function (t) { var r = "function" == typeof t && t.constructor; return !!r && (r === GeneratorFunction || "GeneratorFunction" === (r.displayName || r.name)); }, r.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, c(t, u, "GeneratorFunction")), t.prototype = Object.create(v), t; }, r.awrap = function (t) { return { __await: t }; }, g(AsyncIterator.prototype), c(AsyncIterator.prototype, a, function () { return this; }), r.AsyncIterator = AsyncIterator, r.async = function (t, e, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(h(t, e, n, o), i); return r.isGeneratorFunction(e) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, g(v), c(v, u, "Generator"), c(v, i, function () { return this; }), c(v, "toString", function () { return "[object Generator]"; }), r.keys = function (t) { var r = Object(t), e = []; for (var n in r) e.unshift(n); return function t() { for (; e.length;) if ((n = e.pop()) in r) return t.value = n, t.done = !1, t; return t.done = !0, t; }; }, r.values = x, Context.prototype = { constructor: Context, reset: function reset(r) { if (this.prev = this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(m), !r) for (var e in this) "t" === e.charAt(0) && n.call(this, e) && !isNaN(+e.slice(1)) && (this[e] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0][4]; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(r) { if (this.done) throw r; var e = this; function n(t) { a.type = "throw", a.arg = r, e.next = t; } for (var o = e.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i[4], u = this.prev, c = i[1], h = i[2]; if (-1 === i[0]) return n("end"), !1; if (!c && !h) throw Error("try statement without catch or finally"); if (null != i[0] && i[0] <= u) { if (u < c) return this.method = "next", this.arg = t, n(c), !0; if (u < h) return n(h), !1; } } }, abrupt: function abrupt(t, r) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var n = this.tryEntries[e]; if (n[0] > -1 && n[0] <= this.prev && this.prev < n[2]) { var o = n; break; } } o && ("break" === t || "continue" === t) && o[0] <= r && r <= o[2] && (o = null); var i = o ? o[4] : {}; return i.type = t, i.arg = r, o ? (this.method = "next", this.next = o[2], f) : this.complete(i); }, complete: function complete(t, r) { 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 && r && (this.next = r), f; }, finish: function finish(t) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var e = this.tryEntries[r]; if (e[2] === t) return this.complete(e[4], e[3]), m(e), f; } }, catch: function _catch(t) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var e = this.tryEntries[r]; if (e[0] === t) { var n = e[4]; if ("throw" === n.type) { var o = n.arg; m(e); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(r, e, n) { return this.delegate = { i: x(r), r: e, n: n }, "next" === this.method && (this.arg = t), f; } }, r; }
 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/babel/babel/blob/main/packages/babel-helpers/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return r; }; var t, r = {}, e = Object.prototype, n = e.hasOwnProperty, o = "function" == typeof Symbol ? Symbol : {}, i = o.iterator || "@@iterator", a = o.asyncIterator || "@@asyncIterator", u = o.toStringTag || "@@toStringTag"; function c(t, r, e, n) { return Object.defineProperty(t, r, { value: e, enumerable: !n, configurable: !n, writable: !n }); } try { c({}, ""); } catch (t) { c = function c(t, r, e) { return t[r] = e; }; } function h(r, e, n, o) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype); return c(a, "_invoke", function (r, e, n) { var o = 1; return function (i, a) { if (3 === o) throw Error("Generator is already running"); if (4 === o) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var u = n.delegate; if (u) { var c = d(u, n); if (c) { if (c === f) continue; return c; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (1 === o) throw o = 4, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = 3; var h = s(r, e, n); if ("normal" === h.type) { if (o = n.done ? 4 : 2, h.arg === f) continue; return { value: h.arg, done: n.done }; } "throw" === h.type && (o = 4, n.method = "throw", n.arg = h.arg); } }; }(r, n, new Context(o || [])), !0), a; } function s(t, r, e) { try { return { type: "normal", arg: t.call(r, e) }; } catch (t) { return { type: "throw", arg: t }; } } r.wrap = h; var f = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var l = {}; c(l, i, function () { return this; }); var p = Object.getPrototypeOf, y = p && p(p(x([]))); y && y !== e && n.call(y, i) && (l = y); var v = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(l); function g(t) { ["next", "throw", "return"].forEach(function (r) { c(t, r, function (t) { return this._invoke(r, t); }); }); } function AsyncIterator(t, r) { function e(o, i, a, u) { var c = s(t[o], t, i); if ("throw" !== c.type) { var h = c.arg, f = h.value; return f && "object" == _typeof(f) && n.call(f, "__await") ? r.resolve(f.__await).then(function (t) { e("next", t, a, u); }, function (t) { e("throw", t, a, u); }) : r.resolve(f).then(function (t) { h.value = t, a(h); }, function (t) { return e("throw", t, a, u); }); } u(c.arg); } var o; c(this, "_invoke", function (t, n) { function i() { return new r(function (r, o) { e(t, n, r, o); }); } return o = o ? o.then(i, i) : i(); }, !0); } function d(r, e) { var n = e.method, o = r.i[n]; if (o === t) return e.delegate = null, "throw" === n && r.i.return && (e.method = "return", e.arg = t, d(r, e), "throw" === e.method) || "return" !== n && (e.method = "throw", e.arg = new TypeError("The iterator does not provide a '" + n + "' method")), f; var i = s(o, r.i, e.arg); if ("throw" === i.type) return e.method = "throw", e.arg = i.arg, e.delegate = null, f; var a = i.arg; return a ? a.done ? (e[r.r] = a.value, e.next = r.n, "return" !== e.method && (e.method = "next", e.arg = t), e.delegate = null, f) : a : (e.method = "throw", e.arg = new TypeError("iterator result is not an object"), e.delegate = null, f); } function w(t) { this.tryEntries.push(t); } function m(r) { var e = r[4] || {}; e.type = "normal", e.arg = t, r[4] = e; } function Context(t) { this.tryEntries = [[-1]], t.forEach(w, this), this.reset(!0); } function x(r) { if (null != r) { var e = r[i]; if (e) return e.call(r); if ("function" == typeof r.next) return r; if (!isNaN(r.length)) { var o = -1, a = function e() { for (; ++o < r.length;) if (n.call(r, o)) return e.value = r[o], e.done = !1, e; return e.value = t, e.done = !0, e; }; return a.next = a; } } throw new TypeError(_typeof(r) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, c(v, "constructor", GeneratorFunctionPrototype), c(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = c(GeneratorFunctionPrototype, u, "GeneratorFunction"), r.isGeneratorFunction = function (t) { var r = "function" == typeof t && t.constructor; return !!r && (r === GeneratorFunction || "GeneratorFunction" === (r.displayName || r.name)); }, r.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, c(t, u, "GeneratorFunction")), t.prototype = Object.create(v), t; }, r.awrap = function (t) { return { __await: t }; }, g(AsyncIterator.prototype), c(AsyncIterator.prototype, a, function () { return this; }), r.AsyncIterator = AsyncIterator, r.async = function (t, e, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(h(t, e, n, o), i); return r.isGeneratorFunction(e) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, g(v), c(v, u, "Generator"), c(v, i, function () { return this; }), c(v, "toString", function () { return "[object Generator]"; }), r.keys = function (t) { var r = Object(t), e = []; for (var n in r) e.unshift(n); return function t() { for (; e.length;) if ((n = e.pop()) in r) return t.value = n, t.done = !1, t; return t.done = !0, t; }; }, r.values = x, Context.prototype = { constructor: Context, reset: function reset(r) { if (this.prev = this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(m), !r) for (var e in this) "t" === e.charAt(0) && n.call(this, e) && !isNaN(+e.slice(1)) && (this[e] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0][4]; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(r) { if (this.done) throw r; var e = this; function n(t) { a.type = "throw", a.arg = r, e.next = t; } for (var o = e.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i[4], u = this.prev, c = i[1], h = i[2]; if (-1 === i[0]) return n("end"), !1; if (!c && !h) throw Error("try statement without catch or finally"); if (null != i[0] && i[0] <= u) { if (u < c) return this.method = "next", this.arg = t, n(c), !0; if (u < h) return n(h), !1; } } }, abrupt: function abrupt(t, r) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var n = this.tryEntries[e]; if (n[0] > -1 && n[0] <= this.prev && this.prev < n[2]) { var o = n; break; } } o && ("break" === t || "continue" === t) && o[0] <= r && r <= o[2] && (o = null); var i = o ? o[4] : {}; return i.type = t, i.arg = r, o ? (this.method = "next", this.next = o[2], f) : this.complete(i); }, complete: function complete(t, r) { 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 && r && (this.next = r), f; }, finish: function finish(t) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var e = this.tryEntries[r]; if (e[2] === t) return this.complete(e[4], e[3]), m(e), f; } }, catch: function _catch(t) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var e = this.tryEntries[r]; if (e[0] === t) { var n = e[4]; if ("throw" === n.type) { var o = n.arg; m(e); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(r, e, n) { return this.delegate = { i: x(r), r: e, n: n }, "next" === this.method && (this.arg = t), f; } }, r; }
 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(); }
@@ -17,10 +17,11 @@ import { useCallback, useEffect, useState, useRef } from 'react';
 import { Modal, Form, message, InputNumber, DatePicker, Empty, Typography, Button, Space, Tag } from 'antd';
 import moment from 'moment';
 import { useDebounceFn } from 'ahooks';
-import { GetPointHistoryData, GetTdIndicatorHistoryData } from "../../services/gateway/Point";
+import { DownHistoryDataToExcelOrPdf, GetPointHistoryData, GetTdIndicatorHistoryData } from "../../services/gateway/Point";
 import Echarts from "../ECharts";
+import base64ToBlob from "../../utils/dataURItoBlob";
 // @ts-ignore
-
+import { saveAs } from 'file-saver';
 import styles from "./index.css";
 import ModalChoosePoint from "../ModalChoosePoint";
 import { dateDiff } from "../../utils/date";
@@ -94,6 +95,78 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
     _useState18 = _slicedToArray(_useState17, 2),
     valueType = _useState18[0],
     setValueType = _useState18[1];
+  var _useState19 = useState(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    excelDownloading = _useState20[0],
+    setExcelDownloading = _useState20[1];
+
+  /** 下载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;
+            debugger;
+            _context.next = 6;
+            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 6:
+            res = _context.sent;
+            debugger;
+            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 = 18;
+            break;
+          case 13:
+            _context.prev = 13;
+            _context.t0 = _context["catch"](0);
+            console.log(_context.t0);
+            message.error('下载excel失败');
+            setExcelDownloading(false);
+          case 18:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 13]]);
+    }));
+    return function downloadExcel() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  /** 下载图表 */
+  var downloadImg = function downloadImg() {
+    var _chart$current, _chart$current$getEch;
+    // @ts-ignore
+    var _myChart = chart === null || chart === void 0 ? void 0 : (_chart$current = chart.current) === null || _chart$current === void 0 ? void 0 : (_chart$current$getEch = _chart$current.getEchartsInstance) === null || _chart$current$getEch === void 0 ? void 0 : _chart$current$getEch.call(_chart$current);
+    saveAs(base64ToBlob(_myChart.getDataURL({
+      backgroundColor: '#fff'
+    })), 'chart.jpg');
+  };
   var closeModal = function closeModal() {
     form.resetFields();
     setLoading(false);
@@ -106,49 +179,49 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
 
   /** 获取点位历史数据 */
   var fetchPointHistory = useCallback(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(idList, indicatorNo, ranges, interval) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(idList, indicatorNo, ranges, interval) {
       var diff, fun, res, data, series, yAxisData;
-      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) && !(indicatorNo === null || indicatorNo === void 0 ? void 0 : indicatorNo.length))) {
-              _context.next = 2;
+              _context2.next = 2;
               break;
             }
-            return _context.abrupt("return");
+            return _context2.abrupt("return");
           case 2:
             if (!(ranges.length !== 2)) {
-              _context.next = 5;
+              _context2.next = 5;
               break;
             }
             message.info('请选择时间范围');
-            return _context.abrupt("return");
+            return _context2.abrupt("return");
           case 5:
             if (!idList.length) {
-              _context.next = 9;
+              _context2.next = 9;
               break;
             }
             if (!(typeof interval !== 'number' || interval < 0)) {
-              _context.next = 9;
+              _context2.next = 9;
               break;
             }
             message.info('请正确输入时间间隔');
-            return _context.abrupt("return");
+            return _context2.abrupt("return");
           case 9:
-            _context.prev = 9;
+            _context2.prev = 9;
             diff = moment(ranges[1]).valueOf() - moment(ranges[0]).valueOf();
             if (!(diff > oneYearTime)) {
-              _context.next = 14;
+              _context2.next = 14;
               break;
             }
             message.error('历史数据最大查询范围是一年');
-            return _context.abrupt("return");
+            return _context2.abrupt("return");
           case 14:
             // 获取点位数据
             setLoading(true);
             setTagList([]);
             fun = indicatorNo.length ? GetTdIndicatorHistoryData : GetPointHistoryData;
-            _context.next = 19;
+            _context2.next = 19;
             return fun({
               timeQuantum: {
                 startDate: moment(ranges[0]).format('YYYY-MM-DD HH:mm'),
@@ -159,7 +232,7 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
               interval: interval
             });
           case 19:
-            res = _context.sent;
+            res = _context2.sent;
             if (res.success) {
               data = res.data;
               if (!data || !data.length) {
@@ -171,15 +244,15 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
                 yAxisData = [];
                 setDeviceId(data[0].deviceId);
                 if (data.every(function (v) {
-                  var _ref3;
-                  return ((_ref3 = v.pointDataList || v.indicatorDataList) === null || _ref3 === void 0 ? void 0 : _ref3.length) === 0 || !v.pointDataList && !v.indicatorDataList;
+                  var _ref4;
+                  return ((_ref4 = v.pointDataList || v.indicatorDataList) === null || _ref4 === void 0 ? void 0 : _ref4.length) === 0 || !v.pointDataList && !v.indicatorDataList;
                 })) {
                   setIsNoData(true);
                 } else {
                   setIsNoData(false);
                 }
                 data.forEach(function (item) {
-                  var _ref4;
+                  var _ref5;
                   setTagList(function (old) {
                     return [].concat(_toConsumableArray(old), [{
                       name: "".concat(item.deviceName, "-").concat(item.pointName || item.indicatorName),
@@ -257,7 +330,7 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
                     showAllSymbol: true,
                     identifierName: item.identifierName,
                     symbolSize: 1.5,
-                    data: (_ref4 = item.pointDataList || item.indicatorDataList) === null || _ref4 === void 0 ? void 0 : _ref4.map(function (dataItem) {
+                    data: (_ref5 = item.pointDataList || item.indicatorDataList) === null || _ref5 === void 0 ? void 0 : _ref5.map(function (dataItem) {
                       return [new Date(dataItem.ts).getTime(), dataItem.val];
                     }),
                     markPoint: {
@@ -330,26 +403,26 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
               setIsNoData(true);
               message.error(res.message);
             }
-            _context.next = 28;
+            _context2.next = 28;
             break;
           case 23:
-            _context.prev = 23;
-            _context.t0 = _context["catch"](9);
-            console.error(_context.t0);
+            _context2.prev = 23;
+            _context2.t0 = _context2["catch"](9);
+            console.error(_context2.t0);
             setIsNoData(true);
             setChartOptions(undefined);
           case 28:
-            _context.prev = 28;
+            _context2.prev = 28;
             setLoading(false);
-            return _context.finish(28);
+            return _context2.finish(28);
           case 31:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee, null, [[9, 23, 28, 31]]);
+      }, _callee2, null, [[9, 23, 28, 31]]);
     }));
     return function (_x, _x2, _x3, _x4) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }(), []);
   var _useDebounceFn = useDebounceFn(fetchPointHistory, {
@@ -357,33 +430,33 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
     }),
     fetchPointHistoryDebounce = _useDebounceFn.run;
   var handleSubmit = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       var _yield$form$validateF, dateRange, interval;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _context2.next = 2;
+            _context3.next = 2;
             return form.validateFields();
           case 2:
-            _yield$form$validateF = _context2.sent;
+            _yield$form$validateF = _context3.sent;
             dateRange = _yield$form$validateF.dateRange;
             interval = _yield$form$validateF.interval;
             setValueType(indicatorNoList.length ? 'indicator' : 'point');
             fetchPointHistoryDebounce(indicatorNoList.length ? [] : pointIdList, indicatorNoList.length ? pointIdList : [], dateRange, interval);
           case 7:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
     return function handleSubmit() {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   useEffect(function () {
-    var _form$getFieldsValue = form.getFieldsValue(),
-      dateRange = _form$getFieldsValue.dateRange,
-      interval = _form$getFieldsValue.interval;
+    var _form$getFieldsValue2 = form.getFieldsValue(),
+      dateRange = _form$getFieldsValue2.dateRange,
+      interval = _form$getFieldsValue2.interval;
     setValueType(indicatorNoList.length ? 'indicator' : 'point');
     fetchPointHistoryDebounce(indicatorNoList.length ? [] : pointIdList, indicatorNoList.length ? pointIdList : [], dateRange, interval);
   }, [pointIdList]);
@@ -482,7 +555,16 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
     onClick: function onClick() {
       setVisiblePointSet(true);
     }
-  }, "\u6DFB\u52A0\u5C5E\u6027")))) : null), tagList.map(function (item) {
+  }, "\u6DFB\u52A0\u5C5E\u6027")), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u6570\u636E\u64CD\u4F5C"
+  }, /*#__PURE__*/React.createElement(Space, {
+    size: 15
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: downloadExcel,
+    loading: excelDownloading
+  }, "\u4E0B\u8F7Dexcel"), /*#__PURE__*/React.createElement(Button, {
+    onClick: downloadImg
+  }, "\u4E0B\u8F7D\u56FE\u8868"))))) : null), tagList.map(function (item) {
     return /*#__PURE__*/React.createElement(Tag, {
       key: item.key,
       closable: true,
@@ -506,9 +588,9 @@ var DialogPointHistory = function DialogPointHistory(_ref) {
     },
     onEvents: {
       datazoom: function datazoom(params) {
-        var _chart$current, _chart$current$getEch;
+        var _chart$current2, _chart$current2$getEc;
         // 获取当前 echarts 实例
-        var myChart = chart === null || chart === void 0 ? void 0 : (_chart$current = chart.current) === null || _chart$current === void 0 ? void 0 : (_chart$current$getEch = _chart$current.getEchartsInstance) === null || _chart$current$getEch === void 0 ? void 0 : _chart$current$getEch.call(_chart$current);
+        var myChart = chart === null || chart === void 0 ? void 0 : (_chart$current2 = chart.current) === null || _chart$current2 === void 0 ? void 0 : (_chart$current2$getEc = _chart$current2.getEchartsInstance) === null || _chart$current2$getEc === void 0 ? void 0 : _chart$current2$getEc.call(_chart$current2);
         if (!myChart) return;
 
         // 获取当前配置

package/es/hooks/usePointWatch.js

@@ -18,7 +18,7 @@ function usePointWatch(point, namespace) {
     var eventHandler = function eventHandler(val) {
       setPointData(val);
     };
-    var eventName = "point-update-".concat('pointId' in point ? point.pointId ? point.pointId : point.identifierName ? point.identifierName : point.meterId ? point.meterId : point.indicatorNo : point.indicatorNo, "-").concat(namespace !== null && namespace !== void 0 ? namespace : 0);
+    var eventName = "point-update-".concat('pointId' in point ? point.pointId : 'identifierName' in point ? point.identifierName : 'meterId' in point ? point.meterId : 'indicatorNo' in point ? point.indicatorNo : '', "-").concat(namespace !== null && namespace !== void 0 ? namespace : 0);
     emitter.on(eventName, eventHandler);
     return function () {
       // TODO x6 react 组件的 unmount 没有被触发

package/es/services/gateway/Point.js

@@ -164,7 +164,7 @@ export function GetTdIndicatorAggregateData(_x11, _x12) {
   return _GetTdIndicatorAggregateData.apply(this, arguments);
 }
 
-/** 历史数据导出xlsx货pdf（支持进度条） POST /api/GatewayMicro/Point/DownHistoryDataToExcelOrPdf */
+/** 历史数据导出xlsx或pdf（支持进度条） POST /api/GatewayMicro/Point/DownHistoryDataToExcelOrPdf */
 function _GetTdIndicatorAggregateData() {
   _GetTdIndicatorAggregateData = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(body, options) {
     return _regeneratorRuntime().wrap(function _callee7$(_context7) {

package/es/services/request.js

@@ -154,13 +154,13 @@ requestClient.interceptors.request.use(function (url, options) {
 
 /** 响应拦截器 */
 requestClient.interceptors.response.use(/*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(response) {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(response, options) {
     var xAccessToken, accessToken, data, _data$code, errorText;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           if (!(response.status >= 200 && response.status < 300)) {
-            _context2.next = 9;
+            _context2.next = 13;
             break;
           }
           // 如果 response header 里面有 x-access-token 和 access-token， 那么保存到 cookies 中
@@ -169,9 +169,18 @@ requestClient.interceptors.response.use(/*#__PURE__*/function () {
           if (accessToken && xAccessToken) {
             storeToken(accessToken, xAccessToken);
           }
-          _context2.next = 6;
+          if (!(options.responseType === 'blob')) {
+            _context2.next = 8;
+            break;
+          }
+          _context2.next = 7;
+          return response.clone().blob();
+        case 7:
+          return _context2.abrupt("return", _context2.sent);
+        case 8:
+          _context2.next = 10;
           return response.clone().json();
-        case 6:
+        case 10:
           data = _context2.sent;
           if (!data.success) {
             if (Object.keys(codeMessage).includes((_data$code = data.code) === null || _data$code === void 0 ? void 0 : _data$code.toString())) {
@@ -184,17 +193,17 @@ requestClient.interceptors.response.use(/*#__PURE__*/function () {
             }
           }
           return _context2.abrupt("return", response);
-        case 9:
+        case 13:
           throw {
             response: response
           };
-        case 10:
+        case 14:
         case "end":
           return _context2.stop();
       }
     }, _callee2);
   }));
-  return function (_x3) {
+  return function (_x3, _x4) {
     return _ref2.apply(this, arguments);
   };
 }());

package/es/utils/dataURItoBlob.js

@@ -0,0 +1,25 @@
+export default function dataURItoBlob(dataURI) {
+  // convert base64 to raw binary data held in a string
+  // doesn't handle URLEncoded DataURIs - see SO answer #6850276 for code that does this
+  var byteString = atob(dataURI.split(',')[1]);
+
+  // separate out the mime component
+  var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
+
+  // write the bytes of the string to an ArrayBuffer
+  var ab = new ArrayBuffer(byteString.length);
+
+  // create a view into the buffer
+  var ia = new Uint8Array(ab);
+
+  // set the bytes of the buffer to the correct values
+  for (var i = 0; i < byteString.length; i += 1) {
+    ia[i] = byteString.charCodeAt(i);
+  }
+
+  // write the ArrayBuffer to a blob, and you're done
+  var blob = new Blob([ab], {
+    type: mimeString
+  });
+  return blob;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coolcare-lite-scada-component",
-  "version": "1.0.66",
+  "version": "1.0.68",
   "scripts": {
     "start": " PORT=8000 UMI_ENV=prod umi dev",
     "build:prod": "UMI_ENV=prod umi build",
@@ -53,6 +53,7 @@
     "classnames": "^2.3.1",
     "dayjs": "^1.10.6",
     "echarts": "^5.2.2",
+    "file-saver": "^2.0.5",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.0",
     "number-precision": "^1.5.1",