@vtx/modals2 2.13.21 → 2.13.24

package/lib/vtx-wr-modal/components/BaseInfoNew2/components/Sjjg.js

@@ -0,0 +1,221 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("antd");
+require("../index.less");
+var _utils = require("@vtx/utils");
+var _icons = require("@ant-design/icons");
+var _ydlBg = _interopRequireDefault(require("../../../imgs/2/ydlBg.png"));
+var _ydl = _interopRequireDefault(require("../../../imgs/2/ydl.png"));
+var _yslBg = _interopRequireDefault(require("../../../imgs/2/yslBg.png"));
+var _ysl = _interopRequireDefault(require("../../../imgs/2/ysl.png"));
+var _male = _interopRequireDefault(require("../../../imgs/2/male.png"));
+var _female = _interopRequireDefault(require("../../../imgs/2/female.png"));
+var _dswsjC = _interopRequireDefault(require("../../../imgs/2/dswsjC.png"));
+var _tywsj = _interopRequireDefault(require("../../../imgs/2/tywsj.png"));
+var _rll = _interopRequireDefault(require("../../../imgs/2/rll.png"));
+var _wd = _interopRequireDefault(require("../../../imgs/2/wd.png"));
+var _sd = _interopRequireDefault(require("../../../imgs/2/sd.png"));
+var _cqz = _interopRequireDefault(require("../../../imgs/2/cqz.png"));
+var _lhq = _interopRequireDefault(require("../../../imgs/2/lhq.png"));
+var _aq = _interopRequireDefault(require("../../../imgs/2/aq.png"));
+var _ty = _interopRequireDefault(require("../../../imgs/2/ty.png"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var readData = function readData(params) {
+  return _utils.request.get('/cloud/zhgc-reborn/api/gis/pop/readData', {
+    data: params
+  });
+};
+var Sjjg = function Sjjg(props) {
+  var detail = props.detail;
+  var _useSetState = (0, _ahooks.useSetState)({
+      loading: false,
+      monitorDetail: {
+        all: [],
+        male: [],
+        female: [],
+        third: [],
+        unisex: []
+      }
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var loading = state.loading,
+    monitorDetail = state.monitorDetail;
+  (0, _react.useEffect)(function () {
+    detail.id && getData();
+  }, [detail.id]);
+  var getData = function getData() {
+    setState({
+      loading: true
+    });
+    readData({
+      id: detail.id
+    }).then(function (res) {
+      setState({
+        loading: false
+      });
+      if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
+        setState({
+          monitorDetail: {
+            all: res.data.all || [],
+            male: res.data.male || [],
+            female: res.data.female || [],
+            third: res.data.third || [],
+            unisex: res.data.unisex || []
+          }
+        });
+      }
+    });
+  };
+  var totalList = [{
+    name: '用电量',
+    bg: _ydlBg["default"],
+    tip: _ydl["default"],
+    section: monitorDetail.all.filter(function (item) {
+      return item.factorCode === 'ELEC_USE';
+    })[0],
+    unit: '度'
+  }, {
+    name: '用水量',
+    bg: _yslBg["default"],
+    tip: _ysl["default"],
+    section: monitorDetail.all.filter(function (item) {
+      return item.factorCode === 'WATER_USE';
+    })[0],
+    unit: '吨'
+  }];
+  var eachList = [{
+    name: '男厕',
+    tip: 'MALE',
+    img: _male["default"],
+    list: monitorDetail.male
+  }, {
+    name: '女厕',
+    tip: 'FEMALE',
+    img: _female["default"],
+    list: monitorDetail.female
+  }, {
+    name: '第三卫生间',
+    tip: 'THIRD',
+    img: _dswsjC["default"],
+    list: monitorDetail.third
+  }, {
+    name: '通用卫生间',
+    tip: 'UNISEX',
+    img: _tywsj["default"],
+    list: monitorDetail.unisex
+  }];
+  var getImg = function getImg(code) {
+    switch (code) {
+      case 'PERSON_NUM':
+        return _rll["default"];
+      case 'TEMPERATURE':
+        return _wd["default"];
+      case 'HUMIDITY':
+        return _sd["default"];
+      case 'ODOR':
+        return _cqz["default"];
+      case 'HYDROGEN':
+        return _lhq["default"];
+      case 'AMMONIA':
+        return _aq["default"];
+      default:
+        return _ty["default"];
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sjjg"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "wrTitle"
+  }, "\u6570\u636E\u76D1\u7BA1", /*#__PURE__*/_react["default"].createElement("div", {
+    className: "titleExtra"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    icon: /*#__PURE__*/_react["default"].createElement(_icons.RedoOutlined, null),
+    onClick: getData,
+    loading: loading
+  }, "\u5237\u65B0"))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "wrContent"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'totalNum'
+  }, totalList.filter(function (item) {
+    return item.section;
+  }).map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.name,
+      className: "eachTotal",
+      style: {
+        backgroundImage: "url(".concat(item.bg, ")")
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+      src: item.tip,
+      alt: item.name
+    }), /*#__PURE__*/_react["default"].createElement("span", null, item.name)), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+      style: {
+        fontSize: '20px',
+        fontWeight: 700
+      }
+    }, item.section.value), /*#__PURE__*/_react["default"].createElement("span", {
+      style: {
+        marginLeft: '4px'
+      }
+    }, item.unit)));
+  })), eachList.filter(function (item) {
+    return item.list.length !== 0;
+  }).map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: item.name,
+      className: 'eachType'
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'typeTitle'
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: item.img,
+      alt: item.name
+    }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, item.name), /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        color: '#8c8c8c'
+      }
+    }, item.tip))), /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'typeContent'
+    }, item.list.map(function (each) {
+      var _a;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: each.factorCode,
+        className: 'typeItem'
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: 'itemTitle',
+        title: each.factorName
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        src: getImg(each.factorCode),
+        alt: each.factorCode
+      }), each.name), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          fontSize: '20px',
+          fontWeight: 700
+        }
+      }, (_a = each.value) !== null && _a !== void 0 ? _a : '-'), /*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          marginLeft: '4px'
+        }
+      }, each.unit)));
+    })));
+  })));
+};
+var _default = Sjjg;
+exports["default"] = _default;
+//# sourceMappingURL=Sjjg.js.map

package/lib/vtx-wr-modal/components/BaseInfoNew2/components/Sjjg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sjjg.js","names":["readData","params","request","get","data","Sjjg","props","detail","useSetState","loading","monitorDetail","all","male","female","third","unisex","state","setState","useEffect","id","getData","then","res","result","totalList","name","bg","ydlBg","tip","ydl","section","filter","item","factorCode","unit","yslBg","ysl","eachList","img","list","dswsjC","tywsj","getImg","code","rll","wd","sd","cqz","lhq","aq","ty","React","createElement","className","Button","icon","RedoOutlined","onClick","map","key","style","backgroundImage","src","alt","fontSize","fontWeight","value","marginLeft","length","color","each","_a","title","factorName"],"sources":["vtx-wr-modal/components/BaseInfoNew2/components/Sjjg.js"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useSetState } from \"ahooks\";\nimport { Button } from 'antd';\nimport '../index.less';\nimport { request } from \"@vtx/utils\";\nimport { RedoOutlined } from \"@ant-design/icons\";\nimport ydlBg from '../../../imgs/2/ydlBg.png';\nimport ydl from '../../../imgs/2/ydl.png';\nimport yslBg from '../../../imgs/2/yslBg.png';\nimport ysl from '../../../imgs/2/ysl.png';\nimport male from '../../../imgs/2/male.png';\nimport female from '../../../imgs/2/female.png';\nimport dswsjC from '../../../imgs/2/dswsjC.png';\nimport tywsj from '../../../imgs/2/tywsj.png';\nimport rll from '../../../imgs/2/rll.png';\nimport wd from '../../../imgs/2/wd.png';\nimport sd from '../../../imgs/2/sd.png';\nimport cqz from '../../../imgs/2/cqz.png';\nimport lhq from '../../../imgs/2/lhq.png';\nimport aq from '../../../imgs/2/aq.png';\nimport ty from '../../../imgs/2/ty.png';\nconst readData = (params) => {\n    return request.get('/cloud/zhgc-reborn/api/gis/pop/readData', {\n        data: params,\n    });\n};\nconst Sjjg = (props) => {\n    const { detail } = props;\n    const [state, setState] = useSetState({\n        loading: false,\n        monitorDetail: {\n            all: [],\n            male: [],\n            female: [],\n            third: [],\n            unisex: [],\n        }\n    });\n    const { loading, monitorDetail } = state;\n    useEffect(() => {\n        detail.id && getData();\n    }, [detail.id]);\n    const getData = () => {\n        setState({ loading: true });\n        readData({ id: detail.id }).then((res) => {\n            setState({ loading: false });\n            if ((res === null || res === void 0 ? void 0 : res.result) === 0) {\n                setState({\n                    monitorDetail: {\n                        all: res.data.all || [],\n                        male: res.data.male || [],\n                        female: res.data.female || [],\n                        third: res.data.third || [],\n                        unisex: res.data.unisex || [],\n                    }\n                });\n            }\n        });\n    };\n    const totalList = [\n        {\n            name: '用电量',\n            bg: ydlBg,\n            tip: ydl,\n            section: monitorDetail.all.filter((item) => item.factorCode === 'ELEC_USE')[0],\n            unit: '度'\n        },\n        {\n            name: '用水量',\n            bg: yslBg,\n            tip: ysl,\n            section: monitorDetail.all.filter((item) => item.factorCode === 'WATER_USE')[0],\n            unit: '吨'\n        },\n    ];\n    const eachList = [\n        { name: '男厕', tip: 'MALE', img: male, list: monitorDetail.male },\n        { name: '女厕', tip: 'FEMALE', img: female, list: monitorDetail.female },\n        { name: '第三卫生间', tip: 'THIRD', img: dswsjC, list: monitorDetail.third },\n        { name: '通用卫生间', tip: 'UNISEX', img: tywsj, list: monitorDetail.unisex },\n    ];\n    const getImg = (code) => {\n        switch (code) {\n            case 'PERSON_NUM':\n                return rll;\n            case 'TEMPERATURE':\n                return wd;\n            case 'HUMIDITY':\n                return sd;\n            case 'ODOR':\n                return cqz;\n            case 'HYDROGEN':\n                return lhq;\n            case 'AMMONIA':\n                return aq;\n            default:\n                return ty;\n        }\n    };\n    return (React.createElement(\"div\", { className: \"sjjg\" },\n        React.createElement(\"div\", { className: \"wrTitle\" },\n            \"\\u6570\\u636E\\u76D1\\u7BA1\",\n            React.createElement(\"div\", { className: \"titleExtra\" },\n                React.createElement(Button, { icon: React.createElement(RedoOutlined, null), onClick: getData, loading: loading }, \"\\u5237\\u65B0\"))),\n        React.createElement(\"div\", { className: \"wrContent\" },\n            React.createElement(\"div\", { className: 'totalNum' }, totalList.filter(item => item.section).map(item => (React.createElement(\"div\", { key: item.name, className: \"eachTotal\", style: { backgroundImage: `url(${item.bg})` } },\n                React.createElement(\"div\", null,\n                    React.createElement(\"img\", { src: item.tip, alt: item.name }),\n                    React.createElement(\"span\", null, item.name)),\n                React.createElement(\"div\", null,\n                    React.createElement(\"span\", { style: { fontSize: '20px', fontWeight: 700 } }, item.section.value),\n                    React.createElement(\"span\", { style: { marginLeft: '4px' } }, item.unit)))))),\n            eachList.filter(item => item.list.length !== 0).map((item) => (React.createElement(\"div\", { key: item.name, className: 'eachType' },\n                React.createElement(\"div\", { className: 'typeTitle' },\n                    React.createElement(\"img\", { src: item.img, alt: item.name }),\n                    React.createElement(\"div\", null,\n                        React.createElement(\"div\", null, item.name),\n                        React.createElement(\"div\", { style: { color: '#8c8c8c' } }, item.tip))),\n                React.createElement(\"div\", { className: 'typeContent' }, item.list.map((each) => {\n                    var _a;\n                    return (React.createElement(\"div\", { key: each.factorCode, className: 'typeItem' },\n                        React.createElement(\"div\", { className: 'itemTitle', title: each.factorName },\n                            React.createElement(\"img\", { src: getImg(each.factorCode), alt: each.factorCode }),\n                            each.name),\n                        React.createElement(\"div\", null,\n                            React.createElement(\"span\", { style: { fontSize: '20px', fontWeight: 700 } }, (_a = each.value) !== null && _a !== void 0 ? _a : '-'),\n                            React.createElement(\"span\", { style: { marginLeft: '4px' } }, each.unit))));\n                }))))))));\n};\nexport default Sjjg;\n"],"mappings":"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"}

package/lib/vtx-wr-modal/components/BaseInfoNew2/index.css

@@ -0,0 +1,314 @@
+.wr2 {
+  overflow: auto;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.wrTitle {
+  width: 100%;
+  height: 56px;
+  line-height: 56px;
+  padding: 0 16px;
+  border-bottom: 1px solid #e8e8e8;
+  font-size: 16px;
+  position: relative;
+}
+.wrTitle .titleExtra {
+  position: absolute;
+  right: 16px;
+  top: 0;
+}
+.wrTitle .ant-tabs-nav {
+  margin-bottom: 0;
+  height: 55px;
+}
+.wrContent {
+  padding: 12px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.left {
+  width: 56%;
+}
+.right {
+  width: 43%;
+}
+.jbxx {
+  width: 100%;
+  height: auto;
+  border-radius: 6px;
+  background: #fff;
+  margin-bottom: 16px;
+}
+.jbxx .imgContent {
+  width: 100%;
+  height: 340px;
+  position: relative;
+}
+.jbxx .imgContent div,
+.jbxx .imgContent span {
+  color: #fff !important;
+}
+.jbxx .imgContent .imgTitle {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  right: 20px;
+  height: 32px;
+  background: rgba(14, 60, 67, 0.5);
+  line-height: 32px;
+  text-align: center;
+  font-size: 16px;
+  z-index: 10;
+}
+.jbxx .imgContent img {
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.01);
+  cursor: pointer;
+}
+.jbxx .imgContent .num {
+  width: 110px;
+  height: 32px;
+  position: absolute;
+  bottom: 28px;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+      -ms-transform: translateX(-50%);
+          transform: translateX(-50%);
+  background: rgba(14, 60, 67, 0.5);
+  border-radius: 20px;
+  line-height: 32px;
+  text-align: center;
+  z-index: 10;
+}
+.jbxx .imgContent .num .anticon {
+  cursor: pointer;
+}
+.jbxx .basicContent {
+  line-height: 32px;
+  margin-top: 6px;
+}
+.jbxx .basicContent .ant-col {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.jbxx .basicContent .ant-col .tip {
+  color: #8c8c8c;
+}
+.jbxx .basicContent .ant-col .text {
+  color: #1f1f1f;
+}
+.jbxx .videoContent {
+  width: 100%;
+  height: 340px;
+}
+.jbxx .videoContent .videoText {
+  width: 100%;
+  height: calc(100% - 40px);
+  margin-top: 8px;
+  background: rgba(255, 255, 255, 0.05);
+}
+.jbxx .videoContent .videoText .vtx-live-player {
+  width: 100% !important;
+  margin: 0 auto;
+}
+.sjjg {
+  width: 100%;
+  height: auto;
+  border-radius: 6px;
+  background: #fff;
+  margin-bottom: 16px;
+}
+.sjjg .totalNum {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.sjjg .totalNum .eachTotal {
+  width: 49%;
+  height: auto;
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  padding: 27px 20px;
+  color: rgba(255, 255, 255, 0.8);
+  line-height: 36px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.sjjg .totalNum .eachTotal img {
+  width: 36px;
+  height: 36px;
+  margin-right: 14px;
+  vertical-align: bottom;
+}
+.sjjg .eachType {
+  padding: 12px;
+  border: 1px solid #e8e8e8;
+  border-radius: 4px;
+  margin-top: 16px;
+}
+.sjjg .eachType .typeTitle {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  line-height: 25px;
+}
+.sjjg .eachType .typeTitle img {
+  width: 50px;
+  height: 50px;
+  margin-right: 12px;
+}
+.sjjg .eachType .typeContent {
+  margin-top: 12px;
+  background: #f0f2f5;
+  padding: 15px 12px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+.sjjg .eachType .typeContent .typeItem {
+  width: 120px;
+  height: 50px;
+}
+.sjjg .eachType .typeContent .typeItem .itemTitle {
+  color: #8c8c8c;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-bottom: 4px;
+}
+.sjjg .eachType .typeContent .typeItem .itemTitle img {
+  width: 16px;
+  height: 16px;
+  margin-right: 4px;
+  margin-top: -4px;
+}
+.ptss {
+  width: 100%;
+  height: auto;
+  border-radius: 6px;
+  background: #fff;
+}
+.ptss .summary {
+  padding: 12px 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  border: 1px solid #e8e8e8;
+  border-radius: 4px;
+}
+.ptss .summary .summaryItem {
+  line-height: 24px;
+  font-size: 16px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  padding: 0 10px;
+}
+.ptss .summary .summaryItem img {
+  width: 28px;
+  height: 28px;
+  vertical-align: bottom;
+  margin-right: 8px;
+}
+.ptss .summary .summaryItem .has {
+  display: inline-block;
+  width: 46px;
+  text-align: center;
+  height: 22px;
+  line-height: 22px;
+  border-radius: 23px;
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4ce09b), to(#07b077));
+  background: linear-gradient(180deg, #4ce09b 0, #07b077 100%);
+  color: #fff;
+  margin-top: 6px;
+}
+.ptss .summary .summaryItem .hasNo {
+  background: -webkit-gradient(linear, left top, left bottom, from(#b2bcc8), to(#607087));
+  background: linear-gradient(180deg, #b2bcc8 0%, #607087 100%);
+}
+.ptss .genderNum {
+  margin-top: 14px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.ptss .genderNum .genderItem {
+  width: 49%;
+  height: 200px;
+  border: 1px solid #e8e8e8;
+  border-radius: 4px;
+  padding: 12px;
+}
+.ptss .genderNum .genderItem .totalNum {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  line-height: 25px;
+}
+.ptss .genderNum .genderItem .totalNum .gender {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.ptss .genderNum .genderItem .totalNum .gender img {
+  width: 50px;
+  height: 50px;
+  margin-right: 12px;
+}
+.ptss .genderNum .genderItem .eachType {
+  width: 100%;
+  height: 114px;
+  margin-top: 12px;
+  border-radius: 4px;
+  background: #f0f2f5;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  padding: 12px;
+}
+.ptss .genderNum .genderItem .eachType img {
+  width: 24px;
+  height: 24px;
+}
+.monitor .searchType {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  line-height: 32px;
+  margin-bottom: 12px;
+}
+.monitor .charts {
+  width: 100%;
+  height: 400px;
+}

package/lib/vtx-wr-modal/components/BaseInfoNew2/index.js

@@ -0,0 +1,108 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+require("./index.less");
+var _utils = require("@vtx/utils");
+var _Jbxx = _interopRequireDefault(require("./components/Jbxx"));
+var _Ptss = _interopRequireDefault(require("./components/Ptss"));
+var _Sjjg = _interopRequireDefault(require("./components/Sjjg"));
+var _Jcbj = _interopRequireDefault(require("./components/Jcbj"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+//监测报警
+var getDetail = function getDetail(params) {
+  return _utils.request.get('/cloud/zhgc-reborn/api/gis/pop/getById', {
+    data: params
+  });
+};
+/*
+* typeClass 代表不同种类弹窗
+* one---无设备+有坑位+无视频
+* two---无设备+无坑位+无视频
+* three---有设备+有坑位+有视频 (所有元素最全的一个)
+* four---有设备+无坑位+有视频
+* five---有设备+有坑位+无视频
+* six---有设备+无坑位+无视频
+* */
+var BaseInfoNew2 = function BaseInfoNew2(props) {
+  var id = props.id,
+    modalShow = props.modalShow;
+  var _useSetState = (0, _ahooks.useSetState)({
+      detail: {},
+      typeClass: ''
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  (0, _react.useEffect)(function () {
+    if (id) {
+      getDetail({
+        id: id
+      }).then(function (res) {
+        if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
+          setState({
+            detail: res.data || {}
+          });
+          if (!res.data.hasDevice && res.data.hasSeat && !res.data.hasVideo) {
+            setState({
+              typeClass: 'one'
+            });
+          }
+          if (!res.data.hasDevice && !res.data.hasSeat && !res.data.hasVideo) {
+            setState({
+              typeClass: 'two'
+            });
+          }
+          if (res.data.hasDevice && res.data.hasSeat && res.data.hasVideo) {
+            setState({
+              typeClass: 'three'
+            });
+          }
+          if (res.data.hasDevice && !res.data.hasSeat && res.data.hasVideo) {
+            setState({
+              typeClass: 'four'
+            });
+          }
+          if (res.data.hasDevice && res.data.hasSeat && !res.data.hasVideo) {
+            setState({
+              typeClass: 'five'
+            });
+          }
+          if (res.data.hasDevice && !res.data.hasSeat && !res.data.hasVideo) {
+            setState({
+              typeClass: 'six'
+            });
+          }
+        }
+      });
+    }
+  }, [id]);
+  return state.typeClass ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'wr2',
+    style: {
+      height: modalShow === false ? '100%' : '650px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "left"
+  }, /*#__PURE__*/_react["default"].createElement(_Jbxx["default"], Object.assign({}, state, {
+    modalShow: modalShow
+  })), /*#__PURE__*/_react["default"].createElement(_Jcbj["default"], Object.assign({}, state))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "right"
+  }, /*#__PURE__*/_react["default"].createElement(_Sjjg["default"], Object.assign({}, state)), /*#__PURE__*/_react["default"].createElement(_Ptss["default"], Object.assign({}, state)))) : /*#__PURE__*/_react["default"].createElement("div", null);
+};
+var _default = BaseInfoNew2;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map