<template>
	<view class="phone-ycms-page">
		<view class="icon-title-navBar-box">
			<view @click="goUpPage" class="nav-bar-icon"></view>
			<text class="nav-bar-title">远程面试</text>
		</view>
		<view class="ycms-body-box">
			<view class="ycms-card-box">
				<view class="card-title-row">
					<text>远程面试</text>
					<view @click="handleClose" class="colse-btn">关闭房间</view>
				</view>
				<view class="room-box">
					<view class="room-info-box">
						<view class="room-wcj">未创建</view>
						<view class="room-num" v-if="false">78979</view>
						<view class="room-text">房间号</view>
					</view>
					<button @click="openUrl" type="default" class="phone-green-btn jr-btn">进入房间</button>
					<!-- <button @click="openUrl2">进入房间2</button> -->
				</view>
				<button @click="handleCreate" type="default" class="phone-white-btn yqkh-btn">邀请客户进入面试</button>
				<button @click="handleCreate" type="default" class="phone-green-btn">创建面试房间</button>
				
				<view class="ycms-tip-box">
					<view class="tip-title"><text>小贴士</text><icon></icon></view>
					<view class="tip-text">1.创建房间后会生成房间号，生成房间号后，可进入房间，也可以直接分享给客户进入房间。</view>
					<view class="tip-text">2. 结束面试后，房间内的人员会被退出，同时面试房间号会失效；</view>
				</view>
			</view>
			
			
		</view>
	</view>
</template>

<script setup>
	import * as httpApi from '@/api/mianshi.js'
	import { ref, reactive } from "vue"
	
	const data = reactive({
		room: '',
	})
	
	function goUpPage() {
		uni.redirectTo({
			url: `/pages/admin/ShouYe/shouye`
		})
	}
	
	function handleCreate() {
		httpApi.getMianshiCreate().then(res =>{
			this.data = res.data.room;
			uni.showToast({
				title:'创建成功'
			})
		})
	}
	
	function handleClose() {
		httpApi.getMianshiClose().then(res =>{
			if (res.data) {
				data.room = null
				uni.showToast({
					title:'关闭成功'
				})
			}
		})
	}
	
	
	
	const url =
		`https://kf2.mtavip.com/aliyunZhibo/index.html?roomId=900803&appId=dehjl65f&uid=1234&userName=654321&token=000eJxjYGBQsA1url798NJZWaZ%2BjcOiqvN85r2sm1VyiP2c42evb%2F1PlRkYGDhSUjOycsxM0zJjN%2BcveXkvIjOe5StQnM3SwMDCwBjIYjE0MjZhYGQYBUMKAACboBuh`

	function openUrl() {
		plus.runtime.openURL(url, (err) => {
			if (err) {
				console.error('打开浏览器失败: ', err);
				uni.showToast({
					title: '打开链接失败',
					icon: 'none'
				});
			}
		});
	}

	const url2 =
		`https://kf2.mtavip.com/aliyunZhibo/index.html?roomId=900803&appId=dehjl65f&uid=1145&userName=123456&token=000eJxjYGBQ%2BNqm4zpNb%2FZc1u5tTh9MFtnfjTM5mMo2%2FZebyk3Rbl%2F19wwMDBwpqRlZOWamaZmxmyfwHU9izYxnFQOKs1kaGFgYGANZLIaGJqYMjAyjYEgBADKGGBo%3D`

	function openUrl2() {
		plus.runtime.openURL(url2, (err) => {
			if (err) {
				console.error('打开浏览器失败: ', err);
				uni.showToast({
					title: '打开链接失败',
					icon: 'none'
				});
			}
		});
	}
</script>