{"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      this.stopVideoFn();\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","stopVideoFn","$emit","startVideoFn","caseId","then","res","console","log","mounted","$route","query","roleFlag","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            this.stopVideoFn();\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,KAAAC,WAAA;MACA,KAAAC,KAAA;IACA;IACA,MAAAC,aAAA;MACA,MAAAX,UAAA;QACAY,MAAA;QACAP,MAAA,OAAAA;MACA,GAAAQ,IAAA,CAAAC,GAAA;QACA,KAAAR,MAAA,GAAAQ,GAAA,CAAAV,IAAA,CAAAE,MAAA;QACAS,OAAA,CAAAC,GAAA,CAAAF,GAAA,CAAAV,IAAA,CAAAE,MAAA;MACA;IACA;IACAG,YAAA;MACAR,SAAA,MAAAK,MAAA,EAAAO,IAAA,CAAAC,GAAA;QACAC,OAAA,CAAAC,GAAA,CAAAF,GAAA;MACA;IACA;EACA;EACA,MAAAG,QAAA;IACA,KAAAZ,MAAA,QAAAa,MAAA,CAAAC,KAAA,CAAAd,MAAA;IACA,IAAAe,QAAA,QAAAF,MAAA,CAAAC,KAAA,CAAAE,IAAA;IACA,IAAAD,QAAA;MACA,WAAAT,YAAA;IACA;IACAW,UAAA;MACAP,OAAA,CAAAC,GAAA,MAAAX,MAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}