<template>
  <my-dialog :print="print" title="改约" :is-show="show" @close="closeDialog">
    <el-form id="reOrder" ref="form" :model="form" label-width="80px">
      <div class="secTitle">检查项目:前节激光治疗</div>
      <el-form-item label-width="100px" required label="预约时间:">
        <el-col :span="11">
          <el-date-picker v-model="form.date1" type="date" placeholder="选择日期" style="width: 100%;" />
        </el-col>
        <el-col class="line" :span="1">-</el-col>
        <el-col :span="11">
          <el-time-picker v-model="form.date2" placeholder="选择时间" style="width: 100%;" />
        </el-col>
      </el-form-item>
      <div class="secTitle">检查项目:UBM</div>
      <el-form-item label-width="100px" required label="预约时间:">
        <el-col :span="11">
          <el-date-picker v-model="form.date3" type="date" placeholder="选择日期" style="width: 100%;" />
        </el-col>
        <el-col class="line" :span="1">-</el-col>
        <el-col :span="11">
          <el-time-picker v-model="form.date4" placeholder="选择时间" style="width: 100%;" />
        </el-col>
      </el-form-item>
      <div class="secTitle">检查项目:UBM</div>
      <el-form-item label-width="100px" required label="预约时间:">
        <el-col :span="11">
          <el-date-picker v-model="form.date5" type="date" placeholder="选择日期" style="width: 100%;" />
        </el-col>
        <el-col class="line" :span="1">-</el-col>
        <el-col :span="11">
          <el-time-picker v-model="form.date6" placeholder="选择时间" style="width: 100%;" />
        </el-col>
      </el-form-item>
    </el-form>
  </my-dialog>
</template>

<script>
import MyDialog from '@/page-subspecialty/views/modules/nurseManagement/myDialog.vue'

export default {
  name: 'ReDialog',
  components: { MyDialog },
  props: {
    isShow: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      show: false,
      print: {
        id: 'reOrder'
      },
      form: {
        date1: '',
        date2: '',
        date3: '',
        date4: '',
        date5: '',
        date6: ''
      }
    }
  },
  watch: {
    isShow(val) {
      this.show = val
    }
  },
  methods: {
    closeDialog(val) {
      this.show = val
      this.$emit('close', val)
    }
  }
}
</script>

<style lang="scss" scoped>
.line{
  text-align: center;
}
.secTitle{
  font-size: 16px;
  font-weight: bold;
  color:  rgba(0, 0, 0, 0.85);
  margin: 16px 0;
}
</style>
