@vtx/modals2 5.0.3 → 5.0.4

package/lib/vtx-zg-modal/components/BaseInfo/index.less

@@ -0,0 +1,124 @@
+.zg-base {
+  height: 660px;
+  display: flex;
+  gap: 16px;
+  position: relative;
+
+  &-spin {
+    position: absolute;
+    left: 40%;
+    top: 30%;
+  }
+
+  &-map {
+    height: 240px;
+  }
+  &-left {
+    width: calc(100% - 416px);
+  }
+  &-right {
+    width: 400px;
+  }
+
+  &-process {
+    display: flex;
+    align-items: center;
+
+    --order-bg: #ecf0f5;
+    --order-active-bg: #1890ff;
+    --line-bg: #e8edf2;
+    --order-color: #898989;
+    --title-color: #898989;
+
+    &.dark {
+      --order-bg: #03629d;
+      --order-active-bg: #0099ff;
+      --line-bg: rgba(255, 255, 255, 0.2);
+      --order-color: #fff;
+      --title-color: rgba(255, 255, 255, 0.5);
+    }
+
+    &-item {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      &-order {
+        width: 32px;
+        height: 32px;
+        line-height: 30px;
+        font-family: Roboto, Roboto;
+        font-size: 16px;
+        color: var(--order-color);
+        text-align: center;
+        background: var(--order-bg);
+        border-radius: 32px;
+        &.active {
+          color: #fff;
+          background: var(--order-active-bg);
+        }
+      }
+      &-title {
+        font-family: Alibaba PuHuiTi 3, Alibaba PuHuiTi 30;
+        font-weight: normal;
+        font-size: 16px;
+        color: var(--title-color);
+        line-height: 24px;
+        &.active {
+          color: var(--modal-title-color);
+        }
+      }
+    }
+    &-line {
+      width: 44px;
+      height: 1px;
+      background: var(--line-bg);
+      margin: 0 8px;
+
+      &.active {
+        background: var(--order-active-bg);
+      }
+    }
+  }
+}
+.zg-p-list {
+  margin-top: 16px;
+  --content-bg: #f5f7fa;
+  --line-bg: #d3d4d8;
+
+  &.dark {
+    --content-bg: rgba(51, 166, 255, 0.1);
+    --line-bg: rgba(255, 255, 255, 0.2);
+  }
+  &-item {
+    width: 100%;
+    color: var(--modal-title-color);
+    &-head {
+      display: flex;
+      justify-content: space-between;
+      &-title {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        color: var(--blue-color);
+      }
+    }
+    &-content {
+      display: flex;
+      justify-content: start;
+      gap: 16px;
+      padding: 8px 0 8px 8px;
+      &-bg {
+        width: 338px;
+        padding: 8px 12px;
+        background: var(--content-bg);
+        margin-top: 4px;
+        border-radius: 8px;
+      }
+    }
+    &-line {
+      width: 1px;
+      height: auto;
+      background: var(--line-bg);
+    }
+  }
+}

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

@@ -0,0 +1 @@
+export { default as BaseInfo } from "./BaseInfo";

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

@@ -0,0 +1,42 @@
+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 VtxBaseModal from "../vtx-base-modal";
+import { BaseInfo } from "./components";
+import "./style";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+var TABS_BASE = 'base';
+var VtxZgModal = function VtxZgModal(props) {
+  var id = props.id,
+    title = props.title,
+    theme = props.theme,
+    source = props.source,
+    visible = props.visible,
+    onCancel = props.onCancel,
+    tabChose = props.tabChose;
+  var tabs = [{
+    key: TABS_BASE,
+    title: '总览信息'
+  }];
+  var contents = _defineProperty({}, TABS_BASE, /*#__PURE__*/_jsx(BaseInfo, {
+    id: id
+  }));
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: visible && /*#__PURE__*/_jsx(VtxBaseModal, {
+      id: id,
+      type: "facility",
+      source: source,
+      title: title,
+      width: 1250,
+      top: 10,
+      theme: theme,
+      visible: visible,
+      onCancel: onCancel,
+      tabs: tabs,
+      tabChose: tabChose,
+      contents: contents
+    })
+  });
+};
+export default VtxZgModal;

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

@@ -0,0 +1,3 @@
+import "./index.less";
+// import './baseInfo.less';
+import "../components/BaseInfo/index.less";

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

@@ -0,0 +1 @@
+@import '../../style/index';

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

@@ -3,14 +3,14 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 { useMemo } from 'react';
+import VmRepairMaintain from "../_components/vm-repair-maintain";
+import useGetChannels from "../_hooks/useGetChannels";
 import { BaseInfo as DefaultBaseInfo } from "../vtx-default-modal/components";
 import { BaseInfo, Calendar, Metering, WorkCondition } from "../vtx-df-modal/components";
 // import Appraisal from '../vm-appraisal-info';
-// import RepaireMaintain from '../vm-repair-maintain';
-// import VmVideo from '../vm-video';
+import VmVideo from "../_components/vm-video";
 import { CommonService } from "../_service";
 import { BaseService } from "../vtx-df-modal/api";
-// import VideoService from '../vm-video/api';
 import VmCustom from "../_components/vm-custom";
 import useGetConfig from "../_hooks/useGetConfig";
 import VtxBaseModal from "../vtx-base-modal";
@@ -57,13 +57,9 @@ 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 = [];
+  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 +78,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 +97,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) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtx/modals2",
-  "version": "5.0.3",
+  "version": "5.0.4",
   "description": "弹窗组件",
   "license": "MIT",
   "module": "lib/index.js",