@vtx/modals2 5.0.2 → 5.0.4

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

@@ -0,0 +1,106 @@
+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 { useMemo } from 'react';
+import VmCustom from "../_components/vm-custom";
+import useGetConfig from "../_hooks/useGetConfig";
+import VtxBaseModal from "../vtx-base-modal";
+import { AlarmRecord, ThrowCalendar, ThrowRecord } from "../vtx-shxq-modal/components";
+import { BaseService } from "./api";
+import { BaseInfo } from "./components";
+import "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var TABS_BASE = 'base';
+var TABS_CALENDAR = 'calender';
+var TABS_THROW = 'throw';
+var TABS_ALARM = 'alarm';
+var tabs = [{
+  key: TABS_BASE,
+  title: '总览信息'
+}, {
+  key: TABS_CALENDAR,
+  title: '投放日历'
+}, {
+  key: TABS_THROW,
+  title: '投放记录'
+}, {
+  key: TABS_ALARM,
+  title: '违规记录'
+}];
+var VtxTfdModal = function VtxTfdModal(props) {
+  var id = props.id,
+    title = props.title,
+    subTitle = props.subTitle,
+    theme = props.theme,
+    source = props.source,
+    visible = props.visible,
+    onCancel = props.onCancel,
+    _props$top = props.top,
+    top = _props$top === void 0 ? 50 : _props$top,
+    _props$frameParams = props.frameParams,
+    frameParams = _props$frameParams === void 0 ? {} : _props$frameParams,
+    _props$customMapInfo = props.customMapInfo,
+    customMapInfo = _props$customMapInfo === void 0 ? {} : _props$customMapInfo,
+    _props$tabChose = props.tabChose,
+    tabChose = _props$tabChose === void 0 ? '' : _props$tabChose,
+    _props$mapPoints = props.mapPoints,
+    mapPoints = _props$mapPoints === void 0 ? [] : _props$mapPoints,
+    _props$mapCenter = props.mapCenter,
+    mapCenter = _props$mapCenter === void 0 ? [] : _props$mapCenter;
+  var _BaseService$useBaseI = BaseService.useBaseInfo(id),
+    photos = _BaseService$useBaseI.photos,
+    info = _BaseService$useBaseI.info,
+    baseInfo = _BaseService$useBaseI.baseInfo;
+  var _useGetConfig = useGetConfig(info === null || info === void 0 ? void 0 : info.typeCode, tabs),
+    tabsData = _useGetConfig.tabsData;
+  var tabsList = useMemo(function () {
+    var tabsList = tabsData;
+    return tabsList;
+  }, [JSON.stringify(tabsData)]);
+  var contents = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TABS_BASE, /*#__PURE__*/_jsx(BaseInfo, {
+    id: id,
+    info: info,
+    baseInfo: baseInfo,
+    photos: photos,
+    mapCenter: mapCenter,
+    mapPoints: mapPoints,
+    customMapInfo: customMapInfo
+  })), TABS_CALENDAR, /*#__PURE__*/_jsx(ThrowCalendar, {
+    id: id,
+    areaDimension: "THROW_POINT"
+  })), TABS_THROW, /*#__PURE__*/_jsx(ThrowRecord, {
+    id: id,
+    source: "tfd"
+  })), TABS_ALARM, /*#__PURE__*/_jsx(AlarmRecord, {
+    id: id,
+    source: "tfd"
+  }));
+  // 自定义页签可配置多个，
+  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
+        });
+      }
+    });
+  }
+  return /*#__PURE__*/_jsx(VtxBaseModal, {
+    id: id,
+    type: "tfd",
+    title: title,
+    subTitle: subTitle,
+    visible: visible,
+    source: source,
+    theme: theme,
+    onCancel: onCancel,
+    frameParams: frameParams,
+    tabChose: tabChose,
+    top: top,
+    tabs: tabsList,
+    contents: contents
+  });
+};
+export default VtxTfdModal;

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

@@ -0,0 +1 @@
+import "../../vtx-staff-modal/style/index.less";

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

@@ -0,0 +1,107 @@
+import { MapIcon } from '@vtx/map-icon';
+import { request } from '@vtx/utils';
+import { useRequest } from 'ahooks';
+var BaseService = {
+  useBaseDetail: function useBaseDetail(id) {
+    var _info$geometryInfo, _info$geometryInfo2, _lngLats$split, _lngLats$split2, _info$geometryInfo3;
+    var _useRequest = useRequest(function () {
+        return request.get('/cloud/zykh-reborn/orderTask/get', {
+          data: {
+            id: id,
+            coordType: 'wgs84'
+          }
+        });
+      }, {
+        refreshDeps: [id]
+      }),
+      baseInfoRes = _useRequest.data,
+      loading = _useRequest.loading;
+    var info = baseInfoRes === null || baseInfoRes === void 0 ? void 0 : baseInfoRes.data;
+    var baseInfo = [{
+      label: '问题来源',
+      key: 'problemFromStr',
+      value: info === null || info === void 0 ? void 0 : info.problemFromStr
+    }, {
+      label: '大类',
+      key: 'parentCategoryName',
+      value: info === null || info === void 0 ? void 0 : info.parentCategoryName
+    }, {
+      label: '问题分类',
+      key: 'problemCategoryName',
+      value: info === null || info === void 0 ? void 0 : info.problemCategoryName
+    }, {
+      label: '考核对象',
+      key: 'checkResourceName',
+      value: info === null || info === void 0 ? void 0 : info.checkResourceName
+    }, {
+      label: '上报人员',
+      key: 'reportStaffName',
+      value: info === null || info === void 0 ? void 0 : info.reportStaffName
+    }, {
+      label: '上报时间',
+      key: 'reportDateTimeStr',
+      value: info === null || info === void 0 ? void 0 : info.reportDateTimeStr
+    }, {
+      label: '截止时间',
+      key: 'endDateTimeStr',
+      value: info === null || info === void 0 ? void 0 : info.endDateTimeStr
+    }, {
+      label: '标段',
+      key: 'tenderName',
+      value: info === null || info === void 0 ? void 0 : info.tenderName
+    }, {
+      label: '行政区划',
+      key: 'divisionName',
+      value: info === null || info === void 0 ? void 0 : info.divisionName,
+      width: '100%'
+    }, {
+      label: '问题描述',
+      key: 'memo',
+      value: info === null || info === void 0 ? void 0 : info.memo,
+      width: '100%'
+    }, {
+      label: '问题照片',
+      key: 'photos',
+      value: info === null || info === void 0 ? void 0 : info.photos,
+      componentType: 'IMAGE',
+      width: '100%'
+    }, {
+      label: '问题位置',
+      key: 'address',
+      value: info === null || info === void 0 ? void 0 : info.address,
+      width: '100%'
+    }];
+    var lngLats = info === null || info === void 0 || (_info$geometryInfo = info.geometryInfo) === null || _info$geometryInfo === void 0 ? void 0 : _info$geometryInfo.lngLats;
+    return {
+      info: info,
+      baseInfo: baseInfo,
+      lngLats: (info === null || info === void 0 || (_info$geometryInfo2 = info.geometryInfo) === null || _info$geometryInfo2 === void 0 ? void 0 : _info$geometryInfo2.lngLats) || '',
+      loading: loading,
+      mapPoints: [{
+        lng: lngLats === null || lngLats === void 0 || (_lngLats$split = lngLats.split(',')) === null || _lngLats$split === void 0 ? void 0 : _lngLats$split[0],
+        lat: lngLats === null || lngLats === void 0 || (_lngLats$split2 = lngLats.split(',')) === null || _lngLats$split2 === void 0 ? void 0 : _lngLats$split2[1],
+        icon: 'GD',
+        type: info === null || info === void 0 || (_info$geometryInfo3 = info.geometryInfo) === null || _info$geometryInfo3 === void 0 ? void 0 : _info$geometryInfo3.type,
+        url: new MapIcon.CommonIcon({
+          canvasIcon: 'GD',
+          color: '#119FFB'
+        }).getImgUrl()
+      }]
+    };
+  },
+  useGetRecord: function useGetRecord(orderTaskNo) {
+    var _useRequest2 = useRequest(function () {
+        return request.get('/cloud/zykh-reborn/orderProcessLog/list', {
+          data: {
+            orderTaskNo: orderTaskNo
+          }
+        });
+      }, {
+        ready: !!orderTaskNo,
+        refreshDeps: [orderTaskNo]
+      }),
+      data = _useRequest2.data;
+    return (data === null || data === void 0 ? void 0 : data.data) || [];
+  }
+};
+export { BaseService };

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

@@ -0,0 +1,287 @@
+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) {
+            console.log(getStep());
+            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;