inl-ui 0.1.22 → 0.1.24

package/dist/components/index.cjs

@@ -8663,20 +8663,27 @@ const CloudVideo = vue.defineComponent({
       type: Number,
       default: 1
     },
-    // token
     token: {
       type: String,
       default: ""
     },
-    // template
     template: {
       type: String,
       default: ""
+    },
+    height: {
+      type: Number,
+      default: ""
+    },
+    width: {
+      type: Number,
+      default: ""
     }
   },
-  emits: [],
+  emits: ["complete"],
   setup(prop, _context) {
     const uuid = vue.ref(UUID());
+    let player;
     const initVideo = async () => {
       const res = await axios__default["default"].post("https://open.ys7.com/api/lapp/v2/live/address/get", void 0, {
         params: {
@@ -8685,23 +8692,36 @@ const CloudVideo = vue.defineComponent({
           channelNo: prop.channelNo || 1
         }
       });
-      const parent = document.getElementById(`cloudVideo_${uuid.value}`)?.parentNode;
       const opt = {
         id: `cloudVideo_${uuid.value}`,
         url: res.data.data.url,
         accessToken: prop.token,
-        template: "pcLive",
-        height: parent?.clientHeight
+        template: "6298aca808d643fb99f481f2db5bf6a2",
+        height: 300
       };
-      new EZUIKit__default["default"].EZUIKitPlayer(opt);
+      if (prop.template) {
+        opt.template = prop.template;
+      }
+      if (prop.width) {
+        opt.width = prop.width;
+      }
+      if (prop.template) {
+        opt.height = prop.height;
+      }
+      player = await new EZUIKit__default["default"].EZUIKitPlayer(opt);
+      _context.emit("complete", player);
     };
     vue.onMounted(() => {
       initVideo();
     });
+    vue.onBeforeUnmount(() => {
+      player?.stop();
+    });
     return () => vue.createVNode("div", {
-      "id": `cloudVideo_${uuid.value}`,
       "class": "cloudVideo"
-    }, null);
+    }, [vue.createVNode("div", {
+      "id": `cloudVideo_${uuid.value}`
+    }, null)]);
   }
 });
 var cloudVideo = installComponent(CloudVideo, "cloud-video");

package/dist/components/index.d.ts

@@ -395,7 +395,15 @@ declare const _default$b: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, never[], never, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    height: {
+        type: NumberConstructor;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        default: string;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "complete"[], "complete", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     cameraId: {
         require: boolean;
         type: StringConstructor;
@@ -412,10 +420,22 @@ declare const _default$b: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>> & {}, {
+    height: {
+        type: NumberConstructor;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        default: string;
+    };
+}>> & {
+    onComplete?: ((...args: any[]) => any) | undefined;
+}, {
     token: string;
     template: string;
     channelNo: number;
+    height: number;
+    width: number;
 }, {}>;
 
 interface videoInfo$1 {

package/dist/components/index.js

@@ -8652,20 +8652,27 @@ const CloudVideo = defineComponent({
       type: Number,
       default: 1
     },
-    // token
     token: {
       type: String,
       default: ""
     },
-    // template
     template: {
       type: String,
       default: ""
+    },
+    height: {
+      type: Number,
+      default: ""
+    },
+    width: {
+      type: Number,
+      default: ""
     }
   },
-  emits: [],
+  emits: ["complete"],
   setup(prop, _context) {
     const uuid = ref(UUID());
+    let player;
     const initVideo = async () => {
       const res = await axios.post("https://open.ys7.com/api/lapp/v2/live/address/get", void 0, {
         params: {
@@ -8674,23 +8681,36 @@ const CloudVideo = defineComponent({
           channelNo: prop.channelNo || 1
         }
       });
-      const parent = document.getElementById(`cloudVideo_${uuid.value}`)?.parentNode;
       const opt = {
         id: `cloudVideo_${uuid.value}`,
         url: res.data.data.url,
         accessToken: prop.token,
-        template: "pcLive",
-        height: parent?.clientHeight
+        template: "6298aca808d643fb99f481f2db5bf6a2",
+        height: 300
       };
-      new EZUIKit.EZUIKitPlayer(opt);
+      if (prop.template) {
+        opt.template = prop.template;
+      }
+      if (prop.width) {
+        opt.width = prop.width;
+      }
+      if (prop.template) {
+        opt.height = prop.height;
+      }
+      player = await new EZUIKit.EZUIKitPlayer(opt);
+      _context.emit("complete", player);
     };
     onMounted(() => {
       initVideo();
     });
+    onBeforeUnmount(() => {
+      player?.stop();
+    });
     return () => createVNode("div", {
-      "id": `cloudVideo_${uuid.value}`,
       "class": "cloudVideo"
-    }, null);
+    }, [createVNode("div", {
+      "id": `cloudVideo_${uuid.value}`
+    }, null)]);
   }
 });
 var cloudVideo = installComponent(CloudVideo, "cloud-video");

package/dist/components/style.css

@@ -1,3 +1,3 @@
 .playVideos{display:flex;flex-direction:column;height:100%;padding-left:20px}.playVideos .operate{display:flex;justify-content:space-between;margin:5px 0}.playVideos .operate .button{cursor:pointer}.playVideos .grid{display:grid;flex:1;overflow:hidden}.playVideos .grid .video{background:#000;border:1px solid hsla(216,7%,59%,.3);height:100%;object-fit:fill;overflow:hidden;width:100%}.playVideos .grid.full{height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.playVideos .type1{grid-template-columns:1fr;grid-template-rows:1fr}.playVideos .type4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.playVideos .type8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.playVideos .type8 .video:first-child{grid-column:1/4;grid-row:1/4}.playVideos .type9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.playVideos .type13{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.playVideos .type13 .video:first-child{grid-column:1/3;grid-row:1/3}.playVideos .type16{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}@keyframes moveBottom{0%{bottom:0}to{bottom:-66px}}.videoComponent{background:#000;height:100%;position:relative;width:100%}.videoComponent.fill{object-fit:fill}.videoComponent.contain{object-fit:contain}.videoBox{height:100%;overflow:hidden;position:relative}.videoBox.alarm:before{border:2px solid #ea5858;box-shadow:inset 0 0 10px 8px rgba(234,88,88,.5);content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:7}.videoBox:hover .selectFields{animation-duration:1s;animation-fill-mode:both;animation-name:moveBottom}.videoBox:hover .footer-min{display:flex}.videoBox:hover .footer-min .name-min span,.videoBox:hover .footer-min .tool{display:block}.videoBox .selectFields{background:rgba(0,0,0,.3);bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:66px;position:absolute;width:100%}.videoBox .selectFields .info{border:0;color:#fff;line-height:33px;overflow:hidden;padding:0 5px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.videoBox .selectFields .info .value{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.videoBox .footer-min{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.04);border-radius:4px 4px 0 0;bottom:0;display:none;height:44px;justify-content:space-between;position:absolute;width:100%}.videoBox .footer-min .name-min{align-items:center;display:flex;padding-left:15px}.videoBox .footer-min .name-min span{color:#fff;display:none;font-size:16px;font-weight:600}.videoBox .footer-min .tool{display:none}.videoBox .footer-min .tool img{cursor:pointer;height:20px;margin-right:15px;width:20px}.videoControls{align-items:center;display:flex;flex-direction:column;width:100%}.videoControls .videoControl{height:126px;position:relative;width:126px}.videoControls .videoControl .bg{height:100%;position:relative;width:100%}.videoControls .videoControl img{cursor:pointer;position:absolute}.videoControls .videoControl .up{left:52px;top:14px}.videoControls .videoControl .lup{left:26px;top:26px;transform:rotate(-45deg)}.videoControls .videoControl .rup{left:78px;top:27px;transform:rotate(45deg)}.videoControls .videoControl .left{left:14px;top:52px;transform:rotate(-90deg)}.videoControls .videoControl .right{left:90px;top:52px;transform:rotate(90deg)}.videoControls .videoControl .ldown{left:26px;top:78px;transform:rotate(215deg)}.videoControls .videoControl .down{left:52px;top:90px;transform:rotate(180deg)}.videoControls .videoControl .rdown{left:78px;top:78px;transform:rotate(135deg)}.videoControls .btns{background:#e0e7f2;border-radius:19px;height:28px;margin:8px 8px 0;padding:3px;width:56px}.videoControls .btns img{cursor:pointer;margin-right:1px}
 .videoAlarmDia.dark{background:linear-gradient(90deg,#3e7eff,#1e4e75 30%,#1e4e75 70%,#3e7eff);padding:1px}.videoAlarmDia.dark .ant-modal-close{color:#fff}.videoAlarmDia.dark .ant-modal-header{background-color:#22396f;border-bottom-color:transparent;padding-left:20px}.videoAlarmDia.dark .ant-modal-header .ant-modal-title{align-items:center;background-image:linear-gradient(90deg,#2852a8 0,rgba(40,82,168,0) 50%);color:#fff;display:flex;height:42px;padding-left:10px}.videoAlarmDia.dark .ant-modal-content{background-color:#22396f}.videoAlarmDia.dark .ant-modal-content .body,.videoAlarmDia.dark .ant-modal-content .body .alarmList .alarm .name,.videoAlarmDia.dark .ant-modal-content .body .alarmList .title,.videoAlarmDia.dark .ant-modal-content .body .themeImg{color:#fff}.videoAlarmDia.dark .ant-modal-content .body .tabs .tabContainer .allTab .tab{background:#ffffff1a;color:#fff}.videoAlarmDia.dark .ant-modal-content .body .tabs .tabContainer .allTab .tab.active{background:#3e7eff;color:#fff}.videoAlarmDia .ant-modal-body{padding-top:18px}.videoAlarmDia .body{display:flex;flex-direction:column;height:660px}.videoAlarmDia .body .title{color:#000;font-size:18px}.videoAlarmDia .body .themeImg{height:18px;margin-right:5px;width:18px}.videoAlarmDia .body .current{align-self:center;display:flex;height:400px;justify-content:center;margin:10px 0 25px;width:750px}.videoAlarmDia .body .current .grid{grid-gap:3px;background-color:transparent;display:grid;height:100%;overflow:hidden;width:100%}.videoAlarmDia .body .current .grid .videoBox{background-color:#000}.videoAlarmDia .body .alarmList{display:flex;flex-wrap:wrap;justify-content:flex-start;max-height:80px;overflow:auto}.videoAlarmDia .body .alarmList .title{font-size:14px;font-weight:600;margin-bottom:10px}.videoAlarmDia .body .alarmList .alarm{align-items:center;border-radius:5px;color:#000;cursor:pointer;height:24px;margin-bottom:10px;margin-right:10px;padding:5px}.videoAlarmDia .body .alarmList .alarm img{height:16px;margin-right:5px;width:16px}.videoAlarmDia .body .alarmList .alarm .name{font-size:14px;white-space:nowrap}.videoAlarmDia .body .alarmList .alarm1{background:rgba(234,88,88,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm2{background:rgba(255,146,20,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm3{background:rgba(255,196,20,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm4{background:rgba(62,126,255,.1);color:#354052}.videoAlarmDia .body .tip{align-items:center;display:flex;margin:0}.videoAlarmDia .body .tip .sumNum{margin-right:16px}.videoAlarmDia .body .tip .timeNum{color:#3e7eff;font-weight:600;margin-right:5px}.videoAlarmDia .body .tabs{align-items:center;display:flex;margin:10px 0 5px}.videoAlarmDia .body .tabs .themeImg{cursor:pointer;overflow:visible}.videoAlarmDia .body .tabs .endIcon{margin-left:10px}.videoAlarmDia .body .tabs .tabContainer{display:flex;overflow:hidden}.videoAlarmDia .body .tabs .tabContainer .allTab{display:flex;height:40px;left:0;position:relative}.videoAlarmDia .body .tabs .tabContainer .allTab .tab{background:#f2f3f8;border-radius:4px;cursor:pointer;font-size:14px;height:32px;line-height:32px;margin-right:10px;padding:0 10px;position:relative;text-align:center;white-space:nowrap}.videoAlarmDia .body .tabs .tabContainer .allTab .tab.active{background:#1d33a2;color:#fff}.videoAlarmDia .body .tabs .tabContainer .allTab .tab.active:after{border:10px solid transparent;border-top-color:#1d33a2;content:"";height:0;left:50%;position:absolute;top:30px;width:0}.videoAlarmDia .body .numLine{align-items:center;display:flex}.videoAlarmDia .body .numLine .cameraNum{color:#3e7eff;font-weight:600}.videoAlarmDia .body .numLine .tipImg{height:18px;margin:0 5px 0 25px;width:18px}.videoAlarmDia .body .numLine .alarmNum{color:#fa4141;font-weight:600}.videoAlarmDia .body .otherAlarm{align-items:center;display:flex}.videoAlarmDia .body .otherAlarm .ant-tag{cursor:pointer;font-size:14px}.videoAlarmDia .body .otherAlarm .tipImg{height:18px;margin-right:5px;width:18px}.videoAlarmDia .body .otherAlarm .annotation{height:12px;margin:2px;width:12px}.videoAlarmDia .body .type1{grid-template-columns:1fr;grid-template-rows:1fr}.videoAlarmDia .body .type4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.videoAlarmDia .body .type8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.videoAlarmDia .body .type8 .videoBox:first-child{grid-column:1/4;grid-row:1/4}.videoAlarmDia .body .type9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.videoAlarmDia .body .type13{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.videoAlarmDia .body .type13 .videoBox:first-child{grid-column:1/3;grid-row:1/3}.videoAlarmDia .body .type16{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}
-.cloudVideo{height:100%}
+.cloudVideo{height:100%;width:100%}

package/dist/index.cjs

@@ -44,7 +44,7 @@ var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var EZUIKit__default = /*#__PURE__*/_interopDefaultLegacy(EZUIKit);
 
-var version = "0.1.21";
+var version = "0.1.23";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -9666,20 +9666,27 @@ const CloudVideo = vue.defineComponent({
       type: Number,
       default: 1
     },
-    // token
     token: {
       type: String,
       default: ""
     },
-    // template
     template: {
       type: String,
       default: ""
+    },
+    height: {
+      type: Number,
+      default: ""
+    },
+    width: {
+      type: Number,
+      default: ""
     }
   },
-  emits: [],
+  emits: ["complete"],
   setup(prop, _context) {
     const uuid = vue.ref(UUID());
+    let player;
     const initVideo = async () => {
       const res = await axios__default["default"].post("https://open.ys7.com/api/lapp/v2/live/address/get", void 0, {
         params: {
@@ -9688,23 +9695,36 @@ const CloudVideo = vue.defineComponent({
           channelNo: prop.channelNo || 1
         }
       });
-      const parent = document.getElementById(`cloudVideo_${uuid.value}`)?.parentNode;
       const opt = {
         id: `cloudVideo_${uuid.value}`,
         url: res.data.data.url,
         accessToken: prop.token,
-        template: "pcLive",
-        height: parent?.clientHeight
+        template: "6298aca808d643fb99f481f2db5bf6a2",
+        height: 300
       };
-      new EZUIKit__default["default"].EZUIKitPlayer(opt);
+      if (prop.template) {
+        opt.template = prop.template;
+      }
+      if (prop.width) {
+        opt.width = prop.width;
+      }
+      if (prop.template) {
+        opt.height = prop.height;
+      }
+      player = await new EZUIKit__default["default"].EZUIKitPlayer(opt);
+      _context.emit("complete", player);
     };
     vue.onMounted(() => {
       initVideo();
     });
+    vue.onBeforeUnmount(() => {
+      player?.stop();
+    });
     return () => vue.createVNode("div", {
-      "id": `cloudVideo_${uuid.value}`,
       "class": "cloudVideo"
-    }, null);
+    }, [vue.createVNode("div", {
+      "id": `cloudVideo_${uuid.value}`
+    }, null)]);
   }
 });
 var cloudVideo = installComponent(CloudVideo, "cloud-video");

package/dist/index.d.ts

@@ -11,7 +11,7 @@ import { Key } from 'ant-design-vue/lib/table/interface';
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
 import * as _ant_design_icons_vue_lib_components_IconFont from '@ant-design/icons-vue/lib/components/IconFont';
 
-var version = "0.1.21";
+var version = "0.1.23";
 
 declare const _default$p: {
     set(theme: string): void;
@@ -1160,7 +1160,15 @@ declare const _default$c: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, never[], never, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    height: {
+        type: NumberConstructor;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        default: string;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "complete"[], "complete", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     cameraId: {
         require: boolean;
         type: StringConstructor;
@@ -1177,9 +1185,21 @@ declare const _default$c: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>> & {}, {
+    height: {
+        type: NumberConstructor;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        default: string;
+    };
+}>> & {
+    onComplete?: ((...args: any[]) => any) | undefined;
+}, {
     template: string;
+    width: number;
     token: string;
+    height: number;
     channelNo: number;
 }, {}>;
 

package/dist/index.js

@@ -13,7 +13,7 @@ import EZUIKit from 'ezuikit-js';
 import { XPopup, CommentBlock, setAxiosOption } from '@sszj-temp/mobile';
 import '@sszj-temp/mobile/style.css';
 
-var version = "0.1.21";
+var version = "0.1.23";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -9635,20 +9635,27 @@ const CloudVideo = defineComponent({
       type: Number,
       default: 1
     },
-    // token
     token: {
       type: String,
       default: ""
     },
-    // template
     template: {
       type: String,
       default: ""
+    },
+    height: {
+      type: Number,
+      default: ""
+    },
+    width: {
+      type: Number,
+      default: ""
     }
   },
-  emits: [],
+  emits: ["complete"],
   setup(prop, _context) {
     const uuid = ref(UUID());
+    let player;
     const initVideo = async () => {
       const res = await axios.post("https://open.ys7.com/api/lapp/v2/live/address/get", void 0, {
         params: {
@@ -9657,23 +9664,36 @@ const CloudVideo = defineComponent({
           channelNo: prop.channelNo || 1
         }
       });
-      const parent = document.getElementById(`cloudVideo_${uuid.value}`)?.parentNode;
       const opt = {
         id: `cloudVideo_${uuid.value}`,
         url: res.data.data.url,
         accessToken: prop.token,
-        template: "pcLive",
-        height: parent?.clientHeight
+        template: "6298aca808d643fb99f481f2db5bf6a2",
+        height: 300
       };
-      new EZUIKit.EZUIKitPlayer(opt);
+      if (prop.template) {
+        opt.template = prop.template;
+      }
+      if (prop.width) {
+        opt.width = prop.width;
+      }
+      if (prop.template) {
+        opt.height = prop.height;
+      }
+      player = await new EZUIKit.EZUIKitPlayer(opt);
+      _context.emit("complete", player);
     };
     onMounted(() => {
       initVideo();
     });
+    onBeforeUnmount(() => {
+      player?.stop();
+    });
     return () => createVNode("div", {
-      "id": `cloudVideo_${uuid.value}`,
       "class": "cloudVideo"
-    }, null);
+    }, [createVNode("div", {
+      "id": `cloudVideo_${uuid.value}`
+    }, null)]);
   }
 });
 var cloudVideo = installComponent(CloudVideo, "cloud-video");

package/dist/style.css

@@ -1,4 +1,4 @@
 .playVideos{display:flex;flex-direction:column;height:100%;padding-left:20px}.playVideos .operate{display:flex;justify-content:space-between;margin:5px 0}.playVideos .operate .button{cursor:pointer}.playVideos .grid{display:grid;flex:1;overflow:hidden}.playVideos .grid .video{background:#000;border:1px solid hsla(216,7%,59%,.3);height:100%;object-fit:fill;overflow:hidden;width:100%}.playVideos .grid.full{height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.playVideos .type1{grid-template-columns:1fr;grid-template-rows:1fr}.playVideos .type4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.playVideos .type8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.playVideos .type8 .video:first-child{grid-column:1/4;grid-row:1/4}.playVideos .type9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.playVideos .type13{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.playVideos .type13 .video:first-child{grid-column:1/3;grid-row:1/3}.playVideos .type16{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}@keyframes moveBottom{0%{bottom:0}to{bottom:-66px}}.videoComponent{background:#000;height:100%;position:relative;width:100%}.videoComponent.fill{object-fit:fill}.videoComponent.contain{object-fit:contain}.videoBox{height:100%;overflow:hidden;position:relative}.videoBox.alarm:before{border:2px solid #ea5858;box-shadow:inset 0 0 10px 8px rgba(234,88,88,.5);content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:7}.videoBox:hover .selectFields{animation-duration:1s;animation-fill-mode:both;animation-name:moveBottom}.videoBox:hover .footer-min{display:flex}.videoBox:hover .footer-min .name-min span,.videoBox:hover .footer-min .tool{display:block}.videoBox .selectFields{background:rgba(0,0,0,.3);bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:66px;position:absolute;width:100%}.videoBox .selectFields .info{border:0;color:#fff;line-height:33px;overflow:hidden;padding:0 5px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.videoBox .selectFields .info .value{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.videoBox .footer-min{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.04);border-radius:4px 4px 0 0;bottom:0;display:none;height:44px;justify-content:space-between;position:absolute;width:100%}.videoBox .footer-min .name-min{align-items:center;display:flex;padding-left:15px}.videoBox .footer-min .name-min span{color:#fff;display:none;font-size:16px;font-weight:600}.videoBox .footer-min .tool{display:none}.videoBox .footer-min .tool img{cursor:pointer;height:20px;margin-right:15px;width:20px}.videoControls{align-items:center;display:flex;flex-direction:column;width:100%}.videoControls .videoControl{height:126px;position:relative;width:126px}.videoControls .videoControl .bg{height:100%;position:relative;width:100%}.videoControls .videoControl img{cursor:pointer;position:absolute}.videoControls .videoControl .up{left:52px;top:14px}.videoControls .videoControl .lup{left:26px;top:26px;transform:rotate(-45deg)}.videoControls .videoControl .rup{left:78px;top:27px;transform:rotate(45deg)}.videoControls .videoControl .left{left:14px;top:52px;transform:rotate(-90deg)}.videoControls .videoControl .right{left:90px;top:52px;transform:rotate(90deg)}.videoControls .videoControl .ldown{left:26px;top:78px;transform:rotate(215deg)}.videoControls .videoControl .down{left:52px;top:90px;transform:rotate(180deg)}.videoControls .videoControl .rdown{left:78px;top:78px;transform:rotate(135deg)}.videoControls .btns{background:#e0e7f2;border-radius:19px;height:28px;margin:8px 8px 0;padding:3px;width:56px}.videoControls .btns img{cursor:pointer;margin-right:1px}
 .videoAlarmDia.dark{background:linear-gradient(90deg,#3e7eff,#1e4e75 30%,#1e4e75 70%,#3e7eff);padding:1px}.videoAlarmDia.dark .ant-modal-close{color:#fff}.videoAlarmDia.dark .ant-modal-header{background-color:#22396f;border-bottom-color:transparent;padding-left:20px}.videoAlarmDia.dark .ant-modal-header .ant-modal-title{align-items:center;background-image:linear-gradient(90deg,#2852a8 0,rgba(40,82,168,0) 50%);color:#fff;display:flex;height:42px;padding-left:10px}.videoAlarmDia.dark .ant-modal-content{background-color:#22396f}.videoAlarmDia.dark .ant-modal-content .body,.videoAlarmDia.dark .ant-modal-content .body .alarmList .alarm .name,.videoAlarmDia.dark .ant-modal-content .body .alarmList .title,.videoAlarmDia.dark .ant-modal-content .body .themeImg{color:#fff}.videoAlarmDia.dark .ant-modal-content .body .tabs .tabContainer .allTab .tab{background:#ffffff1a;color:#fff}.videoAlarmDia.dark .ant-modal-content .body .tabs .tabContainer .allTab .tab.active{background:#3e7eff;color:#fff}.videoAlarmDia .ant-modal-body{padding-top:18px}.videoAlarmDia .body{display:flex;flex-direction:column;height:660px}.videoAlarmDia .body .title{color:#000;font-size:18px}.videoAlarmDia .body .themeImg{height:18px;margin-right:5px;width:18px}.videoAlarmDia .body .current{align-self:center;display:flex;height:400px;justify-content:center;margin:10px 0 25px;width:750px}.videoAlarmDia .body .current .grid{grid-gap:3px;background-color:transparent;display:grid;height:100%;overflow:hidden;width:100%}.videoAlarmDia .body .current .grid .videoBox{background-color:#000}.videoAlarmDia .body .alarmList{display:flex;flex-wrap:wrap;justify-content:flex-start;max-height:80px;overflow:auto}.videoAlarmDia .body .alarmList .title{font-size:14px;font-weight:600;margin-bottom:10px}.videoAlarmDia .body .alarmList .alarm{align-items:center;border-radius:5px;color:#000;cursor:pointer;height:24px;margin-bottom:10px;margin-right:10px;padding:5px}.videoAlarmDia .body .alarmList .alarm img{height:16px;margin-right:5px;width:16px}.videoAlarmDia .body .alarmList .alarm .name{font-size:14px;white-space:nowrap}.videoAlarmDia .body .alarmList .alarm1{background:rgba(234,88,88,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm2{background:rgba(255,146,20,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm3{background:rgba(255,196,20,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm4{background:rgba(62,126,255,.1);color:#354052}.videoAlarmDia .body .tip{align-items:center;display:flex;margin:0}.videoAlarmDia .body .tip .sumNum{margin-right:16px}.videoAlarmDia .body .tip .timeNum{color:#3e7eff;font-weight:600;margin-right:5px}.videoAlarmDia .body .tabs{align-items:center;display:flex;margin:10px 0 5px}.videoAlarmDia .body .tabs .themeImg{cursor:pointer;overflow:visible}.videoAlarmDia .body .tabs .endIcon{margin-left:10px}.videoAlarmDia .body .tabs .tabContainer{display:flex;overflow:hidden}.videoAlarmDia .body .tabs .tabContainer .allTab{display:flex;height:40px;left:0;position:relative}.videoAlarmDia .body .tabs .tabContainer .allTab .tab{background:#f2f3f8;border-radius:4px;cursor:pointer;font-size:14px;height:32px;line-height:32px;margin-right:10px;padding:0 10px;position:relative;text-align:center;white-space:nowrap}.videoAlarmDia .body .tabs .tabContainer .allTab .tab.active{background:#1d33a2;color:#fff}.videoAlarmDia .body .tabs .tabContainer .allTab .tab.active:after{border:10px solid transparent;border-top-color:#1d33a2;content:"";height:0;left:50%;position:absolute;top:30px;width:0}.videoAlarmDia .body .numLine{align-items:center;display:flex}.videoAlarmDia .body .numLine .cameraNum{color:#3e7eff;font-weight:600}.videoAlarmDia .body .numLine .tipImg{height:18px;margin:0 5px 0 25px;width:18px}.videoAlarmDia .body .numLine .alarmNum{color:#fa4141;font-weight:600}.videoAlarmDia .body .otherAlarm{align-items:center;display:flex}.videoAlarmDia .body .otherAlarm .ant-tag{cursor:pointer;font-size:14px}.videoAlarmDia .body .otherAlarm .tipImg{height:18px;margin-right:5px;width:18px}.videoAlarmDia .body .otherAlarm .annotation{height:12px;margin:2px;width:12px}.videoAlarmDia .body .type1{grid-template-columns:1fr;grid-template-rows:1fr}.videoAlarmDia .body .type4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.videoAlarmDia .body .type8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.videoAlarmDia .body .type8 .videoBox:first-child{grid-column:1/4;grid-row:1/4}.videoAlarmDia .body .type9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.videoAlarmDia .body .type13{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.videoAlarmDia .body .type13 .videoBox:first-child{grid-column:1/3;grid-row:1/3}.videoAlarmDia .body .type16{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}
-.cloudVideo{height:100%}
-.scrollbarDef ::-webkit-scrollbar-track-piece{background-color:#f8f8f8}.scrollbarDef ::-webkit-scrollbar{height:5px;width:5px}.scrollbarDef ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#ddd;min-height:28px}.scrollbarDef ::-webkit-scrollbar-thumb:hover{background-color:#bbb}.scrollbarBlack::-webkit-scrollbar-track-piece{background-color:transparent}.scrollbarBlack::-webkit-scrollbar{height:5px;width:0}.scrollbarBlack::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#3d4456;min-height:28px}@font-face{font-family:YouSheBiaoTiHei;src:url(/micro-assets/font/youshebiaotihei.TTF)}@font-face{font-family:DINPro-Light;src:url(/micro-assets/font/DINPro-Light.otf)}@font-face{font-family:DINPro-Regular;src:url(/micro-assets/font/DINPro-Regular.otf)}@font-face{font-family:DINPro-Medium;src:url(/micro-assets/font/DINPro-Medium.otf)}@font-face{font-family:DINPro-Bold;src:url(/micro-assets/font/DINPro-Bold.otf)}@font-face{font-family:DINPro-Black;src:url(/micro-assets/font/DINPro-Black.otf)}@font-face{font-family:Alibaba-PuHuiTi-Light;src:url(/micro-assets/font/Alibaba-PuHuiTi-Light.ttf)}@font-face{font-family:Alibaba-PuHuiTi-Regular;src:url(/micro-assets/font/Alibaba-PuHuiTi-Regular.ttf)}@font-face{font-family:Alibaba-PuHuiTi-Medium;src:url(/micro-assets/font/Alibaba-PuHuiTi-Medium.ttf)}@font-face{font-family:Alibaba-PuHuiTi-Bold;src:url(/micro-assets/font/Alibaba-PuHuiTi-Bold.ttf)}@font-face{font-family:Alibaba-PuHuiTi-Heavy;src:url(/micro-assets/font/Alibaba-PuHuiTi-Heavy.ttf)}@font-face{font-family:SourceHanSansCN-ExtraLight;src:url(/micro-assets/font/SourceHanSansCN-ExtraLight.otf)}@font-face{font-family:SourceHanSansCN-Light;src:url(/micro-assets/font/SourceHanSansCN-Light.otf)}@font-face{font-family:SourceHanSansCN-Regular;src:url(/micro-assets/font/SourceHanSansCN-Regular.otf)}@font-face{font-family:SourceHanSansCN-Normal;src:url(/micro-assets/font/SourceHanSansCN-Normal.otf)}@font-face{font-family:SourceHanSansCN-Medium;src:url(/micro-assets/font/SourceHanSansCN-Medium.otf)}@font-face{font-family:SourceHanSansCN-Bold;src:url(/micro-assets/font/SourceHanSansCN-Bold.otf)}@font-face{font-family:SourceHanSansCN-Heavy;src:url(/micro-assets/font/SourceHanSansCN-Heavy.otf)}body .ant-form-inline.table-query-form{margin-bottom:8px}body .ant-form-inline.table-query-form>.ant-row:not(.ant-form-item){width:100%}body .ant-form-inline.table-query-form .ant-form-item{margin-bottom:16px}body .ant-form-inline.table-query-form .ant-form-item .ant-input,body .ant-form-inline.table-query-form .ant-form-item .ant-select{width:200px}::-webkit-scrollbar-track-piece{background-color:#f8f8f8}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#ddd;min-height:28px}::-webkit-scrollbar-thumb:hover{background-color:#bbb}.flex{display:flex}.flex-center{align-items:center;display:flex}.flex1{flex:1}.flex2{flex:2}.flex3{flex:3}.flex4{flex:4}.flex5{flex:5}.flex6{flex:6}.flex7{flex:7}.flex8{flex:8}.flex9{flex:9}.flex10{flex:10}.flex11{flex:11}.flex12{flex:12}.Demo{color:red}.ant-layout .inl-layout-sider.ant-layout-sider{background:#1b2c55}.ant-layout .inl-layout-sider.ant-layout-sider .ant-layout-sider-children{display:flex;flex-direction:column}.ant-layout .inl-layout-sider.ant-layout-sider .folder{color:#fff;cursor:pointer;font-size:20px;height:38px;line-height:38px;opacity:.8;padding:0 16px;text-align:right;transition:opacity .3s ease-in-out}.ant-layout .inl-layout-sider.ant-layout-sider .folder:hover{opacity:1}.ant-layout .inl-layout-sider.ant-layout-sider .folder.isFold{text-align:center}.ant-layout .inl-layout-sider.ant-layout-sider .ant-menu{background-color:transparent;border-right:0!important;flex:1;font-size:14px;overflow-x:hidden;overflow-y:auto}.ant-layout .inl-layout-sider.ant-layout-sider .ant-menu::-webkit-scrollbar-track-piece{background-color:transparent}.ant-layout .inl-layout-sider.ant-layout-sider .ant-menu::-webkit-scrollbar{height:5px;width:0}.ant-layout .inl-layout-sider.ant-layout-sider .ant-menu::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#3d4456;min-height:28px}.ant-layout .inl-layout-sider.ant-layout-sider .copyright{color:#b9c2d5;font-size:12px;opacity:.3;padding:8px;text-align:center}.ant-layout .inl-layout-sider.ant-layout-sider.ant-layout-sider-collapsed .copyright{display:none}body[data-theme=light] .inl-layout-sider.ant-layout-sider{background:#fff}body[data-theme=light] .inl-layout-sider.ant-layout-sider .folder{color:#000}body[data-theme=light] .inl-layout-sider.ant-layout-sider.ant-layout-sider-collapsed .folder{text-align:center}body[data-theme=light] .inl-layout-sider.ant-layout-sider .copyright{color:#000}.inl-layout .layout-mask{background:#000;bottom:0;clip-path:polygon(0 0,0 100%,210px 100%,210px 92px,calc(100% - 10px) 92px,calc(100% - 10px) calc(100% - 10px),210px calc(100% - 10px),210px 100%,100% 100%,100% 0);left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1000}.inl-layout .ant-layout{height:100%}.inl-layout .ant-layout .ant-layout-header{background-color:#132041;height:50px;line-height:50px;padding:0}.inl-layout .ant-layout .ant-layout-header .header{align-items:center;display:flex;padding-right:20px}.inl-layout .ant-layout .ant-layout-header .header .logo{align-items:center;display:flex;justify-content:center;width:200px}.inl-layout .ant-layout .ant-layout-header .header .logo img{width:140px}.inl-layout .ant-layout .ant-layout-header .header .menu{background-color:transparent;border-bottom:0;flex:auto;font-size:14px;overflow:hidden}.inl-layout .ant-layout .ant-layout-header .header .menu .ant-menu-item-selected{background:linear-gradient(180deg,rgba(58,117,205,0),rgba(58,117,205,0) 0,rgba(71,98,226,.6))!important}.inl-layout .ant-layout .ant-layout-header .header .menu .ant-menu-item:after{content:unset!important}.inl-layout .ant-layout .ant-layout-header .header .search{background:transparent;border-color:rgba(185,194,213,.3);box-shadow:unset;color:rgba(185,194,213,.3);width:200px}.inl-layout .ant-layout .ant-layout-header .header .search input{background:transparent;color:#fff}.inl-layout .ant-layout .ant-layout-header .header .user-info{align-items:center;display:flex;margin:0 20px}.inl-layout .ant-layout .ant-layout-header .header .user-info .avatar{margin-right:8px}.inl-layout .ant-layout .ant-layout-header .header .user-info .username{align-items:center;color:#fff;display:flex}.inl-layout .ant-layout .ant-layout-header .header .logout{color:#fff;font-size:20px}.inl-layout .ant-layout .ant-layout-header .header .logout .anticon{position:relative;top:2px}.inl-layout .ant-layout .inl-layout-sider .ant-menu-item,.inl-layout .ant-layout .inl-layout-sider .ant-menu-submenu-title{margin:0}.inl-layout .ant-layout .ant-layout-content{display:flex;flex-direction:column;padding:10px}.inl-layout .ant-layout .ant-layout-content.only-page{padding:0}.inl-layout .ant-layout .ant-layout-content .tab-list{align-items:center;display:flex}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container{display:flex;flex:1;flex-wrap:nowrap;height:100%;overflow:hidden;padding:0 8px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab{align-items:center;border-radius:5px 5px 0 0;color:#2c3e50;cursor:pointer;display:flex;flex:1 1 30px;max-width:160px;padding:4px 12px 6px;position:relative;transition:all .15s;user-select:none;width:0}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab:after{background:#81878c;content:"";height:60%;position:absolute;right:0;top:20%;transition:background-color .3s;width:1px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab.hide-border:after,.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab:hover:after{background:transparent}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .icon{margin-right:4px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tab-name{flex:1 1 0;font-size:12px;overflow:hidden;white-space:nowrap}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .close{align-items:center;border-radius:50%;display:flex;font-size:12px;height:16px;justify-content:center;margin-left:6px;width:16px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .close:hover{background:#e8eaed;color:#000}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tabs-background-after,.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tabs-background-before{fill:#fff;bottom:0;bottom:-1px;font-size:10px;position:absolute;z-index:1}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tabs-background-before{left:-9px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tabs-background-after{right:-10px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab:hover{background-color:#f2f3f5}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab.active{background-color:#fff}.inl-layout .ant-layout .ant-layout-content .tab-list .ant-select{margin-right:13px}.inl-layout .ant-layout .ant-layout-content .tab-list .show-all-trigger{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;margin:0 6px;transition:all .25s;width:24px}.inl-layout .ant-layout .ant-layout-content .tab-list .show-all-trigger:hover{background:#d2d4d8}.inl-layout .ant-layout .ant-layout-content .tab-list .show-all-trigger .anticon{font-size:12px!important}.inl-layout .ant-layout .ant-layout-content .page-content{display:flex;flex:1;flex-direction:column;overflow:hidden}.inl-layout .ant-layout .ant-layout-content .page-content .page-container{background-color:#fff;display:inline-flex;flex:1;flex-direction:column;overflow:auto;position:relative}.inl-layout .ant-layout .ant-layout-content .page-content .page-container>[id^=microApp_],.inl-layout .ant-layout .ant-layout-content .page-content .page-container>[id^=microApp_]>[id^=__qiankun_microapp_wrapper]{display:flex;flex:1;flex-direction:column;height:100%}.inl-layout .ant-layout .ant-layout-content .page-content .page-container>[id^=microApp_] #app,.inl-layout .ant-layout .ant-layout-content .page-content .page-container>[id^=microApp_]>[id^=__qiankun_microapp_wrapper] #app{flex:1;overflow:auto}.inl-layout .ant-layout .ant-layout-content .page-content .page-container .menu-iframe{height:100%;position:absolute;width:100%}.inl-layout .ant-layout .ant-layout-content .page-content .page-container .iframe-fallback{padding-top:20px;text-align:center}.inl-layout .ant-layout .ant-layout-content .page-content .page-container .iframe-fallback img{width:30%}.inl-layout .ant-layout .ant-layout-content .page-content .page-container.padding{padding:24px}.inl-layout .ant-layout .ant-layout-content .page-content .page-container.padding [id^=microApp_]{margin:-24px}.inl-layout .ant-layout .ant-layout-content .page-content .page-container.padding #app{padding:24px}.inl-layout .ant-layout .ant-layout-content .page-content .page-container.padding .menu-iframe{height:calc(100% - 48px);width:calc(100% - 48px)}body[data-theme=light] .inl-layout .ant-layout-header{background:linear-gradient(90deg,#3297ff,#286be6)!important}body[data-theme=light] .inl-layout .ant-layout-header .menu{background:transparent!important;color:#fff}body[data-theme=light] .inl-layout .ant-layout-header .menu .ant-menu-item:hover{background:linear-gradient(180deg,#56a3ff,#3e7eff)!important;color:#fff!important}body[data-theme=light] .inl-layout .ant-layout-header .menu .ant-menu-submenu:hover{color:#fff!important}body[data-theme=light] .inl-layout .ant-layout-header .menu .ant-menu-item-selected{background:linear-gradient(180deg,#56a3ff,#3e7eff)!important;color:#fff!important}body[data-theme=light] .inl-layout .ant-layout-header .search{background-color:hsla(0,0%,100%,.1)!important;margin-right:36px;width:300px}body[data-theme=light] .inl-layout .ant-layout-header .search input{color:#000!important}body[data-theme=light] .inl-layout .ant-layout-header .search input::placeholder{color:hsla(0,0%,100%,.7)!important}body[data-theme=light] .inl-layout .ant-layout-header .search .btn-search{font-size:26px}body[data-theme=light] .inl-layout .ant-menu-sub{background:transparent!important}body[data-theme=light] .inl-layout .ant-menu-inline .ant-menu-item:after,body[data-theme=light] .inl-layout .ant-menu-vertical .ant-menu-item:after,body[data-theme=light] .inl-layout .ant-menu-vertical-left .ant-menu-item:after,body[data-theme=light] .inl-layout .ant-menu-vertical-right .ant-menu-item:after{background:#3e7eff;left:0;right:unset}body[data-theme=light] .inl-layout .ant-menu-item-selected{background:#eff4ff}[data-doc-theme=light] .ant-menu-light .ant-menu-submenu-title:hover{color:#3e7eff!important}.person-operation-dropdown{top:50px!important}.person-operation-dropdown .ant-dropdown-menu-item{color:#5c667d}.person-operation-dropdown .ant-dropdown-menu-item .ant-dropdown-menu-item-icon{font-size:16px}.tab-title-tooltip{padding-top:0!important}.tab-title-tooltip .ant-tooltip-arrow{display:none}.tab-title-tooltip .ant-tooltip-inner{background-color:#f0f2f5;border:1px solid #dce2ed;box-shadow:unset;color:#354052;font-size:12px;line-height:1.2;min-height:0;padding:5px 10px}.login{background-origin:content-box;background-size:cover;display:flex;flex-direction:column;font-family:PingFangSC-Ultralight,sans-serif;height:100vh;overflow:auto;overflow-y:auto;position:relative;width:100vw}.login .topTitle{left:0;margin:60px;position:absolute;top:0;z-index:2}.login .topTitle img{height:54px;width:452px}.login .content_login{display:flex;flex:1;height:700px;justify-content:space-between;padding:0 150px}.login .content_login.system{align-items:center;justify-content:center}.login .content_login.system .left,.login .content_login.system .login_box{height:600px;width:600px}.login .content_login.system .left.left,.login .content_login.system .login_box.left{align-items:center;backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.1);border-radius:6px 0 0 6px;display:flex;flex-direction:column;padding-top:54px}.login .content_login.system .left.left>div,.login .content_login.system .login_box.left>div{margin-bottom:20px}.login .content_login.system .left.left img,.login .content_login.system .login_box.left img{height:300px;margin-bottom:35px;width:425px}.login .content_login.system .left.left h3,.login .content_login.system .left.left p,.login .content_login.system .login_box.left h3,.login .content_login.system .login_box.left p{color:#fff}.login .content_login.system .left.left h3,.login .content_login.system .login_box.left h3{font-size:24px;font-weight:600;line-height:33px;text-align:center}.login .content_login.system .left.left p,.login .content_login.system .login_box.left p{font-size:14px;font-weight:0;line-height:26px;padding:0 60px}.login .content_login.system .left.login_box,.login .content_login.system .login_box.login_box{backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.15);border:none;border-radius:0 6px 6px 0}.login .content_login.platform{align-items:center;display:flex;height:100vh;left:0;overflow-y:auto;padding:0;position:absolute;top:0;width:100vw}.login .content_login.platform .login_center_box{align-items:center;display:flex;flex:1;justify-content:flex-start}.login .content_login.platform .left{align-items:center;display:flex;flex:2;justify-content:center;padding-top:54px}.login .content_login.platform .left .left_img{height:700px;width:920px}.login .content_login .login_box{background:linear-gradient(180deg,hsla(0,0%,100%,.07),hsla(0,0%,100%,0));display:flex;flex-direction:column;flex-shrink:0;height:540px;position:relative;right:0;width:440px}.login .content_login .login_box>div{border:3px solid;border-image:linear-gradient(rgba(229,235,255,.09),hsla(0,0%,100%,0)) 80 30}.login .content_login .login_box>div .ant-input-affix-wrapper:before{content:unset!important}.login .content_login .login_box .ant-form{flex:1}.login .content_login .login_box .ant-form .ant-form-item{flex:1;margin-bottom:24px}.login .content_login .login_box .ant-form .ant-form-item.mB64{margin-bottom:64px}.login .content_login .login_box .ant-form .ant-form-item .ant-form-item-label{padding-bottom:16px}.login .content_login .login_box .ant-form .ant-form-item .ant-form-item-label label{font-size:16px}.login .copyright-information{bottom:30px;color:#7b8492;font-family:PingFangSC-Regular,PingFang SC;font-size:14px;font-weight:400;left:0;line-height:30px;margin:0;position:absolute;right:0;text-align:center}.login-messsage-notice .ant-message-notice-content{background:transparent;padding:0}.login_slider .ant-modal-body{padding:0}.login_slider .imgBox{height:268px;position:relative;width:432px}.login_slider .imgBox .anticon{color:#fff;position:absolute;right:10px;top:10px;z-index:3}.login_slider .imgBox img{position:absolute;z-index:2}.login_slider .imgBox .bgImg{height:268px;width:432px;z-index:1}.login_slider .modal-box{box-sizing:content-box}.login_slider .ant-slider{background-color:#f4f6f8;height:44px;margin:24px 0 0;padding:0}.login_slider .ant-slider .ant-slider-rail,.login_slider .ant-slider .ant-slider-step,.login_slider .ant-slider .ant-slider-track{height:44px;padding:0;top:0}.login_slider .ant-slider .ant-slider-track,.login_slider .ant-slider:hover .ant-slider-track{background-color:#22cc83}.login_slider .ant-slider .ant-slider-handle{background-color:#fff;border:1px solid #ccc;border-radius:2px;height:54px;top:0;transform:translateX(-2%)!important;width:54px}.login_slider .ant-slider .ant-slider-handle:after{content:">>";line-height:54px;position:absolute;text-align:center;width:100%}.login_slider .ant-slider .ant-slider-rail{background-color:#f4f6f8;position:relative}.login_slider .ant-slider .ant-slider-rail:before{content:"向右滑动完成拼图";line-height:44px;position:absolute;text-align:center;width:100%}.login_box{display:flex;flex-direction:column}.login_box>div .ant-input{color:#fff!important}.login_box input{color:#fff;height:44px}.login_box input:-internal-autofill-previewed,.login_box input:-internal-autofill-selected{-webkit-text-fill-color:#fff;color:#fff!important;transition:background-color 9999s ease-out .1s}.login_box .ant-input-password span span svg{color:#fff}.login_box .ant-form{padding:0 67px}.login_box .ant-form-item{margin-bottom:44px}.login_box .ant-form-item .ant-input-password,.login_box .ant-form-item input{background:none;background-color:hsla(0,0%,100%,.2);font-size:16px;height:44px;line-height:0px}.login_box .ant-form-item .ant-input-password input,.login_box .ant-form-item input input{background:none;height:auto}.login_box .ant-form-item .ant-input-password .ant-input-suffix,.login_box .ant-form-item input .ant-input-suffix{font-size:14px}.login_box .ant-form-item .ant-btn{border:none;border-radius:0;font-size:18px;height:43px;line-height:0px}.login_box .ant-form-item .ant-form-item-control-input-content .ant-input-password,.login_box .ant-form-item .ant-form-item-control-input-content>.ant-input{border:1px solid #5e657f;border-radius:0}.login_box .titleBox{display:flex;justify-content:center;margin:44px 0}.login_box .titleBox img{height:36px}.login_box .titleBox .title{color:#fff;font-family:YouSheBiaoTiHei;font-size:28px;font-weight:600;height:40px;line-height:40px;padding:0}.login_box .ant-form label{color:#fff;font-family:PingFangSC-Medium,PingFang SC;font-size:16px;font-weight:500;height:22px;line-height:22px}.login_box .login_tab{display:flex;height:3rem}.login_box .login_tab .item{background:#ebf8ff;cursor:pointer;flex:1;line-height:2.8rem;opacity:.5;text-align:center;transition:all .3s ease}.login_box .login_tab .item.active,.login_box .login_tab .item:hover{background:linear-gradient(90deg,#2eb2ff,#6d71ff);color:#fff;opacity:.8}body[data-theme=light] .login_box>div .ant-input{color:#fff!important}body[data-theme=light] .login_box input:-internal-autofill-previewed,body[data-theme=light] .login_box input:-internal-autofill-selected{transition:background-color 9999s ease-out .1s}body[data-theme=light] input:-internal-autofill-previewed,body[data-theme=light] input:-internal-autofill-selected{transition:background-color 9999s ease-out .1s}.ant-select-item-option-content .color{background-color:#3e7eff;display:inline-block;height:10px;margin-right:3px;width:10px}.ant-select-item-option-content .dark{background-color:#1d33a2}.theme-select .color{background-color:#3e7eff;display:inline-block;height:10px;margin-right:3px;width:10px}.theme-select .dark{background-color:#1d33a2}.inl-layout-table-box{display:flex;flex-direction:column}.inl-layout-table-box .inl-layout-table-option{display:flex;justify-content:space-between;margin-bottom:16px}.icon-item-class{align-items:center;background:#eff2f6;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:7px 8px;transition:all .2s ease-in-out}.icon-item-class-img{color:#333;font-size:24px;margin-right:8px}.icon-item-class-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-item-class:hover{background:rgba(var(--primary-color-rgb),.2);border-color:var(--primary-color)}.icon-item-class.active{background:var(--primary-color);color:#fff}.icon-item-class.active .icon-img{color:#fff}.inl-iconfonts,.inl-iconfonts .icon{align-items:center;display:flex}.inl-iconfonts .icon{background:#eff2f6;border:1px solid transparent;cursor:pointer;justify-content:center;margin-right:16px;padding:7px 8px;transition:all .2s ease-in-out}.inl-iconfonts .icon-img{color:#333;font-size:24px;margin-right:8px}.inl-iconfonts .icon-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inl-iconfonts .icon:hover{background:rgba(var(--primary-color-rgb),.2);border-color:var(--primary-color)}.inl-iconfonts .icon.active{background:var(--primary-color);color:#fff}.inl-iconfonts .icon.active .icon-img{color:#fff}.inl-select-icon-modal .ant-modal-body{height:70vh;overflow:auto}.inl-select-icon-modal .ant-modal-body .search{margin-bottom:24px;width:200PX}.inl-select-icon-modal .ant-modal-body .icon{align-items:center;background:#eff2f6;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:7px 8px;transition:all .2s ease-in-out}.inl-select-icon-modal .ant-modal-body .icon-img{color:#333;font-size:24px;margin-right:8px}.inl-select-icon-modal .ant-modal-body .icon-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inl-select-icon-modal .ant-modal-body .icon:hover{background:rgba(var(--primary-color-rgb),.2);border-color:var(--primary-color)}.inl-select-icon-modal .ant-modal-body .icon.active{background:var(--primary-color);color:#fff}.inl-select-icon-modal .ant-modal-body .icon.active .icon-img{color:#fff}.inl-header-menu{background-color:#132041;width:100%}.inl-header-menu-item{background:linear-gradient(180deg,rgba(76,146,230,0),rgba(13,95,201,.5));cursor:pointer;opacity:.5;padding:5px 40px}.inl-header-menu-item>span{color:#fff}.inl-header-menu-item.inl-header-menu-item-active,.inl-header-menu-item:hover{background:linear-gradient(180deg,rgba(58,117,205,0),rgba(58,117,205,0) 0,rgba(79,115,228,.3) 71%,rgba(81,115,230,.6) 91%,rgba(71,98,226,.9));border-bottom:1px solid;border-image:linear-gradient(180deg,rgba(156,194,247,0),#628fec) 1 1;opacity:1}.inl-header-menu-title{align-items:center;display:flex;padding:5px 0}.inl-header-menu-title-text{color:#fff;font-size:30px;text-align:center;text-shadow:0 0 9px #389aff}.inl-header-menu-center-title{background:url(/micro-assets/device/titleCenter.png) no-repeat;background-size:100% 100%;justify-content:center;width:25%}.inl-header-menu-left-title{background:url(/micro-assets/device/titleLeft.png) no-repeat;background-size:contain;padding-left:30px;width:40%}.inl-header-menu-content,.inl-header-menu-content-left{align-items:center;display:flex}.inl-header-menu-content-left{background:url(/micro-assets/device/menuLeft.png) no-repeat;background-position:0 100%;background-size:contain;flex:1;justify-content:space-between;padding:5px 0}.inl-header-menu-content-left-right{display:flex;justify-content:flex-end}.inl-header-menu-content-left-right .inl-header-menu-item{clip-path:polygon(0 0,80% 0,100% 100%,20% 100%)}.inl-header-menu-content-right{align-items:center;background:url(/micro-assets/device/menuRight.png) no-repeat;background-position:0 100%;background-size:contain;display:flex;flex:1;justify-content:space-between;padding:5px 0}.inl-header-menu-content-right-left{display:flex;justify-content:flex-start}.inl-header-menu-content-right-left .inl-header-menu-item{clip-path:polygon(20% 0,100% 0,80% 100%,0 100%)}.inl-header-menu-left .inl-header-menu-content-right{background:none;justify-content:flex-end}.inl-child-layout{height:100%}.inl-child-layout .sider{background:#fff}.inl-child-layout .sider .sideMenu{display:flex;flex-direction:column;height:100%;overflow:auto}.inl-child-layout .sider .sideMenu .ant-menu{flex:1}.inl-child-layout .ant-layout-header.header-container{background-color:#132041;height:50px;line-height:50px;padding:0 20px 0 0}.inl-child-layout .child-header{display:flex;justify-content:space-between}.inl-child-layout .child-header .logo{align-items:center;display:flex;justify-content:center;width:200px}.inl-child-layout .child-header .logo img{width:140px}.inl-child-layout .child-header .user-info{margin:0 20px}.inl-child-layout .child-header .user-info .avatar{margin-right:8px}.inl-child-layout .child-header .user-info .username{color:#fff}.inl-child-layout .child-header-dev{color:#fff;display:flex;justify-content:space-between;margin:0 0 0 20px}.inl-child-layout .child-header-dev .desc{display:flex}.inl-child-layout .child-header-dev .desc .label{color:#ccc;margin-right:8px;user-select:none}.inl-child-layout .child-header-dev .desc .label:after{content:":"}.inl-child-layout .child-header-dev .desc .value{font-size:16px;font-weight:600}.inl-child-layout .layout-content{display:flex;flex-direction:column;overflow:auto;padding:20px}.inl-child-layout .layout-content .content-inner{background:#fff;display:flex;flex:1 1 100%;flex-direction:column;padding:20px}.inl-child-layout .layout-content .content-inner>*{flex:1 1 0}[data-doc-theme=light] .inl-child-layout .ant-layout-header.header-container{background:linear-gradient(90deg,#3297ff,#286be6)!important}.independent-container{height:100%;overflow:auto;padding:20px}.people-select-cpn-modal .container{display:flex;height:50vh}.people-select-cpn-modal .container .left,.people-select-cpn-modal .container .right{display:flex;flex:1;flex-direction:column;overflow:hidden}.people-select-cpn-modal .container .left .title,.people-select-cpn-modal .container .right .title{color:#31363c;font-size:14px;font-weight:600;margin-bottom:0}.people-select-cpn-modal .container .left{margin-right:16px}.people-select-cpn-modal .container .left .dep-breadcrumb,.people-select-cpn-modal .container .left .search-people-input{margin-bottom:16px;width:100%}.people-select-cpn-modal .container .left .dep-breadcrumb .ant-breadcrumb:nth-child(n - 1),.people-select-cpn-modal .container .left .search-people-input .ant-breadcrumb:nth-child(n - 1){color:var(--primary-color);cursor:pointer}.people-select-cpn-modal .container .left .tree{flex:1;overflow:auto}.people-select-cpn-modal .container .left .tree .ant-tree-node-content-wrapper{overflow:hidden}.people-select-cpn-modal .container .left .tree .ant-tree-switcher-noop{display:none}.people-select-cpn-modal .container .left .tree .node-title{display:flex;justify-content:space-between}.people-select-cpn-modal .container .left .tree .node-title .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-select-cpn-modal .container .left .tree .node-title .count{color:#aaa}.people-select-cpn-modal .container .right .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.people-select-cpn-modal .container .right .header .select-text{font-weight:400}.people-select-cpn-modal .container .right .header .select-text em{color:var(--primary-color);font-style:normal;margin:0 4px}.people-select-cpn-modal .container .right .selected-container{align-content:flex-start;display:flex;flex:1;flex-wrap:wrap;overflow-y:auto}.people-select-cpn-modal .container .right .selected-container .ant-tag{margin-bottom:10px}.inl-param-manager{flex-direction:column;overflow:hidden}.inl-param-manager .ant-tabs{position:relative}.inl-param-manager .ant-tabs .ant-tabs-content-holder{overflow:auto}.inl-param-manager .tab-item .operation{text-align:right}.inl-param-manager .tab-item .operation>.ant-space{position:absolute;right:0;top:0}.inl-param-manager .tab-item .group-container .group-item-title{font-size:14px;font-weight:600}.inl-param-manager .tab-item .group-container .ant-form{overflow:hidden}.inl-param-manager .tab-item .group-container .collapse-container{margin:16px 0}.inl-param-manager .tab-item .group-container .collapse-container .header{align-items:center;display:flex;line-height:1;padding-left:16px;position:relative}.inl-param-manager .tab-item .group-container .collapse-container .header .container-title{font-size:14px;font-weight:600}.inl-param-manager .tab-item .group-container .collapse-container .header:before{background-color:#4b7ff7;bottom:0;content:" ";left:0;position:absolute;top:0;width:2px}.inl-param-manager-v2{display:flex;height:100%}.inl-param-manager-v2 .menu{height:100%;overflow-y:auto;width:200px}.inl-param-manager-v2 .menu .ant-menu{background-color:#fff;color:#31363c;min-height:100%}.inl-param-manager-v2 .menu .ant-menu .ant-menu-item{margin:0!important}.inl-param-manager-v2 .menu .ant-menu .ant-menu-item-selected,.inl-param-manager-v2 .menu .ant-menu .ant-menu-item:hover{color:var(--primary-color)}.inl-param-manager-v2 .menu .ant-menu .ant-menu-item.ant-menu-item-selected{background:#eff4ff}.inl-param-manager-v2 .menu .ant-menu .ant-menu-item.ant-menu-item-selected .ant-menu-title-content{font-weight:600}.inl-param-manager-v2 .menu .ant-menu.ant-menu-inline .ant-menu-item-selected:after{border-right-color:var(--primary-color)}.inl-param-manager-v2 .right{flex:1 1 0;margin-left:16px}.inl-param-manager-v2 .right .ant-tabs{height:100%;position:relative}.inl-param-manager-v2 .right .ant-tabs .ant-tabs-content-holder{overflow:auto;padding:0 8PX}.inl-param-manager-v2 .right .ant-tabs .tab-level .operation{position:absolute;right:0;top:0}.inl-param-manager-v2 .right .ant-tabs .cell-title{font-weight:500;margin-bottom:8px}.inl-param-manager-v2 .right .ant-tabs .param-item-input:not(.ant-switch){width:100%}.detail.fill{height:100%;overflow:hidden}.detail.fill>.detail-inner{height:100%}.inl-collapse-title__header{align-items:center;display:flex;margin-bottom:16px;padding-left:10px;position:relative}.inl-collapse-title__header:before{background-color:var(--primary-color);bottom:10%;content:"";left:0;position:absolute;top:10%;width:4px}.inl-collapse-title__header .title{font-weight:600}.inl-collapse-title__header .btn-toggle{margin-left:8px}.ssz-comment .comment{background-color:#f4f5f8;border-radius:4px;color:#1f2329;font-size:13px;margin:12px;padding:8px;text-align:center}.ssz-comment .comment .anticon{margin-right:4px}.playVideos{display:flex;flex-direction:column;height:100%;padding-left:20px}.playVideos .operate{display:flex;justify-content:space-between;margin:5px 0}.playVideos .operate .button{cursor:pointer}.playVideos .grid{display:grid;flex:1;overflow:hidden}.playVideos .grid .video{background:#000;border:1px solid hsla(216,7%,59%,.3);height:100%;object-fit:fill;overflow:hidden;width:100%}.playVideos .grid.full{height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.playVideos .type1{grid-template-columns:1fr;grid-template-rows:1fr}.playVideos .type4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.playVideos .type8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.playVideos .type8 .video:first-child{grid-column:1/4;grid-row:1/4}.playVideos .type9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.playVideos .type13{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.playVideos .type13 .video:first-child{grid-column:1/3;grid-row:1/3}.playVideos .type16{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}@keyframes moveBottom{0%{bottom:0}to{bottom:-66px}}.videoComponent{background:#000;height:100%;position:relative;width:100%}.videoComponent.fill{object-fit:fill}.videoComponent.contain{object-fit:contain}.videoBox{height:100%;overflow:hidden;position:relative}.videoBox.alarm:before{border:2px solid #ea5858;box-shadow:inset 0 0 10px 8px rgba(234,88,88,.5);content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:7}.videoBox:hover .selectFields{animation-duration:1s;animation-fill-mode:both;animation-name:moveBottom}.videoBox:hover .footer-min{display:flex}.videoBox:hover .footer-min .name-min span,.videoBox:hover .footer-min .tool{display:block}.videoBox .selectFields{background:rgba(0,0,0,.3);bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:66px;position:absolute;width:100%}.videoBox .selectFields .info{border:0;color:#fff;line-height:33px;overflow:hidden;padding:0 5px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.videoBox .selectFields .info .value{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.videoBox .footer-min{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.04);border-radius:4px 4px 0 0;bottom:0;display:none;height:44px;justify-content:space-between;position:absolute;width:100%}.videoBox .footer-min .name-min{align-items:center;display:flex;padding-left:15px}.videoBox .footer-min .name-min span{color:#fff;display:none;font-size:16px;font-weight:600}.videoBox .footer-min .tool{display:none}.videoBox .footer-min .tool img{cursor:pointer;height:20px;margin-right:15px;width:20px}.videoControls{align-items:center;display:flex;flex-direction:column;width:100%}.videoControls .videoControl{height:126px;position:relative;width:126px}.videoControls .videoControl .bg{height:100%;position:relative;width:100%}.videoControls .videoControl img{cursor:pointer;position:absolute}.videoControls .videoControl .up{left:52px;top:14px}.videoControls .videoControl .lup{left:26px;top:26px;transform:rotate(-45deg)}.videoControls .videoControl .rup{left:78px;top:27px;transform:rotate(45deg)}.videoControls .videoControl .left{left:14px;top:52px;transform:rotate(-90deg)}.videoControls .videoControl .right{left:90px;top:52px;transform:rotate(90deg)}.videoControls .videoControl .ldown{left:26px;top:78px;transform:rotate(215deg)}.videoControls .videoControl .down{left:52px;top:90px;transform:rotate(180deg)}.videoControls .videoControl .rdown{left:78px;top:78px;transform:rotate(135deg)}.videoControls .btns{background:#e0e7f2;border-radius:19px;height:28px;margin:8px 8px 0;padding:3px;width:56px}.videoControls .btns img{cursor:pointer;margin-right:1px}.videoAlarmDia.dark{background:linear-gradient(90deg,#3e7eff,#1e4e75 30%,#1e4e75 70%,#3e7eff);padding:1px}.videoAlarmDia.dark .ant-modal-close{color:#fff}.videoAlarmDia.dark .ant-modal-header{background-color:#22396f;border-bottom-color:transparent;padding-left:20px}.videoAlarmDia.dark .ant-modal-header .ant-modal-title{align-items:center;background-image:linear-gradient(90deg,#2852a8 0,rgba(40,82,168,0) 50%);color:#fff;display:flex;height:42px;padding-left:10px}.videoAlarmDia.dark .ant-modal-content{background-color:#22396f}.videoAlarmDia.dark .ant-modal-content .body,.videoAlarmDia.dark .ant-modal-content .body .alarmList .alarm .name,.videoAlarmDia.dark .ant-modal-content .body .alarmList .title,.videoAlarmDia.dark .ant-modal-content .body .themeImg{color:#fff}.videoAlarmDia.dark .ant-modal-content .body .tabs .tabContainer .allTab .tab{background:#ffffff1a;color:#fff}.videoAlarmDia.dark .ant-modal-content .body .tabs .tabContainer .allTab .tab.active{background:#3e7eff;color:#fff}.videoAlarmDia .ant-modal-body{padding-top:18px}.videoAlarmDia .body{display:flex;flex-direction:column;height:660px}.videoAlarmDia .body .title{color:#000;font-size:18px}.videoAlarmDia .body .themeImg{height:18px;margin-right:5px;width:18px}.videoAlarmDia .body .current{align-self:center;display:flex;height:400px;justify-content:center;margin:10px 0 25px;width:750px}.videoAlarmDia .body .current .grid{grid-gap:3px;background-color:transparent;display:grid;height:100%;overflow:hidden;width:100%}.videoAlarmDia .body .current .grid .videoBox{background-color:#000}.videoAlarmDia .body .alarmList{display:flex;flex-wrap:wrap;justify-content:flex-start;max-height:80px;overflow:auto}.videoAlarmDia .body .alarmList .title{font-size:14px;font-weight:600;margin-bottom:10px}.videoAlarmDia .body .alarmList .alarm{align-items:center;border-radius:5px;color:#000;cursor:pointer;height:24px;margin-bottom:10px;margin-right:10px;padding:5px}.videoAlarmDia .body .alarmList .alarm img{height:16px;margin-right:5px;width:16px}.videoAlarmDia .body .alarmList .alarm .name{font-size:14px;white-space:nowrap}.videoAlarmDia .body .alarmList .alarm1{background:rgba(234,88,88,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm2{background:rgba(255,146,20,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm3{background:rgba(255,196,20,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm4{background:rgba(62,126,255,.1);color:#354052}.videoAlarmDia .body .tip{align-items:center;display:flex;margin:0}.videoAlarmDia .body .tip .sumNum{margin-right:16px}.videoAlarmDia .body .tip .timeNum{color:#3e7eff;font-weight:600;margin-right:5px}.videoAlarmDia .body .tabs{align-items:center;display:flex;margin:10px 0 5px}.videoAlarmDia .body .tabs .themeImg{cursor:pointer;overflow:visible}.videoAlarmDia .body .tabs .endIcon{margin-left:10px}.videoAlarmDia .body .tabs .tabContainer{display:flex;overflow:hidden}.videoAlarmDia .body .tabs .tabContainer .allTab{display:flex;height:40px;left:0;position:relative}.videoAlarmDia .body .tabs .tabContainer .allTab .tab{background:#f2f3f8;border-radius:4px;cursor:pointer;font-size:14px;height:32px;line-height:32px;margin-right:10px;padding:0 10px;position:relative;text-align:center;white-space:nowrap}.videoAlarmDia .body .tabs .tabContainer .allTab .tab.active{background:#1d33a2;color:#fff}.videoAlarmDia .body .tabs .tabContainer .allTab .tab.active:after{border:10px solid transparent;border-top-color:#1d33a2;content:"";height:0;left:50%;position:absolute;top:30px;width:0}.videoAlarmDia .body .numLine{align-items:center;display:flex}.videoAlarmDia .body .numLine .cameraNum{color:#3e7eff;font-weight:600}.videoAlarmDia .body .numLine .tipImg{height:18px;margin:0 5px 0 25px;width:18px}.videoAlarmDia .body .numLine .alarmNum{color:#fa4141;font-weight:600}.videoAlarmDia .body .otherAlarm{align-items:center;display:flex}.videoAlarmDia .body .otherAlarm .ant-tag{cursor:pointer;font-size:14px}.videoAlarmDia .body .otherAlarm .tipImg{height:18px;margin-right:5px;width:18px}.videoAlarmDia .body .otherAlarm .annotation{height:12px;margin:2px;width:12px}.videoAlarmDia .body .type1{grid-template-columns:1fr;grid-template-rows:1fr}.videoAlarmDia .body .type4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.videoAlarmDia .body .type8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.videoAlarmDia .body .type8 .videoBox:first-child{grid-column:1/4;grid-row:1/4}.videoAlarmDia .body .type9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.videoAlarmDia .body .type13{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.videoAlarmDia .body .type13 .videoBox:first-child{grid-column:1/3;grid-row:1/3}.videoAlarmDia .body .type16{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}:root{--primary-color:#1d33a2;--primary-color-rgb:29,51,162}:root[data-doc-theme=light]{--primary-color:#3e7eff;--primary-color-rgb:62,126,255}
+.cloudVideo{height:100%;width:100%}
+.scrollbarDef ::-webkit-scrollbar-track-piece{background-color:#f8f8f8}.scrollbarDef ::-webkit-scrollbar{height:5px;width:5px}.scrollbarDef ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#ddd;min-height:28px}.scrollbarDef ::-webkit-scrollbar-thumb:hover{background-color:#bbb}.scrollbarBlack::-webkit-scrollbar-track-piece{background-color:transparent}.scrollbarBlack::-webkit-scrollbar{height:5px;width:0}.scrollbarBlack::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#3d4456;min-height:28px}@font-face{font-family:YouSheBiaoTiHei;src:url(/micro-assets/font/youshebiaotihei.TTF)}@font-face{font-family:DINPro-Light;src:url(/micro-assets/font/DINPro-Light.otf)}@font-face{font-family:DINPro-Regular;src:url(/micro-assets/font/DINPro-Regular.otf)}@font-face{font-family:DINPro-Medium;src:url(/micro-assets/font/DINPro-Medium.otf)}@font-face{font-family:DINPro-Bold;src:url(/micro-assets/font/DINPro-Bold.otf)}@font-face{font-family:DINPro-Black;src:url(/micro-assets/font/DINPro-Black.otf)}@font-face{font-family:Alibaba-PuHuiTi-Light;src:url(/micro-assets/font/Alibaba-PuHuiTi-Light.ttf)}@font-face{font-family:Alibaba-PuHuiTi-Regular;src:url(/micro-assets/font/Alibaba-PuHuiTi-Regular.ttf)}@font-face{font-family:Alibaba-PuHuiTi-Medium;src:url(/micro-assets/font/Alibaba-PuHuiTi-Medium.ttf)}@font-face{font-family:Alibaba-PuHuiTi-Bold;src:url(/micro-assets/font/Alibaba-PuHuiTi-Bold.ttf)}@font-face{font-family:Alibaba-PuHuiTi-Heavy;src:url(/micro-assets/font/Alibaba-PuHuiTi-Heavy.ttf)}@font-face{font-family:SourceHanSansCN-ExtraLight;src:url(/micro-assets/font/SourceHanSansCN-ExtraLight.otf)}@font-face{font-family:SourceHanSansCN-Light;src:url(/micro-assets/font/SourceHanSansCN-Light.otf)}@font-face{font-family:SourceHanSansCN-Regular;src:url(/micro-assets/font/SourceHanSansCN-Regular.otf)}@font-face{font-family:SourceHanSansCN-Normal;src:url(/micro-assets/font/SourceHanSansCN-Normal.otf)}@font-face{font-family:SourceHanSansCN-Medium;src:url(/micro-assets/font/SourceHanSansCN-Medium.otf)}@font-face{font-family:SourceHanSansCN-Bold;src:url(/micro-assets/font/SourceHanSansCN-Bold.otf)}@font-face{font-family:SourceHanSansCN-Heavy;src:url(/micro-assets/font/SourceHanSansCN-Heavy.otf)}body .ant-form-inline.table-query-form{margin-bottom:8px}body .ant-form-inline.table-query-form>.ant-row:not(.ant-form-item){width:100%}body .ant-form-inline.table-query-form .ant-form-item{margin-bottom:16px}body .ant-form-inline.table-query-form .ant-form-item .ant-input,body .ant-form-inline.table-query-form .ant-form-item .ant-select{width:200px}::-webkit-scrollbar-track-piece{background-color:#f8f8f8}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#ddd;min-height:28px}::-webkit-scrollbar-thumb:hover{background-color:#bbb}.flex{display:flex}.flex-center{align-items:center;display:flex}.flex1{flex:1}.flex2{flex:2}.flex3{flex:3}.flex4{flex:4}.flex5{flex:5}.flex6{flex:6}.flex7{flex:7}.flex8{flex:8}.flex9{flex:9}.flex10{flex:10}.flex11{flex:11}.flex12{flex:12}.Demo{color:red}.ant-layout .inl-layout-sider.ant-layout-sider{background:#1b2c55}.ant-layout .inl-layout-sider.ant-layout-sider .ant-layout-sider-children{display:flex;flex-direction:column}.ant-layout .inl-layout-sider.ant-layout-sider .folder{color:#fff;cursor:pointer;font-size:20px;height:38px;line-height:38px;opacity:.8;padding:0 16px;text-align:right;transition:opacity .3s ease-in-out}.ant-layout .inl-layout-sider.ant-layout-sider .folder:hover{opacity:1}.ant-layout .inl-layout-sider.ant-layout-sider .folder.isFold{text-align:center}.ant-layout .inl-layout-sider.ant-layout-sider .ant-menu{background-color:transparent;border-right:0!important;flex:1;font-size:14px;overflow-x:hidden;overflow-y:auto}.ant-layout .inl-layout-sider.ant-layout-sider .ant-menu::-webkit-scrollbar-track-piece{background-color:transparent}.ant-layout .inl-layout-sider.ant-layout-sider .ant-menu::-webkit-scrollbar{height:5px;width:0}.ant-layout .inl-layout-sider.ant-layout-sider .ant-menu::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#3d4456;min-height:28px}.ant-layout .inl-layout-sider.ant-layout-sider .copyright{color:#b9c2d5;font-size:12px;opacity:.3;padding:8px;text-align:center}.ant-layout .inl-layout-sider.ant-layout-sider.ant-layout-sider-collapsed .copyright{display:none}body[data-theme=light] .inl-layout-sider.ant-layout-sider{background:#fff}body[data-theme=light] .inl-layout-sider.ant-layout-sider .folder{color:#000}body[data-theme=light] .inl-layout-sider.ant-layout-sider.ant-layout-sider-collapsed .folder{text-align:center}body[data-theme=light] .inl-layout-sider.ant-layout-sider .copyright{color:#000}.inl-layout .layout-mask{background:#000;bottom:0;clip-path:polygon(0 0,0 100%,210px 100%,210px 92px,calc(100% - 10px) 92px,calc(100% - 10px) calc(100% - 10px),210px calc(100% - 10px),210px 100%,100% 100%,100% 0);left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1000}.inl-layout .ant-layout{height:100%}.inl-layout .ant-layout .ant-layout-header{background-color:#132041;height:50px;line-height:50px;padding:0}.inl-layout .ant-layout .ant-layout-header .header{align-items:center;display:flex;padding-right:20px}.inl-layout .ant-layout .ant-layout-header .header .logo{align-items:center;display:flex;justify-content:center;width:200px}.inl-layout .ant-layout .ant-layout-header .header .logo img{width:140px}.inl-layout .ant-layout .ant-layout-header .header .menu{background-color:transparent;border-bottom:0;flex:auto;font-size:14px;overflow:hidden}.inl-layout .ant-layout .ant-layout-header .header .menu .ant-menu-item-selected{background:linear-gradient(180deg,rgba(58,117,205,0),rgba(58,117,205,0) 0,rgba(71,98,226,.6))!important}.inl-layout .ant-layout .ant-layout-header .header .menu .ant-menu-item:after{content:unset!important}.inl-layout .ant-layout .ant-layout-header .header .search{background:transparent;border-color:rgba(185,194,213,.3);box-shadow:unset;color:rgba(185,194,213,.3);width:200px}.inl-layout .ant-layout .ant-layout-header .header .search input{background:transparent;color:#fff}.inl-layout .ant-layout .ant-layout-header .header .user-info{align-items:center;display:flex;margin:0 20px}.inl-layout .ant-layout .ant-layout-header .header .user-info .avatar{margin-right:8px}.inl-layout .ant-layout .ant-layout-header .header .user-info .username{align-items:center;color:#fff;display:flex}.inl-layout .ant-layout .ant-layout-header .header .logout{color:#fff;font-size:20px}.inl-layout .ant-layout .ant-layout-header .header .logout .anticon{position:relative;top:2px}.inl-layout .ant-layout .inl-layout-sider .ant-menu-item,.inl-layout .ant-layout .inl-layout-sider .ant-menu-submenu-title{margin:0}.inl-layout .ant-layout .ant-layout-content{display:flex;flex-direction:column;padding:10px}.inl-layout .ant-layout .ant-layout-content.only-page{padding:0}.inl-layout .ant-layout .ant-layout-content .tab-list{align-items:center;display:flex}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container{display:flex;flex:1;flex-wrap:nowrap;height:100%;overflow:hidden;padding:0 8px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab{align-items:center;border-radius:5px 5px 0 0;color:#2c3e50;cursor:pointer;display:flex;flex:1 1 30px;max-width:160px;padding:4px 12px 6px;position:relative;transition:all .15s;user-select:none;width:0}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab:after{background:#81878c;content:"";height:60%;position:absolute;right:0;top:20%;transition:background-color .3s;width:1px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab.hide-border:after,.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab:hover:after{background:transparent}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .icon{margin-right:4px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tab-name{flex:1 1 0;font-size:12px;overflow:hidden;white-space:nowrap}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .close{align-items:center;border-radius:50%;display:flex;font-size:12px;height:16px;justify-content:center;margin-left:6px;width:16px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .close:hover{background:#e8eaed;color:#000}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tabs-background-after,.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tabs-background-before{fill:#fff;bottom:0;bottom:-1px;font-size:10px;position:absolute;z-index:1}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tabs-background-before{left:-9px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab .tabs-background-after{right:-10px}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab:hover{background-color:#f2f3f5}.inl-layout .ant-layout .ant-layout-content .tab-list .tabs-container .tab.active{background-color:#fff}.inl-layout .ant-layout .ant-layout-content .tab-list .ant-select{margin-right:13px}.inl-layout .ant-layout .ant-layout-content .tab-list .show-all-trigger{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;margin:0 6px;transition:all .25s;width:24px}.inl-layout .ant-layout .ant-layout-content .tab-list .show-all-trigger:hover{background:#d2d4d8}.inl-layout .ant-layout .ant-layout-content .tab-list .show-all-trigger .anticon{font-size:12px!important}.inl-layout .ant-layout .ant-layout-content .page-content{display:flex;flex:1;flex-direction:column;overflow:hidden}.inl-layout .ant-layout .ant-layout-content .page-content .page-container{background-color:#fff;display:inline-flex;flex:1;flex-direction:column;overflow:auto;position:relative}.inl-layout .ant-layout .ant-layout-content .page-content .page-container>[id^=microApp_],.inl-layout .ant-layout .ant-layout-content .page-content .page-container>[id^=microApp_]>[id^=__qiankun_microapp_wrapper]{display:flex;flex:1;flex-direction:column;height:100%}.inl-layout .ant-layout .ant-layout-content .page-content .page-container>[id^=microApp_] #app,.inl-layout .ant-layout .ant-layout-content .page-content .page-container>[id^=microApp_]>[id^=__qiankun_microapp_wrapper] #app{flex:1;overflow:auto}.inl-layout .ant-layout .ant-layout-content .page-content .page-container .menu-iframe{height:100%;position:absolute;width:100%}.inl-layout .ant-layout .ant-layout-content .page-content .page-container .iframe-fallback{padding-top:20px;text-align:center}.inl-layout .ant-layout .ant-layout-content .page-content .page-container .iframe-fallback img{width:30%}.inl-layout .ant-layout .ant-layout-content .page-content .page-container.padding{padding:24px}.inl-layout .ant-layout .ant-layout-content .page-content .page-container.padding [id^=microApp_]{margin:-24px}.inl-layout .ant-layout .ant-layout-content .page-content .page-container.padding #app{padding:24px}.inl-layout .ant-layout .ant-layout-content .page-content .page-container.padding .menu-iframe{height:calc(100% - 48px);width:calc(100% - 48px)}body[data-theme=light] .inl-layout .ant-layout-header{background:linear-gradient(90deg,#3297ff,#286be6)!important}body[data-theme=light] .inl-layout .ant-layout-header .menu{background:transparent!important;color:#fff}body[data-theme=light] .inl-layout .ant-layout-header .menu .ant-menu-item:hover{background:linear-gradient(180deg,#56a3ff,#3e7eff)!important;color:#fff!important}body[data-theme=light] .inl-layout .ant-layout-header .menu .ant-menu-submenu:hover{color:#fff!important}body[data-theme=light] .inl-layout .ant-layout-header .menu .ant-menu-item-selected{background:linear-gradient(180deg,#56a3ff,#3e7eff)!important;color:#fff!important}body[data-theme=light] .inl-layout .ant-layout-header .search{background-color:hsla(0,0%,100%,.1)!important;margin-right:36px;width:300px}body[data-theme=light] .inl-layout .ant-layout-header .search input{color:#000!important}body[data-theme=light] .inl-layout .ant-layout-header .search input::placeholder{color:hsla(0,0%,100%,.7)!important}body[data-theme=light] .inl-layout .ant-layout-header .search .btn-search{font-size:26px}body[data-theme=light] .inl-layout .ant-menu-sub{background:transparent!important}body[data-theme=light] .inl-layout .ant-menu-inline .ant-menu-item:after,body[data-theme=light] .inl-layout .ant-menu-vertical .ant-menu-item:after,body[data-theme=light] .inl-layout .ant-menu-vertical-left .ant-menu-item:after,body[data-theme=light] .inl-layout .ant-menu-vertical-right .ant-menu-item:after{background:#3e7eff;left:0;right:unset}body[data-theme=light] .inl-layout .ant-menu-item-selected{background:#eff4ff}[data-doc-theme=light] .ant-menu-light .ant-menu-submenu-title:hover{color:#3e7eff!important}.person-operation-dropdown{top:50px!important}.person-operation-dropdown .ant-dropdown-menu-item{color:#5c667d}.person-operation-dropdown .ant-dropdown-menu-item .ant-dropdown-menu-item-icon{font-size:16px}.tab-title-tooltip{padding-top:0!important}.tab-title-tooltip .ant-tooltip-arrow{display:none}.tab-title-tooltip .ant-tooltip-inner{background-color:#f0f2f5;border:1px solid #dce2ed;box-shadow:unset;color:#354052;font-size:12px;line-height:1.2;min-height:0;padding:5px 10px}.login{background-origin:content-box;background-size:cover;display:flex;flex-direction:column;font-family:PingFangSC-Ultralight,sans-serif;height:100vh;overflow:auto;overflow-y:auto;position:relative;width:100vw}.login .topTitle{left:0;margin:60px;position:absolute;top:0;z-index:2}.login .topTitle img{height:54px;width:452px}.login .content_login{display:flex;flex:1;height:700px;justify-content:space-between;padding:0 150px}.login .content_login.system{align-items:center;justify-content:center}.login .content_login.system .left,.login .content_login.system .login_box{height:600px;width:600px}.login .content_login.system .left.left,.login .content_login.system .login_box.left{align-items:center;backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.1);border-radius:6px 0 0 6px;display:flex;flex-direction:column;padding-top:54px}.login .content_login.system .left.left>div,.login .content_login.system .login_box.left>div{margin-bottom:20px}.login .content_login.system .left.left img,.login .content_login.system .login_box.left img{height:300px;margin-bottom:35px;width:425px}.login .content_login.system .left.left h3,.login .content_login.system .left.left p,.login .content_login.system .login_box.left h3,.login .content_login.system .login_box.left p{color:#fff}.login .content_login.system .left.left h3,.login .content_login.system .login_box.left h3{font-size:24px;font-weight:600;line-height:33px;text-align:center}.login .content_login.system .left.left p,.login .content_login.system .login_box.left p{font-size:14px;font-weight:0;line-height:26px;padding:0 60px}.login .content_login.system .left.login_box,.login .content_login.system .login_box.login_box{backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.15);border:none;border-radius:0 6px 6px 0}.login .content_login.platform{align-items:center;display:flex;height:100vh;left:0;overflow-y:auto;padding:0;position:absolute;top:0;width:100vw}.login .content_login.platform .login_center_box{align-items:center;display:flex;flex:1;justify-content:flex-start}.login .content_login.platform .left{align-items:center;display:flex;flex:2;justify-content:center;padding-top:54px}.login .content_login.platform .left .left_img{height:700px;width:920px}.login .content_login .login_box{background:linear-gradient(180deg,hsla(0,0%,100%,.07),hsla(0,0%,100%,0));display:flex;flex-direction:column;flex-shrink:0;height:540px;position:relative;right:0;width:440px}.login .content_login .login_box>div{border:3px solid;border-image:linear-gradient(rgba(229,235,255,.09),hsla(0,0%,100%,0)) 80 30}.login .content_login .login_box>div .ant-input-affix-wrapper:before{content:unset!important}.login .content_login .login_box .ant-form{flex:1}.login .content_login .login_box .ant-form .ant-form-item{flex:1;margin-bottom:24px}.login .content_login .login_box .ant-form .ant-form-item.mB64{margin-bottom:64px}.login .content_login .login_box .ant-form .ant-form-item .ant-form-item-label{padding-bottom:16px}.login .content_login .login_box .ant-form .ant-form-item .ant-form-item-label label{font-size:16px}.login .copyright-information{bottom:30px;color:#7b8492;font-family:PingFangSC-Regular,PingFang SC;font-size:14px;font-weight:400;left:0;line-height:30px;margin:0;position:absolute;right:0;text-align:center}.login-messsage-notice .ant-message-notice-content{background:transparent;padding:0}.login_slider .ant-modal-body{padding:0}.login_slider .imgBox{height:268px;position:relative;width:432px}.login_slider .imgBox .anticon{color:#fff;position:absolute;right:10px;top:10px;z-index:3}.login_slider .imgBox img{position:absolute;z-index:2}.login_slider .imgBox .bgImg{height:268px;width:432px;z-index:1}.login_slider .modal-box{box-sizing:content-box}.login_slider .ant-slider{background-color:#f4f6f8;height:44px;margin:24px 0 0;padding:0}.login_slider .ant-slider .ant-slider-rail,.login_slider .ant-slider .ant-slider-step,.login_slider .ant-slider .ant-slider-track{height:44px;padding:0;top:0}.login_slider .ant-slider .ant-slider-track,.login_slider .ant-slider:hover .ant-slider-track{background-color:#22cc83}.login_slider .ant-slider .ant-slider-handle{background-color:#fff;border:1px solid #ccc;border-radius:2px;height:54px;top:0;transform:translateX(-2%)!important;width:54px}.login_slider .ant-slider .ant-slider-handle:after{content:">>";line-height:54px;position:absolute;text-align:center;width:100%}.login_slider .ant-slider .ant-slider-rail{background-color:#f4f6f8;position:relative}.login_slider .ant-slider .ant-slider-rail:before{content:"向右滑动完成拼图";line-height:44px;position:absolute;text-align:center;width:100%}.login_box{display:flex;flex-direction:column}.login_box>div .ant-input{color:#fff!important}.login_box input{color:#fff;height:44px}.login_box input:-internal-autofill-previewed,.login_box input:-internal-autofill-selected{-webkit-text-fill-color:#fff;color:#fff!important;transition:background-color 9999s ease-out .1s}.login_box .ant-input-password span span svg{color:#fff}.login_box .ant-form{padding:0 67px}.login_box .ant-form-item{margin-bottom:44px}.login_box .ant-form-item .ant-input-password,.login_box .ant-form-item input{background:none;background-color:hsla(0,0%,100%,.2);font-size:16px;height:44px;line-height:0px}.login_box .ant-form-item .ant-input-password input,.login_box .ant-form-item input input{background:none;height:auto}.login_box .ant-form-item .ant-input-password .ant-input-suffix,.login_box .ant-form-item input .ant-input-suffix{font-size:14px}.login_box .ant-form-item .ant-btn{border:none;border-radius:0;font-size:18px;height:43px;line-height:0px}.login_box .ant-form-item .ant-form-item-control-input-content .ant-input-password,.login_box .ant-form-item .ant-form-item-control-input-content>.ant-input{border:1px solid #5e657f;border-radius:0}.login_box .titleBox{display:flex;justify-content:center;margin:44px 0}.login_box .titleBox img{height:36px}.login_box .titleBox .title{color:#fff;font-family:YouSheBiaoTiHei;font-size:28px;font-weight:600;height:40px;line-height:40px;padding:0}.login_box .ant-form label{color:#fff;font-family:PingFangSC-Medium,PingFang SC;font-size:16px;font-weight:500;height:22px;line-height:22px}.login_box .login_tab{display:flex;height:3rem}.login_box .login_tab .item{background:#ebf8ff;cursor:pointer;flex:1;line-height:2.8rem;opacity:.5;text-align:center;transition:all .3s ease}.login_box .login_tab .item.active,.login_box .login_tab .item:hover{background:linear-gradient(90deg,#2eb2ff,#6d71ff);color:#fff;opacity:.8}body[data-theme=light] .login_box>div .ant-input{color:#fff!important}body[data-theme=light] .login_box input:-internal-autofill-previewed,body[data-theme=light] .login_box input:-internal-autofill-selected{transition:background-color 9999s ease-out .1s}body[data-theme=light] input:-internal-autofill-previewed,body[data-theme=light] input:-internal-autofill-selected{transition:background-color 9999s ease-out .1s}.ant-select-item-option-content .color{background-color:#3e7eff;display:inline-block;height:10px;margin-right:3px;width:10px}.ant-select-item-option-content .dark{background-color:#1d33a2}.theme-select .color{background-color:#3e7eff;display:inline-block;height:10px;margin-right:3px;width:10px}.theme-select .dark{background-color:#1d33a2}.inl-layout-table-box{display:flex;flex-direction:column}.inl-layout-table-box .inl-layout-table-option{display:flex;justify-content:space-between;margin-bottom:16px}.icon-item-class{align-items:center;background:#eff2f6;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:7px 8px;transition:all .2s ease-in-out}.icon-item-class-img{color:#333;font-size:24px;margin-right:8px}.icon-item-class-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-item-class:hover{background:rgba(var(--primary-color-rgb),.2);border-color:var(--primary-color)}.icon-item-class.active{background:var(--primary-color);color:#fff}.icon-item-class.active .icon-img{color:#fff}.inl-iconfonts,.inl-iconfonts .icon{align-items:center;display:flex}.inl-iconfonts .icon{background:#eff2f6;border:1px solid transparent;cursor:pointer;justify-content:center;margin-right:16px;padding:7px 8px;transition:all .2s ease-in-out}.inl-iconfonts .icon-img{color:#333;font-size:24px;margin-right:8px}.inl-iconfonts .icon-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inl-iconfonts .icon:hover{background:rgba(var(--primary-color-rgb),.2);border-color:var(--primary-color)}.inl-iconfonts .icon.active{background:var(--primary-color);color:#fff}.inl-iconfonts .icon.active .icon-img{color:#fff}.inl-select-icon-modal .ant-modal-body{height:70vh;overflow:auto}.inl-select-icon-modal .ant-modal-body .search{margin-bottom:24px;width:200PX}.inl-select-icon-modal .ant-modal-body .icon{align-items:center;background:#eff2f6;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:7px 8px;transition:all .2s ease-in-out}.inl-select-icon-modal .ant-modal-body .icon-img{color:#333;font-size:24px;margin-right:8px}.inl-select-icon-modal .ant-modal-body .icon-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inl-select-icon-modal .ant-modal-body .icon:hover{background:rgba(var(--primary-color-rgb),.2);border-color:var(--primary-color)}.inl-select-icon-modal .ant-modal-body .icon.active{background:var(--primary-color);color:#fff}.inl-select-icon-modal .ant-modal-body .icon.active .icon-img{color:#fff}.inl-header-menu{background-color:#132041;width:100%}.inl-header-menu-item{background:linear-gradient(180deg,rgba(76,146,230,0),rgba(13,95,201,.5));cursor:pointer;opacity:.5;padding:5px 40px}.inl-header-menu-item>span{color:#fff}.inl-header-menu-item.inl-header-menu-item-active,.inl-header-menu-item:hover{background:linear-gradient(180deg,rgba(58,117,205,0),rgba(58,117,205,0) 0,rgba(79,115,228,.3) 71%,rgba(81,115,230,.6) 91%,rgba(71,98,226,.9));border-bottom:1px solid;border-image:linear-gradient(180deg,rgba(156,194,247,0),#628fec) 1 1;opacity:1}.inl-header-menu-title{align-items:center;display:flex;padding:5px 0}.inl-header-menu-title-text{color:#fff;font-size:30px;text-align:center;text-shadow:0 0 9px #389aff}.inl-header-menu-center-title{background:url(/micro-assets/device/titleCenter.png) no-repeat;background-size:100% 100%;justify-content:center;width:25%}.inl-header-menu-left-title{background:url(/micro-assets/device/titleLeft.png) no-repeat;background-size:contain;padding-left:30px;width:40%}.inl-header-menu-content,.inl-header-menu-content-left{align-items:center;display:flex}.inl-header-menu-content-left{background:url(/micro-assets/device/menuLeft.png) no-repeat;background-position:0 100%;background-size:contain;flex:1;justify-content:space-between;padding:5px 0}.inl-header-menu-content-left-right{display:flex;justify-content:flex-end}.inl-header-menu-content-left-right .inl-header-menu-item{clip-path:polygon(0 0,80% 0,100% 100%,20% 100%)}.inl-header-menu-content-right{align-items:center;background:url(/micro-assets/device/menuRight.png) no-repeat;background-position:0 100%;background-size:contain;display:flex;flex:1;justify-content:space-between;padding:5px 0}.inl-header-menu-content-right-left{display:flex;justify-content:flex-start}.inl-header-menu-content-right-left .inl-header-menu-item{clip-path:polygon(20% 0,100% 0,80% 100%,0 100%)}.inl-header-menu-left .inl-header-menu-content-right{background:none;justify-content:flex-end}.inl-child-layout{height:100%}.inl-child-layout .sider{background:#fff}.inl-child-layout .sider .sideMenu{display:flex;flex-direction:column;height:100%;overflow:auto}.inl-child-layout .sider .sideMenu .ant-menu{flex:1}.inl-child-layout .ant-layout-header.header-container{background-color:#132041;height:50px;line-height:50px;padding:0 20px 0 0}.inl-child-layout .child-header{display:flex;justify-content:space-between}.inl-child-layout .child-header .logo{align-items:center;display:flex;justify-content:center;width:200px}.inl-child-layout .child-header .logo img{width:140px}.inl-child-layout .child-header .user-info{margin:0 20px}.inl-child-layout .child-header .user-info .avatar{margin-right:8px}.inl-child-layout .child-header .user-info .username{color:#fff}.inl-child-layout .child-header-dev{color:#fff;display:flex;justify-content:space-between;margin:0 0 0 20px}.inl-child-layout .child-header-dev .desc{display:flex}.inl-child-layout .child-header-dev .desc .label{color:#ccc;margin-right:8px;user-select:none}.inl-child-layout .child-header-dev .desc .label:after{content:":"}.inl-child-layout .child-header-dev .desc .value{font-size:16px;font-weight:600}.inl-child-layout .layout-content{display:flex;flex-direction:column;overflow:auto;padding:20px}.inl-child-layout .layout-content .content-inner{background:#fff;display:flex;flex:1 1 100%;flex-direction:column;padding:20px}.inl-child-layout .layout-content .content-inner>*{flex:1 1 0}[data-doc-theme=light] .inl-child-layout .ant-layout-header.header-container{background:linear-gradient(90deg,#3297ff,#286be6)!important}.independent-container{height:100%;overflow:auto;padding:20px}.people-select-cpn-modal .container{display:flex;height:50vh}.people-select-cpn-modal .container .left,.people-select-cpn-modal .container .right{display:flex;flex:1;flex-direction:column;overflow:hidden}.people-select-cpn-modal .container .left .title,.people-select-cpn-modal .container .right .title{color:#31363c;font-size:14px;font-weight:600;margin-bottom:0}.people-select-cpn-modal .container .left{margin-right:16px}.people-select-cpn-modal .container .left .dep-breadcrumb,.people-select-cpn-modal .container .left .search-people-input{margin-bottom:16px;width:100%}.people-select-cpn-modal .container .left .dep-breadcrumb .ant-breadcrumb:nth-child(n - 1),.people-select-cpn-modal .container .left .search-people-input .ant-breadcrumb:nth-child(n - 1){color:var(--primary-color);cursor:pointer}.people-select-cpn-modal .container .left .tree{flex:1;overflow:auto}.people-select-cpn-modal .container .left .tree .ant-tree-node-content-wrapper{overflow:hidden}.people-select-cpn-modal .container .left .tree .ant-tree-switcher-noop{display:none}.people-select-cpn-modal .container .left .tree .node-title{display:flex;justify-content:space-between}.people-select-cpn-modal .container .left .tree .node-title .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-select-cpn-modal .container .left .tree .node-title .count{color:#aaa}.people-select-cpn-modal .container .right .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.people-select-cpn-modal .container .right .header .select-text{font-weight:400}.people-select-cpn-modal .container .right .header .select-text em{color:var(--primary-color);font-style:normal;margin:0 4px}.people-select-cpn-modal .container .right .selected-container{align-content:flex-start;display:flex;flex:1;flex-wrap:wrap;overflow-y:auto}.people-select-cpn-modal .container .right .selected-container .ant-tag{margin-bottom:10px}.inl-param-manager{flex-direction:column;overflow:hidden}.inl-param-manager .ant-tabs{position:relative}.inl-param-manager .ant-tabs .ant-tabs-content-holder{overflow:auto}.inl-param-manager .tab-item .operation{text-align:right}.inl-param-manager .tab-item .operation>.ant-space{position:absolute;right:0;top:0}.inl-param-manager .tab-item .group-container .group-item-title{font-size:14px;font-weight:600}.inl-param-manager .tab-item .group-container .ant-form{overflow:hidden}.inl-param-manager .tab-item .group-container .collapse-container{margin:16px 0}.inl-param-manager .tab-item .group-container .collapse-container .header{align-items:center;display:flex;line-height:1;padding-left:16px;position:relative}.inl-param-manager .tab-item .group-container .collapse-container .header .container-title{font-size:14px;font-weight:600}.inl-param-manager .tab-item .group-container .collapse-container .header:before{background-color:#4b7ff7;bottom:0;content:" ";left:0;position:absolute;top:0;width:2px}.inl-param-manager-v2{display:flex;height:100%}.inl-param-manager-v2 .menu{height:100%;overflow-y:auto;width:200px}.inl-param-manager-v2 .menu .ant-menu{background-color:#fff;color:#31363c;min-height:100%}.inl-param-manager-v2 .menu .ant-menu .ant-menu-item{margin:0!important}.inl-param-manager-v2 .menu .ant-menu .ant-menu-item-selected,.inl-param-manager-v2 .menu .ant-menu .ant-menu-item:hover{color:var(--primary-color)}.inl-param-manager-v2 .menu .ant-menu .ant-menu-item.ant-menu-item-selected{background:#eff4ff}.inl-param-manager-v2 .menu .ant-menu .ant-menu-item.ant-menu-item-selected .ant-menu-title-content{font-weight:600}.inl-param-manager-v2 .menu .ant-menu.ant-menu-inline .ant-menu-item-selected:after{border-right-color:var(--primary-color)}.inl-param-manager-v2 .right{flex:1 1 0;margin-left:16px}.inl-param-manager-v2 .right .ant-tabs{height:100%;position:relative}.inl-param-manager-v2 .right .ant-tabs .ant-tabs-content-holder{overflow:auto;padding:0 8PX}.inl-param-manager-v2 .right .ant-tabs .tab-level .operation{position:absolute;right:0;top:0}.inl-param-manager-v2 .right .ant-tabs .cell-title{font-weight:500;margin-bottom:8px}.inl-param-manager-v2 .right .ant-tabs .param-item-input:not(.ant-switch){width:100%}.detail.fill{height:100%;overflow:hidden}.detail.fill>.detail-inner{height:100%}.inl-collapse-title__header{align-items:center;display:flex;margin-bottom:16px;padding-left:10px;position:relative}.inl-collapse-title__header:before{background-color:var(--primary-color);bottom:10%;content:"";left:0;position:absolute;top:10%;width:4px}.inl-collapse-title__header .title{font-weight:600}.inl-collapse-title__header .btn-toggle{margin-left:8px}.ssz-comment .comment{background-color:#f4f5f8;border-radius:4px;color:#1f2329;font-size:13px;margin:12px;padding:8px;text-align:center}.ssz-comment .comment .anticon{margin-right:4px}.playVideos{display:flex;flex-direction:column;height:100%;padding-left:20px}.playVideos .operate{display:flex;justify-content:space-between;margin:5px 0}.playVideos .operate .button{cursor:pointer}.playVideos .grid{display:grid;flex:1;overflow:hidden}.playVideos .grid .video{background:#000;border:1px solid hsla(216,7%,59%,.3);height:100%;object-fit:fill;overflow:hidden;width:100%}.playVideos .grid.full{height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.playVideos .type1{grid-template-columns:1fr;grid-template-rows:1fr}.playVideos .type4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.playVideos .type8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.playVideos .type8 .video:first-child{grid-column:1/4;grid-row:1/4}.playVideos .type9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.playVideos .type13{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.playVideos .type13 .video:first-child{grid-column:1/3;grid-row:1/3}.playVideos .type16{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}@keyframes moveBottom{0%{bottom:0}to{bottom:-66px}}.videoComponent{background:#000;height:100%;position:relative;width:100%}.videoComponent.fill{object-fit:fill}.videoComponent.contain{object-fit:contain}.videoBox{height:100%;overflow:hidden;position:relative}.videoBox.alarm:before{border:2px solid #ea5858;box-shadow:inset 0 0 10px 8px rgba(234,88,88,.5);content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:7}.videoBox:hover .selectFields{animation-duration:1s;animation-fill-mode:both;animation-name:moveBottom}.videoBox:hover .footer-min{display:flex}.videoBox:hover .footer-min .name-min span,.videoBox:hover .footer-min .tool{display:block}.videoBox .selectFields{background:rgba(0,0,0,.3);bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:66px;position:absolute;width:100%}.videoBox .selectFields .info{border:0;color:#fff;line-height:33px;overflow:hidden;padding:0 5px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.videoBox .selectFields .info .value{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.videoBox .footer-min{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.04);border-radius:4px 4px 0 0;bottom:0;display:none;height:44px;justify-content:space-between;position:absolute;width:100%}.videoBox .footer-min .name-min{align-items:center;display:flex;padding-left:15px}.videoBox .footer-min .name-min span{color:#fff;display:none;font-size:16px;font-weight:600}.videoBox .footer-min .tool{display:none}.videoBox .footer-min .tool img{cursor:pointer;height:20px;margin-right:15px;width:20px}.videoControls{align-items:center;display:flex;flex-direction:column;width:100%}.videoControls .videoControl{height:126px;position:relative;width:126px}.videoControls .videoControl .bg{height:100%;position:relative;width:100%}.videoControls .videoControl img{cursor:pointer;position:absolute}.videoControls .videoControl .up{left:52px;top:14px}.videoControls .videoControl .lup{left:26px;top:26px;transform:rotate(-45deg)}.videoControls .videoControl .rup{left:78px;top:27px;transform:rotate(45deg)}.videoControls .videoControl .left{left:14px;top:52px;transform:rotate(-90deg)}.videoControls .videoControl .right{left:90px;top:52px;transform:rotate(90deg)}.videoControls .videoControl .ldown{left:26px;top:78px;transform:rotate(215deg)}.videoControls .videoControl .down{left:52px;top:90px;transform:rotate(180deg)}.videoControls .videoControl .rdown{left:78px;top:78px;transform:rotate(135deg)}.videoControls .btns{background:#e0e7f2;border-radius:19px;height:28px;margin:8px 8px 0;padding:3px;width:56px}.videoControls .btns img{cursor:pointer;margin-right:1px}.cloudVideo{height:100%;width:100%}.videoAlarmDia.dark{background:linear-gradient(90deg,#3e7eff,#1e4e75 30%,#1e4e75 70%,#3e7eff);padding:1px}.videoAlarmDia.dark .ant-modal-close{color:#fff}.videoAlarmDia.dark .ant-modal-header{background-color:#22396f;border-bottom-color:transparent;padding-left:20px}.videoAlarmDia.dark .ant-modal-header .ant-modal-title{align-items:center;background-image:linear-gradient(90deg,#2852a8 0,rgba(40,82,168,0) 50%);color:#fff;display:flex;height:42px;padding-left:10px}.videoAlarmDia.dark .ant-modal-content{background-color:#22396f}.videoAlarmDia.dark .ant-modal-content .body,.videoAlarmDia.dark .ant-modal-content .body .alarmList .alarm .name,.videoAlarmDia.dark .ant-modal-content .body .alarmList .title,.videoAlarmDia.dark .ant-modal-content .body .themeImg{color:#fff}.videoAlarmDia.dark .ant-modal-content .body .tabs .tabContainer .allTab .tab{background:#ffffff1a;color:#fff}.videoAlarmDia.dark .ant-modal-content .body .tabs .tabContainer .allTab .tab.active{background:#3e7eff;color:#fff}.videoAlarmDia .ant-modal-body{padding-top:18px}.videoAlarmDia .body{display:flex;flex-direction:column;height:660px}.videoAlarmDia .body .title{color:#000;font-size:18px}.videoAlarmDia .body .themeImg{height:18px;margin-right:5px;width:18px}.videoAlarmDia .body .current{align-self:center;display:flex;height:400px;justify-content:center;margin:10px 0 25px;width:750px}.videoAlarmDia .body .current .grid{grid-gap:3px;background-color:transparent;display:grid;height:100%;overflow:hidden;width:100%}.videoAlarmDia .body .current .grid .videoBox{background-color:#000}.videoAlarmDia .body .alarmList{display:flex;flex-wrap:wrap;justify-content:flex-start;max-height:80px;overflow:auto}.videoAlarmDia .body .alarmList .title{font-size:14px;font-weight:600;margin-bottom:10px}.videoAlarmDia .body .alarmList .alarm{align-items:center;border-radius:5px;color:#000;cursor:pointer;height:24px;margin-bottom:10px;margin-right:10px;padding:5px}.videoAlarmDia .body .alarmList .alarm img{height:16px;margin-right:5px;width:16px}.videoAlarmDia .body .alarmList .alarm .name{font-size:14px;white-space:nowrap}.videoAlarmDia .body .alarmList .alarm1{background:rgba(234,88,88,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm2{background:rgba(255,146,20,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm3{background:rgba(255,196,20,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm4{background:rgba(62,126,255,.1);color:#354052}.videoAlarmDia .body .tip{align-items:center;display:flex;margin:0}.videoAlarmDia .body .tip .sumNum{margin-right:16px}.videoAlarmDia .body .tip .timeNum{color:#3e7eff;font-weight:600;margin-right:5px}.videoAlarmDia .body .tabs{align-items:center;display:flex;margin:10px 0 5px}.videoAlarmDia .body .tabs .themeImg{cursor:pointer;overflow:visible}.videoAlarmDia .body .tabs .endIcon{margin-left:10px}.videoAlarmDia .body .tabs .tabContainer{display:flex;overflow:hidden}.videoAlarmDia .body .tabs .tabContainer .allTab{display:flex;height:40px;left:0;position:relative}.videoAlarmDia .body .tabs .tabContainer .allTab .tab{background:#f2f3f8;border-radius:4px;cursor:pointer;font-size:14px;height:32px;line-height:32px;margin-right:10px;padding:0 10px;position:relative;text-align:center;white-space:nowrap}.videoAlarmDia .body .tabs .tabContainer .allTab .tab.active{background:#1d33a2;color:#fff}.videoAlarmDia .body .tabs .tabContainer .allTab .tab.active:after{border:10px solid transparent;border-top-color:#1d33a2;content:"";height:0;left:50%;position:absolute;top:30px;width:0}.videoAlarmDia .body .numLine{align-items:center;display:flex}.videoAlarmDia .body .numLine .cameraNum{color:#3e7eff;font-weight:600}.videoAlarmDia .body .numLine .tipImg{height:18px;margin:0 5px 0 25px;width:18px}.videoAlarmDia .body .numLine .alarmNum{color:#fa4141;font-weight:600}.videoAlarmDia .body .otherAlarm{align-items:center;display:flex}.videoAlarmDia .body .otherAlarm .ant-tag{cursor:pointer;font-size:14px}.videoAlarmDia .body .otherAlarm .tipImg{height:18px;margin-right:5px;width:18px}.videoAlarmDia .body .otherAlarm .annotation{height:12px;margin:2px;width:12px}.videoAlarmDia .body .type1{grid-template-columns:1fr;grid-template-rows:1fr}.videoAlarmDia .body .type4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.videoAlarmDia .body .type8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.videoAlarmDia .body .type8 .videoBox:first-child{grid-column:1/4;grid-row:1/4}.videoAlarmDia .body .type9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.videoAlarmDia .body .type13{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.videoAlarmDia .body .type13 .videoBox:first-child{grid-column:1/3;grid-row:1/3}.videoAlarmDia .body .type16{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}:root{--primary-color:#1d33a2;--primary-color-rgb:29,51,162}:root[data-doc-theme=light]{--primary-color:#3e7eff;--primary-color-rgb:62,126,255}

package/dist/video/index.cjs

@@ -6126,20 +6126,27 @@ const CloudVideo = vue.defineComponent({
       type: Number,
       default: 1
     },
-    // token
     token: {
       type: String,
       default: ""
     },
-    // template
     template: {
       type: String,
       default: ""
+    },
+    height: {
+      type: Number,
+      default: ""
+    },
+    width: {
+      type: Number,
+      default: ""
     }
   },
-  emits: [],
+  emits: ["complete"],
   setup(prop, _context) {
     const uuid = vue.ref(UUID());
+    let player;
     const initVideo = async () => {
       const res = await axios__default["default"].post("https://open.ys7.com/api/lapp/v2/live/address/get", void 0, {
         params: {
@@ -6148,23 +6155,36 @@ const CloudVideo = vue.defineComponent({
           channelNo: prop.channelNo || 1
         }
       });
-      const parent = document.getElementById(`cloudVideo_${uuid.value}`)?.parentNode;
       const opt = {
         id: `cloudVideo_${uuid.value}`,
         url: res.data.data.url,
         accessToken: prop.token,
-        template: "pcLive",
-        height: parent?.clientHeight
+        template: "6298aca808d643fb99f481f2db5bf6a2",
+        height: 300
       };
-      new EZUIKit__default["default"].EZUIKitPlayer(opt);
+      if (prop.template) {
+        opt.template = prop.template;
+      }
+      if (prop.width) {
+        opt.width = prop.width;
+      }
+      if (prop.template) {
+        opt.height = prop.height;
+      }
+      player = await new EZUIKit__default["default"].EZUIKitPlayer(opt);
+      _context.emit("complete", player);
     };
     vue.onMounted(() => {
       initVideo();
     });
+    vue.onBeforeUnmount(() => {
+      player?.stop();
+    });
     return () => vue.createVNode("div", {
-      "id": `cloudVideo_${uuid.value}`,
       "class": "cloudVideo"
-    }, null);
+    }, [vue.createVNode("div", {
+      "id": `cloudVideo_${uuid.value}`
+    }, null)]);
   }
 });
 var cloudVideo = installComponent(CloudVideo, "cloud-video");

package/dist/video/index.d.ts

@@ -363,7 +363,15 @@ declare const _default: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, never[], never, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    height: {
+        type: NumberConstructor;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        default: string;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "complete"[], "complete", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     cameraId: {
         require: boolean;
         type: StringConstructor;
@@ -380,10 +388,22 @@ declare const _default: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>> & {}, {
+    height: {
+        type: NumberConstructor;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        default: string;
+    };
+}>> & {
+    onComplete?: ((...args: any[]) => any) | undefined;
+}, {
     token: string;
     template: string;
     channelNo: number;
+    height: number;
+    width: number;
 }, {}>;
 
 export { _default$2 as AlarmVideo, _default as CloudVideo, _default$6 as PollingPlay, _default$3 as VideoBox, _default$4 as VideoPlayerV1, _default$5 as VideoPlayerV2, _default$1 as videoBoxV2 };

package/dist/video/index.js

@@ -6117,20 +6117,27 @@ const CloudVideo = defineComponent({
       type: Number,
       default: 1
     },
-    // token
     token: {
       type: String,
       default: ""
     },
-    // template
     template: {
       type: String,
       default: ""
+    },
+    height: {
+      type: Number,
+      default: ""
+    },
+    width: {
+      type: Number,
+      default: ""
     }
   },
-  emits: [],
+  emits: ["complete"],
   setup(prop, _context) {
     const uuid = ref(UUID());
+    let player;
     const initVideo = async () => {
       const res = await axios.post("https://open.ys7.com/api/lapp/v2/live/address/get", void 0, {
         params: {
@@ -6139,23 +6146,36 @@ const CloudVideo = defineComponent({
           channelNo: prop.channelNo || 1
         }
       });
-      const parent = document.getElementById(`cloudVideo_${uuid.value}`)?.parentNode;
       const opt = {
         id: `cloudVideo_${uuid.value}`,
         url: res.data.data.url,
         accessToken: prop.token,
-        template: "pcLive",
-        height: parent?.clientHeight
+        template: "6298aca808d643fb99f481f2db5bf6a2",
+        height: 300
       };
-      new EZUIKit.EZUIKitPlayer(opt);
+      if (prop.template) {
+        opt.template = prop.template;
+      }
+      if (prop.width) {
+        opt.width = prop.width;
+      }
+      if (prop.template) {
+        opt.height = prop.height;
+      }
+      player = await new EZUIKit.EZUIKitPlayer(opt);
+      _context.emit("complete", player);
     };
     onMounted(() => {
       initVideo();
     });
+    onBeforeUnmount(() => {
+      player?.stop();
+    });
     return () => createVNode("div", {
-      "id": `cloudVideo_${uuid.value}`,
       "class": "cloudVideo"
-    }, null);
+    }, [createVNode("div", {
+      "id": `cloudVideo_${uuid.value}`
+    }, null)]);
   }
 });
 var cloudVideo = installComponent(CloudVideo, "cloud-video");

package/dist/video/style.css

@@ -1,3 +1,3 @@
 .playVideos{display:flex;flex-direction:column;height:100%;padding-left:20px}.playVideos .operate{display:flex;justify-content:space-between;margin:5px 0}.playVideos .operate .button{cursor:pointer}.playVideos .grid{display:grid;flex:1;overflow:hidden}.playVideos .grid .video{background:#000;border:1px solid hsla(216,7%,59%,.3);height:100%;object-fit:fill;overflow:hidden;width:100%}.playVideos .grid.full{height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.playVideos .type1{grid-template-columns:1fr;grid-template-rows:1fr}.playVideos .type4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.playVideos .type8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.playVideos .type8 .video:first-child{grid-column:1/4;grid-row:1/4}.playVideos .type9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.playVideos .type13{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.playVideos .type13 .video:first-child{grid-column:1/3;grid-row:1/3}.playVideos .type16{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}@keyframes moveBottom{0%{bottom:0}to{bottom:-66px}}.videoComponent{background:#000;height:100%;position:relative;width:100%}.videoComponent.fill{object-fit:fill}.videoComponent.contain{object-fit:contain}.videoBox{height:100%;overflow:hidden;position:relative}.videoBox.alarm:before{border:2px solid #ea5858;box-shadow:inset 0 0 10px 8px rgba(234,88,88,.5);content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:7}.videoBox:hover .selectFields{animation-duration:1s;animation-fill-mode:both;animation-name:moveBottom}.videoBox:hover .footer-min{display:flex}.videoBox:hover .footer-min .name-min span,.videoBox:hover .footer-min .tool{display:block}.videoBox .selectFields{background:rgba(0,0,0,.3);bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:66px;position:absolute;width:100%}.videoBox .selectFields .info{border:0;color:#fff;line-height:33px;overflow:hidden;padding:0 5px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.videoBox .selectFields .info .value{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.videoBox .footer-min{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.04);border-radius:4px 4px 0 0;bottom:0;display:none;height:44px;justify-content:space-between;position:absolute;width:100%}.videoBox .footer-min .name-min{align-items:center;display:flex;padding-left:15px}.videoBox .footer-min .name-min span{color:#fff;display:none;font-size:16px;font-weight:600}.videoBox .footer-min .tool{display:none}.videoBox .footer-min .tool img{cursor:pointer;height:20px;margin-right:15px;width:20px}.videoControls{align-items:center;display:flex;flex-direction:column;width:100%}.videoControls .videoControl{height:126px;position:relative;width:126px}.videoControls .videoControl .bg{height:100%;position:relative;width:100%}.videoControls .videoControl img{cursor:pointer;position:absolute}.videoControls .videoControl .up{left:52px;top:14px}.videoControls .videoControl .lup{left:26px;top:26px;transform:rotate(-45deg)}.videoControls .videoControl .rup{left:78px;top:27px;transform:rotate(45deg)}.videoControls .videoControl .left{left:14px;top:52px;transform:rotate(-90deg)}.videoControls .videoControl .right{left:90px;top:52px;transform:rotate(90deg)}.videoControls .videoControl .ldown{left:26px;top:78px;transform:rotate(215deg)}.videoControls .videoControl .down{left:52px;top:90px;transform:rotate(180deg)}.videoControls .videoControl .rdown{left:78px;top:78px;transform:rotate(135deg)}.videoControls .btns{background:#e0e7f2;border-radius:19px;height:28px;margin:8px 8px 0;padding:3px;width:56px}.videoControls .btns img{cursor:pointer;margin-right:1px}
 .videoAlarmDia.dark{background:linear-gradient(90deg,#3e7eff,#1e4e75 30%,#1e4e75 70%,#3e7eff);padding:1px}.videoAlarmDia.dark .ant-modal-close{color:#fff}.videoAlarmDia.dark .ant-modal-header{background-color:#22396f;border-bottom-color:transparent;padding-left:20px}.videoAlarmDia.dark .ant-modal-header .ant-modal-title{align-items:center;background-image:linear-gradient(90deg,#2852a8 0,rgba(40,82,168,0) 50%);color:#fff;display:flex;height:42px;padding-left:10px}.videoAlarmDia.dark .ant-modal-content{background-color:#22396f}.videoAlarmDia.dark .ant-modal-content .body,.videoAlarmDia.dark .ant-modal-content .body .alarmList .alarm .name,.videoAlarmDia.dark .ant-modal-content .body .alarmList .title,.videoAlarmDia.dark .ant-modal-content .body .themeImg{color:#fff}.videoAlarmDia.dark .ant-modal-content .body .tabs .tabContainer .allTab .tab{background:#ffffff1a;color:#fff}.videoAlarmDia.dark .ant-modal-content .body .tabs .tabContainer .allTab .tab.active{background:#3e7eff;color:#fff}.videoAlarmDia .ant-modal-body{padding-top:18px}.videoAlarmDia .body{display:flex;flex-direction:column;height:660px}.videoAlarmDia .body .title{color:#000;font-size:18px}.videoAlarmDia .body .themeImg{height:18px;margin-right:5px;width:18px}.videoAlarmDia .body .current{align-self:center;display:flex;height:400px;justify-content:center;margin:10px 0 25px;width:750px}.videoAlarmDia .body .current .grid{grid-gap:3px;background-color:transparent;display:grid;height:100%;overflow:hidden;width:100%}.videoAlarmDia .body .current .grid .videoBox{background-color:#000}.videoAlarmDia .body .alarmList{display:flex;flex-wrap:wrap;justify-content:flex-start;max-height:80px;overflow:auto}.videoAlarmDia .body .alarmList .title{font-size:14px;font-weight:600;margin-bottom:10px}.videoAlarmDia .body .alarmList .alarm{align-items:center;border-radius:5px;color:#000;cursor:pointer;height:24px;margin-bottom:10px;margin-right:10px;padding:5px}.videoAlarmDia .body .alarmList .alarm img{height:16px;margin-right:5px;width:16px}.videoAlarmDia .body .alarmList .alarm .name{font-size:14px;white-space:nowrap}.videoAlarmDia .body .alarmList .alarm1{background:rgba(234,88,88,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm2{background:rgba(255,146,20,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm3{background:rgba(255,196,20,.1);color:#354052}.videoAlarmDia .body .alarmList .alarm4{background:rgba(62,126,255,.1);color:#354052}.videoAlarmDia .body .tip{align-items:center;display:flex;margin:0}.videoAlarmDia .body .tip .sumNum{margin-right:16px}.videoAlarmDia .body .tip .timeNum{color:#3e7eff;font-weight:600;margin-right:5px}.videoAlarmDia .body .tabs{align-items:center;display:flex;margin:10px 0 5px}.videoAlarmDia .body .tabs .themeImg{cursor:pointer;overflow:visible}.videoAlarmDia .body .tabs .endIcon{margin-left:10px}.videoAlarmDia .body .tabs .tabContainer{display:flex;overflow:hidden}.videoAlarmDia .body .tabs .tabContainer .allTab{display:flex;height:40px;left:0;position:relative}.videoAlarmDia .body .tabs .tabContainer .allTab .tab{background:#f2f3f8;border-radius:4px;cursor:pointer;font-size:14px;height:32px;line-height:32px;margin-right:10px;padding:0 10px;position:relative;text-align:center;white-space:nowrap}.videoAlarmDia .body .tabs .tabContainer .allTab .tab.active{background:#1d33a2;color:#fff}.videoAlarmDia .body .tabs .tabContainer .allTab .tab.active:after{border:10px solid transparent;border-top-color:#1d33a2;content:"";height:0;left:50%;position:absolute;top:30px;width:0}.videoAlarmDia .body .numLine{align-items:center;display:flex}.videoAlarmDia .body .numLine .cameraNum{color:#3e7eff;font-weight:600}.videoAlarmDia .body .numLine .tipImg{height:18px;margin:0 5px 0 25px;width:18px}.videoAlarmDia .body .numLine .alarmNum{color:#fa4141;font-weight:600}.videoAlarmDia .body .otherAlarm{align-items:center;display:flex}.videoAlarmDia .body .otherAlarm .ant-tag{cursor:pointer;font-size:14px}.videoAlarmDia .body .otherAlarm .tipImg{height:18px;margin-right:5px;width:18px}.videoAlarmDia .body .otherAlarm .annotation{height:12px;margin:2px;width:12px}.videoAlarmDia .body .type1{grid-template-columns:1fr;grid-template-rows:1fr}.videoAlarmDia .body .type4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.videoAlarmDia .body .type8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.videoAlarmDia .body .type8 .videoBox:first-child{grid-column:1/4;grid-row:1/4}.videoAlarmDia .body .type9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.videoAlarmDia .body .type13{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.videoAlarmDia .body .type13 .videoBox:first-child{grid-column:1/3;grid-row:1/3}.videoAlarmDia .body .type16{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}
-.cloudVideo{height:100%}
+.cloudVideo{height:100%;width:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inl-ui",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "description": "工业 pc ui库",
   "main": "dist/index.cjs",
   "module": "dist/index.js",