1 line
4.5 KiB
JSON
1 line
4.5 KiB
JSON
{"ast":null,"code":"import { startVideo, stopVideo } from '@/api/room.js';\nexport default {\n name: 'Footer',\n // props: [\n // \"roomId\"\n // ],\n components: {},\n data() {\n return {\n roomId: null\n };\n },\n methods: {\n exitRoom() {\n this.stopVideoFn();\n this.$emit('exitRoom');\n },\n async startVideoFn() {\n await startVideo({\n caseId: 12865,\n roomId: this.roomId\n }).then(res => {\n sessionStorage.setItem('taskId', JSON.stringify(res.data.taskId));\n console.log(res.data.taskId, \"pppppp\");\n });\n },\n stopVideoFn() {\n let taskId = JSON.parse(sessionStorage.getItem('taskId'));\n stopVideo(taskId).then(res => {\n console.log(res, \"KKKKKK\");\n });\n }\n },\n async mounted() {\n this.roomId = this.$route.query.roomId;\n await this.startVideoFn();\n setTimeout(() => {\n console.log(this.roomId, \"房间号房间哈房间号房间哈房间号\");\n });\n }\n};","map":{"version":3,"names":["startVideo","stopVideo","name","components","data","roomId","methods","exitRoom","stopVideoFn","$emit","startVideoFn","caseId","then","res","sessionStorage","setItem","JSON","stringify","taskId","console","log","parse","getItem","mounted","$route","query","setTimeout"],"sources":["src/views/components/roomFooter.vue"],"sourcesContent":["<template>\n <div class=\"roomFooter\">\n <!-- <div class=\"mic\">\n <img class=\"iconImg\" src=\"@/assets/mic_on.png\" alt=\"\">\n <div class=\"title\">麦克风</div>\n </div>\n <div class=\"video\">\n <img class=\"iconImg\" src=\"@/assets/video_on.png\" alt=\"\">\n <div class=\"title\">摄像头</div>\n </div> -->\n <!-- <div class=\"record\" @click=\"openRecord\">\n <img class=\"iconImg\" src=\"@/assets/record_on.png\" alt=\"\">\n <div class=\"title\">开始录制</div>\n </div> -->\n <div class=\"empty\"></div>\n <div class=\"outRoom\" @click=\"exitRoom\">\n <el-button type=\"danger\">退出房间</el-button>\n </div>\n </div>\n</template>\n \n<script>\nimport { startVideo, stopVideo } from '@/api/room.js'\nexport default {\n name: 'Footer',\n // props: [\n // \"roomId\"\n // ],\n components: {\n\n },\n data() {\n return {\n roomId:null\n };\n },\n methods: {\n exitRoom() {\n this.stopVideoFn();\n this.$emit('exitRoom');\n },\n async startVideoFn() {\n await startVideo({\n caseId: 12865,\n roomId: this.roomId\n }).then(res => {\n sessionStorage.setItem('taskId',JSON.stringify(res.data.taskId))\n console.log(res.data.taskId, \"pppppp\");\n })\n },\n stopVideoFn() {\n let taskId = JSON.parse(sessionStorage.getItem('taskId'));\n stopVideo(taskId).then(res => {\n console.log(res,\"KKKKKK\");\n })\n },\n },\n async mounted() {\n this.roomId = this.$route.query.roomId;\n await this.startVideoFn();\n setTimeout(() => {\n console.log(this.roomId, \"房间号房间哈房间号房间哈房间号\");\n });\n },\n};\n</script>\n \n<style scoped>\n.roomFooter {\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.mic,\n.video,\n.record,\n.outRoom {\n cursor: pointer;\n width: 10%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.iconImg {\n width: 30%;\n height: 60%;\n}\n\n.title {\n color: aliceblue;\n}\n\n.empty {\n width: 60%;\n height: 100%;\n}\n</style>\n \n \n "],"mappings":"AAsBA,SAAAA,UAAA,EAAAC,SAAA;AACA;EACAC,IAAA;EACA;EACA;EACA;EACAC,UAAA,GAEA;EACAC,KAAA;IACA;MACAC,MAAA;IACA;EACA;EACAC,OAAA;IACAC,SAAA;MACA,KAAAC,WAAA;MACA,KAAAC,KAAA;IACA;IACA,MAAAC,aAAA;MACA,MAAAV,UAAA;QACAW,MAAA;QACAN,MAAA,OAAAA;MACA,GAAAO,IAAA,CAAAC,GAAA;QACAC,cAAA,CAAAC,OAAA,WAAAC,IAAA,CAAAC,SAAA,CAAAJ,GAAA,CAAAT,IAAA,CAAAc,MAAA;QACAC,OAAA,CAAAC,GAAA,CAAAP,GAAA,CAAAT,IAAA,CAAAc,MAAA;MACA;IACA;IACAV,YAAA;MACA,IAAAU,MAAA,GAAAF,IAAA,CAAAK,KAAA,CAAAP,cAAA,CAAAQ,OAAA;MACArB,SAAA,CAAAiB,MAAA,EAAAN,IAAA,CAAAC,GAAA;QACAM,OAAA,CAAAC,GAAA,CAAAP,GAAA;MACA;IACA;EACA;EACA,MAAAU,QAAA;IACA,KAAAlB,MAAA,QAAAmB,MAAA,CAAAC,KAAA,CAAApB,MAAA;IACA,WAAAK,YAAA;IACAgB,UAAA;MACAP,OAAA,CAAAC,GAAA,MAAAf,MAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]} |