@vtx/modals2 5.0.3 → 5.0.5

package/lib/vtx-device-modal/components/DataAnalysis/index.less

@@ -0,0 +1,66 @@
+.vtx-device-analysis-dot {
+  width: 6px;
+  height: 6px;
+  background: var(--green-color);
+  border-radius: 50%;
+  &.error {
+    background: var(--red-color);
+  }
+}
+
+.vtx-device-analysis-tabs {
+  display: flex;
+  gap: 16px;
+  color: var(--modal-title-color);
+  font-size: 14px;
+  &-item {
+    cursor: pointer;
+    &.active {
+      color: var(--blue-color);
+    }
+  }
+}
+
+.vtx-device-alarm-summary {
+  width: 368px;
+  height: 104px;
+  padding: 20px;
+  margin-bottom: 20px;
+  color: var(--modal-title-color);
+  display: flex;
+  justify-content: space-between;
+  flex-direction: column;
+  cursor: pointer;
+  background-image: url("../../imgs/current.png");
+  background-size: 100% 100%;
+  border-radius: 8px;
+  border: 1px solid transparent;
+  &-lable {
+    font-size: 16px;
+    font-weight: 600;
+  }
+  &-value {
+    font-weight: 600;
+    font-size: 24px;
+    color: var(--red-color);
+  }
+  &.dark {
+    background-image: url("../../imgs/current_dark.png");
+    &:last-child {
+      background-image: url("../../imgs/history_dark.png");
+    }
+  }
+  &.active {
+    border:1px solid var(--red-color);
+  }
+  &:last-child {
+    margin-bottom: 0;
+    background-image: url("../../imgs/history.png");
+    .vtx-device-alarm-summary-value {
+      color: var(--yellow-color);
+    }
+    &.active {
+      border:1px solid var(--yellow-color);
+    }
+  }
+}

package/lib/vtx-device-modal/components/index.js

@@ -0,0 +1,3 @@
+import BaseInfo from "./BaseInfo";
+import DataAnalysis from "./DataAnalysis";
+export { BaseInfo, DataAnalysis };

package/lib/vtx-device-modal/config.js

@@ -0,0 +1,21 @@
+export var colors = [{
+  lineColor: 'rgba(19,194,194,1)',
+  areaColor0: 'rgba(19,194,194,0)',
+  areaColor1: 'rgba(19,194,194,0.2)'
+}, {
+  lineColor: 'rgba(138,138,255,1)',
+  areaColor0: 'rgba(138,138,255,0)',
+  areaColor1: 'rgba(138,138,255,0.2)'
+}, {
+  lineColor: 'rgba(255,216,69,1)',
+  areaColor0: 'rgba(255,216,69,0)',
+  areaColor1: 'rgba(255,216,69,0.2)'
+}, {
+  lineColor: 'rgba(253,100,97,1)',
+  areaColor0: 'rgba(253,100,97,0)',
+  areaColor1: 'rgba(253,100,97,0.2)'
+}, {
+  lineColor: 'rgba(71,166,255,1)',
+  areaColor0: 'rgba(71,166,255,0)',
+  areaColor1: 'rgba(71,166,255,0.2)'
+}];

package/lib/vtx-device-modal/index.js

@@ -0,0 +1,96 @@
+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 _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); }
+import useGetChannels from "../_hooks/useGetChannels";
+import useGetConfig from "../_hooks/useGetConfig";
+import { useMemo } from 'react';
+import { VmCustom, VmVideo } from "../_components";
+import VtxBaseModal from "../vtx-base-modal";
+import { BaseService } from "./api";
+import { BaseInfo } from "./components";
+import DataAnalysis from "./components/DataAnalysis";
+import "./style";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+var TABS_BASE = 'device-base';
+var TABS_DATA = 'device-statistical';
+var TABS_VIDEO = 'device-video';
+var VtxDeviceModal = function VtxDeviceModal(props) {
+  var id = props.id,
+    title = props.title,
+    subTitle = props.subTitle,
+    theme = props.theme,
+    visible = props.visible,
+    onCancel = props.onCancel,
+    _props$tabChose = props.tabChose,
+    tabChose = _props$tabChose === void 0 ? '' : _props$tabChose;
+  var tabs = [{
+    key: TABS_BASE,
+    title: '总览信息'
+  }, {
+    key: TABS_DATA,
+    title: '数据分析'
+  }, {
+    key: TABS_VIDEO,
+    title: '视频信息'
+  }];
+  var _useGetConfig = useGetConfig('device', tabs),
+    tabsData = _useGetConfig.tabsData;
+  var _BaseService$useBaseI = BaseService.useBaseInfo(id),
+    info = _BaseService$useBaseI.info;
+  var _useGetChannels = useGetChannels("".concat(info === null || info === void 0 ? void 0 : info.facilitySubType, "_").concat(info === null || info === void 0 ? void 0 : info.facilityCode), !!(info !== null && info !== void 0 && info.facilitySubType)),
+    channels = _useGetChannels.channels;
+  var tabsList = useMemo(function () {
+    var tabsList = tabsData;
+    if (tabsList.findIndex(function (ele) {
+      return ele.key === 'device-video';
+    }) > -1 && (channels === null || channels === void 0 ? void 0 : channels.length) < 1) {
+      tabsList = tabsList.filter(function (ele) {
+        return ele.key !== 'device-video';
+      });
+    }
+    return tabsList;
+  }, [JSON.stringify(tabsData), JSON.stringify(channels)]);
+  var contents = _defineProperty(_defineProperty(_defineProperty({}, TABS_BASE, /*#__PURE__*/_jsx(BaseInfo, {
+    info: info
+  })), TABS_DATA, /*#__PURE__*/_jsx(DataAnalysis, {
+    id: id,
+    info: info
+  })), TABS_VIDEO, /*#__PURE__*/_jsx(VmVideo, {
+    videoPlaceCode: "".concat(info === null || info === void 0 ? void 0 : info.facilitySubType, "_").concat(info === null || info === void 0 ? void 0 : info.facilityCode)
+  }));
+  // 自定义页签可配置多个，包含custom即可
+  if (tabsData !== null && tabsData !== void 0 && tabsData.length) {
+    tabsData.forEach(function (ele) {
+      if (ele.url) {
+        contents[ele.key] = /*#__PURE__*/_jsx(VmCustom, {
+          id: id,
+          url: ele === null || ele === void 0 ? void 0 : ele.url
+        }, ele.key);
+      }
+    });
+  }
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: visible && /*#__PURE__*/_jsx(VtxBaseModal, {
+      id: id,
+      type: "facility",
+      title: title,
+      subTitle: subTitle,
+      theme: theme,
+      visible: visible,
+      onCancel: onCancel,
+      tabs: tabsList,
+      tabChose: tabChose,
+      showCollect: false,
+      contents: contents,
+      tagList: [{
+        color: 'blue',
+        value: info.deviceTypeName
+      }, {
+        color: info.realStatus === 'offline' ? 'red' : 'green',
+        value: info.realStatusName
+      }]
+    })
+  });
+};
+export default VtxDeviceModal;

package/lib/vtx-device-modal/style/index.js

@@ -0,0 +1 @@
+import "./index.less";

package/lib/vtx-device-modal/style/index.less

@@ -0,0 +1 @@
+

package/lib/vtx-df-modal/index.js

@@ -6,8 +6,9 @@ import { useMemo } from 'react';
 import { BaseInfo as DefaultBaseInfo } from "../vtx-default-modal/components";
 import { BaseInfo, Calendar, Metering, WorkCondition } from "./components";
 // import Appraisal from '../vm-appraisal-info';
-// import RepaireMaintain from '../vm-repair-maintain';
-// import VmVideo from '../vm-video';
+import VmRepairMaintain from "../_components/vm-repair-maintain";
+import VmVideo from "../_components/vm-video";
+import useGetChannels from "../_hooks/useGetChannels";
 import { CommonService } from "../_service";
 import { BaseService } from "./api";
 // import VideoService from '../vm-video/api';
@@ -26,7 +27,6 @@ var TABS_Calendar = 'calendar';
 var VtxDfModal = function VtxDfModal(props) {
   var id = props.id,
     title = props.title,
-    subTitle = props.subTitle,
     theme = props.theme,
     startDate = props.startDate,
     endDate = props.endDate,
@@ -57,13 +57,10 @@ var VtxDfModal = function VtxDfModal(props) {
     detail = _CommonService$useLmD.detail;
   var _BaseService$useRealt = BaseService.useRealtimeMonitor(info === null || info === void 0 ? void 0 : info.code),
     realtimeMonitor = _BaseService$useRealt.realtimeMonitor;
-  // const { channels } = VideoService.getChannels(
-  //   `${info?.typeCode}_${info?.code}`,
-  //   !!info?.typeCode,
-  // );
-  var channels = [];
-  // realtimeRes为空则无工况，beenWeigh为false则无计量
+  var _useGetChannels = useGetChannels("".concat(info === null || info === void 0 ? void 0 : info.typeCode, "_").concat(info === null || info === void 0 ? void 0 : info.code), !!(info !== null && info !== void 0 && info.typeCode)),
+    channels = _useGetChannels.channels;
 
+  // realtimeRes为空则无工况，beenWeigh为false则无计量
   var tabsList = useMemo(function () {
     var tabsList = tabsData;
     if (!(detail !== null && detail !== void 0 && detail.beenWeigh)) {
@@ -82,7 +79,7 @@ var VtxDfModal = function VtxDfModal(props) {
     }
     return tabsList;
   }, [JSON.stringify(tabsData), JSON.stringify(channels), JSON.stringify(detail)]);
-  var contents = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TABS_BASE, !(detail !== null && detail !== void 0 && detail.beenWeigh) && !(realtimeMonitor !== null && realtimeMonitor !== void 0 && realtimeMonitor.length) ? /*#__PURE__*/_jsx(DefaultBaseInfo, {
+  var contents = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TABS_BASE, !(detail !== null && detail !== void 0 && detail.beenWeigh) && !(realtimeMonitor !== null && realtimeMonitor !== void 0 && realtimeMonitor.length) ? /*#__PURE__*/_jsx(DefaultBaseInfo, {
     id: id,
     info: info,
     photos: photos,
@@ -101,6 +98,10 @@ var VtxDfModal = function VtxDfModal(props) {
     code: info === null || info === void 0 ? void 0 : info.code
   })), TABS_Calendar, /*#__PURE__*/_jsx(Calendar, {
     code: info === null || info === void 0 ? void 0 : info.code
+  })), TABS_RM, /*#__PURE__*/_jsx(VmRepairMaintain, {
+    id: id
+  })), TABS_VIDEO, /*#__PURE__*/_jsx(VmVideo, {
+    channels: channels
   }));
   // 自定义页签可配置多个，
   if (tabsData !== null && tabsData !== void 0 && tabsData.length) {
@@ -118,7 +119,6 @@ var VtxDfModal = function VtxDfModal(props) {
       id: id,
       type: "facility",
       title: title,
-      subTitle: subTitle,
       theme: theme,
       source: source,
       startDate: startDate,