{"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({ 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};","map":{"version":3,"names":["startVideo","stopVideo","destructionRoom","name","components","data","roomId","taskId","roleFlag","methods","mounted"],"sources":["src/views/components/footerPhone.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.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,EAAAC,eAAA;AACA;EACAC,IAAA;EACA;EACA;EACA;EACAC,UAAA,GAEA;EACAC,KAAA;IACA;MACAC,MAAA;MACAC,MAAA;MACAC,QAAA;IACA;EACA;EACAC,OAAA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EAAA,CACA;EACA,MAAAC,QAAA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EAAA;AAEA"},"metadata":{},"sourceType":"module","externalDependencies":[]}