@vtx/modals2 5.0.3 → 5.0.5

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

@@ -0,0 +1,286 @@
+import { Spin } from 'antd';
+import { VmInfoCollection, VmMap, VmWrapper } from "../../../_components";
+import useSettings from "../../../_hooks/useSettings";
+import { BaseService } from "../../api";
+import "./index.less";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var BaseInfo = function BaseInfo(props) {
+  var _useSettings = useSettings(),
+    isDark = _useSettings.isDark;
+  var mapCenter = props.mapCenter,
+    id = props.id;
+  var _BaseService$useBaseD = BaseService.useBaseDetail(id, 'wgs84'),
+    info = _BaseService$useBaseD.info,
+    baseInfo = _BaseService$useBaseD.baseInfo,
+    lngLats = _BaseService$useBaseD.lngLats,
+    mapPoints = _BaseService$useBaseD.mapPoints,
+    loading = _BaseService$useBaseD.loading;
+  var records = BaseService.useGetRecord(info === null || info === void 0 ? void 0 : info.orderNo);
+  var getStep = function getStep() {
+    if ((records === null || records === void 0 ? void 0 : records.length) < 2) {
+      return -1;
+    }
+    if (records[records.length - 1].processDetail) {
+      var obj = JSON.parse(records[records.length - 1].processDetail);
+      if (obj.processResult === 'Pass') {
+        return 2;
+      }
+    }
+    if (records.find(function (v) {
+      return v.processType === 'Pf';
+    }) && records[records.length - 1].processType !== 'Pf') {
+      return 1;
+    }
+    if (records.find(function (v) {
+      return v.processType === 'Pf';
+    })) {
+      return 0;
+    }
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: "zg-base",
+    children: [/*#__PURE__*/_jsx(Spin, {
+      spinning: loading,
+      className: "zg-base-spin"
+    }), /*#__PURE__*/_jsx("div", {
+      className: "zg-base-left",
+      children: /*#__PURE__*/_jsxs(VmWrapper, {
+        title: "\u4E8B\u4EF6\u63CF\u8FF0",
+        children: [/*#__PURE__*/_jsx(VmInfoCollection, {
+          data: baseInfo,
+          horizontal: true,
+          width: "50%",
+          gap: 12
+        }), /*#__PURE__*/_jsx("div", {
+          className: "zg-base-map",
+          children: /*#__PURE__*/_jsx(VmMap, {
+            mapCenter: lngLats ? lngLats.split(',') : mapCenter,
+            newMapPoints: mapPoints,
+            address: info === null || info === void 0 ? void 0 : info.address
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: "zg-base-right",
+      children: /*#__PURE__*/_jsxs(VmWrapper, {
+        title: "\u6574\u6539\u6D41\u7A0B",
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "zg-base-process ".concat(isDark ? 'dark' : ''),
+          children: [{
+            title: '派发',
+            key: '1'
+          }, {
+            title: '处理',
+            key: '2'
+          }, {
+            title: '结束',
+            key: '3'
+          }].map(function (ele, index) {
+            var isDone = getStep() >= index;
+            return /*#__PURE__*/_jsxs("div", {
+              className: "zg-base-process-item",
+              children: [/*#__PURE__*/_jsx("div", {
+                className: "zg-base-process-item-order ".concat(isDone ? 'active' : ''),
+                children: index + 1
+              }), /*#__PURE__*/_jsx("div", {
+                className: "zg-base-process-item-title ".concat(isDone ? 'active' : ''),
+                children: ele.title
+              }), index < records.length && /*#__PURE__*/_jsx("div", {
+                className: "zg-base-process-line ".concat(isDone ? 'active' : '')
+              })]
+            }, ele.key);
+          })
+        }), /*#__PURE__*/_jsx("div", {
+          className: "zg-p-list ".concat(isDark ? 'dark' : ''),
+          children: records === null || records === void 0 ? void 0 : records.map(function (ele, index) {
+            var isDone = getStep() + 1 >= index;
+            var detailObj = ele.processDetail ? JSON.parse(ele.processDetail) : {};
+            return /*#__PURE__*/_jsxs("div", {
+              className: "zg-p-list-item",
+              children: [/*#__PURE__*/_jsxs("div", {
+                className: "zg-p-list-item-head",
+                children: [/*#__PURE__*/_jsxs("div", {
+                  className: "zg-p-list-item-head-title",
+                  children: [/*#__PURE__*/_jsx("img", {
+                    src: require("../../imgs/dot".concat(isDone ? '_done' : '', ".png"))
+                  }), /*#__PURE__*/_jsx("div", {
+                    children: ele.processTypeStr
+                  })]
+                }), /*#__PURE__*/_jsx("div", {
+                  children: ele.processTimeStr
+                })]
+              }), /*#__PURE__*/_jsxs("div", {
+                className: "zg-p-list-item-content",
+                children: [/*#__PURE__*/_jsx("div", {
+                  className: "zg-p-list-item-line",
+                  style: index === records.length - 1 ? {
+                    background: 'unset'
+                  } : {}
+                }), /*#__PURE__*/_jsxs("div", {
+                  children: [ele.processContent, /*#__PURE__*/_jsx("div", {
+                    className: "zg-p-list-item-content-bg",
+                    children: getBaseShow(ele.processType, detailObj)
+                  })]
+                })]
+              })]
+            }, ele.key);
+          })
+        })]
+      })
+    })]
+  });
+};
+export default BaseInfo;
+function getBaseShow(type, detailObj) {
+  var tempArr = [];
+  switch (type) {
+    case 'Xj':
+      return /*#__PURE__*/_jsx(VmInfoCollection, {
+        data: [{
+          label: '问题照片',
+          key: 'photos',
+          value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.photos,
+          componentType: 'IMAGE'
+        }],
+        horizontal: true,
+        width: "100%",
+        gap: 12
+      });
+    case 'Pf':
+      return /*#__PURE__*/_jsx(VmInfoCollection, {
+        data: [{
+          label: '责任单位',
+          key: 'responsibleUnitName',
+          value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.responsibleUnitName
+        }, {
+          label: '责任人',
+          key: 'responsibleStaffNames',
+          value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.responsibleStaffNames
+        }, {
+          label: '整改时限',
+          key: 'reformTimeDay',
+          value: "".concat(detailObj.reformTimeDay || 0, "\u5929").concat(detailObj.reformTimeHour || 0, "\u5C0F\u65F6").concat(detailObj.reformTimeMin || 0, "\u5206")
+        }, {
+          label: '截止时间',
+          key: 'endDateTime',
+          value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.endDateTime
+        }],
+        horizontal: true,
+        width: "100%",
+        gap: 12
+      });
+    case 'Sqyq':
+      return /*#__PURE__*/_jsx(VmInfoCollection, {
+        data: [{
+          label: '原截止时间',
+          key: 'oldEndTime',
+          value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.oldEndTime
+        }, {
+          label: '期望截止时间',
+          key: 'newEndTime',
+          value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.newEndTime
+        }, {
+          label: '申请理由',
+          key: 'applyReason',
+          value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.applyReason
+        }],
+        horizontal: true,
+        width: "100%",
+        gap: 12
+      });
+    case 'Cs':
+      return /*#__PURE__*/_jsx(VmInfoCollection, {
+        data: [{
+          label: '结果',
+          key: 'processResult',
+          value: "".concat(detailObj.processResult === 'Accept' ? '接受整改' : detailObj.processResult === 'Reject' ? '拒绝整改' : detailObj.processResult)
+        }, {
+          label: '原因',
+          key: 'rejectReason',
+          value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.rejectReason
+        }],
+        horizontal: true,
+        width: "100%",
+        gap: 12
+      });
+      break;
+    case 'Dzgtjfk':
+    case 'Tjfk':
+      return /*#__PURE__*/_jsx(VmInfoCollection, {
+        data: [{
+          label: '反馈内容',
+          key: 'feedbackContent',
+          value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.feedbackContent
+        }, {
+          label: '反馈附件',
+          key: 'photos',
+          value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.photos,
+          componentType: 'IMAGE'
+        }],
+        horizontal: true,
+        width: "100%",
+        gap: 12
+      });
+    case 'Jjzgsh':
+    case 'Yqsh':
+      return /*#__PURE__*/_jsx(VmInfoCollection, {
+        data: [{
+          label: '结果',
+          key: 'processResult',
+          value: detailObj.processResult === 'Fail' ? '不通过' : '通过'
+        }, {
+          label: '审批意见',
+          key: 'auditOpinion',
+          value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.auditOpinion
+        }],
+        horizontal: true,
+        width: "100%",
+        gap: 12
+      });
+    case 'Jgsh':
+      return /*#__PURE__*/_jsx(VmInfoCollection, {
+        data: [{
+          label: '结果',
+          key: 'processResult',
+          value: detailObj.processResult === 'Fail' ? '不通过' : '通过'
+        }, {
+          label: '审批意见',
+          key: 'auditOpinion',
+          value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.auditOpinion
+        }, {
+          title: '附件',
+          key: 'photos',
+          value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.photos,
+          componentType: 'IMAGE'
+        }],
+        horizontal: true,
+        width: "100%",
+        gap: 12
+      });
+    case 'Dzg':
+      return /*#__PURE__*/_jsx(VmInfoCollection, {
+        data: [{
+          label: '第三方单位',
+          key: 'thirdResponsibleUnitName',
+          value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.thirdResponsibleUnitName
+        }, {
+          label: '责任人',
+          key: 'thirdResponsibleStaffNames',
+          value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.thirdResponsibleStaffNames
+        }, {
+          label: '整改时限',
+          key: 'reformTimeDay',
+          value: "".concat(detailObj.reformTimeDay || 0, "\u5929").concat(detailObj.reformTimeHour || 0, "\u5C0F\u65F6").concat(detailObj.reformTimeMin || 0, "\u5206")
+        }, {
+          label: '截止时间',
+          key: 'endDateTime',
+          value: detailObj === null || detailObj === void 0 ? void 0 : detailObj.endDateTime
+        }],
+        horizontal: true,
+        width: "100%",
+        gap: 12
+      });
+    default:
+      return /*#__PURE__*/_jsx(_Fragment, {});
+  }
+}

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.5",
   "description": "弹窗组件",
   "license": "MIT",
   "module": "lib/index.js",