@vtx/modals2 5.0.9 → 5.0.10

package/lib/vtx-wr-modal/components/Base/Sjjg.js

@@ -1,86 +1,173 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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(arr) { if (Array.isArray(arr)) return arr; }
+import { request } from '@vtx/utils';
+import { useSetState } from 'ahooks';
+import { useEffect } from 'react';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var readData = function readData(params) {
+  return request.get('/cloud/zhgc-reborn/api/gis/pop/readData', {
+    data: params
+  });
+};
 export default (function (props) {
-  var theme = props.theme;
+  var theme = props.theme,
+    gcDetail = props.gcDetail;
+  var _useSetState = useSetState({
+      all: [],
+      male: [],
+      female: [],
+      third: [],
+      unisex: []
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    monitorDetail = _useSetState2[0],
+    setMonitorDetail = _useSetState2[1];
+  useEffect(function () {
+    gcDetail.id && readData({
+      id: gcDetail.id
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
+        setMonitorDetail({
+          all: res.data.all || [],
+          male: res.data.male || [],
+          female: res.data.female || [],
+          third: res.data.third || [],
+          unisex: res.data.unisex || []
+        });
+      }
+    });
+  }, [gcDetail]);
+  var totalList = [{
+    name: '用水量',
+    img: require("./assets/".concat(theme, "/ysl.png")),
+    section: monitorDetail.all.filter(function (item) {
+      return item.factorCode === 'WATER_USE';
+    })[0],
+    unit: '吨'
+  }, {
+    name: '用电量',
+    img: require("./assets/".concat(theme, "/ydl.png")),
+    section: monitorDetail.all.filter(function (item) {
+      return item.factorCode === 'ELEC_USE';
+    })[0],
+    unit: '度'
+  }];
+  var eachList = [{
+    name: '男厕',
+    img: 'male',
+    bgB: 'rgba(51, 166, 255, 0.2)',
+    bg: '#F3F8FF',
+    list: monitorDetail.male
+  }, {
+    name: '女厕',
+    img: 'female',
+    bgB: 'rgba(255,152,175,0.2)',
+    bg: '#FFF2F5',
+    list: monitorDetail.female
+  }, {
+    name: '第三卫生间',
+    img: 'dswsj',
+    bgB: 'rgba(84,247,165,0.2)',
+    bg: '#F0F9F4',
+    list: monitorDetail.third
+  }, {
+    name: '通用卫生间',
+    img: 'tywsj',
+    bgB: 'rgba(255,203,105,0.2)',
+    bg: '#FFF9EF',
+    list: monitorDetail.unisex
+  }];
+  var getImg = function getImg(code) {
+    switch (code) {
+      case 'PERSON_NUM':
+        return 'rll';
+      case 'TEMPERATURE':
+        return 'wd';
+      case 'HUMIDITY':
+        return 'sd';
+      case 'ODOR':
+        return 'cq';
+      case 'HYDROGEN':
+        return 'lhq';
+      case 'AMMONIA':
+        return 'aq';
+      default:
+        return 'ty';
+    }
+  };
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs("div", {
+    children: [!!totalList.filter(function (item) {
+      return item.section;
+    }).length && /*#__PURE__*/_jsx("div", {
       className: "wr-sjjg-total",
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: "sjjg-total-each",
-        children: [/*#__PURE__*/_jsx("img", {
-          src: require("./assets/".concat(theme, "/ysl.png")),
-          alt: "ysl"
-        }), /*#__PURE__*/_jsxs("div", {
-          children: [/*#__PURE__*/_jsx("div", {
-            children: "\u7528\u6C34\u91CF"
-          }), /*#__PURE__*/_jsx("div", {
-            children: "20.56\u2002\u5428"
-          })]
-        })]
-      }), /*#__PURE__*/_jsxs("div", {
-        className: "sjjg-total-each",
-        children: [/*#__PURE__*/_jsx("img", {
-          src: require("./assets/".concat(theme, "/ydl.png")),
-          alt: "ydl"
-        }), /*#__PURE__*/_jsxs("div", {
-          children: [/*#__PURE__*/_jsx("div", {
-            children: "\u7528\u7535\u91CF"
-          }), /*#__PURE__*/_jsx("div", {
-            children: "20.56\u2002\u5EA6"
+      children: totalList.filter(function (item) {
+        return item.section;
+      }).map(function (item) {
+        return /*#__PURE__*/_jsxs("div", {
+          className: "sjjg-total-each",
+          children: [/*#__PURE__*/_jsx("img", {
+            src: item.img,
+            alt: "ysl"
+          }), /*#__PURE__*/_jsxs("div", {
+            children: [/*#__PURE__*/_jsx("div", {
+              children: item.name
+            }), /*#__PURE__*/_jsxs("div", {
+              children: [item.section, "\u2002", item.unit]
+            })]
           })]
-        })]
-      })]
-    }), /*#__PURE__*/_jsxs("div", {
+        }, item.name);
+      })
+    }), /*#__PURE__*/_jsx("div", {
       className: "wr-sjjg-each",
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: "sjjg-each-item",
-        style: {
-          background: theme === 'blue' ? 'rgba(51, 166, 255, 0.2)' : '#F3F8FF'
-        },
-        children: [/*#__PURE__*/_jsxs("div", {
-          className: "each-item-title",
-          children: [/*#__PURE__*/_jsx("img", {
-            src: require("./assets/".concat(theme, "/male.png")),
-            alt: "male"
-          }), "\u7537\u5395"]
-        }), /*#__PURE__*/_jsx("div", {
-          className: "each-item-value",
-          children: new Array(10).fill('1').map(function (item) {
-            return /*#__PURE__*/_jsxs("div", {
-              className: "each-value",
-              children: [/*#__PURE__*/_jsxs("div", {
-                className: "each-value-num",
-                children: [/*#__PURE__*/_jsx("span", {
-                  style: {
-                    fontSize: '18px'
-                  },
-                  children: "56"
-                }), "\xA0\u4EBA\u6B21"]
-              }), /*#__PURE__*/_jsxs("div", {
-                className: "each-factor-value",
-                children: [/*#__PURE__*/_jsx("img", {
-                  src: require("./assets/".concat(theme, "/rll.png")),
-                  alt: "rll"
-                }), /*#__PURE__*/_jsx("div", {
-                  className: "each-factor-text",
-                  children: "\u4EBA\u6D41\u91CF"
+      children: eachList.filter(function (item) {
+        return !!item.list.length;
+      }).map(function (item) {
+        return /*#__PURE__*/_jsxs("div", {
+          className: "sjjg-each-item",
+          style: {
+            background: theme === 'blue' ? item.bgB : item.bg
+          },
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: "each-item-title",
+            children: [/*#__PURE__*/_jsx("img", {
+              src: require("./assets/".concat(theme, "/").concat(item.img, ".png")),
+              alt: item.img
+            }), item.name]
+          }), /*#__PURE__*/_jsx("div", {
+            className: "each-item-value",
+            children: item.list.map(function (each) {
+              var _each$value, _each$unit;
+              return /*#__PURE__*/_jsxs("div", {
+                className: "each-value",
+                title: "\u6700\u8FD1\u66F4\u65B0\u65F6\u95F4\uFF1A".concat(each.dataTime || '--'),
+                children: [/*#__PURE__*/_jsxs("div", {
+                  className: "each-value-num",
+                  children: [/*#__PURE__*/_jsx("span", {
+                    style: {
+                      fontSize: '18px'
+                    },
+                    children: (_each$value = each.value) !== null && _each$value !== void 0 ? _each$value : '--'
+                  }), "\xA0", (_each$unit = each.unit) !== null && _each$unit !== void 0 ? _each$unit : '--']
+                }), /*#__PURE__*/_jsxs("div", {
+                  className: "each-factor-value",
+                  children: [/*#__PURE__*/_jsx("img", {
+                    src: require("./assets/".concat(theme, "/").concat(getImg(each.factorCode), ".png")),
+                    alt: "rll"
+                  }), /*#__PURE__*/_jsx("div", {
+                    className: "each-factor-text",
+                    title: each.factorName || each.name,
+                    children: each.factorName || each.name
+                  })]
                 })]
-              })]
-            });
-          })
-        })]
-      }), /*#__PURE__*/_jsx("div", {
-        className: "sjjg-each-item",
-        style: {
-          background: theme === 'blue' ? 'rgba(255,152,175,0.2)' : '#FFF2F5'
-        },
-        children: /*#__PURE__*/_jsxs("div", {
-          className: "each-item-title",
-          children: [/*#__PURE__*/_jsx("img", {
-            src: require("./assets/".concat(theme, "/female.png")),
-            alt: "female"
-          }), "\u5973\u5395"]
-        })
-      })]
+              }, each.factorName);
+            })
+          })]
+        }, item.name);
+      })
     })]
   });
 });

package/lib/vtx-wr-modal/components/Base/index.js

@@ -4,49 +4,178 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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(arr) { if (Array.isArray(arr)) return arr; }
+import { request } from '@vtx/utils';
+import { useSetState } from 'ahooks';
 import { Tabs } from 'antd';
-import { VMDatePicker, VMSelect, VmLineCharts, VmTable } from "../../../_components/vm-filter";
+import dayjs from 'dayjs';
+import { useEffect, useState } from 'react';
+import { VmLineCharts, VmTable } from "../../../_components";
+import { VMDatePicker, VMRangePicker, VMSelect } from "../../../_components/vm-filter";
 import Jbxx from "./Jbxx";
-import Sjjg from "./Sjjg";
+import Ptss from "./Ptss";
+
+//公厕详情
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var getDetail = function getDetail(params) {
+  return request.get('/cloud/zhgc-reborn/api/gis/pop/getById', {
+    data: params
+  });
+};
+//公厕配置字段
+var getFields = function getFields(params) {
+  return request.get('/cloud/jcss-reborn/facility/type/view/detail', {
+    data: params
+  });
+};
+
+//监测指标
+var getMonitorType = function getMonitorType(params) {
+  return request.get('/cloud/zhgc-reborn/api/kanban/getMonitorType', {
+    data: params
+  });
+};
+var monitorItemEcharts = function monitorItemEcharts(params) {
+  return request.get('/cloud/zhgc-reborn/api/kanban/monitorItemEcharts', {
+    data: params
+  });
+};
+var getAlarmList = function getAlarmList(params) {
+  return request.post('/cloud/device/alarmInfo/list', {
+    data: JSON.stringify(params)
+  });
+};
 export default (function (props) {
+  var _monitorTypeList$filt;
+  var theme = props.theme,
+    id = props.id;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    gcDetail = _useState2[0],
+    setGcDetail = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fields = _useState4[0],
+    setFields = _useState4[1];
+  var _useState5 = useState('data'),
+    _useState6 = _slicedToArray(_useState5, 2),
+    activeKey = _useState6[0],
+    setActiveKey = _useState6[1];
+  var _useSetState = useSetState({
+      monitorTypeList: [],
+      monitorTypeCode: '',
+      frequency: '',
+      startDate: '',
+      endDate: '',
+      echartsData: {
+        legends: [],
+        names: [],
+        values: [],
+        maxData: 0,
+        levelData: []
+      },
+      date: dayjs().format('YYYY-MM-DD'),
+      alarmList: []
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var monitorTypeList = state.monitorTypeList,
+    monitorTypeCode = state.monitorTypeCode,
+    frequency = state.frequency,
+    startDate = state.startDate,
+    endDate = state.endDate,
+    echartsData = state.echartsData,
+    date = state.date,
+    alarmList = state.alarmList;
+  useEffect(function () {
+    if (id) {
+      getDetail({
+        id: id
+      }).then(function (res) {
+        if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
+          setGcDetail(res.data || {});
+        }
+      });
+      getFields({
+        code: 'wr'
+      }).then(function (res) {
+        if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
+          setFields(res.data.baseFields.concat(res.data.customFields));
+        }
+      });
+      getMonitorType({
+        facilityId: id
+      }).then(function (res) {
+        if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
+          if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
+            var _res$data$, _res$data$2;
+            var _monitorTypeCode = (_res$data$ = res.data[0]) === null || _res$data$ === void 0 ? void 0 : _res$data$.monitorTypeCode;
+            setState({
+              monitorTypeList: res.data,
+              monitorTypeCode: (_res$data$2 = res.data[0]) === null || _res$data$2 === void 0 ? void 0 : _res$data$2.monitorTypeCode,
+              frequency: _monitorTypeCode === 'GC_PERSON_NUM' || _monitorTypeCode === 'GC_ELECTRICITY_USE' || _monitorTypeCode === 'GC_WATER_USE' ? 'hour' : 'day',
+              startDate: dayjs().startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+              endDate: dayjs().format('YYYY-MM-DD HH:mm:ss')
+            });
+          }
+        }
+      });
+    }
+  }, [id]);
+  var store = _objectSpread(_objectSpread({}, props), {}, {
+    gcDetail: gcDetail,
+    fields: fields
+  });
   var columns = [{
     title: '监测指标',
-    dataIndex: 'shiftDate',
-    key: 'shiftDate',
+    dataIndex: 'factorName',
+    key: 'factorName',
     width: 100
   }, {
     title: '报警等级',
-    dataIndex: 'shiftDate',
-    key: 'shiftDate',
+    dataIndex: 'alarmLevelName',
+    key: 'alarmLevelName',
     width: 100
   }, {
     title: '监测开始时间',
-    dataIndex: 'shiftDate',
-    key: 'shiftDate',
+    dataIndex: 'alarmStartTime',
+    key: 'alarmStartTime',
     width: 100
   }, {
     title: '监测结束时间',
-    dataIndex: 'shiftDate',
-    key: 'shiftDate',
+    dataIndex: 'alarmEndTime',
+    key: 'alarmEndTime',
     width: 100
   }];
   var tableProps = {
     columns: columns,
-    height: 240,
+    height: 220,
     isIndex: false,
-    pagination: false
+    pagination: false,
+    dataSource: alarmList
   };
   var items = [{
     label: '监测数据',
     key: 'data',
     children: /*#__PURE__*/_jsx(VmLineCharts, {
-      height: 240,
-      xAxis: ['2025-11-20', '2025-11-21', '2025-11-22', '2025-11-23', '2025-11-24'],
-      dataList: [{
-        data: [10, 20, 30, 40, 50]
-      }],
-      unit: "\u6B21"
+      height: 260,
+      xAxis: echartsData.names || [],
+      dataList: (echartsData.values || []).map(function (item, index) {
+        return {
+          name: echartsData.legends[index],
+          data: item,
+          smooth: true
+        };
+      }),
+      unit: ((_monitorTypeList$filt = monitorTypeList.filter(function (item) {
+        return item.monitorTypeCode === monitorTypeCode;
+      })[0]) === null || _monitorTypeList$filt === void 0 ? void 0 : _monitorTypeList$filt.unit) || ''
     })
   },
   // 务必填写 key
@@ -78,6 +207,100 @@ export default (function (props) {
     name: '前日',
     value: 'yesterdayB'
   }];
+  var getFrequency = function getFrequency() {
+    if (monitorTypeCode === 'GC_PERSON_NUM' || monitorTypeCode === 'GC_ELECTRICITY_USE' || monitorTypeCode === 'GC_WATER_USE') {
+      return frequencyListA;
+    } else {
+      return frequencyListB;
+    }
+  };
+  useEffect(function () {
+    switch (frequency) {
+      case 'hour':
+        setState({
+          startDate: dayjs().startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+          endDate: dayjs().format('YYYY-MM-DD HH:mm:ss')
+        });
+        break;
+      case 'month':
+        setState({
+          startDate: dayjs().startOf('month').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+          endDate: dayjs().format('YYYY-MM-DD HH:mm:ss')
+        });
+        break;
+      case 'day':
+        setState({
+          startDate: dayjs().startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+          endDate: dayjs().format('YYYY-MM-DD HH:mm:ss')
+        });
+        break;
+      case 'yesterday':
+        setState({
+          startDate: dayjs().subtract(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+          endDate: dayjs().subtract(1, 'day').endOf('day').format('YYYY-MM-DD HH:mm:ss')
+        });
+        break;
+      case 'yesterdayB':
+        setState({
+          startDate: dayjs().subtract(2, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+          endDate: dayjs().subtract(2, 'day').endOf('day').format('YYYY-MM-DD HH:mm:ss')
+        });
+        break;
+    }
+  }, [frequency]);
+  useEffect(function () {
+    if (monitorTypeCode) {
+      if (monitorTypeCode === 'GC_PERSON_NUM' || monitorTypeCode === 'GC_ELECTRICITY_USE' || monitorTypeCode === 'GC_WATER_USE') {
+        setState({
+          frequency: 'hour',
+          startDate: dayjs().startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+          endDate: dayjs().format('YYYY-MM-DD HH:mm:ss')
+        });
+      } else {
+        setState({
+          frequency: 'day',
+          startDate: dayjs().startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+          endDate: dayjs().format('YYYY-MM-DD HH:mm:ss')
+        });
+      }
+    }
+  }, [monitorTypeCode]);
+  useEffect(function () {
+    startDate && endDate && activeKey === 'data' && getData();
+  }, [startDate, endDate, activeKey]);
+  var getData = function getData() {
+    monitorItemEcharts({
+      facilityId: gcDetail.id,
+      startDate: startDate,
+      endDate: endDate,
+      monitorTypeCode: monitorTypeCode,
+      frequency: frequency === 'month' ? 'month' : 'hour'
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
+        setState({
+          echartsData: res.data
+        });
+      }
+    });
+  };
+  var getList = function getList() {
+    return getAlarmList({
+      facilityIds: [gcDetail.id],
+      alarmStatuses: ['OCCURRING'],
+      alarmTypes: ['FACTOR'],
+      alarmStartTimeBegin: dayjs(date).startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+      alarmStartTimeEnd: dayjs(date).endOf('day').format('YYYY-MM-DD HH:mm:ss')
+    }).then(function (res) {
+      if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
+        setState({
+          alarmList: res.data
+        });
+      }
+    });
+  };
+  useEffect(function () {
+    date && activeKey === 'list' && getList();
+  }, [date, activeKey]);
   return /*#__PURE__*/_jsxs("div", {
     className: "wr-base-content",
     children: [/*#__PURE__*/_jsxs("div", {
@@ -85,38 +308,102 @@ export default (function (props) {
       children: [/*#__PURE__*/_jsx("div", {
         className: "wr-base-title",
         children: "\u57FA\u672C\u4FE1\u606F"
-      }), /*#__PURE__*/_jsx(Jbxx, _objectSpread({}, props))]
+      }), /*#__PURE__*/_jsx(Jbxx, _objectSpread({}, store))]
     }), /*#__PURE__*/_jsxs("div", {
       className: "wr-base-right",
       children: [/*#__PURE__*/_jsxs("div", {
         className: "wr-base-sjjg",
         children: [/*#__PURE__*/_jsx("div", {
           className: "wr-base-title",
-          children: "\u6570\u636E\u76D1\u7BA1"
-        }), /*#__PURE__*/_jsx(Sjjg, _objectSpread({}, props))]
-      }), /*#__PURE__*/_jsxs("div", {
+          children: "\u914D\u5957\u8BBE\u65BD"
+        }), /*#__PURE__*/_jsx(Ptss, _objectSpread({}, store))]
+      }), gcDetail.hasDevice && /*#__PURE__*/_jsxs("div", {
         className: "wr-base-jcbj",
         children: [/*#__PURE__*/_jsx(Tabs, {
-          items: items
-        }), /*#__PURE__*/_jsxs("div", {
+          items: items,
+          onChange: function onChange(value) {
+            return setActiveKey(value);
+          }
+        }), activeKey === 'data' && /*#__PURE__*/_jsxs("div", {
           className: "wr-jcbj-search",
-          children: [frequencyListB.map(function (item) {
+          children: [getFrequency().map(function (item) {
             return /*#__PURE__*/_jsx("div", {
+              style: {
+                cursor: 'pointer',
+                color: item.value === frequency ? theme === 'blue' ? '#009DFF' : '#1677FF' : theme === 'blue' ? '#fff' : '#1f1f1f'
+              },
+              onClick: function onClick() {
+                return setState({
+                  frequency: item.value
+                });
+              },
               children: item.name
-            }, item.key);
-          }), /*#__PURE__*/_jsx(VMDatePicker, {
+            }, item.value);
+          }), startDate && (frequency === 'month' ? /*#__PURE__*/_jsx(VMRangePicker, {
+            style: {
+              width: 200
+            },
+            picker: "month",
+            value: [dayjs(startDate), dayjs(endDate)],
+            disabledDate: function disabledDate(current) {
+              return current && current > dayjs().endOf('month');
+            },
+            onChange: function onChange(date) {
+              return setState({
+                startDate: dayjs(date[0]).startOf('month').format('YYYY-MM-DD HH:mm:ss'),
+                endDate: dayjs(date[1]).endOf('month').format('YYYY-MM-DD HH:mm:ss')
+              });
+            }
+          }) : /*#__PURE__*/_jsx(VMDatePicker, {
             style: {
               width: 140
+            },
+            value: dayjs(startDate),
+            disabledDate: function disabledDate(current) {
+              return current && current > dayjs().endOf('day');
+            },
+            onChange: function onChange(date) {
+              return setState({
+                startDate: dayjs(date).startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+                endDate: dayjs(date).endOf('day').format('YYYY-MM-DD HH:mm:ss')
+              });
             }
-          }), /*#__PURE__*/_jsx(VMSelect, {
+          })), /*#__PURE__*/_jsx(VMSelect, {
             style: {
               width: 140
             },
-            options: [{
-              label: '日',
-              value: 'day'
-            }]
+            options: monitorTypeList.map(function (item) {
+              return {
+                label: item.monitorTypeName,
+                value: item.monitorTypeCode
+              };
+            }),
+            value: monitorTypeCode,
+            onChange: function onChange(value) {
+              return setState({
+                monitorTypeCode: value,
+                frequency: '',
+                startDate: '',
+                endDate: ''
+              });
+            }
           })]
+        }), activeKey === 'list' && /*#__PURE__*/_jsx("div", {
+          className: "wr-jcbj-search",
+          children: /*#__PURE__*/_jsx(VMDatePicker, {
+            style: {
+              width: 140
+            },
+            value: dayjs(date),
+            disabledDate: function disabledDate(current) {
+              return current && current > dayjs().endOf('day');
+            },
+            onChange: function onChange(_, dateStr) {
+              return setState({
+                date: dateStr
+              });
+            }
+          })
         })]
       })]
     })]