@vtx/modals2 3.3.17 → 3.3.18

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

@@ -0,0 +1,62 @@
+.kh-baseContent {
+    padding: 6px 10px;
+    display: flex;
+    justify-content: start;
+    height: 100%;
+
+    .kh-base {
+        width: 360px;
+        height: 100%;
+        padding: 20px;
+        margin-right: 10px;
+        background-color: var(--bg-color2);
+
+        &-map {
+            width: 100%;
+            height: 240px;
+        }
+    }
+
+    .kh-right {
+        width: 100%;
+        &-summary {
+            padding: 20px;
+            background-color: var(--bg-color2);
+        }
+
+        &-content {
+            padding: 20px;
+            margin-top: 10px;
+            background-color: var(--bg-color2);
+            &-item-wrap {
+                height: 420px;
+                overflow: auto;
+                text-align: center;
+            }
+
+            &-item {
+                width: 100%;
+                height: 100px;
+                border: 1px solid var(--block-bg-color);
+                border-radius: 4px;
+                margin-bottom: 15px;
+                display: flex;
+                justify-content: start;
+                align-items: center;
+                &-main {
+                    margin-top: 12px;
+                }
+            }
+        }
+    }
+}
+
+.kh-status-subtitle {
+    display: inline-block;
+    height: 22px;
+    line-height: 20px;
+    padding: 0 12px;
+    margin-left: 12px;
+    border: 1px solid;
+    font-size: 14px;
+}

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BaseInfo", {
+  enumerable: true,
+  get: function get() {
+    return _BaseInfo["default"];
+  }
+});
+var _BaseInfo = _interopRequireDefault(require("./BaseInfo"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+//# sourceMappingURL=index.js.map

package/lib/vtx-kh-modal/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vtx-kh-modal/components/index.js"],"sourcesContent":["import BaseInfo from './BaseInfo';\nexport { BaseInfo };\n"],"mappings":";;;;;;;;;;;AAAA;AAAkC"}

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

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _vtxBaseModal = _interopRequireDefault(require("../vtx-base-modal"));
+var _components = require("./components");
+var _api = require("./api");
+require("../style");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var TABS_BASE = 'kh-base';
+var VtxKhModal = function VtxKhModal(props) {
+  var id = props.id,
+    title = props.title,
+    mapCenter = props.mapCenter,
+    theme = props.theme,
+    visible = props.visible,
+    onCancel = props.onCancel;
+  var _BaseService$useBaseI = _api.BaseService.useBaseInfo(id),
+    baseInfo = _BaseService$useBaseI.baseInfo,
+    summaryInfo = _BaseService$useBaseI.summaryInfo,
+    pointList = _BaseService$useBaseI.pointList,
+    baseInfoRes = _BaseService$useBaseI.baseInfoRes;
+  var statusName = /*#__PURE__*/_react["default"].createElement("span", null);
+  if (baseInfoRes) {
+    var status = baseInfoRes === null || baseInfoRes === void 0 ? void 0 : baseInfoRes.statusCode;
+    var color = '',
+      bg = '';
+    switch (status) {
+      case 'PASS':
+        color = '#52C41A';
+        bg = 'rgba(82, 196, 26, 0.2)';
+        break;
+      case 'NOPASS':
+        color = '#FF4D4F';
+        bg = 'rgba(255, 77, 79, 0.2)';
+        break;
+      case 'APPEAL':
+        color = '#1890FF';
+        bg = 'rgba(24, 144, 255, 0.2)';
+        break;
+      case 'REVOKE':
+        color = '#999999';
+        bg = 'rgba(153, 153, 153, 0.2)';
+        break;
+      default:
+        color = '#FAAD14';
+        bg = 'rgba(250, 173, 20, 0.2)';
+        break;
+    }
+    if (color) {
+      statusName = /*#__PURE__*/_react["default"].createElement("div", {
+        className: "kh-status-subtitle",
+        style: {
+          color: color,
+          borderColor: color,
+          background: bg
+        }
+      }, "".concat(baseInfoRes.statusName));
+    }
+  }
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, visible && /*#__PURE__*/_react["default"].createElement(_vtxBaseModal["default"], {
+    id: id,
+    type: "facility",
+    title: title,
+    subTitle: statusName,
+    width: 1238,
+    theme: theme,
+    visible: visible,
+    onCancel: onCancel,
+    tabs: [{
+      key: TABS_BASE,
+      title: '总览信息'
+    }],
+    contents: _defineProperty({}, TABS_BASE, /*#__PURE__*/_react["default"].createElement(_components.BaseInfo, {
+      id: id,
+      mapCenter: mapCenter,
+      baseInfo: baseInfo,
+      summaryInfo: summaryInfo,
+      pointList: pointList
+    }))
+  }));
+};
+var _default = VtxKhModal;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/vtx-kh-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["TABS_BASE","VtxKhModal","props","id","title","mapCenter","theme","visible","onCancel","BaseService","useBaseInfo","baseInfo","summaryInfo","pointList","baseInfoRes","statusName","React","createElement","status","statusCode","color","bg","className","style","borderColor","background","Fragment","VtxBaseModal","type","subTitle","width","tabs","key","contents","BaseInfo"],"sources":["vtx-kh-modal/index.js"],"sourcesContent":["/**\n * 考核弹窗\n */\nimport React from 'react';\nimport VtxBaseModal from '../vtx-base-modal';\nimport { BaseInfo } from './components';\nimport { BaseService } from './api';\nimport '../style';\nconst TABS_BASE = 'kh-base';\nconst VtxKhModal = (props) => {\n    const { id, title, mapCenter, theme, visible, onCancel } = props;\n    const { baseInfo, summaryInfo, pointList, baseInfoRes } = BaseService.useBaseInfo(id);\n    let statusName = React.createElement(\"span\", null);\n    if (baseInfoRes) {\n        const status = baseInfoRes === null || baseInfoRes === void 0 ? void 0 : baseInfoRes.statusCode;\n        let color = '', bg = '';\n        switch (status) {\n            case 'PASS':\n                color = '#52C41A';\n                bg = 'rgba(82, 196, 26, 0.2)';\n                break;\n            case 'NOPASS':\n                color = '#FF4D4F';\n                bg = 'rgba(255, 77, 79, 0.2)';\n                break;\n            case 'APPEAL':\n                color = '#1890FF';\n                bg = 'rgba(24, 144, 255, 0.2)';\n                break;\n            case 'REVOKE':\n                color = '#999999';\n                bg = 'rgba(153, 153, 153, 0.2)';\n                break;\n            default:\n                color = '#FAAD14';\n                bg = 'rgba(250, 173, 20, 0.2)';\n                break;\n        }\n        if (color) {\n            statusName = (React.createElement(\"div\", { className: \"kh-status-subtitle\", style: { color: color, borderColor: color, background: bg } }, `${baseInfoRes.statusName}`));\n        }\n    }\n    return (React.createElement(React.Fragment, null, visible && (React.createElement(VtxBaseModal, { id: id, type: \"facility\", title: title, subTitle: statusName, width: 1238, theme: theme, visible: visible, onCancel: onCancel, tabs: [{ key: TABS_BASE, title: '总览信息' }], contents: {\n            [TABS_BASE]: (React.createElement(BaseInfo, { id: id, mapCenter: mapCenter, baseInfo: baseInfo, summaryInfo: summaryInfo, pointList: pointList })),\n        } }))));\n};\nexport default VtxKhModal;\n"],"mappings":";;;;;;AAGA;AACA;AACA;AACA;AACA;AAAkB;AAAA;AAAA;AAAA;AAAA;AAClB,IAAMA,SAAS,GAAG,SAAS;AAC3B,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIC,KAAK,EAAK;EAC1B,IAAQC,EAAE,GAAiDD,KAAK,CAAxDC,EAAE;IAAEC,KAAK,GAA0CF,KAAK,CAApDE,KAAK;IAAEC,SAAS,GAA+BH,KAAK,CAA7CG,SAAS;IAAEC,KAAK,GAAwBJ,KAAK,CAAlCI,KAAK;IAAEC,OAAO,GAAeL,KAAK,CAA3BK,OAAO;IAAEC,QAAQ,GAAKN,KAAK,CAAlBM,QAAQ;EACtD,4BAA0DC,gBAAW,CAACC,WAAW,CAACP,EAAE,CAAC;IAA7EQ,QAAQ,yBAARA,QAAQ;IAAEC,WAAW,yBAAXA,WAAW;IAAEC,SAAS,yBAATA,SAAS;IAAEC,WAAW,yBAAXA,WAAW;EACrD,IAAIC,UAAU,gBAAGC,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC;EAClD,IAAIH,WAAW,EAAE;IACb,IAAMI,MAAM,GAAGJ,WAAW,KAAK,IAAI,IAAIA,WAAW,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,WAAW,CAACK,UAAU;IAC/F,IAAIC,KAAK,GAAG,EAAE;MAAEC,EAAE,GAAG,EAAE;IACvB,QAAQH,MAAM;MACV,KAAK,MAAM;QACPE,KAAK,GAAG,SAAS;QACjBC,EAAE,GAAG,wBAAwB;QAC7B;MACJ,KAAK,QAAQ;QACTD,KAAK,GAAG,SAAS;QACjBC,EAAE,GAAG,wBAAwB;QAC7B;MACJ,KAAK,QAAQ;QACTD,KAAK,GAAG,SAAS;QACjBC,EAAE,GAAG,yBAAyB;QAC9B;MACJ,KAAK,QAAQ;QACTD,KAAK,GAAG,SAAS;QACjBC,EAAE,GAAG,0BAA0B;QAC/B;MACJ;QACID,KAAK,GAAG,SAAS;QACjBC,EAAE,GAAG,yBAAyB;QAC9B;IAAM;IAEd,IAAID,KAAK,EAAE;MACPL,UAAU,gBAAIC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;QAAEK,SAAS,EAAE,oBAAoB;QAAEC,KAAK,EAAE;UAAEH,KAAK,EAAEA,KAAK;UAAEI,WAAW,EAAEJ,KAAK;UAAEK,UAAU,EAAEJ;QAAG;MAAE,CAAC,YAAKP,WAAW,CAACC,UAAU,EAAI;IAC5K;EACJ;EACA,oBAAQC,iBAAK,CAACC,aAAa,CAACD,iBAAK,CAACU,QAAQ,EAAE,IAAI,EAAEnB,OAAO,iBAAKS,iBAAK,CAACC,aAAa,CAACU,wBAAY,EAAE;IAAExB,EAAE,EAAEA,EAAE;IAAEyB,IAAI,EAAE,UAAU;IAAExB,KAAK,EAAEA,KAAK;IAAEyB,QAAQ,EAAEd,UAAU;IAAEe,KAAK,EAAE,IAAI;IAAExB,KAAK,EAAEA,KAAK;IAAEC,OAAO,EAAEA,OAAO;IAAEC,QAAQ,EAAEA,QAAQ;IAAEuB,IAAI,EAAE,CAAC;MAAEC,GAAG,EAAEhC,SAAS;MAAEI,KAAK,EAAE;IAAO,CAAC,CAAC;IAAE6B,QAAQ,sBAC3QjC,SAAS,eAAIgB,iBAAK,CAACC,aAAa,CAACiB,oBAAQ,EAAE;MAAE/B,EAAE,EAAEA,EAAE;MAAEE,SAAS,EAAEA,SAAS;MAAEM,QAAQ,EAAEA,QAAQ;MAAEC,WAAW,EAAEA,WAAW;MAAEC,SAAS,EAAEA;IAAU,CAAC,CAAC;EACnJ,CAAC,CAAE,CAAC;AACd,CAAC;AAAC,eACaZ,UAAU;AAAA"}

package/lib/vtx-kh-modal/style/css.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("./index.css");
+require("../components/BaseInfo/index.css");
+//# sourceMappingURL=css.js.map

package/lib/vtx-kh-modal/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["vtx-kh-modal/style/index.js"],"sourcesContent":["// import 'antd/es/modal/style/css';\nimport './index.less';\n// import './baseInfo.less';\nimport '../components/BaseInfo/index.less';\n"],"mappings":";;AACA;AAEA"}

package/lib/vtx-kh-modal/style/index.css

@@ -0,0 +1,132 @@
+.vtx-business-modal-wrap {
+  --modal-content-bg: #f7f9fb;
+  --modal-border-color: #fff;
+  --head-bg: #fff;
+  --bg-color2: #fff;
+  --label-color: rgba(0, 0, 0, 0.65);
+  --zy-label-color: rgba(0, 0, 0, 0.85);
+  --table-head-bg: rgba(24, 144, 255, 0.1);
+  --title-color: #222;
+  --title-color2: #222;
+  --block-bg-color: rgba(0, 0, 0, 0.1);
+  --block-bg-color2: #1890ff;
+  --calendar-border: #ececec;
+  --calendar-thead-bg: #fff;
+  --calendar-bg: #fff;
+  --info-danger: #fd3a15;
+  --info-warnning: #f7d93d;
+  --info-active: #222;
+  --info-active2: #fff;
+  --info-active3: #fff;
+  --bg-color: white;
+  --sub-bg-color: #f3f3f380;
+  --title-bg-color: white;
+  --title-border: 1px solid #dbdbdbff;
+  --sub-title-color: #222;
+  --info-color: #222;
+  --border-color: '#DADADAFF';
+  --scroll-bar-bg: #c0c0c0;
+  --scroll-bar-hover-bg: #adadad;
+  --scroll-bar-track-bg: #fafafa;
+  --button-checked-color: #1890ff;
+  --button-color: #222;
+  --calendar-content-bg: #73ffbf;
+  --image-text-color: rgba(0, 0, 0, 0.65);
+  --image-value-color: #222;
+}
+*::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
+}
+*::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 5px;
+}
+*::-webkit-scrollbar-thumb {
+  background: transparent;
+  border-radius: 5px;
+}
+*::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+.vtx-business-modal-wrap.dark {
+  --modal-content-bg: #0b1315;
+  --modal-border-color: #69958a;
+  --head-bg: #122a2c;
+  --bg-color: linear-gradient(0deg, #081e21cc, #000c);
+  --bg-color2: #162123;
+  --sub-bg-color: #ffffff0d;
+  --title-bg-color: #1a292bff;
+  --title-border: 1px solid transparent;
+  --title-color: white;
+  --title-color2: #a9d5d3;
+  --sub-title-color: #00f0ff;
+  --label-color: #cafdffff;
+  --info-color: #ffffffff;
+  --border-color: '#3C7073FF';
+  --scroll-bar-bg: #39cbc3aa;
+  --scroll-bar-hover-bg: #39cbc3ff;
+  --scroll-bar-track-bg: transparent;
+  --button-text-color--defalut: #c9e6e8;
+  --button-text-color--active: #ffffff;
+  --button-background-color--default: #1a5561;
+  --button-background-color--active: linear-gradient(0deg, #3195aa, #0f5160);
+  --button-checked-color: #1890ff;
+  --arrow-icon-color: #355e5f;
+  --block-bg-color: rgba(255, 255, 255, 0.1);
+  --block-bg-color2: rgba(48, 118, 114, 0.2);
+  --info-active: #40ffd3;
+  --info-active2: #52c41a;
+  --info-active3: #40ffd3;
+  --info-danger: #fd3a15;
+  --info-warnning: #f7d93d;
+  --table-head-bg: rgba(0, 173, 177, 0.1);
+  --timeline-active: #24f2ff;
+  --calendar-border: #35444c;
+  --calendar-thead-bg: #29373e;
+  --calendar-content-bg: #73ffbf;
+  --calendar-bg: rgba(255, 255, 255, 0.1);
+  --image-text-color: #cafdffff;
+  --image-value-color: #ffffffff;
+}
+.vtx-business-modal-wrap.blue {
+  --modal-content-bg: linear-gradient(0deg, rgba(4, 72, 117, 0.82), rgba(0, 28, 54, 0.82));
+  --modal-border-color: rgba(0, 176, 255, 0.8);
+  --head-bg: linear-gradient(90deg, rgba(0, 143, 224, 0.3), rgba(0, 106, 204, 0.3));
+  --bg-color: linear-gradient(0deg, #081e21cc, #000c);
+  --bg-color2: rgba(255, 255, 255, 0.05);
+  --sub-bg-color: #ffffff0d;
+  --title-bg-color: #1a292bff;
+  --title-border: 1px solid transparent;
+  --title-color: white;
+  --title-color2: #a9d5d3;
+  --sub-title-color: #fff;
+  --zy-label-color: #fff;
+  --label-color: #cafdffff;
+  --info-color: #74bbf4;
+  --border-color: '#3C7073FF';
+  --scroll-bar-bg: #39cbc3aa;
+  --scroll-bar-hover-bg: #39cbc3ff;
+  --scroll-bar-track-bg: transparent;
+  --button-text-color--defalut: #c9e6e8;
+  --button-text-color--active: #ffffff;
+  --button-background-color--default: #1a5561;
+  --button-background-color--active: linear-gradient(0deg, #3195aa, #0f5160);
+  --button-checked-color: #1890ff;
+  --arrow-icon-color: #355e5f;
+  --block-bg-color: rgba(255, 255, 255, 0.1);
+  --block-bg-color2: rgba(48, 118, 114, 0.2);
+  --info-active: #40ffd3;
+  --info-active2: #52c41a;
+  --info-active3: #75ffc2;
+  --info-danger: #fd3a15;
+  --info-warnning: #f7d93d;
+  --table-head-bg: rgba(0, 173, 177, 0.1);
+  --timeline-active: #24f2ff;
+  --calendar-border: #35444c;
+  --calendar-thead-bg: rgba(255, 255, 255, 0.1);
+  --calendar-content-bg: linear-gradient(0deg, #2A55E9, #0DBAFE);
+  --calendar-bg: rgba(255, 255, 255, 0.1);
+  --image-value-color: #07d4ff;
+  --image-text-color: #ffffff;
+}

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

@@ -0,0 +1,5 @@
+"use strict";
+
+require("./index.less");
+require("../components/BaseInfo/index.less");
+//# sourceMappingURL=index.js.map

package/lib/vtx-kh-modal/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vtx-kh-modal/style/index.js"],"sourcesContent":["// import 'antd/es/modal/style/css';\nimport './index.less';\n// import './baseInfo.less';\nimport '../components/BaseInfo/index.less';\n"],"mappings":";;AACA;AAEA"}

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

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