From aeb317703c9c82edb7c4c7ecc5985eef62864c7c Mon Sep 17 00:00:00 2001
From: jazz <jazzxhunter@163.com>
Date: 星期二, 05 十二月 2023 19:41:21 +0800
Subject: [PATCH] update_202312051941_项目-治疗室屏幕web-切图v1
---
src/pages/room/detail.vue | 52 ++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 46 insertions(+), 6 deletions(-)
diff --git a/src/pages/room/detail.vue b/src/pages/room/detail.vue
index 9490937..e0101a0 100644
--- a/src/pages/room/detail.vue
+++ b/src/pages/room/detail.vue
@@ -1,13 +1,13 @@
<!--room-detail.vue-->
<template>
<div class="page">
- <div class="page_header flex flex-ver">
+ <div class="page_header flex flex-ver" @click="back">
<div class="left flex flex-ver">
<img class="page_logo_1" src="../../assets/img/logo_1.png">
<img class="page_logo_2" src="../../assets/img/logo_2.png">
</div>
<div class="right flex-1 flex flex-jcfe flex-ver">
- <div class="reset_btn flex flex-center">閲嶇疆鎴块棿鐘舵��</div>
+ <div class="reset_btn flex flex-center" @click="resetStatus">閲嶇疆鎴块棿鐘舵��</div>
<div class="page_date">
<div class="page_week">{{ timeObj.week }}</div>
<div class="page_day">{{ timeObj.date }}</div>
@@ -68,7 +68,7 @@
<div class="guest_title flex flex-center">绛夊緟璇婄枟</div>
<div class="guest_block flex-1">
<div class="guest_list">
- <div v-for="(item, index) in list" :key="index" class="guest_list__row flex flex-ver">
+ <div v-for="(item, index) in list" :key="index" class="guest_list__row flex flex-ver" @click="selectCustomer">
<div class="guest_list__td flex flex-center">
<div>
<div class="tx">寮�*姘�</div>
@@ -140,7 +140,7 @@
<div class="guest_title flex flex-center">绛夊緟璇婄枟</div>
<div class="guest_block flex-1">
<div class="guest_list">
- <div v-for="(item, index) in list" :key="index" class="guest_list__row flex flex-ver">
+ <div v-for="(item, index) in list" :key="index" class="guest_list__row flex flex-ver" @click="selectCustomer">
<div class="guest_list__td flex flex-center">
<div>
<div class="tx">寮�*姘�</div>
@@ -162,17 +162,24 @@
</div>
</div>
</div>
- <XioCustomerSelect ref="XioCustomerSelect"></XioCustomerSelect>
+ <!-- 閫夋嫨瀹汉寮圭獥 -->
+ <XioCustomerSelect ref="XioCustomerSelect" @cancel="selectCustomerCancel" @submit="selectCustomerSubmit" />
+ <!-- 鏇存敼鎴块棿鐘舵�佺獥 -->
+ <XioRoomStatusChg ref="XioRoomStatusChg" @changeStatus="changeStatus" />
</div>
</template>
<script>
// import Login from '../utils/jun_login.js'
+// 閫夋嫨瀹汉寮圭獥
import XioCustomerSelect from '@/components/xio_customer_select'
+// 鏇存敼鎴块棿鐘舵�佺獥
+import XioRoomStatusChg from '@/components/xio_room_status_chg'
export default {
name: 'RoomDetail',
components: {
- XioCustomerSelect
+ XioCustomerSelect,
+ XioRoomStatusChg
},
inject: ['noop'],
data() {
@@ -194,6 +201,39 @@
methods: {
init() {
this.countGetTime(this, 'timeObj', 'detail')
+ },
+ // 杩斿洖
+ back() {
+ this.stopCountGetTime('detail')
+ this.stopPollingAjaxFn('detail')
+ this.$router.go(-1)
+ },
+ // 閲嶇疆鐘舵��
+ resetStatus() {
+ // 鎵撳紑寮圭獥
+ this.$refs['XioRoomStatusChg'].showDialog()
+ },
+ // 鏇存敼鎴块棿鐘舵��
+ changeStatus(opt) {
+ console.log(opt.statusTx)
+ // 鍏抽棴寮圭獥
+ this.$refs['XioRoomStatusChg'].hideDialog()
+ },
+ // 閫夋嫨瀹㈡埛
+ selectCustomer(item = {}) {
+ // 鎵撳紑寮圭獥
+ this.$refs['XioCustomerSelect'].showDialog()
+ this.$refs['XioCustomerSelect'].dataInit(item)
+ },
+ // 閫夋嫨瀹㈡埛鍙栨秷
+ selectCustomerCancel(opt) {
+ console.log('cancel', opt)
+ this.$refs['XioCustomerSelect'].hideDialog()
+ },
+ // 閫夋嫨瀹㈡埛纭畾
+ selectCustomerSubmit(opt) {
+ console.log('submit', opt)
+ this.$refs['XioCustomerSelect'].hideDialog()
}
}
}
--
Gitblit v1.8.0