/**
*Desc:
*Create by: jug
*Create time:2023/12/15/11:37
*/
<template>
  <div style="padding-bottom: 20px;">
    <van-form>
      <div class="van-cell-group__title">
        <div class="van-sidebar-item van-sidebar-item--select">
          申请信息
        </div>
      </div>
      <van-cell-group>
        <van-cell readonly :value="formData.reserve_person_username" title="预约人姓名"></van-cell>
        <van-cell readonly :value="formData.reserve_person_loginname" title="预约人工号"></van-cell>
        <van-cell readonly :value="formData.reserve_person_sex" title="预约人性别"></van-cell>
        <van-cell readonly :value="formData.reserve_person_phone" title="预约人电话"></van-cell>
        <van-cell readonly :value="formData.reserve_person_unitname" title="预约人部门"></van-cell>
        <van-cell readonly :value="formData.reserve_person_unionname" title="预约人工会"></van-cell>
        <van-cell readonly :value="formData.site_name" title="预约场地"></van-cell>
        <van-cell readonly title="预约开始时间" :value="formData.reserve_start_time"></van-cell>
        <van-cell readonly title="预约结束时间" :value="formData.reserve_end_time"></van-cell>
<!--        <van-cell readonly :value="formData.reserve_activity" title="预约活动项目"></van-cell>-->
        <van-cell :value="formData.reserve_cause"
                   rows="1"
                   autosize
                   type="textarea"
                   title="预约事由"></van-cell>
        <van-cell :value="formData.reserve_join_user_num"
                   title="参加人数"></van-cell>
<!--        <van-cell :value="formData.reserve_demand"-->
<!--                   rows="1"-->
<!--                   autosize-->
<!--                   type="textarea"-->
<!--                   title="场地需求"></van-cell>-->
      </van-cell-group>
    </van-form>

    <template v-if="formData && formData.unionProcess">
      <div class="van-cell-group__title">
        <div class="van-sidebar-item van-sidebar-item--select">
          分工会审核信息
        </div>
      </div>
      <van-cell-group>
        <van-cell title="审&ensp;核&ensp;人" :value="formData.unionProcess.username"></van-cell>
        <van-cell title="审核时间" :value="formData.unionProcess.auditTime"></van-cell>
        <van-cell title="审核意见" :value="formData.unionProcess.auditOpinion"></van-cell>
      </van-cell-group>
    </template>

    <template v-if="formData && formData.schoolProcess">
      <div class="van-cell-group__title">
        <div class="van-sidebar-item van-sidebar-item--select">
          校工会审核信息
        </div>
      </div>
      <van-cell-group>
        <van-cell title="审&ensp;核&ensp;人" :value="formData.schoolProcess.username"></van-cell>
        <van-cell title="审核时间" :value="formData.schoolProcess.auditTime"></van-cell>
        <van-cell title="审核意见" :value="formData.schoolProcess.auditOpinion"></van-cell>
      </van-cell-group>
    </template>

    <slot name="audit"></slot>

  </div>
</template>

<script>
module.exports = {
  name: "SiteH5Info",
  props: {
    id: String
  },
  data() {
    return {
      formData: {}
    }
  },
  methods: {
    async getInfo(id) {
      const {data, code, msg} = await $.get("/platform/activity/site/reserve/findOne", {id})
      if (code === 0) {
        this.formData = data
      } else {
        this.$toast.fail('获取信息失败');
      }
    },
  },
  created() {
    this.getInfo(this.id)
  }
}
</script>

<style scoped>
.van-cell-group__title {
  padding-left: 0 !important;
}

.van-sidebar-item {
  font-size: 16px !important;
  text-indent: 4px !important;
}

.van-sidebar-item--select::before {
  left: 5px !important;
}
</style>