| 1 |
- {"remainingRequest":"/Users/caoge/Desktop/机车现场/VehicleMonitor-WEB/node_modules/babel-loader/lib/index.js!/Users/caoge/Desktop/机车现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/caoge/Desktop/机车现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/机车现场/VehicleMonitor-WEB/src/views/streamRadio/index.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/机车现场/VehicleMonitor-WEB/src/views/streamRadio/index.vue","mtime":1713423005866},{"path":"/Users/caoge/Desktop/机车现场/VehicleMonitor-WEB/babel.config.js","mtime":1708395041663},{"path":"/Users/caoge/Desktop/机车现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/机车现场/VehicleMonitor-WEB/node_modules/babel-loader/lib/index.js","mtime":1708395147257},{"path":"/Users/caoge/Desktop/机车现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/机车现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js","mtime":1708395147382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBheGlvcyBmcm9tICdheGlvcyc7CmltcG9ydCB7IGdldFN0cmVhbSB9IGZyb20gJ0AvYXBpL2FuYWxvZ0RhdGEnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ3N0cmVhbVJhZGlvJywKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgdGFibGVEYXRhOiBbXSwKICAgICAgdGltZXI6IG51bGwKICAgIH07CiAgfSwKICBjcmVhdGVkOiBmdW5jdGlvbiBjcmVhdGVkKCkgewogICAgdGhpcy50aW1lciA9IHNldEludGVydmFsKHRoaXMuZ2V0RGF0YSwgMjAwMCk7CiAgfSwKICBiZWZvcmVEZXN0cm95OiBmdW5jdGlvbiBiZWZvcmVEZXN0cm95KCkgewogICAgY2xlYXJJbnRlcnZhbCh0aGlzLnRpbWVyKTsKICB9LAogIG1ldGhvZHM6IHsKICAgIGhvdXJzVW50aWw6IGZ1bmN0aW9uIGhvdXJzVW50aWwodGFyZ2V0VGltZSkgewogICAgICAvLyDliJvlu7rnm67moIfml7bpl7TnmoREYXRl5a+56LGhCiAgICAgIHZhciB0YXJnZXQgPSBuZXcgRGF0ZSh0YXJnZXRUaW1lKTsKICAgICAgLy8g5Yib5bu65b2T5YmN5pe26Ze055qERGF0ZeWvueixoQogICAgICB2YXIgbm93ID0gbmV3IERhdGUoKTsKICAgICAgLy8g6K6h566X5pe26Ze05beu77yI5q+r56eS77yJCiAgICAgIHZhciBkaWZmZXJlbmNlID0gdGFyZ2V0IC0gbm93OwogICAgICAvLyDlsIbml7bpl7Tlt67ovazmjaLkuLrlsI/ml7YKICAgICAgdmFyIGhvdXJzID0gZGlmZmVyZW5jZSAvICgxMDAwICogNjAgKiA2MCk7CiAgICAgIC8vIOi/lOWbnue7k+aenAogICAgICByZXR1cm4gTWF0aC5yb3VuZChob3VycyAqIC0xKSArICflsI/ml7bliY0nOwogICAgfSwKICAgIGdldERhdGE6IGZ1bmN0aW9uIGdldERhdGEoKSB7CiAgICAgIHZhciBfdGhpcyA9IHRoaXM7CiAgICAgIGdldFN0cmVhbSgpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIF90aGlzLnRhYmxlRGF0YSA9IHJlcy5kYXRhOwogICAgICB9KTsKICAgIH0KICB9Cn07"},{"version":3,"names":["axios","getStream","name","data","tableData","timer","created","setInterval","getData","beforeDestroy","clearInterval","methods","hoursUntil","targetTime","target","Date","now","difference","hours","Math","round","_this","then","res"],"sources":["src/views/streamRadio/index.vue"],"sourcesContent":["<template>\r\n <div class=\"dashboard-container\">\r\n <el-table :data=\"tableData\">\r\n <el-table-column prop=\"installMile\" label=\"里程\" min-width=\"150\" show-overflow-tooltip=\"false\" fixed=\"left\">\r\n </el-table-column>\r\n <el-table-column prop=\"cameraCode\" label=\"相机名称\" min-width=\"280\" show-overflow-tooltip=\"false\">\r\n </el-table-column>\r\n <el-table-column prop=\"streamPath\" label=\"StreamPath\" min-width=\"150\" show-overflow-tooltip=\"false\">\r\n </el-table-column>\r\n <el-table-column prop=\"type\" label=\"类型\" width=\"150\">\r\n </el-table-column>\r\n <el-table-column prop=\"startTime\" label=\"开始时间\" width=\"150\"></el-table-column>\r\n\r\n <el-table-column label=\"音频\">\r\n <el-table-column label=\"格式\" width=\"120\">\r\n <template slot-scope=\"scope\">\r\n {{ scope.row.audioTracks?scope.row.audioTracks.name:'' }}\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"province\" label=\"采样率\" width=\"120\">\r\n <template slot-scope=\"scope\">\r\n {{ scope.row.audioTracks?scope.row.audioTracks.sampleRate:'' }}\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"city\" label=\"声道\" width=\"120\">\r\n <template slot-scope=\"scope\">\r\n {{ scope.row.audioTracks?scope.row.audioTracks.channels:'' }}\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"address\" label=\"码率\">\r\n <template slot-scope=\"scope\">\r\n {{ scope.row.audioTracks?scope.row.audioTracks.bps:'' }}\r\n </template>\r\n </el-table-column>\r\n </el-table-column>\r\n <el-table-column label=\"视频\">\r\n <el-table-column prop=\"name\" label=\"格式\" width=\"120\">\r\n <template slot-scope=\"scope\">\r\n {{ scope.row.videoTracks?scope.row.videoTracks.name:'' }}\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"province\" label=\"分辨率\" width=\"120\">\r\n <template slot-scope=\"scope\">\r\n {{ scope.row.videoTracks?scope.row.videoTracks.resolution:'' }}\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"city\" label=\"GOP\" width=\"120\">\r\n <template slot-scope=\"scope\">\r\n {{ scope.row.videoTracks?scope.row.videoTracks.gop:'' }}\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"address\" label=\"码率\">\r\n <template slot-scope=\"scope\">\r\n {{ scope.row.videoTracks?scope.row.videoTracks.bps:'' }}\r\n </template>\r\n </el-table-column>\r\n </el-table-column>\r\n <el-table-column prop=\"subscribers\" label=\"订阅者\" width=\"120\" fixed=\"right\">\r\n </el-table-column>\r\n </el-table>\r\n </div>\r\n</div></template>\r\n<script>\r\nimport axios from 'axios'\r\nimport { getStream } from '@/api/analogData'\r\nexport default {\r\n name: 'streamRadio',\r\n data() {\r\n return {\r\n tableData: [],\r\n timer:null\r\n }\r\n },\r\n created() {\r\n this.timer=setInterval(this.getData,2000)\r\n },\r\n beforeDestroy() {\r\n clearInterval(this.timer)\r\n },\r\n methods: {\r\n hoursUntil(targetTime) {\r\n // 创建目标时间的Date对象\r\n var target = new Date(targetTime);\r\n // 创建当前时间的Date对象\r\n var now = new Date();\r\n // 计算时间差（毫秒）\r\n var difference = target - now;\r\n // 将时间差转换为小时\r\n var hours = difference / (1000 * 60 * 60);\r\n // 返回结果\r\n return Math.round(hours * -1) + '小时前';\r\n },\r\n getData() {\r\n getStream().then(res=>{\r\n this.tableData=res.data\r\n })\r\n }\r\n }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.dashboard {\r\n &-container {\r\n margin: 30px;\r\n }\r\n\r\n &-text {\r\n font-size: 30px;\r\n line-height: 46px;\r\n }\r\n}\r\n\r\n.dashboard-container {\r\n .search-content {\r\n width: 100%;\r\n height: 74px;\r\n background-color: #fff;\r\n display: flex;\r\n align-items: center;\r\n padding-left: 10px;\r\n\r\n .el-input {\r\n margin: 0 10px;\r\n }\r\n\r\n .el-select {\r\n margin: 0 10px;\r\n }\r\n\r\n .search-btn {\r\n display: flex;\r\n align-items: center;\r\n height: 100%;\r\n margin-left: 10px;\r\n\r\n div {\r\n // margin: 0 6px;\r\n display: inline-block;\r\n width: 80px;\r\n height: 40px;\r\n border-radius: 2px;\r\n font-size: 14px;\r\n line-height: 40px;\r\n text-align: center;\r\n }\r\n\r\n div:hover {\r\n cursor: pointer;\r\n }\r\n\r\n .search {\r\n margin-right: 10px;\r\n background-color: #2766DD;\r\n color: #F7F8FB;\r\n }\r\n\r\n .search:hover {\r\n background-color: #4D85F4;\r\n }\r\n\r\n .reset {\r\n color: #333334;\r\n border: 1px solid #D7D7D7;\r\n }\r\n\r\n .reset:hover {\r\n color: #1F9FFF;\r\n border: 1px solid #1F9FFF;\r\n }\r\n }\r\n }\r\n\r\n .table-content {\r\n margin-top: 15px;\r\n width: 100%;\r\n background-color: #fff;\r\n padding: 0 20px 20px;\r\n\r\n .btn {\r\n margin: 15px 20px 15px 0;\r\n cursor: pointer;\r\n float: left;\r\n text-align: center;\r\n width: 98px;\r\n height: 34px;\r\n border-radius: 2px;\r\n border: 1px solid #ABC7FD;\r\n line-height: 34px;\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #2250C8;\r\n background-color: #E7EEFF;\r\n }\r\n\r\n .btn:hover {\r\n color: #FFFFFF;\r\n background-color: #2250C8;\r\n border: 1px solid #2250C8;\r\n }\r\n\r\n .btn:active {\r\n color: #FFFFFF;\r\n background-color: #194DA4;\r\n border: 1px solid #194DA4;\r\n }\r\n\r\n .startUsing {\r\n width: 54px;\r\n height: 24px;\r\n margin: 14.5px auto 0;\r\n line-height: 24px;\r\n text-align: center;\r\n font-size: 12px;\r\n color: #00974D;\r\n border-radius: 4px;\r\n background-color: #E7FAF0;\r\n border: 1px solid #BEFDDD;\r\n }\r\n\r\n .Deactivate {\r\n width: 54px;\r\n height: 24px;\r\n margin: 14.5px auto 0;\r\n line-height: 24px;\r\n text-align: center;\r\n font-size: 12px;\r\n color: #FF9933;\r\n border-radius: 4px;\r\n background-color: #FFF3E8;\r\n border: 1px solid #FDE6CF;\r\n }\r\n\r\n .operateBtn {\r\n display: flex;\r\n justify-content: center;\r\n color: #2866DD;\r\n\r\n div {\r\n font-size: 14px;\r\n margin: 0 5px;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .pagination {\r\n margin: 10px 0;\r\n width: 100%;\r\n height: 20px;\r\n\r\n .el-pagination {\r\n float: right;\r\n margin: 10px 0;\r\n }\r\n }\r\n }\r\n\r\n}\r\n</style>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,OAAAA,KAAA;AACA,SAAAC,SAAA;AACA;EACAC,IAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,SAAA;MACAC,KAAA;IACA;EACA;EACAC,OAAA,WAAAA,QAAA;IACA,KAAAD,KAAA,GAAAE,WAAA,MAAAC,OAAA;EACA;EACAC,aAAA,WAAAA,cAAA;IACAC,aAAA,MAAAL,KAAA;EACA;EACAM,OAAA;IACAC,UAAA,WAAAA,WAAAC,UAAA;MACA;MACA,IAAAC,MAAA,OAAAC,IAAA,CAAAF,UAAA;MACA;MACA,IAAAG,GAAA,OAAAD,IAAA;MACA;MACA,IAAAE,UAAA,GAAAH,MAAA,GAAAE,GAAA;MACA;MACA,IAAAE,KAAA,GAAAD,UAAA;MACA;MACA,OAAAE,IAAA,CAAAC,KAAA,CAAAF,KAAA;IACA;IACAV,OAAA,WAAAA,QAAA;MAAA,IAAAa,KAAA;MACApB,SAAA,GAAAqB,IAAA,WAAAC,GAAA;QACAF,KAAA,CAAAjB,SAAA,GAAAmB,GAAA,CAAApB,IAAA;MACA;IACA;EACA;AACA"}]}
|
