样式修改

common/styles/global/pages.scss

@@ -210,6 +210,7 @@
 	.ht-icon{background-image: url("@/static/images/index/ht-icon.png");}
 	.jzkh-icon{background-image: url("@/static/images/index/jzkh-icon.png");}
 	.sfht-icon{background-image: url("@/static/images/index/sfht-icon.png");}
+	.ycms-icon{background-image: url("@/static/images/index/ycms-icon.png");}
 }
 /*** 考试页面***/
 .phone-list-page{
@@ -1485,5 +1486,33 @@
 		display: flex;padding: 0 100rpx;
 		.phone-green-btn,.phone-white-btn{font-size: 28rpx;margin: 36rpx auto;width: 60%;}
 	}
-	
+}
+
+/* 远程面试 */
+.phone-ycms-page{
+	width: 100%;height: 100vh;background-color: #f8f9fd;
+	display: flex;flex-direction: column;
+	.ycms-body-box{
+		width: 100%;box-sizing: border-box;padding:24rpx;
+	}
+	.ycms-card-box{
+		width: 100%;box-sizing: border-box;padding:0 20rpx 20rpx;
+		background-color: #fff;border-radius: 8rpx;
+		.card-title-row{
+			padding: 20rpx 0;border-bottom: 1rpx solid #ebebeb;color: #000;
+			display: flex;justify-content: space-between;align-items: center;font-size: 30rpx;
+			.colse-btn{
+				color: #909399;background: #f4f4f5;
+				// border:1rpx solid #d3d4d6;
+				// color: #fff;background-color: #909399;
+				font-size: 24rpx;padding: 8rpx 18rpx;text-align: center;border-radius: 8rpx;}
+		}
+	}
+	.room-box{
+		display: flex;justify-content: space-between;color: #222;
+		.room-wcj{color:#adacb1;font-size: 36rpx;}
+		.room-num{font-size: 36rpx;}
+		.room-text{font-size: 24rpx;}
+		.jr-btn{margin: 0;}
+	}
 }

pages.json

@@ -18,6 +18,7 @@
 				"navigationStyle": "custom"
 			}
 		},
+		
 		{
 			"path": "pages/client/ShouYe/shouye",
 			"style": {
@@ -335,7 +336,14 @@
 			"style": {
 				"navigationStyle": "custom"
 			}
+		},
+		{
+			"path": "pages/admin/mianshi/index",
+			"style": {
+				"navigationStyle": "custom"
+			}
 		}
+		
 	],
 	"tabBar": {
 		"custom": true,

pages/admin/ShouYe/shouye.vue

@@ -91,6 +91,14 @@
 				<icon class="index-icon sfht-icon"></icon>
 				<text>三方合同</text>
 			</view>
+			
+		</view>
+		<view class="card-list-box">
+			<view class="card-list-title">面试管理</view>
+			<view @click="goToPage('ycms')" class="card-item-box">
+				<icon class="index-icon ycms-icon"></icon>
+				<text>远程面试</text>
+			</view>
 		</view>
 		<!-- 页面底端 -->
 		<customTabbarAdminVue :current-tab="0"></customTabbarAdminVue>
@@ -169,6 +177,17 @@
 		selectedBorder: '1px rgb(92, 192, 147) solid'
 	});
 
+	const goToExternalPage = () => {
+		 // const externalUrl = 'https://www.baidu.com/'
+	  const externalUrl = 'https://kf2.mtavip.com/aliyunZhibo/index.html?roomId=900803&appId=dehjl65ff&uid=1145&userName=123456&token=000eJxjYGBQkNwl6RPe+n+pxsfW/3yNTNsT46azfzZTMppyaIvoS6VnpxkYGDhSUjOycsxM0zLjuSb7xF8/kZkQIwoUZ7M0MLAwMAayWAwNTUwZGBlGwZACAEbtGUY='; // 替换为你的 H5 地址
+
+	  // 使用 encodeURIComponent 防止 URL 中含特殊字符（如 ? & =）
+	  uni.navigateTo({
+		url: `/pages/admin/webview/index?url=${encodeURIComponent(externalUrl)}`
+	  });
+	};
+
+
 	function change(e) {
 		current.value = e.detail.current
 	}
@@ -307,6 +326,11 @@
 				url: '/pages/admin/Hetong/sanfangHetong?from=shouye'
 			})
 			break;
+			case 'ycms':
+			uni.navigateTo({
+				url: '/pages/admin/mianshi/index'
+			})
+			break;
 			case 'demo':
 				uni.redirectTo({
 					url: '/pages/demo/demo2'

pages/admin/mianshi/index.vue

@@ -0,0 +1,95 @@
+<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">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">邀请客户进入面试</button>
+				<button @click="handleCreate" type="default" class="phone-green-btn">创建房间</button>
+			</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>