1 line
5.0 KiB
JSON
1 line
5.0 KiB
JSON
|
{"ast":null,"code":"import \"core-js/modules/es.array.push.js\";\nimport TRTC from 'trtc-sdk-v5';\nimport { getRoomId } from '@/api/home';\nlet trtc = null;\nexport default {\n name: 'App',\n data() {\n return {\n formLabelAlign: {},\n enterRoomFrom: {},\n trtc: null\n };\n },\n methods: {\n async enterRoom() {\n this.$router.push({\n name: 'Room',\n query: {\n userId: this.formLabelAlign.userId,\n roomId: this.enterRoomFrom.roomId\n }\n });\n },\n submitRoom() {\n this.$refs[\"formLabelAlign\"].validate(valid => {});\n }\n },\n async mounted() {\n trtc = TRTC.create();\n const config = {\n view: document.getElementById('video'),\n publish: false\n };\n await trtc.startLocalVideo(config);\n getRoomId('1396').then(res => {\n console.log(res, \"Ppppppppppppppp\");\n });\n }\n};","map":{"version":3,"names":["TRTC","getRoomId","trtc","name","data","formLabelAlign","enterRoomFrom","methods","enterRoom","$router","push","query","userId","roomId","submitRoom","$refs","validate","valid","mounted","create","config","view","document","getElementById","publish","startLocalVideo","then","res","console","log"],"sources":["src/components/homepc.vue"],"sourcesContent":["<template>\n <div class=\"homepage\">\n <div id=\"video\">\n\n </div>\n <!-- <div class=\"reservation\">\n <div class=\"title\">\n 预约会议\n </div>\n <div class=\"enterForm\">\n <el-form :model=\"formLabelAlign\">\n <el-form-item>\n <el-input v-model=\"formLabelAlign.userId\" placeholder=\"请输入用户名\"></el-input>\n </el-form-item>\n <el-button type=\"primary\" style=\"width: 100%;\" @click=\"submitRoom\">确认预约</el-button>\n </el-form>\n </div>\n </div> -->\n <div class=\"enterRoom\">\n <div class=\"title\">\n 仲裁会议室\n </div>\n <div class=\"enterForm\">\n <el-form :model=\"enterRoomFrom\" :rules=\"rules\" 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 TRTC from 'trtc-sdk-v5';\nimport { getRoomId } from '@/api/home'\nlet trtc = null;\nexport default {\n name: 'App',\n data() {\n return {\n formLabelAlign: {},\n enterRoomFrom: {},\n trtc:null\n };\n },\n methods: {\n async enterRoom() {\n this.$router.push({\n name:'Room',\n query:{\n userId:this.formLabelAlign.userId,\n roomId:this.enterRoomFrom.roomId\n }\n })\n },\n submitRoom() {\n this.$refs[\"formLabelAlign\"].validate((valid) => {\n \n })\n }\n },\n async mounted() {\n trtc = TRTC.create()\n const config = {\n view: document.getElementById('video'),\n publish: false\n }\n await trtc.startLocalVideo(config);\n getRoomId('1396').then(res=>{\n console.log(res,\"Ppppppppppppppp\");\n })\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.reser
|