~chenshaoxiong/treatment_room_screen.git

update_202312052001_项目-治疗室屏幕web-切图接口对接v2

jazz

2023-12-06 6da3c1365a9f54c043a4ec2547163b1226e11412

提交 \| 用户 \| age
3ac5f2	1	<!--room-detail.vue-->
J	2	<template>
	3	<div class="page">
6da3c1	4	<div class="page_header flex flex-ver">
J	5	<div class="left flex flex-ver" @click="back">
3ac5f2	6	<img class="page_logo_1" src="../../assets/img/logo_1.png">
J	7	<img class="page_logo_2" src="../../assets/img/logo_2.png">
	8	</div>
	9	<div class="right flex-1 flex flex-jcfe flex-ver">
aeb317	10	<div class="reset_btn flex flex-center" @click="resetStatus">重置房间状态</div>
3ac5f2	11	<div class="page_date">
bb2b08	12	<div class="page_week">{{ timeObj.week }}</div>
J	13	<div class="page_day">{{ timeObj.date }}</div>
3ac5f2	14	</div>
bb2b08	15	<div class="page_time">{{ timeObj.timeMin }}</div>
J	16	<!-- <div class="page_time">{{ timeObj.time }}</div> -->
3ac5f2	17	</div>
J	18	</div>
bb2b08	19	<!-- 未有安排 -->
6da3c1	20	<div v-if="!occupyInfoView && (!assignTreatList \|\| !assignTreatList.length)" class="page_container flex flex-ver">
bb2b08	21	<div class="main flex-1">
6da3c1	22	<div v-if="roomInfo && roomInfo.roomNo" class="room_title">{{ roomInfo.roomNo }}</div>
J	23	<div v-if="roomInfo" class="room_main_tip" style="margin-top: 93px;line-height: 186px;font-size: 140px;">-{{ statusTx[roomInfo.status] }}-</div>
bb2b08	24	<div class="btn_box flex flex-center">
J	25	<div class="flex flex-ver">
6da3c1	26	<div class="btn_box__item flex flex-center white" data-tx="空闲" data-status="0" @click="statusChg">
bb2b08	27	<div class="flex flex-ver">
J	28	<img class="icon" src="../../assets/img/free.png">
	29	<div class="tx">空闲</div>
	30	</div>
	31	</div>
6da3c1	32	<div class="btn_box__item flex flex-center blue" data-tx="使用中" data-status="1" @click="statusChg">
bb2b08	33	<div class="flex flex-ver">
J	34	<img class="icon" src="../../assets/img/using.png">
	35	<div class="tx white">使用中</div>
	36	</div>
	37	</div>
6da3c1	38	<div class="btn_box__item flex flex-center yellow" data-tx="客人休息" data-status="2" @click="statusChg">
bb2b08	39	<div class="flex flex-ver">
J	40	<img class="icon" src="../../assets/img/rest.png">
	41	<div class="tx">客人休息</div>
	42	</div>
	43	</div>
6da3c1	44	<div class="btn_box__item flex flex-center gray" data-tx="通知打扫" data-status="3" @click="statusChg">
bb2b08	45	<div class="flex flex-ver">
J	46	<img class="icon" src="../../assets/img/clear.png">
	47	<div class="tx">通知打扫</div>
	48	</div>
	49	</div>
	50	</div>
	51	</div>
	52	</div>
	53	</div>
6da3c1	54	<!-- 没有客人和有安排 -->
J	55	<div v-if="!occupyInfoView && (assignTreatList && assignTreatList.length)" class="page_container flex flex-ver">
bb2b08	56	<div class="main flex-1">
6da3c1	57	<div v-if="roomInfo && roomInfo.roomNo" class="room_title">{{ roomInfo.roomNo }}</div>
J	58	<div v-if="roomInfo" class="room_main_tip">-{{ statusTx[roomInfo.status] }}-</div>
	59	<div v-if="roomInfo && roomInfo.status >= 1" class="room_left_btn_box flex flex-ver">
	60	<div v-if="roomInfo.status == 1" class="room_left_btn_box__item flex-1 flex flex-center yellow" @click="setStatus('客人休息', 2)">客人休息</div>
	61	<div v-if="roomInfo.status == 1" class="room_left_btn_box__item flex-1 flex flex-center gray" @click="setStatus('打扫中', 3)">通知打扫</div>
	62	<div v-if="roomInfo.status == 2" class="room_left_btn_box__item flex flex-center green" @click="setStatus('打扫中', 3)">通知打扫</div>
	63	<div v-if="roomInfo.status == 3" class="room_left_btn_box__item flex flex-center green" @click="setStatus('空闲', 0)">结束打扫</div>
bb2b08	64	</div>
J	65	</div>
	66	<div class="right">
	67	<div class="right_block flex flex-col">
	68	<div class="guest_title flex flex-center">等待诊疗</div>
	69	<div class="guest_block flex-1">
	70	<div class="guest_list">
6da3c1	71	<div v-for="(item, index) in assignTreatList" :key="index" class="guest_list__row flex flex-ver" @click="selectCustomer(item)">
bb2b08	72	<div class="guest_list__td flex flex-center">
J	73	<div>
6da3c1	74	<div class="tx">{{ item.userName }}</div>
J	75	<div class="tx" style="font-size: 14px;line-height: 20px;">{{ item.ciq \|\| '' }}</div>
bb2b08	76	</div>
J	77	</div>
	78	<div class="guest_list__td flex flex-center">
6da3c1	79	<span class="tx">{{ item.startTime?item.startTime+'开始':'' }}</span>
bb2b08	80	</div>
J	81	<div class="guest_list__td flex flex-center">
6da3c1	82	<span class="tx">{{ item.aDoctorName?item.aDoctorName+'(医生)、':'' }}{{ item.aNurseName?item.aNurseName+'(护士)':'' }}</span>
bb2b08	83	</div>
J	84	<div class="guest_list__td flex flex-center">
	85	<img class="icon" src="../../assets/img/choose.png">
	86	</div>
	87	</div>
	88	</div>
	89	</div>
	90	</div>
	91	</div>
	92	</div>
6da3c1	93	<!-- 客人和有安排 -->
J	94	<div v-if="occupyInfoView && (assignTreatList && assignTreatList.length)" class="page_container flex flex-ver">
bb2b08	95	<div class="main flex-1">
6da3c1	96	<div v-if="roomInfo && roomInfo.roomNo" class="room_title">{{ roomInfo.roomNo }}</div>
bb2b08	97	<div class="room_content">
J	98	<div class="tip">诊疗安排</div>
6da3c1	99	<div class="name">{{ occupyInfoView.userName }}</div>
J	100	<div v-if="occupyInfoView.ciq" class="ciq">({{ occupyInfoView.ciq }})</div>
	101	<div v-if="occupyInfoView.startTime" class="time">安排治疗时间：{{ occupyInfoView.startTime }} 开始</div>
bb2b08	102	</div>
6da3c1	103	<div v-if="roomInfo" class="room_left_btn_box flex flex-ver" style="margin-top: 105px;">
J	104	<div v-if="roomInfo.status == 0" class="room_left_btn_box__item flex flex-center green btn_ani" @click="setStatus('使用中', 1)">开始治疗</div>
	105	<div v-if="roomInfo.status == 1" class="room_left_btn_box__item flex-1 flex flex-center yellow" @click="setStatus('客人休息', 2)">客人休息</div>
	106	<div v-if="roomInfo.status == 1" class="room_left_btn_box__item flex-1 flex flex-center gray" @click="setStatus('打扫中', 3)">通知打扫</div>
	107	<div v-if="roomInfo.status == 2" class="room_left_btn_box__item flex flex-center green" @click="setStatus('打扫中', 3)">通知打扫</div>
	108	<div v-if="roomInfo.status == 3" class="room_left_btn_box__item flex flex-center green" @click="setStatus('空闲', 0)">结束打扫</div>
bb2b08	109	</div>
J	110	</div>
	111	<div class="right flex flex-col">
	112	<div class="room_info flex-1">
	113	<div class="staff_box flex flex-ver flex-sb">
	114	<div class="staff_box_item flex-1 flex flex-center">
	115	<div>
	116	<div class="staff_box_item__title">分诊顾问</div>
6da3c1	117	<div class="staff_box_item__name">{{ occupyInfoView.adviserName \|\| '' }}</div>
bb2b08	118	</div>
J	119	</div>
	120	<div class="staff_box_item flex-1 flex flex-center">
	121	<div>
	122	<div class="staff_box_item__title">执行医生</div>
6da3c1	123	<div class="staff_box_item__name">{{ occupyInfoView.aDoctorName \|\| '' }}</div>
bb2b08	124	</div>
J	125	</div>
	126	<div class="staff_box_item flex-1 flex flex-center">
	127	<div>
	128	<div class="staff_box_item__title">执行护士</div>
6da3c1	129	<div class="staff_box_item__name">{{ occupyInfoView.aNurseName \|\| '' }}</div>
bb2b08	130	</div>
J	131	</div>
	132	</div>
	133	<div class="room_info_project">
	134	<div class="room_info_project_block">
6da3c1	135	<div class="tx">{{ occupyInfoView.projectName \|\| '' }}</div>
bb2b08	136	</div>
J	137	</div>
	138	</div>
	139	<div class="guest_box flex flex-col">
	140	<div class="guest_title flex flex-center">等待诊疗</div>
	141	<div class="guest_block flex-1">
	142	<div class="guest_list">
6da3c1	143	<div v-for="(item, index) in assignTreatList" :key="index" class="guest_list__row flex flex-ver" @click="selectCustomer(item)">
bb2b08	144	<div class="guest_list__td flex flex-center">
J	145	<div>
6da3c1	146	<div class="tx">{{ item.userName }}</div>
J	147	<div class="tx" style="font-size: 14px;line-height: 20px;">{{ item.ciq \|\| '' }}</div>
bb2b08	148	</div>
J	149	</div>
	150	<div class="guest_list__td flex flex-center">
6da3c1	151	<span class="tx">{{ item.startTime?item.startTime+'开始':'' }}</span>
bb2b08	152	</div>
J	153	<div class="guest_list__td flex flex-center">
6da3c1	154	<span class="tx">{{ item.aDoctorName?item.aDoctorName+'(医生)、':'' }}{{ item.aNurseName?item.aNurseName+'(护士)':'' }}</span>
bb2b08	155	</div>
J	156	<div class="guest_list__td flex flex-center">
	157	<img class="icon" src="../../assets/img/choose.png">
	158	</div>
	159	</div>
	160	</div>
	161	</div>
	162	</div>
	163	</div>
	164	</div>
aeb317	165	<!-- 选择客人弹窗 -->
J	166	<XioCustomerSelect ref="XioCustomerSelect" @cancel="selectCustomerCancel" @submit="selectCustomerSubmit" />
	167	<!-- 更改房间状态窗 -->
	168	<XioRoomStatusChg ref="XioRoomStatusChg" @changeStatus="changeStatus" />
3ac5f2	169	</div>
J	170	</template>
	171
	172	<script>
6da3c1	173	// 空闲 0
J	174	// 使用中 1
	175	// 客人休息 2
	176	// 待打扫/通知打扫 3
3ac5f2	177	// import Login from '../utils/jun_login.js'
aeb317	178	// 选择客人弹窗
bb2b08	179	import XioCustomerSelect from '@/components/xio_customer_select'
aeb317	180	// 更改房间状态窗
J	181	import XioRoomStatusChg from '@/components/xio_room_status_chg'
6da3c1	182	import Req from '../../utils/jun_httpInstall' // http 请求
J	183	var isUseDefault = false // 是否已使用默认客人
3ac5f2	184	export default {
J	185	name: 'RoomDetail',
bb2b08	186	components: {
aeb317	187	XioCustomerSelect,
J	188	XioRoomStatusChg
bb2b08	189	},
3ac5f2	190	inject: ['noop'],
J	191	data() {
	192	return {
6da3c1	193	id: this.$route.query.id \|\| '',
J	194	roomInfo: {},
	195	occupyInfo: '', // 当前占用人的信息
	196	assignTreatList: [],
	197	statusTx: ['空闲', '使用中', '客人休息', '打扫中'],
	198	timeObj: {} // week：星期，date：年月日，timeMin：时分，time：时分秒，timeStamp：时间戳
3ac5f2	199	}
J	200	},
	201	computed: {
6da3c1	202	occupyInfoView() {
J	203	// 有占用
	204	if (this.occupyInfo) {
	205	return this.occupyInfo
	206	// 没有占用
	207	} else {
	208	// 没使用默认客人值
	209	if (!isUseDefault && this.assignTreatList && this.assignTreatList.length) {
	210	isUseDefault = true
	211	return this.assignTreatList[0]
	212	// 已使用过默认客人值
	213	} else {
	214	return ''
	215	}
	216	}
	217	}
3ac5f2	218	},
J	219	mounted() {
	220	console.log('roomDetail mounted')
	221	this.init()
	222	},
	223	destroyed() {
	224
	225	},
	226	methods: {
	227	init() {
6da3c1	228	// 计时
bb2b08	229	this.countGetTime(this, 'timeObj', 'detail')
6da3c1	230	// 轮询getData，8秒一次
J	231	this.pollingAjaxFn(this, 'getData', 'detail', 8000)
	232	// this.getData()
	233	},
	234	// 获取房间详情
	235	getData() {
	236	var params = {}
	237	// 房间id
	238	if (this.id) {
	239	params.shopRoomId = this.id
	240	}
	241	Req.http.post({
	242	url: 'treat/screen/room/info',
	243	data: params,
	244	udData: { noLoading: true },
	245	header: { 'Content-Type': 'application/json' },
	246	mockData: {
	247	code: 100,
	248	msg: '',
	249	data: {}
	250	}
	251	}).then((res) => {
	252	if (res && res.data) {
	253	for (const key in res.data) {
	254	this[key] = res.data[key]
	255	}
	256	}
	257	// console.log('999999999999999999999999999', res)
	258	})
aeb317	259	},
J	260	// 返回
	261	back() {
6da3c1	262	// 关闭计时
aeb317	263	this.stopCountGetTime('detail')
6da3c1	264	// 关闭轮询
aeb317	265	this.stopPollingAjaxFn('detail')
6da3c1	266	// 返回
aeb317	267	this.$router.go(-1)
6da3c1	268	},
J	269	// 直接状态变更
	270	statusChg(e) {
	271	var { tx, status } = e.currentTarget.dataset
	272	var { occupyInfoView, roomInfo } = this
	273	console.log(tx, status)
	274	// if (roomInfo && status * 1 == roomInfo.status) {
	275	// return
	276	// }
	277	this.changeStatusFn(occupyInfoView, status, () => {
	278	this.getData()
	279	})
	280	},
	281	// 按流程设置房间状态
	282	setStatus(tx, status) {
	283	var { occupyInfoView, roomInfo } = this
	284	console.log(tx, status)
	285	this.changeStatusFn(occupyInfoView, status, () => {
	286	// 刷新详情
	287	this.getData()
	288	})
	289	},
	290	// 改变房间状态异步
	291	changeStatusFn(item = {}, status, cb) {
	292	var params = {}
	293	// 状态
	294	// 房间id
	295	if (this.id) {
	296	params.shopRoomId = this.id
	297	}
	298	// 更改的状态
	299	params.status = status * 1
	300	// 治疗记录id
	301	if (item && item.id) {
	302	params.vAssignTreatId = item.id
	303	}
	304	Req.http.post({
	305	url: 'treat/screen/room/status/update',
	306	data: params,
	307	header: { 'Content-Type': 'application/json' },
	308	mockData: {
	309	code: 100,
	310	msg: '',
	311	data: {}
	312	}
	313	}).then((res) => {
	314	// console.log('8888888888888888888888888888888888', res)
	315	cb && cb()
	316	})
aeb317	317	},
J	318	// 重置状态
	319	resetStatus() {
	320	// 打开弹窗
	321	this.$refs['XioRoomStatusChg'].showDialog()
	322	},
	323	// 更改房间状态
	324	changeStatus(opt) {
6da3c1	325	var { occupyInfoView, roomInfo } = this
J	326	console.log(opt.statusTx, opt.status)
	327	// if (roomInfo && opt.status * 1 == roomInfo.status) {
	328	// return
	329	// }
	330	this.changeStatusFn(occupyInfoView, opt.status, () => {
	331	// 刷新详情
	332	this.getData()
	333	// 关闭弹窗
	334	this.$refs['XioRoomStatusChg'].hideDialog()
	335	})
aeb317	336	},
J	337	// 选择客户
	338	selectCustomer(item = {}) {
	339	// 打开弹窗
	340	this.$refs['XioCustomerSelect'].showDialog()
6da3c1	341	// 组件客户数据处理
aeb317	342	this.$refs['XioCustomerSelect'].dataInit(item)
J	343	},
	344	// 选择客户取消
	345	selectCustomerCancel(opt) {
	346	console.log('cancel', opt)
	347	this.$refs['XioCustomerSelect'].hideDialog()
	348	},
	349	// 选择客户确定
	350	selectCustomerSubmit(opt) {
	351	console.log('submit', opt)
6da3c1	352	this.changeStatusFn(opt, 1, () => {
J	353	// 刷新详情
	354	this.getData()
	355	// 关闭弹窗
	356	this.$refs['XioCustomerSelect'].hideDialog()
	357	})
3ac5f2	358	}
J	359	}
	360	}
	361	</script>
	362
	363	<style scoped>
bb2b08	364	.page_header .reset_btn {
J	365	width: 200px;
	366	height: 60px;
	367	line-height: 35px;
	368	border-radius: 5px;
	369	background-color: rgba(47,174,206,1);
	370	color: rgba(255,255,255,1);
	371	font-size: 24px;
	372	text-align: center;
	373	font-family: Microsoft Yahei;
6da3c1	374	cursor: pointer;
bb2b08	375	}
J	376	.page_container .main {
	377	height: 100%;
	378	border-radius: 10px;
	379	background-color: rgba(255,255,255,1);
	380	color: rgba(16,16,16,1);
	381	font-size: 14px;
	382	/* text-align: center; */
	383	font-family: Roboto;
	384	}
	385	.page_container .main .room_title {
	386	line-height: 50px;
	387	color: rgba(255,255,255,1);
	388	font-size: 36px;
	389	text-align: center;
	390	font-family: PingFangSC-medium;
	391	padding: 10px 0;
	392	background-color: rgba(34,123,235,1);
	393	width: 400px;
	394	margin: 39px auto 0 auto;
	395	}
	396	.page_container .main .room_main_tip {
	397	line-height: 168px;
	398	font-size: 120px;
	399	color: rgba(46,77,124,1);
	400	text-align: center;
	401	font-family: PingFangSC-medium;
	402	margin-top: 107px;
	403	/* font-weight: bold; */
	404	}
	405	.page_container .main .room_main_tip.gray {
	406	color: rgba(154,154,154,1);
	407	}
	408	.page_container .main .btn_box {
	409	margin-top: 130px;
	410	}
	411	.page_container .main .btn_box__item {
	412	width: 250px;
	413	height: 120px;
	414	border-radius: 10px;
	415	box-shadow: 0px 2px 6px 0px rgba(206,206,206,1);
	416	margin-right: 70px;
6da3c1	417	cursor: pointer;
bb2b08	418	}
J	419	.page_container .main .btn_box__item:last-child {
	420	margin-right: 0;
	421	}
	422	.page_container .main .btn_box__item.white {
	423	background-color: rgba(255,255,255,1);
	424	}
	425	.page_container .main .btn_box__item.blue {
	426	background-color: rgba(46,77,124,1);
	427	}
	428	.page_container .main .btn_box__item.yellow {
	429	background-color: rgba(255,199,115,1);
	430	}
	431	.page_container .main .btn_box__item.gray {
	432	background-color: rgba(206,206,206,1);
	433	}
	434	.page_container .main .btn_box__item .icon {
	435	width: 60px;
	436	height: 60px;
	437	display: block;
	438	margin-right: 17px;
	439	}
	440	.page_container .main .btn_box__item .tx {
	441	line-height: 37px;
	442	color: rgba(51,51,51,1);
	443	font-size: 26px;
	444	text-align: center;
	445	font-family: PingFangSC-medium;
	446	}
	447	.page_container .main .btn_box__item .tx.white {
	448	color: rgba(255,255,255,1);
	449	}
	450	.page_container .main .room_left_btn_box {
	451	padding: 0 23px;
	452	margin-top: 163px;
	453	}
	454	.page_container .main .room_left_btn_box__item {
	455	height: 150px;
	456	line-height: 58px;
	457	border-radius: 10px;
	458	font-size: 40px;
	459	text-align: center;
	460	font-family: Microsoft Yahei;
	461	margin-right: 20px;
	462	font-weight: bold;
	463	}
	464	.page_container .main .room_left_btn_box__item:last-child {
	465	margin-right: 0;
	466	}
	467	.page_container .main .room_left_btn_box__item.yellow {
	468	color: rgba(255,255,255,1);
	469	background-color: rgba(233,157,66,1);
	470	}
	471	.page_container .main .room_left_btn_box__item.gray {
	472	background-color: rgba(206,206,206,1);
	473	color: rgba(79,79,79,1);
	474	}
	475	.page_container .main .room_left_btn_box__item.green {
	476	width: 500px;
	477	height: 150px;
	478	line-height: 73px;
	479	border-radius: 10px;
	480	background-color: rgba(47,174,206,1);
	481	color: rgba(255,255,255,1);
	482	font-size: 50px;
	483	text-align: center;
	484	margin: auto;
	485	}
	486	.page_container .main .room_content {
	487	margin-top: 30px;
	488	}
	489	.page_container .main .room_content .tip {
	490	line-height: 33px;
	491	color: rgba(79,79,79,1);
	492	font-size: 24px;
	493	text-align: center;
	494	font-family: PingFangSC-medium;
	495	}
	496	.page_container .main .room_content .name {
	497	line-height: 168px;
	498	color: rgba(51,51,51,1);
	499	font-size: 120px;
	500	text-align: center;
	501	font-family: PingFangSC-medium;
	502	margin-top: 13px;
	503	}
	504	.page_container .main .room_content .ciq {
	505	line-height: 42px;
	506	color: rgba(51,51,51,1);
	507	font-size: 30px;
	508	text-align: center;
	509	font-family: PingFangSC-regular;
	510	margin-top: -5px;
	511	}
	512	.page_container .main .room_content .time {
	513	line-height: 42px;
	514	color: rgba(0,0,0,1);
	515	font-size: 30px;
	516	text-align: center;
	517	font-family: PingFangSC-medium;
	518	font-weight: bold;
	519	margin-top: 21px;
	520	}
	521	.page_container .right {
	522	width: 686px;
	523	margin-left: 30px;
	524	height: 100%;
	525	}
	526	.page_container .right_block {
	527	width: 100%;
	528	height: 100%;
	529	}
	530	.page_container .right .guest_title {
	531	height: 60px;
	532	line-height: 28px;
	533	border-radius: 10px 10px 0px 0px;
	534	background-color: rgba(255,255,255,1);
	535	color: rgba(34,123,235,1);
	536	font-size: 20px;
	537	text-align: center;
	538	font-family: Roboto;
	539	font-weight: bold;
	540	}
	541	.page_container .right .guest_block {
	542	overflow: auto;
	543	}
	544	.page_container .right .guest_list {
	545	background-color: #fff;
	546	padding-bottom: 23px;
	547	}
	548	.page_container .right .guest_list__row {
	549	min-height: 75px;
	550	background-color: rgba(34,123,235,0.1);
	551	}
	552	.page_container .right .guest_list__row:nth-child(2n) {
	553	background-color: #fff;
	554	}
	555	.page_container .right .guest_list__td {}
	556	.page_container .right .guest_list__td .tx {
	557	line-height: 30px;
	558	color: rgba(16,16,16,1);
	559	font-size: 22px;
	560	text-align: center;
	561	font-family: PingFangSC-regular;
	562	}
	563	.page_container .right .guest_list__td .icon {
	564	width: 20px;
	565	height: 20px;
	566	display: block;
	567	}
	568	.page_container .right .guest_list__td:nth-child(1) {
	569	width: 19.54%;
	570	}
	571	.page_container .right .guest_list__td:nth-child(2) {
	572	width: 21.86%;
	573	}
	574	.page_container .right .guest_list__td:nth-child(3) {
	575	width: 46.06%;
	576	}
	577	.page_container .right .guest_list__td:nth-child(4) {
	578	width: 12.54%;
	579	}
	580	.page_container .right .room_info {
	581	width: 100%;
	582	border-radius: 10px;
	583	background-color: rgba(255,255,255,0.3);
	584	}
	585	.page_container .right .room_info .staff_box {
	586	margin-top: 30px;
	587	}
	588	.page_container .right .room_info .staff_box_item {
	589	height: 180px;
	590	}
	591	.page_container .right .room_info .staff_box_item:nth-child(1) {
	592	background-color: rgba(255,255,255,0.1);
	593	}
	594	.page_container .right .room_info .staff_box_item:nth-child(2) {
	595	background-color: rgba(255,255,255,0.3);
	596	margin: 0 10px;
	597	}
	598	.page_container .right .room_info .staff_box_item:nth-child(3) {
	599	background-color: rgba(255,255,255,0.1);
	600	}
	601	.page_container .right .room_info .staff_box_item__title {
	602	line-height: 28px;
	603	color: rgba(255,255,255,1);
	604	font-size: 20px;
	605	text-align: center;
	606	font-family: PingFangSC-regular;
	607	}
	608	.page_container .right .room_info .staff_box_item__name {
	609	line-height: 56px;
	610	color: rgba(255,255,255,1);
	611	font-size: 40px;
	612	text-align: center;
	613	font-family: PingFangSC-medium;
	614	margin-top: 5px;
	615	}
	616	.page_container .right .room_info .room_info_project {
	617	padding: 36px 20px 20px 20px;
	618	height: 138px;
	619	box-sizing: border-box;
	620	overflow: hidden;
	621	}
	622	.page_container .right .room_info .room_info_project_block {
	623	box-sizing: border-box;
	624	width: 100%;
	625	height: 100%;
	626	overflow: auto;
	627	}
	628	.page_container .right .room_info .room_info_project .tx {
	629	line-height: 39px;
	630	color: rgba(255,255,255,1);
	631	font-size: 28px;
	632	text-align: center;
	633	font-family: PingFangSC-regular;
	634	}
	635	.page_container .right .guest_box {
	636	margin-top: 65px;
	637	width: 100%;
	638	height: 345px;
	639	background-color: #fff;
	640	overflow: hidden;
	641	}
	642	</style>