@vtx/modals2 2.12.0 → 2.12.2

package/lib/vtx-wr-modal/components/BaseInfoNew/components/Ssjk.js

@@ -1,24 +1,119 @@
 "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 = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
 require("../index.less");
 var _Monitor = _interopRequireDefault(require("./Monitor"));
+var _utils = require("@vtx/utils");
+var _antd = require("antd");
+var _player = require("@vtx/player");
 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 Option = _antd.Select.Option;
+var videoList = function videoList(params) {
+  return _utils.request.get('/cloud/zhgc-reborn/api/gis/pop/videoList', {
+    data: params
+  });
+};
+var previewUrl = function previewUrl(params) {
+  return _utils.request.get('/cloud/vis/base/np/artemis/previewUrl.smvc', {
+    data: params
+  });
+};
 var Ssjk = function Ssjk(props) {
-  var detail = props.detail,
+  var _props$detail = props.detail,
+    detail = _props$detail === void 0 ? {} : _props$detail,
     typeClass = props.typeClass;
+  var _useSetState = (0, _ahooks.useSetState)({
+      channelList: [],
+      current: {
+        channelNum: ''
+      },
+      previewUrl: ''
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  (0, _react.useEffect)(function () {
+    if (detail.id && (typeClass === 'three' || typeClass === 'four')) {
+      videoList({
+        id: detail.id
+      }).then(function (res) {
+        if ((res === null || res === void 0 ? void 0 : res.result) === 0) {
+          setState({
+            channelList: res.data,
+            current: res.data[0] || {}
+          });
+        }
+      });
+    }
+  }, [detail.id]);
+  var getVideoUrl = function getVideoUrl(params) {
+    var channelNum = params.channelNum,
+      channelId = params.channelId,
+      videoDeviceId = params.videoDeviceId;
+    if (channelId || videoDeviceId) {
+      previewUrl({
+        channelNum: channelNum,
+        channelId: channelId,
+        deviceId: videoDeviceId
+      }).then(function (res) {
+        if ((res === null || res === void 0 ? void 0 : res.result) == 0 && res.data.url) {
+          setState({
+            previewUrl: res.data.url
+          });
+        } else {
+          _antd.message.warn('暂未查询到视频');
+        }
+      });
+    }
+  };
+  (0, _react.useEffect)(function () {
+    getVideoUrl(state.current);
+  }, [state.current]);
+  // @ts-ignore
+  // @ts-ignore
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "ssjk"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "title"
   }, "\u5B9E\u65F6\u76D1\u63A7"), (typeClass === 'three' || typeClass === 'four') && /*#__PURE__*/_react["default"].createElement("div", {
     className: "video"
-  }), /*#__PURE__*/_react["default"].createElement(_Monitor["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+    value: state.current.channelNum,
+    onChange: function onChange(value) {
+      setState({
+        current: state.channelList.filter(function (item) {
+          return item.channelNum === value;
+        })[0]
+      });
+    },
+    style: {
+      width: 120
+    }
+  }, state.channelList.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement(Option, {
+      key: item.channelNum
+    }, item.channelName);
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: 'videoBox'
+  }, /*#__PURE__*/_react["default"].createElement(_player.LivePlayer, {
+    url: state.previewUrl,
+    width: typeClass === 'four' ? 322 : 227,
+    height: typeClass === 'four' ? 200 : 130
+  }))), /*#__PURE__*/_react["default"].createElement(_Monitor["default"], {
     typeClass: typeClass,
     detail: detail
   }));

package/lib/vtx-wr-modal/components/BaseInfoNew/components/Ssjk.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ssjk.js","names":["_react","_interopRequireDefault","require","_Monitor","obj","__esModule","Ssjk","props","detail","typeClass","React","createElement","className","Monitor","_default","exports"],"sources":["vtx-wr-modal/components/BaseInfoNew/components/Ssjk.js"],"sourcesContent":["import React from 'react';\nimport '../index.less';\nimport Monitor from './Monitor'; //监测因子\nconst Ssjk = (props) => {\n    const { detail, typeClass } = props;\n    return (React.createElement(\"div\", { className: \"ssjk\" },\n        React.createElement(\"div\", { className: \"title\" }, \"\\u5B9E\\u65F6\\u76D1\\u63A7\"),\n        (typeClass === 'three' || typeClass === 'four') && React.createElement(\"div\", { className: \"video\" }),\n        React.createElement(Monitor, { typeClass: typeClass, detail: detail })));\n};\nexport default Ssjk;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACAA,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAC;AACjC,IAAME,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAK,EAAK;EACpB,IAAQC,MAAM,GAAgBD,KAAK,CAA3BC,MAAM;IAAEC,SAAS,GAAKF,KAAK,CAAnBE,SAAS;EACzB,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAO,CAAC,eACpDF,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAQ,CAAC,EAAE,0BAA0B,CAAC,EAC9E,CAACH,SAAS,KAAK,OAAO,IAAIA,SAAS,KAAK,MAAM,kBAAKC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAQ,CAAC,CAAC,eACrGF,iBAAK,CAACC,aAAa,CAACE,mBAAO,EAAE;IAAEJ,SAAS,EAAEA,SAAS;IAAED,MAAM,EAAEA;EAAO,CAAC,CAAC,CAAC;AAC/E,CAAC;AAAC,IAAAM,QAAA,GACaR,IAAI;AAAAS,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"Ssjk.js","names":["_react","_interopRequireWildcard","require","_ahooks","_Monitor","_interopRequireDefault","_utils","_antd","_player","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","Option","Select","videoList","params","request","data","previewUrl","Ssjk","props","_props$detail","detail","typeClass","_useSetState","useSetState","channelList","current","channelNum","_useSetState2","state","setState","useEffect","id","then","res","result","getVideoUrl","channelId","videoDeviceId","deviceId","url","message","warn","React","createElement","className","onChange","filter","item","style","width","map","channelName","LivePlayer","height","Monitor","_default","exports"],"sources":["vtx-wr-modal/components/BaseInfoNew/components/Ssjk.js"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useSetState } from 'ahooks';\nimport '../index.less';\nimport Monitor from './Monitor'; //监测因子\nimport { request } from \"@vtx/utils\";\nimport { Select, message } from 'antd';\nimport { LivePlayer } from '@vtx/player';\nconst { Option } = Select;\nconst videoList = (params) => {\n    return request.get('/cloud/zhgc-reborn/api/gis/pop/videoList', {\n        data: params,\n    });\n};\nconst previewUrl = (params) => {\n    return request.get('/cloud/vis/base/np/artemis/previewUrl.smvc', {\n        data: params,\n    });\n};\nconst Ssjk = (props) => {\n    const { detail = {}, typeClass } = props;\n    const [state, setState] = useSetState({\n        channelList: [],\n        current: {\n            channelNum: ''\n        },\n        previewUrl: ''\n    });\n    useEffect(() => {\n        if (detail.id && (typeClass === 'three' || typeClass === 'four')) {\n            videoList({ id: detail.id }).then((res) => {\n                if ((res === null || res === void 0 ? void 0 : res.result) === 0) {\n                    setState({ channelList: res.data, current: res.data[0] || {} });\n                }\n            });\n        }\n    }, [detail.id]);\n    const getVideoUrl = (params) => {\n        const { channelNum, channelId, videoDeviceId } = params;\n        if (channelId || videoDeviceId) {\n            previewUrl({\n                channelNum: channelNum,\n                channelId: channelId,\n                deviceId: videoDeviceId,\n            }).then((res) => {\n                if ((res === null || res === void 0 ? void 0 : res.result) == 0 && res.data.url) {\n                    setState({ previewUrl: res.data.url });\n                }\n                else {\n                    message.warn('暂未查询到视频');\n                }\n            });\n        }\n    };\n    useEffect(() => {\n        getVideoUrl(state.current);\n    }, [state.current]);\n    // @ts-ignore\n    // @ts-ignore\n    return (React.createElement(\"div\", { className: \"ssjk\" },\n        React.createElement(\"div\", { className: \"title\" }, \"\\u5B9E\\u65F6\\u76D1\\u63A7\"),\n        (typeClass === 'three' || typeClass === 'four') && React.createElement(\"div\", { className: \"video\" },\n            React.createElement(Select, { value: state.current.channelNum, onChange: value => {\n                    setState({ current: state.channelList.filter((item) => item.channelNum === value)[0] });\n                }, style: { width: 120 } }, state.channelList.map((item) => (React.createElement(Option, { key: item.channelNum }, item.channelName)))),\n            React.createElement(\"div\", { className: 'videoBox' },\n                React.createElement(LivePlayer, { url: state.previewUrl, width: typeClass === 'four' ? 322 : 227, height: typeClass === 'four' ? 200 : 130 }))),\n        React.createElement(Monitor, { typeClass: typeClass, detail: detail })));\n};\nexport default Ssjk;\n"],"mappings":"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"}

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

@@ -346,11 +346,17 @@
 .newWrdark .ssjk .video {
   width: 227px;
   height: 170px;
-  background: rgba(255, 255, 255, 0.05);
   position: absolute;
   top: 52px;
   left: 20px;
 }
+.newWrlight .ssjk .video .videoBox,
+.newWrdark .ssjk .video .videoBox {
+  width: 100%;
+  height: calc(100% - 40px);
+  margin-top: 8px;
+  background: rgba(255, 255, 255, 0.05);
+}
 .newWrlight .monitorContent,
 .newWrdark .monitorContent {
   height: 214px;
@@ -398,15 +404,28 @@
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(249, 204, 152, 0.1)), to(rgba(255, 119, 119, 0.1)));
   background: linear-gradient(180deg, rgba(249, 204, 152, 0.1) 0%, rgba(255, 119, 119, 0.1) 100%);
 }
+.newWrlight .monitorContent .monitorItem .monitorBox,
+.newWrdark .monitorContent .monitorItem .monitorBox {
+  width: 100%;
+  height: 112px;
+  overflow: hidden;
+  overflow-y: auto;
+}
+.newWrlight .monitorContent .monitorItem .monitorBox::-webkit-scrollbar,
+.newWrdark .monitorContent .monitorItem .monitorBox::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+  background-color: transparent;
+}
+.newWrlight .monitorContent .monitorItem .monitorBox::-webkit-scrollbar-thumb,
+.newWrdark .monitorContent .monitorItem .monitorBox::-webkit-scrollbar-thumb {
+  background-color: #636363;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 0 0 0 transparent;
+}
 .newWrlight .monitorContent .monitorItem .monitorRow,
 .newWrdark .monitorContent .monitorItem .monitorRow {
   width: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
 }
 .newWrlight .monitorContent .monitorItem .monitorRow .monitor,
 .newWrdark .monitorContent .monitorItem .monitorRow .monitor {

package/lib/vtx-wr-modal/components/BaseInfoNew/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_ahooks","_classnames","_interopRequireDefault","_Img","_Jbxx","_Ptss","_Ssjk","_utils","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","getDetail","params","request","data","BaseInfoNew","props","id","theme","_useSetState","useSetState","detail","typeClass","_useSetState2","state","setState","useEffect","then","res","result","hasDevice","hasSeat","hasVideo","React","createElement","className","classNames","concat","Img","JBXX","Ptss","Ssjk","_default","exports"],"sources":["vtx-wr-modal/components/BaseInfoNew/index.js"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useSetState } from 'ahooks';\nimport classNames from 'classnames';\nimport './index.less';\nimport Img from './components/Img'; //图片\nimport JBXX from './components/Jbxx'; //基本信息\nimport Ptss from './components/Ptss'; //配套设施\nimport Ssjk from './components/Ssjk';\nimport { request } from \"@vtx/utils\"; //实时监控\nconst getDetail = (params) => {\n    return request.get('/cloud/zhgc-reborn/api/gis/pop/getById', {\n        data: params,\n    });\n};\n/*\n* typeClass 代表不同种类弹窗\n* one---无设备+有坑位+无视频\n* two---无设备+无坑位+无视频\n* three---有设备+有坑位+有视频 (所有元素最全的一个)\n* four---有设备+无坑位+有视频\n* five---有设备+有坑位+无视频\n* six---有设备+无坑位+无视频\n* */\nconst BaseInfoNew = (props) => {\n    const { id, theme } = props;\n    const [state, setState] = useSetState({\n        detail: {},\n        typeClass: '',\n    });\n    useEffect(() => {\n        if (id) {\n            getDetail({ id }).then((res) => {\n                if ((res === null || res === void 0 ? void 0 : res.result) === 0) {\n                    setState({\n                        detail: res.data || {}\n                    });\n                    if (!res.data.hasDevice && res.data.hasSeat && !res.data.hasVideo) {\n                        setState({ typeClass: 'one' });\n                    }\n                    if (!res.data.hasDevice && !res.data.hasSeat && !res.data.hasVideo) {\n                        setState({ typeClass: 'two' });\n                    }\n                    if (res.data.hasDevice && res.data.hasSeat && res.data.hasVideo) {\n                        setState({ typeClass: 'three' });\n                    }\n                    if (res.data.hasDevice && !res.data.hasSeat && res.data.hasVideo) {\n                        setState({ typeClass: 'four' });\n                    }\n                    if (res.data.hasDevice && res.data.hasSeat && !res.data.hasVideo) {\n                        setState({ typeClass: 'five' });\n                    }\n                    if (res.data.hasDevice && !res.data.hasSeat && !res.data.hasVideo) {\n                        setState({ typeClass: 'six' });\n                    }\n                }\n            });\n        }\n    }, [id]);\n    return state.typeClass ? (React.createElement(\"div\", { className: classNames('content', [state.typeClass], `newWr${theme}`) },\n        React.createElement(Img, { detail: state.detail }),\n        React.createElement(JBXX, { detail: state.detail }),\n        React.createElement(Ptss, { typeClass: state.typeClass, detail: state.detail }),\n        (state.typeClass === 'three' ||\n            state.typeClass === 'four' ||\n            state.typeClass === 'five' ||\n            state.typeClass === 'six') &&\n            React.createElement(Ssjk, { typeClass: state.typeClass, detail: state.detail }))) : React.createElement(\"div\", null);\n};\nexport default BaseInfoNew;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_ahooks","_classnames","_interopRequireDefault","_Img","_Jbxx","_Ptss","_Ssjk","_utils","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","getDetail","params","request","data","BaseInfoNew","props","id","theme","_useSetState","useSetState","detail","typeClass","_useSetState2","state","setState","useEffect","then","res","result","hasDevice","hasSeat","hasVideo","React","createElement","className","classNames","concat","Img","JBXX","Ptss","Ssjk","_default","exports"],"sources":["vtx-wr-modal/components/BaseInfoNew/index.js"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useSetState } from 'ahooks';\nimport classNames from 'classnames';\nimport './index.less';\nimport Img from './components/Img'; //图片\nimport JBXX from './components/Jbxx'; //基本信息\nimport Ptss from './components/Ptss'; //配套设施\nimport Ssjk from './components/Ssjk'; //实时监控\nimport { request } from \"@vtx/utils\";\nconst getDetail = (params) => {\n    return request.get('/cloud/zhgc-reborn/api/gis/pop/getById', {\n        data: params,\n    });\n};\n/*\n* typeClass 代表不同种类弹窗\n* one---无设备+有坑位+无视频\n* two---无设备+无坑位+无视频\n* three---有设备+有坑位+有视频 (所有元素最全的一个)\n* four---有设备+无坑位+有视频\n* five---有设备+有坑位+无视频\n* six---有设备+无坑位+无视频\n* */\nconst BaseInfoNew = (props) => {\n    const { id, theme } = props;\n    const [state, setState] = useSetState({\n        detail: {},\n        typeClass: '',\n    });\n    useEffect(() => {\n        if (id) {\n            getDetail({ id }).then((res) => {\n                if ((res === null || res === void 0 ? void 0 : res.result) === 0) {\n                    setState({\n                        detail: res.data || {}\n                    });\n                    if (!res.data.hasDevice && res.data.hasSeat && !res.data.hasVideo) {\n                        setState({ typeClass: 'one' });\n                    }\n                    if (!res.data.hasDevice && !res.data.hasSeat && !res.data.hasVideo) {\n                        setState({ typeClass: 'two' });\n                    }\n                    if (res.data.hasDevice && res.data.hasSeat && res.data.hasVideo) {\n                        setState({ typeClass: 'three' });\n                    }\n                    if (res.data.hasDevice && !res.data.hasSeat && res.data.hasVideo) {\n                        setState({ typeClass: 'four' });\n                    }\n                    if (res.data.hasDevice && res.data.hasSeat && !res.data.hasVideo) {\n                        setState({ typeClass: 'five' });\n                    }\n                    if (res.data.hasDevice && !res.data.hasSeat && !res.data.hasVideo) {\n                        setState({ typeClass: 'six' });\n                    }\n                }\n            });\n        }\n    }, [id]);\n    return state.typeClass ? (React.createElement(\"div\", { className: classNames('content', [state.typeClass], `newWr${theme}`) },\n        React.createElement(Img, { detail: state.detail }),\n        React.createElement(JBXX, { detail: state.detail }),\n        React.createElement(Ptss, { typeClass: state.typeClass, detail: state.detail }),\n        (state.typeClass === 'three' ||\n            state.typeClass === 'four' ||\n            state.typeClass === 'five' ||\n            state.typeClass === 'six') &&\n            React.createElement(Ssjk, { typeClass: state.typeClass, detail: state.detail }))) : React.createElement(\"div\", null);\n};\nexport default BaseInfoNew;\n"],"mappings":"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"}

package/lib/vtx-wr-modal/components/BaseInfoNew/index.less

@@ -20,11 +20,11 @@
                 color: #f0f0f0 !important
             }
         }
-        .ant-rate-star-zero{
+        .ant-rate-star-zero {
             color: #f0f0f0 !important
         }
     }
-    .echarts-for-react{
+    .echarts-for-react {
         div, span {
             color: inherit !important;
         }
@@ -285,10 +285,15 @@
         .video {
             width: 227px;
             height: 170px;
-            background: rgba(255, 255, 255, .05);
             position: absolute;
             top: 52px;
             left: 20px;
+            .videoBox{
+                width:100%;
+                height:calc(100% - 40px);
+                margin-top:8px;
+                background: rgba(255, 255, 255, .05);
+            }
         }
     }
 
@@ -324,10 +329,24 @@
             .topTypeF {
                 background: linear-gradient(180deg, rgba(249, 204, 152, .1) 0%, rgba(255, 119, 119, .1) 100%);
             }
+            .monitorBox {
+                width: 100%;
+                height: 112px;
+                overflow: hidden;
+                overflow-y: auto;
+                &::-webkit-scrollbar {
+                    width: 5px;
+                    height: 5px;
+                    background-color: transparent;
+                }
+                &::-webkit-scrollbar-thumb {
+                    background-color: #636363;
+                    border-radius: 3px;
+                    -webkit-box-shadow: inset 0 0 0 transparent;
+                }
+            }
             .monitorRow {
                 width: 100%;
-                display: flex;
-                justify-content: space-between;
                 .monitor {
                     display: inline-block;
                     width: 94px;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vtx/modals2",
-    "version": "2.12.0",
+    "version": "2.12.2",
     "description": "业务弹窗库",
     "keywords": [
         "react",
@@ -44,7 +44,7 @@
         "@ant-design/icons": "4.7.0",
         "@vtx/components": "3.1.31",
         "@vtx/map": "latest",
-        "@vtx/player": "^1.3.4",
+        "@vtx/player": "1.4.11",
         "@vtx/utils": "latest",
         "ahooks": "^2.9.6",
         "antd": "4.24.4",
@@ -118,5 +118,4 @@
     "publishConfig": {
         "registry": "https://registry.npmjs.org/"
     }
-
 }