jazz
2023-12-22 df74f02d3bb4e9045d53e4a229f3b5e04d5b248f
src/components/xio_customer_select/index.vue
@@ -1,19 +1,19 @@
<template>
  <div class="mask hide">
    <div class="xio_customer_select_dialog">
      <div class="title">是否选择客人[张怀民],使用当前房间?</div>
  <div v-if="isShow" class="mask" @click="hideDialog">
    <div class="xio_customer_select_dialog" @click.stop="noop">
      <div class="title">是否选择客人[{{ dialogData.userName }}],使用当前房间?</div>
      <div class="content flex flex-sb">
        <div class="tx flex-1" style="text-align: left;">医生:张怀民</div>
        <div class="tx flex-1">护士:张怀民</div>
        <div class="tx flex-1" style="text-align: right;">顾问:张怀民</div>
        <div v-if="dialogData.aDoctorName" class="tx flex-1" style="text-align: left;">医生:{{ dialogData.aDoctorName }}</div>
        <div v-if="dialogData.aNurseName" class="tx flex-1">护士:{{ dialogData.aNurseName }}</div>
        <div v-if="dialogData.adviserName" class="tx flex-1" style="text-align: right;">顾问:{{ dialogData.adviserName }}</div>
      </div>
      <div class="content flex flex-ver">
        <div class="tx">治疗项目:phis-Fotona4D</div>
        <div v-if="dialogData.projectName" class="tx">治疗项目:{{ dialogData.projectName }}</div>
      </div>
      <div class="btn_box flex flex-center">
        <div class="flex flex-ver">
          <div class="btn_box__item flex flex-center">取消</div>
          <div class="btn_box__item flex flex-center">确定</div>
          <div class="btn_box__item flex flex-center" @click="cancel">取消</div>
          <div class="btn_box__item flex flex-center" @click="submit">确定</div>
        </div>
      </div>
    </div>
@@ -31,12 +31,34 @@
  },
  data() {
    return {
      isShow: false
      isShow: false,
      dialogData: {}
    }
  },
  methods: {
    toggleClick() {
      this.$emit('toggleClick')
    // 取消
    cancel() {
      this.$emit('cancel', {})
    },
    // 提交
    submit() {
      this.$emit('submit', this.dialogData)
    },
    noop() {
      return
    },
    // 显示弹窗
    showDialog() {
      this.isShow = true
    },
    // 关闭弹窗
    hideDialog() {
      this.isShow = false
      this.dialogData = {}
    },
    // 数据初始化
    dataInit(data) {
      this.dialogData = data
    }
  }
}