{"ast":null,"code":"import \"core-js/modules/es.array.push.js\";\n// import moment from 'moment';\nimport TRTC from 'trtc-sdk-v5';\n// import { getRoomId } from '@/api/home'\nlet trtc = null;\nexport default {\n  name: 'App',\n  data() {\n    return {\n      formLabelAlign: {},\n      enterRoomFrom: {},\n      rules: {\n        startTime: [{\n          required: true,\n          message: \"请选择开始时间\",\n          trigger: \"blur\"\n        }],\n        endTime: [{\n          required: true,\n          message: \"请选择结束时间\",\n          trigger: \"blur\"\n        }]\n      },\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","trtc","name","data","formLabelAlign","enterRoomFrom","rules","startTime","required","message","trigger","endTime","methods","enterRoom","$router","push","query","userId","roomId","submitRoom","$refs","validate","valid","mounted","getRoomId","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\" :rules=\"rules\" ref=\"formLabelAlign\">\n                    <el-form-item prop=\"startTime\">\n                        <el-date-picker v-model=\"formLabelAlign.startTime\" type=\"datetime\" placeholder=\"选择开始时间\">\n                        </el-date-picker>\n                    </el-form-item>\n                    <el-form-item prop=\"endTime\">\n                        <el-date-picker v-model=\"formLabelAlign.endTime\" type=\"datetime\" placeholder=\"选择结束时间\">\n                        </el-date-picker>\n                    </el-form-item>\n                    <el-button type=\"primary\" style=\"width: 100%;\" @click=\"submitRoom\">确认预约</el-button>\n                </el-form> -->\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>\n// import moment from 'moment';\nimport TRTC from 'trtc-sdk-v5';\n// import { getRoomId } from '@/api/home'\nlet trtc = null;\nexport default {\n    name: 'App',\n    data() {\n        return {\n            formLabelAlign: {},\n            enterRoomFrom: {},\n            rules: {\n                startTime: [\n                    { required: true, message: \"请选择开始时间\", trigger: \"blur\" },\n                ],\n                endTime: [\n                    { required: true, message: \"请选择结束时间\", trigger: \"blur\" },\n                ]\n            },\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.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":";AA+CA;AACA,OAAAA,IAAA;AACA;AACA,IAAAC,IAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACA;MACAC,cAAA;MACAC,aAAA;MACAC,KAAA;QACAC,SAAA,GACA;UAAAC,QAAA;UAAAC,OAAA;UAAAC,OAAA;QAAA,EACA;QACAC,OAAA,GACA;UAAAH,QAAA;UAAAC,OAAA;UAAAC,OAAA;QAAA;MAEA;MACAT,IAAA;IACA;EACA;EACAW,OAAA;IACA,MAAAC,UAAA;MACA,KAAAC,OAAA,CAAAC,IAAA;QACAb,IAAA;QACAc,KAAA;UACAC,MAAA,OAAAb,cAAA,CAAAa,MAAA;UACAC,MAAA,OAAAb,aAAA,CAAAa;QACA;MACA;IACA;IACAC,WAAA;MACA,KAAAC,KAAA,mBAAAC,QAAA,CAAAC,KAAA,KAEA;IACA;EACA;EACA,MAAAC,QAAA;IACA;IACA;IACA;IACA;IACA;IACA;IACAC,SAAA,SAAAC,IAAA,CAAAC,GAAA;MACAC,OAAA,CAAAC,GAAA,CAAAF,GAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}