{"ast":null,"code":"import \"core-js/modules/es.array.push.js\";\nimport { reserveConferenceList } from '@/api/home.js';\nimport TRTC from 'trtc-sdk-v5';\nlet trtc = null;\nexport default {\n  name: 'App',\n  data() {\n    return {\n      formLabelAlign: {},\n      enterRoomFrom: {},\n      trtc: null,\n      userId: null,\n      userCode: null\n    };\n  },\n  methods: {\n    async enterRoom() {\n      if (this.roomId != this.enterRoomFrom.roomId) {\n        this.$message({\n          message: \"房间号不是对应的房间号\",\n          type: 'error'\n        });\n        return;\n      }\n      await this.$router.push({\n        name: 'Room',\n        query: {\n          userId: this.userId,\n          roomId: this.enterRoomFrom.roomId\n        }\n      });\n    },\n    submitRoom() {\n      this.$refs[\"formLabelAlign\"].validate(valid => {});\n    },\n    // 根据案件id查询主持人信息\n    reserveConferenceListFn(data) {\n      reserveConferenceList(data).then(res => {\n        console.log(res, \"oooooooooooo\");\n      });\n    }\n  },\n  async mounted() {\n    let routeParams = this.$route.query;\n    this.userId = routeParams.name;\n    this.roomId = routeParams.roomId;\n    this.userCode = routeParams.userId;\n    trtc = TRTC.create();\n    const config = {\n      view: document.getElementById('video'),\n      publish: false\n    };\n    await trtc.startLocalVideo(config);\n  }\n};","map":{"version":3,"names":["reserveConferenceList","TRTC","trtc","name","data","formLabelAlign","enterRoomFrom","userId","userCode","methods","enterRoom","roomId","$message","message","type","$router","push","query","submitRoom","$refs","validate","valid","reserveConferenceListFn","then","res","console","log","mounted","routeParams","$route","create","config","view","document","getElementById","publish","startLocalVideo"],"sources":["src/components/homepc.vue"],"sourcesContent":["<template>\n    <div class=\"homepage\">\n        <div id=\"video\">\n\n        </div>\n        <div class=\"enterRoom\">\n            <div class=\"title\">\n                仲裁会议室\n            </div>\n            <div class=\"enterForm\">\n                <el-form :model=\"enterRoomFrom\" ref=\"enterRoomFrom\">\n                    <el-form-item>\n                        <el-input placeholder=\"请输入房间号\" v-model=\"enterRoomFrom.roomId\">\n                            <template slot=\"append\"><el-button type=\"primary\" @click=\"enterRoom\"\n                                    icon=\"el-icon-right\">进入</el-button></template></el-input>\n                    </el-form-item>\n                </el-form>\n            </div>\n        </div>\n    </div>\n</template>\n  \n<script>\nimport {reserveConferenceList} from '@/api/home.js'\nimport TRTC from 'trtc-sdk-v5';\nlet trtc = null;\nexport default {\n    name: 'App',\n    data() {\n        return {\n            formLabelAlign: {},\n            enterRoomFrom: {},\n            trtc: null,\n            userId: null,\n            userCode:null\n        };\n    },\n    methods: {\n        async enterRoom() {\n            if (this.roomId != this.enterRoomFrom.roomId) {\n                this.$message({\n                    message: \"房间号不是对应的房间号\",\n                    type: 'error'\n                });\n                return\n            }\n            await this.$router.push({\n                name: 'Room',\n                query: {\n                    userId: this.userId,\n                    roomId: this.enterRoomFrom.roomId\n                }\n            })\n        },\n        submitRoom() {\n            this.$refs[\"formLabelAlign\"].validate((valid) => {\n\n            })\n        },\n        // 根据案件id查询主持人信息\n        reserveConferenceListFn(data){\n            reserveConferenceList(data).then(res=>{\n                console.log(res,\"oooooooooooo\");\n            })\n        }\n    },\n    async mounted() {\n        let routeParams = this.$route.query;\n        this.userId = routeParams.name;\n        this.roomId = routeParams.roomId;\n        this.userCode = routeParams.userId;\n        trtc = TRTC.create()\n        const config = {\n            view: document.getElementById('video'),\n            publish: false\n        }\n        await trtc.startLocalVideo(config);\n    },\n};\n</script>\n  \n<style scoped>\n.homepage {\n    width: 100%;\n    height: 100vh;\n    background-color: #302e2e;\n    display: flex;\n    align-items: center;\n    justify-content: space-around;\n}\n\n#video {\n    width: 40%;\n    height: 50%;\n}\n\n.enterRoom {\n    width: 20%;\n    height: 50%;\n    background-color: #1c1b1b;\n}\n\n.reservation {\n    width: 20%;\n    height: 50%;\n    background-color: #1c1b1b;\n}\n\n.title {\n    width: 100%;\n    text-align: center;\n    color: #3f1ab7;\n    line-height: 30px;\n    font-size: 18px;\n    margin-bottom: 20px;\n}\n\n.enterForm {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n}\n</style>\n  \n  \n  "],"mappings":";AAuBA,SAAAA,qBAAA;AACA,OAAAC,IAAA;AACA,IAAAC,IAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACA;MACAC,cAAA;MACAC,aAAA;MACAJ,IAAA;MACAK,MAAA;MACAC,QAAA;IACA;EACA;EACAC,OAAA;IACA,MAAAC,UAAA;MACA,SAAAC,MAAA,SAAAL,aAAA,CAAAK,MAAA;QACA,KAAAC,QAAA;UACAC,OAAA;UACAC,IAAA;QACA;QACA;MACA;MACA,WAAAC,OAAA,CAAAC,IAAA;QACAb,IAAA;QACAc,KAAA;UACAV,MAAA,OAAAA,MAAA;UACAI,MAAA,OAAAL,aAAA,CAAAK;QACA;MACA;IACA;IACAO,WAAA;MACA,KAAAC,KAAA,mBAAAC,QAAA,CAAAC,KAAA,KAEA;IACA;IACA;IACAC,wBAAAlB,IAAA;MACAJ,qBAAA,CAAAI,IAAA,EAAAmB,IAAA,CAAAC,GAAA;QACAC,OAAA,CAAAC,GAAA,CAAAF,GAAA;MACA;IACA;EACA;EACA,MAAAG,QAAA;IACA,IAAAC,WAAA,QAAAC,MAAA,CAAAZ,KAAA;IACA,KAAAV,MAAA,GAAAqB,WAAA,CAAAzB,IAAA;IACA,KAAAQ,MAAA,GAAAiB,WAAA,CAAAjB,MAAA;IACA,KAAAH,QAAA,GAAAoB,WAAA,CAAArB,MAAA;IACAL,IAAA,GAAAD,IAAA,CAAA6B,MAAA;IACA,MAAAC,MAAA;MACAC,IAAA,EAAAC,QAAA,CAAAC,cAAA;MACAC,OAAA;IACA;IACA,MAAAjC,IAAA,CAAAkC,eAAA,CAAAL,MAAA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}