{"ast":null,"code":"// import moment from 'moment';\nimport TRTC from 'trtc-sdk-v5';\n// import { getRoomId } from '@/api/home'\nconst trtc = TRTC.create();\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    };\n  },\n  methods: {\n    async enterRoom() {\n      const userSig = \"eJyrVgrxCdYrSy1SslIy0jNQ0gHzM1NS80oy0zLBwhnJSVDh4pTsxIKCzBQlK0MzAwMDQ0NDM3OITGpFQWZRKlDc1NTUCCgFES3JzAWJmRsYmBqbGhmaQU3JTAeammccEOWU4*dnmu5eHG7om5cTbhajn*LslpGamJJvWFTsZlZe4h3gG*qYWBppq1QLAMYCMOU_\";\n      const userId = \"hcb\";\n      const sdkAppId = 1600011167;\n      try {\n        await trtc.enterRoom({\n          roomId: 991123,\n          scene: 'rtc',\n          sdkAppId,\n          userId,\n          userSig\n        });\n        await trtc.startLocalVideo({\n          view: document.getElementById('video') // 在 DOM 中的 elementId 为 localVideo 的标签上预览视频。\n        });\n\n        console.log('进房成功');\n      } catch (error) {\n        console.error('进房失败 ' + error);\n      }\n    },\n    submitRoom() {\n      // this.$refs[\"formLabelAlign\"].validate((valid) => {\n      //     if (valid) {\n      //         this.formLabelAlign.startTime = moment(\n      //             this.formLabelAlign.startTime\n      //         ).format(\"YYYY-MM-DD HH:mm:ss\");\n      //         this.formLabelAlign.endTime = moment(\n      //             this.formLabelAlign.endTime\n      //         ).format(\"YYYY-MM-DD HH:mm:ss\");\n      //         axios({\n      //             method: \"post\",\n      //             url: `https://api.xayunmei.com/zhongcaiapi/caseApplication/reservedConference`,\n      //             data: {\n      //                 // caseId: this.$route.query.id,\n      //                 caseId: '140',\n      //                 // ownerId: this.userId,\n      //                 ownerId: 'hcb',\n      //                 roomId: '991123',\n      //                 scheduleStartTime: this.formLabelAlign.startTime,\n      //                 scheduleEndTime: this.formLabelAlign.endTime\n      //             }\n      //         }).then(res => {\n      //             if (res.data.code == 200) {\n      //                 this.$message({\n      //                     message: '预约成功',\n      //                     type: 'success'\n      //                 });\n      //                 // axios({\n      //                 //     method: \"post\",\n      //                 //     url: \"https://api.xayunmei.com/zhongcaiapi/caseApplication/sendRoomNoMessage\",\n      //                 //     data: {\n      //                 //         id: this.caseId,\n      //                 //         roomNo: this.roomidForm2.roomId2,\n      //                 //         scheduleStartTime: this.roomidForm2.timer[0],\n      //                 //         scheduleEndTime: this.roomidForm2.timer[1]\n      //                 //     }\n      //                 // }).then(res => {\n      //                 //     console.log(res);\n      //                 //     // this.data = res.data /* 将拿到的值，赋值给data */\n      //                 // })\n      //                 // axios({\n      //                 //     method: \"get\",\n      //                 //     url: `https://api.xayunmei.com/zhongcaiapi/caseApplication/reserveConferenceList?caseId=${this.$route.query.id}`,\n      //                 // }).then(res => {\n      //                 //     // this.userName = res.data.data.userName;\n      //                 //     console.log(res, \"tabletabletabletabletabletabletabletabletabletabletabletabletabletable\");\n      //                 //     this.tableData = res.data.data;\n      //                 // })\n      //             } else {\n      //                 this.$message({\n      //                     message: res.data.msg,\n      //                     type: 'error'\n      //                 });\n      //             }\n      //         })\n      //     }\n      // })\n    }\n  },\n  async mounted() {\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","create","name","data","formLabelAlign","enterRoomFrom","rules","startTime","required","message","trigger","endTime","methods","enterRoom","userSig","userId","sdkAppId","roomId","scene","startLocalVideo","view","document","getElementById","console","log","error","submitRoom","mounted","config","publish"],"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\">\n                    <el-form-item>\n                        <el-input placeholder=\"请输入房间号\" v-model=\"enterRoomFrom.name\">\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'\nconst trtc = TRTC.create();\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        };\n    },\n    methods: {\n        async enterRoom() {\n            const userSig = \"eJyrVgrxCdYrSy1SslIy0jNQ0gHzM1NS80oy0zLBwhnJSVDh4pTsxIKCzBQlK0MzAwMDQ0NDM3OITGpFQWZRKlDc1NTUCCgFES3JzAWJmRsYmBqbGhmaQU3JTAeammccEOWU4*dnmu5eHG7om5cTbhajn*LslpGamJJvWFTsZlZe4h3gG*qYWBppq1QLAMYCMOU_\";\n            const userId = \"hcb\";\n            const sdkAppId = 1600011167;\n            try {\n                await trtc.enterRoom({ roomId: 991123, scene: 'rtc', sdkAppId, userId, userSig });\n                await trtc.startLocalVideo({\n                    view: document.getElementById('video'), // 在 DOM 中的 elementId 为 localVideo 的标签上预览视频。\n                });\n                console.log('进房成功');\n            } catch (error) {\n                console.error('进房失败 ' + error);\n            }\n\n        },\n        submitRoom() {\n            // this.$refs[\"formLabelAlign\"].validate((valid) => {\n            //     if (valid) {\n            //         this.formLabelAlign.startTime = moment(\n            //             this.formLabelAlign.startTime\n            //         ).format(\"YYYY-MM-DD HH:mm:ss\");\n            //         this.formLabelAlign.endTime = moment(\n            //             this.formLabelAlign.endTime\n            //         ).format(\"YYYY-MM-DD HH:mm:ss\");\n            //         axios({\n            //             method: \"post\",\n            //             url: `https://api.xayunmei.com/zhongcaiapi/caseApplication/reservedConference`,\n            //             data: {\n            //                 // caseId: this.$route.query.id,\n            //                 caseId: '140',\n            //                 // ownerId: this.userId,\n            //                 ownerId: 'hcb',\n            //                 roomId: '991123',\n            //                 scheduleStartTime: this.formLabelAlign.startTime,\n            //                 scheduleEndTime: this.formLabelAlign.endTime\n            //             }\n            //         }).then(res => {\n            //             if (res.data.code == 200) {\n            //                 this.$message({\n            //                     message: '预约成功',\n            //                     type: 'success'\n            //                 });\n            //                 // axios({\n            //                 //     method: \"post\",\n            //                 //     url: \"https://api.xayunmei.com/zhongcaiapi/caseApplication/sendRoomNoMessage\",\n            //                 //     data: {\n            //                 //         id: this.caseId,\n            //                 //         roomNo: this.roomidForm2.roomId2,\n            //                 //         scheduleStartTime: this.roomidForm2.timer[0],\n            //                 //         scheduleEndTime: this.roomidForm2.timer[1]\n            //                 //     }\n            //                 // }).then(res => {\n            //                 //     console.log(res);\n            //                 //     // this.data = res.data /* 将拿到的值，赋值给data */\n            //                 // })\n            //                 // axios({\n            //                 //     method: \"get\",\n            //                 //     url: `https://api.xayunmei.com/zhongcaiapi/caseApplication/reserveConferenceList?caseId=${this.$route.query.id}`,\n            //                 // }).then(res => {\n            //                 //     // this.userName = res.data.data.userName;\n            //                 //     console.log(res, \"tabletabletabletabletabletabletabletabletabletabletabletabletabletable\");\n            //                 //     this.tableData = res.data.data;\n            //                 // })\n            //             } else {\n            //                 this.$message({\n            //                     message: res.data.msg,\n            //                     type: 'error'\n            //                 });\n            //             }\n            //         })\n            //     }\n            // })\n        }\n    },\n    async mounted() {\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,MAAAC,IAAA,GAAAD,IAAA,CAAAE,MAAA;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;IACA;EACA;EACAE,OAAA;IACA,MAAAC,UAAA;MACA,MAAAC,OAAA;MACA,MAAAC,MAAA;MACA,MAAAC,QAAA;MACA;QACA,MAAAhB,IAAA,CAAAa,SAAA;UAAAI,MAAA;UAAAC,KAAA;UAAAF,QAAA;UAAAD,MAAA;UAAAD;QAAA;QACA,MAAAd,IAAA,CAAAmB,eAAA;UACAC,IAAA,EAAAC,QAAA,CAAAC,cAAA;QACA;;QACAC,OAAA,CAAAC,GAAA;MACA,SAAAC,KAAA;QACAF,OAAA,CAAAE,KAAA,WAAAA,KAAA;MACA;IAEA;IACAC,WAAA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IAAA;EAEA;EACA,MAAAC,QAAA;IACA,MAAAC,MAAA;MACAR,IAAA,EAAAC,QAAA,CAAAC,cAAA;MACAO,OAAA;IACA;IACA,MAAA7B,IAAA,CAAAmB,eAAA,CAAAS,MAAA;IACA;IACA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}