update_202312051941_项目-治疗室屏幕web-切图v1

jazz

2023-12-05 aeb317703c9c82edb7c4c7ecc5985eef62864c7c

 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()
    }
  }
}