<style>
  .editOrderDrawerTop {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    background-color: #f0f5fb;
    padding: 5px 10px;
    align-items: center;
  }

</style>

<!--订单操作-->
<template>
  <q-dialog v-model="IsShowEditOrder" maximized full-height seamless position="right">
    <q-card style="margin-top:61px;width:500px" class="no-border-radius classinfo_Dialog">
      <div class="editOrderDrawerTop">
        <div style="display:flex;align-items:center;margin-left:10px;">
          <span class="drawer_Span">约课详情</span>
        </div>
      </div>
      <div style="padding:20px 15px;">
        <q-input filled stack-label maxlength="100" readonly :dense="false" v-model="saveObj.VisitorName"
          class="col-12 q-pb-lg" label="客户名称" />
        <q-input filled stack-label maxlength="100" readonly :dense="false" v-model="saveObj.ClassDateStr"
          class="col-12 q-pb-lg" label="日期" />
        <q-input filled stack-label maxlength="100" readonly :dense="false" v-model="saveObj.ClassTime"
          class="col-12 q-pb-lg" label="开始时间" />
        <q-input filled stack-label maxlength="100" readonly :dense="false" v-model="saveObj.EndTime"
          class="col-12 q-pb-lg" label="结束时间" />
        <q-input filled stack-label maxlength="100" readonly :dense="false" v-model="saveObj.TeacherName"
          class="col-12 q-pb-lg" label="老师" />
        <q-input filled stack-label maxlength="100" readonly :dense="false" v-model="saveObj.RoomName"
          class="col-12 q-pb-lg" label="教室" />
        <q-input filled stack-label maxlength="100" readonly :dense="false" v-model="saveObj.OrderId"
          class="col-12 q-pb-lg" label="订单编号" />
        <q-input filled stack-label maxlength="100" readonly :dense="false" v-model="saveObj.ReserveStatusStr"
          class="col-12 q-pb-lg" label="状态" />
        <q-input filled stack-label :dense="false" readonly v-model="saveObj.ClassContent" type="textarea"
          class="col-12 q-pb-lg" label="主讲内容" />
        <div style="margin:30px 10px 70px 0;">
          <q-btn class="q-mr-md" label="取消" @click="closeEditOrder" />
        </div>
      </div>
    </q-card>
    <div class="dialog-out-close" @click="closeEditOrder"
      style="height:40px !important;border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;">
      <q-icon name="iconfont icon-jujue1" size="26px" />
    </div>
  </q-dialog>
</template>
<script>
  export default {
    props: {
      saveObj: {
        type: Object,
        default: null,
      }
    },
    data() {
      return {
        IsShowEditOrder: true
      }
    },
    created() {

    },
    mounted() {},
    watch: {

    },
    methods: {
      //关闭弹窗
      closeEditOrder() {
        this.IsShowEditOrder = false;
        this.$emit('close')
      },
    }
  }

</script>
