1 line
5.1 KiB
JSON
1 line
5.1 KiB
JSON
|
{"ast":null,"code":"import { startVideo, stopVideo, destructionRoom } 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 roleFlag: false\n };\n },\n methods: {\n // 解散房间\n destructionRoomFn(data) {\n destructionRoom(data).then(res => {\n console.log(res, \"解散房间\");\n });\n },\n exitRoom() {\n if (this.roleFlag) {\n this.stopVideoFn();\n this.destructionRoomFn({\n roomId: this.roomId\n });\n this.$emit('exitRoom');\n } else {\n this.$emit('exitRoom');\n }\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 this.roleFlag = roleFlag;\n if (roleFlag) {\n await this.startVideoFn();\n }\n setTimeout(() => {\n console.log(this.roomId, \"房间号房间哈房间号房间哈房间号\");\n });\n }\n};","map":{"version":3,"names":["startVideo","stopVideo","destructionRoom","name","components","data","roomId","taskId","roleFlag","methods","destructionRoomFn","then","res","console","log","exitRoom","stopVideoFn","$emit","startVideoFn","caseId","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, destructionRoom } 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 roleFlag: false\n };\n },\n methods: {\n // 解散房间\n destructionRoomFn(data) {\n destructionRoom(data).then(res => {\n console.log(res, \"解散房间\");\n })\n },\n exitRoom() {\n if (this.roleFlag) {\n this.stopVideoFn();\n this.destructionRoomFn({ roomId: this.roomId })\n this.$emit('exitRoom');\n } else {\n this.$emit('exitRoom');\n }\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 this.roleFlag = roleFlag;\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.icon
|