| 12 |
- "use strict";(self["webpackChunklab_screen"]=self["webpackChunklab_screen"]||[]).push([[688],{5674:function(e,t,a){a.d(t,{A:function(){return c}});var l=function(){var e=this,t=e._self._c;return t("div",{staticClass:"screen-header"},[e._m(0),t("div",{staticClass:"header-center"},[t("div",{staticClass:"nav-tabs"},e._l(e.tabs,function(a){return t("div",{key:a.path,staticClass:"nav-tab",class:{active:e.currentPath===a.path},on:{click:function(t){return e.handleTabClick(a)}}},[e._v(" "+e._s(a.label)+" ")])}),0)]),t("div",{staticClass:"header-right"},[t("span",{staticClass:"header-weather"},[e._v(e._s(e.weather))]),t("span",{staticClass:"header-date"},[e._v(e._s(e.dateStr))]),t("span",{staticClass:"header-time"},[e._v(e._s(e.timeStr))])])])},n=[function(){var e=this,t=e._self._c;return t("div",{staticClass:"header-left"},[t("span",{staticClass:"header-title"},[e._v("中国安全生产科学研究院实验室安全智慧化管控中心")])])}],i=(a(4114),a(1552)),r={name:"ScreenHeader",data(){return{tabs:[{label:"实验室情况",path:"/lab-status"},{label:"视频监控",path:"/video-monitor"}],dateStr:"",timeStr:"",weather:"北京·晴 18°C"}},computed:{currentPath(){return this.$route.path}},mounted(){this.updateTime(),this.timer=setInterval(this.updateTime,1e3),this.fetchWeather()},beforeDestroy(){clearInterval(this.timer)},methods:{updateTime(){const e=new Date,t=e=>String(e).padStart(2,"0"),a=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];this.dateStr=`${a[e.getDay()]}`,this.timeStr=`${t(e.getHours())}:${t(e.getMinutes())}:${t(e.getSeconds())}`},handleTabClick(e){this.$route.path!==e.path&&this.$router.push(e.path)},async fetchWeather(){try{const e=await(0,i.Zq)(),t=e.data;this.weather=`${t.city}·${t.weather} ${t.temp}°C`}catch(e){this.weather="北京·晴 18°C"}}}},o=r,s=a(1656),d=(0,s.A)(o,l,n,!1,null,"cef6deee",null),c=d.exports},2688:function(e,t,a){a.r(t),a.d(t,{default:function(){return k}});var l=function(){var e=this,t=e._self._c;return t("div",{staticClass:"video-monitor-page"},[t("ScreenHeader"),t("div",{staticClass:"page-body"},[t("div",{staticClass:"side-panel"},[t("BuildingNav",{on:{"node-click":e.handleNodeClick}})],1),t("div",{staticClass:"main-panel"},[t("VideoGrid")],1)])],1)},n=[],i=a(5674),r=function(){var e=this,t=e._self._c;return t("div",{staticClass:"panel-box building-nav"},[t("div",{staticClass:"panel-title"},[e._v("建筑结构导航")]),t("div",{staticClass:"panel-content"},[t("el-tree",{staticClass:"dark-tree",attrs:{data:e.treeData,props:{label:"label",children:"children"},"node-key":"id","default-expand-all":"","highlight-current":""},on:{"node-click":e.handleNodeClick},scopedSlots:e._u([{key:"default",fn:function({node:a}){return[t("span",{staticClass:"tree-node"},[t("i",{class:a.isLeaf?"el-icon-video-camera":"el-icon-folder-opened"}),t("span",[e._v(e._s(a.label))])])]}}])})],1)])},o=[],s=a(1552),d={name:"BuildingNav",data(){return{treeData:[]}},async mounted(){const e=await(0,s.hb)();this.treeData=e.data.tree},methods:{handleNodeClick(e){this.$emit("node-click",e)}}},c=d,u=a(1656),v=(0,u.A)(c,r,o,!1,null,"56260df0",null),h=v.exports,p=function(){var e=this,t=e._self._c;return t("div",{staticClass:"panel-box video-grid"},[t("div",{staticClass:"panel-title"},[e._v(" 实时视频监控 "),t("span",{staticClass:"video-count"},[e._v("共 "+e._s(e.total)+" 路")])]),t("div",{staticClass:"panel-content"},[t("div",{staticClass:"grid-container"},e._l(e.videoList,function(a){return t("div",{key:a.id,staticClass:"video-cell"},[e._m(0,!0),t("div",{staticClass:"video-label"},[e._v(e._s(a.name))])])}),0),t("div",{staticClass:"grid-pagination"},[t("el-pagination",{staticClass:"dark-pagination",attrs:{small:"",layout:"prev, pager, next",total:e.total,"page-size":9,"current-page":e.currentPage},on:{"update:currentPage":function(t){e.currentPage=t},"update:current-page":function(t){e.currentPage=t},"current-change":e.loadVideos}})],1)])])},m=[function(){var e=this,t=e._self._c;return t("div",{staticClass:"video-placeholder"},[t("div",{staticClass:"video-glow"}),t("i",{staticClass:"el-icon-video-camera"})])}],f={name:"VideoGrid",data(){return{videoList:[],total:0,currentPage:1}},mounted(){this.loadVideos()},methods:{async loadVideos(){const e=await(0,s.oE)({page:this.currentPage});this.videoList=e.data.list,this.total=e.data.total}}},b=f,C=(0,u.A)(b,p,m,!1,null,"2fae158f",null),g=C.exports,w={name:"VideoMonitor",components:{ScreenHeader:i.A,BuildingNav:h,VideoGrid:g},methods:{handleNodeClick(e){console.log("选中节点:",e.label)}}},_=w,y=(0,u.A)(_,l,n,!1,null,"392870e4",null),k=y.exports},1552:function(e,t,a){a.d(t,{CK:function(){return d},D_:function(){return s},Up:function(){return u},Zq:function(){return v},e8:function(){return c},h2:function(){return o},hb:function(){return h},j_:function(){return i},oE:function(){return p},op:function(){return r},s:function(){return n}});a(4114);function l(e,t=500){return new Promise(a=>{setTimeout(()=>a({code:200,data:e,msg:"success"}),t)})}function n(e){return l({token:"mock-token-"+Date.now(),userInfo:{name:"管理员",role:"admin"}},800)}function i(){return l({totalLabs:58,levels:[{name:"I级(红)",value:12,color:"#f44336"},{name:"II级(橙)",value:18,color:"#ff9800"},{name:"III级(黄)",value:16,color:"#ffc107"},{name:"IV级(蓝)",value:12,color:"#2196f3"}],usage:{using:20,abnormal:3,idle:35}})}function r(){return l({departments:[{name:"化学品安全\n研究所",total:12,level1:3,level2:4,level3:3,level4:2},{name:"矿山安全\n研究所",total:10,level1:2,level2:3,level3:3,level4:2},{name:"应急科学\n研究中心",total:14,level1:4,level2:4,level3:3,level4:3},{name:"信息技术\n研究所",total:8,level1:2,level2:2,level3:2,level4:2},{name:"检测检验\n中心",total:6,level1:1,level2:2,level3:2,level4:1},{name:"标准化\n研究所",total:4,level1:1,level2:1,level3:1,level4:1}]})}function o(){return l({todayTotal:[0,1,2,8,6],currentLab:[0,0,4,7],hourlyData:[{hour:"0:00",enter:5,lab:2},{hour:"3:00",enter:3,lab:1},{hour:"6:00",enter:20,lab:8},{hour:"9:00",enter:135,lab:85},{hour:"12:00",enter:98,lab:60},{hour:"15:00",enter:110,lab:72},{hour:"18:00",enter:45,lab:25},{hour:"21:00",enter:15,lab:5},{hour:"24:00",enter:3,lab:1}]})}function s(){return l({list:[{id:1,lab:"有机化学实验室A103(A103)",dept:"化学品安全研究所",temp:23.4,humidity:37,tvoc:.83,co2:{value:1071,warn:!0},o2:{value:20.4,warn:!1}},{id:2,lab:"无损检测实验室B205(B205)",dept:"安全技术研究所",temp:25.9,humidity:44,tvoc:.96,co2:{value:452,warn:!1},o2:{value:20.1,warn:!1}},{id:3,lab:"化学实验室A101(A101)",dept:"化学品安全研究所",temp:23.4,humidity:43,tvoc:.72,co2:{value:923,warn:!0},o2:{value:19.9,warn:!0}},{id:4,lab:"材料力学实验室B203(B203)",dept:"安全技术研究所",temp:25.8,humidity:77,tvoc:.69,co2:{value:862,warn:!1},o2:{value:18.5,warn:!0}},{id:5,lab:"气体分析实验室A305(A305)",dept:"职业安全研究所",temp:18.2,humidity:73,tvoc:.11,co2:{value:396,warn:!1},o2:{value:21.2,warn:!1}},{id:6,lab:"高温高压实验室C102(C102)",dept:"矿山安全研究所",temp:26.3,humidity:31,tvoc:1.74,co2:{value:947,warn:!1},o2:{value:20.6,warn:!1}},{id:7,lab:"生物安全实验室A202(A202)",dept:"职业安全研究所",temp:21.3,humidity:32,tvoc:1.69,co2:{value:444,warn:!1},o2:{value:20.7,warn:!1}},{id:8,lab:"粉尘检测实验室B101(B101)",dept:"矿山安全研究所",temp:28.8,humidity:78,tvoc:.79,co2:{value:871,warn:!1},o2:{value:20.7,warn:!1}},{id:9,lab:"电气安全实验室C201(C201)",dept:"安全技术研究所",temp:22.6,humidity:41,tvoc:.55,co2:{value:523,warn:!1},o2:{value:20.9,warn:!1}},{id:10,lab:"防爆测试实验室C301(C301)",dept:"矿山安全研究所",temp:24.1,humidity:39,tvoc:.88,co2:{value:612,warn:!1},o2:{value:20.5,warn:!1}},{id:11,lab:"热分析实验室A401(A401)",dept:"化学品安全研究所",temp:27.2,humidity:45,tvoc:1.12,co2:{value:789,warn:!1},o2:{value:20.3,warn:!1}}]})}function d(){return l({totalMonth:12,list:[{id:1,lab:"高温高压实验室C102(C102)",dept:"矿山安全研究所",type:"温度",value:"35.6°C",time:"2026-03-04 14:28:05"},{id:2,lab:"气体分析实验室A305(A305)",dept:"职业安全研究所",type:"CO₂",value:"1050ppm",time:"2026-03-04 13:55:42"},{id:3,lab:"气体分析实验室A304(A304)",dept:"职业安全研究所",type:"CO₂",value:"1051ppm",time:"2026-03-04 13:55:41"},{id:4,lab:"粉尘检测实验室B101(B101)",dept:"矿山安全研究所",type:"O₂",value:"18.2%",time:"2026-03-04 13:20:10"},{id:5,lab:"有机化学实验室A103(A103)",dept:"化学品安全研究所",type:"TVOC",value:"2.1mg/m³",time:"2026-03-04 12:45:30"},{id:6,lab:"电气安全实验室C201(C201)",dept:"安全技术研究所",type:"湿度",value:"85%",time:"2026-03-04 11:30:15"}]})}function c(){return l({online:186,offline:14,onlineRate:93,devices:[{name:"电子信息铭牌",count:58},{name:"化学品智能终端",count:32},{name:"传感器",count:76},{name:"智能设备",count:34}]})}function u(){return l({categories:[{name:"分析仪器",value:120,color:"#2196f3"},{name:"安全防护",value:95,color:"#00e5ff"},{name:"化学试剂设备",value:80,color:"#4caf50"},{name:"电气设备",value:75,color:"#ff9800"},{name:"力学测试",value:86,color:"#f44336"},{name:"环境监测",value:72,color:"#9c27b0"},{name:"通用设备",value:58,color:"#e91e63"}],summary:{totalDevices:586,totalHours:"12,480",usageRate:"78.6"},status:{using:128,idle:312,normal:108,repair:38}})}function v(){return l({city:"北京",weather:"晴",temp:18})}function h(){return l({tree:[{id:1,label:"安科院三期",children:[{id:11,label:"主楼",children:[{id:111,label:"一层",children:[{id:1111,label:"大厅"},{id:1112,label:"会议室"}]},{id:112,label:"二层",children:[{id:1121,label:"化学分析实验室"},{id:1122,label:"有机合成实验室"}]},{id:113,label:"三层",children:[{id:1131,label:"微生物实验室"},{id:1132,label:"材料测试实验室"}]}]},{id:12,label:"副楼",children:[{id:121,label:"一层",children:[{id:1211,label:"环境监测实验室"}]},{id:122,label:"二层",children:[{id:1221,label:"辐射防护实验室"}]}]}]}]})}function p(e={}){const t=[];for(let a=1;a<=9;a++)t.push({id:a,name:`监控点位 ${a}`,url:"",status:"online"});return l({total:20,page:e.page||1,list:t})}}}]);
- //# sourceMappingURL=688.86d89ace.js.map
|
