| 1 |
- {"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 taskId: null\n };\n },\n methods: {\n exitRoom() {\n if (this.roleFlag) {\n this.stopVideoFn();\n }\n this.$emit('exitRoom');\n },\n async startVideoFn() {\n await startVideo({\n caseId: 12865,\n roomId: this.roomId\n }).then(res => {\n this.taskId = res.data.taskId;\n console.log(res.data.taskId, \"pppppp\");\n });\n },\n stopVideoFn() {\n stopVideo(this.taskId).then(res => {\n console.log(res, \"KKKKKK\");\n });\n }\n },\n async mounted() {\n this.roomId = this.$route.query.roomId;\n let roleFlag = this.$route.query.flag;\n if (roleFlag) {\n await this.startVideoFn();\n }\n setTimeout(() => {\n console.log(this.roomId, \"房间号房间哈房间号房间哈房间号\");\n });\n }\n};","map":{"version":3,"names":["startVideo","stopVideo","name","components","data","roomId","taskId","methods","exitRoom","roleFlag","stopVideoFn","$emit","startVideoFn","caseId","then","res","console","log","mounted","$route","query","flag","setTimeout"],"sources":["src/views/components/roomFooter.vue"],"sourcesContent":["<template>\n <div class=\"roomFooter\">\n <div class=\"outRoom\">\n <el-button type=\"danger\" @click=\"exitRoom\" v-if=\"roleFlag\">退出房间</el-button>\n <el-button type=\"danger\" @click=\"exitRoom\" v-if=\"roleFlag\">解散房间</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 taskId: null,\n };\n },\n methods: {\n exitRoom() {\n if (this.roleFlag) {\n this.stopVideoFn();\n }\n this.$emit('exitRoom');\n },\n async startVideoFn() {\n await startVideo({\n caseId: 12865,\n roomId: this.roomId\n }).then(res => {\n this.taskId = res.data.taskId\n console.log(res.data.taskId, \"pppppp\");\n })\n },\n stopVideoFn() {\n stopVideo(this.taskId).then(res => {\n console.log(res, \"KKKKKK\");\n })\n },\n },\n async mounted() {\n this.roomId = this.$route.query.roomId;\n let roleFlag = this.$route.query.flag;\n if (roleFlag) {\n await this.startVideoFn();\n }\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 flex-direction: row-reverse;\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":"AAUA,SAAAA,UAAA,EAAAC,SAAA;AACA;EACAC,IAAA;EACA;EACA;EACA;EACAC,UAAA,GAEA;EACAC,KAAA;IACA;MACAC,MAAA;MACAC,MAAA;IACA;EACA;EACAC,OAAA;IACAC,SAAA;MACA,SAAAC,QAAA;QACA,KAAAC,WAAA;MACA;MACA,KAAAC,KAAA;IACA;IACA,MAAAC,aAAA;MACA,MAAAZ,UAAA;QACAa,MAAA;QACAR,MAAA,OAAAA;MACA,GAAAS,IAAA,CAAAC,GAAA;QACA,KAAAT,MAAA,GAAAS,GAAA,CAAAX,IAAA,CAAAE,MAAA;QACAU,OAAA,CAAAC,GAAA,CAAAF,GAAA,CAAAX,IAAA,CAAAE,MAAA;MACA;IACA;IACAI,YAAA;MACAT,SAAA,MAAAK,MAAA,EAAAQ,IAAA,CAAAC,GAAA;QACAC,OAAA,CAAAC,GAAA,CAAAF,GAAA;MACA;IACA;EACA;EACA,MAAAG,QAAA;IACA,KAAAb,MAAA,QAAAc,MAAA,CAAAC,KAAA,CAAAf,MAAA;IACA,IAAAI,QAAA,QAAAU,MAAA,CAAAC,KAAA,CAAAC,IAAA;IACA,IAAAZ,QAAA;MACA,WAAAG,YAAA;IACA;IACAU,UAAA;MACAN,OAAA,CAAAC,GAAA,MAAAZ,MAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
