zhgh_zjitc/src/main/resources/static/components/theRapyRecuperation/XghEnrollInfo.vue

<template>

  <div>
    <el-tabs tab-position="top" v-model="activeName" v-loading="loading">
      <el-tab-pane label="报名信息" name="1">
        <div class="panel panel-default mt20" style="border: none">
          <div class="panel-heading" style="background: #fafafa;border:1px solid #ebeef5;border-bottom: none">
            <h3 class="panel-title">
              本人信息
            </h3>
          </div>
          <el-descriptions :column="2" border class="viewTable">
            <el-descriptions-item label="一卡通号">{{ viewData.loginName }}</el-descriptions-item>
            <el-descriptions-item label="姓名">{{ viewData.userName }}</el-descriptions-item>
            <el-descriptions-item label="性别">{{ viewData.sex }}</el-descriptions-item>
            <el-descriptions-item label="身份证号">{{ viewData.idCard }}</el-descriptions-item>
            <el-descriptions-item label="单位">{{ viewData.unitName }}</el-descriptions-item>
            <el-descriptions-item label="工会">{{ viewData.unionName }}</el-descriptions-item>
            <!--            <el-descriptions-item label="是否转入转出">
                           <span class="label label-primary">
                              <sapn v-if="viewData.takePartInUnionId!=union_id">转出报名</sapn>
                                        <sapn v-else-if="viewData.selfUnionId!=union_id">转入报名</sapn>
                                        <sapn v-else>本公会报名</sapn>
                           </span>
                        </el-descriptions-item>-->

            <el-descriptions-item label="报名时间">{{ viewData.signingUptime }}</el-descriptions-item>
            <el-descriptions-item label="参加活动时间">{{
                viewData.specificTime ? viewData.specificTime : '暂未更新'
              }}
            </el-descriptions-item>
            <el-descriptions-item label="实际出行时间">{{
                viewData.takePartInTime ? viewData.takePartInTime : '暂未更新'
              }}
            </el-descriptions-item>


            <el-descriptions-item label="线路名称">{{ viewData.lineName }}</el-descriptions-item>
            <el-descriptions-item label="旅行社名称">{{ viewData.travelAgencyName }}</el-descriptions-item>
            <el-descriptions-item label="是否携带家属">
               <span class="label label-primary">
                  {{ viewData.isFamily ? '携带' : '未携带' }}
               </span>
            </el-descriptions-item>

            <template v-if="modifyConfig.bedInfo">
              <el-descriptions-item label="床型">{{ viewData.bedInfo.bedType }}</el-descriptions-item>
              <el-descriptions-item label="床位">{{
                  viewData.bedInfo.bedNum ? viewData.bedInfo.bedNum : '暂无'
                }}
              </el-descriptions-item>

              <el-descriptions-item label="意向拼床人">
                {{ viewData.bedInfo.otherSleepUser ? viewData.bedInfo.otherSleepUser : '暂无' }}
              </el-descriptions-item>
            </template>
          </el-descriptions>
        </div>

        <div v-if="modifyConfig.familyInfo == 2" class="panel panel-default mt20" style="border: none">
          <div class="panel-heading" style="background: #fafafa;border:1px solid #ebeef5;border-bottom: none">
            <h3 class="panel-title">
              同伴信息
            </h3>
          </div>
          <div class="panel-body" style="border: 1px solid rgb(235, 238, 245)">
            <el-table :data="viewData.companionList">
              <el-table-column label="姓名" prop="userName"></el-table-column>
              <el-table-column label="性别" prop="sex"></el-table-column>
              <el-table-column label="身份证号" prop="idCard"></el-table-column>
              <el-table-column label="年龄" prop="age"></el-table-column>
              <el-table-column label="床型" prop="bedType">
                <template scope="{row}">
                  {{ row.bedInfo.bedType }}
                </template>
              </el-table-column>
              <el-table-column label="床位" prop="bedNum">
                <template scope="{row}">
                  {{ row.bedInfo.bedNum }}
                </template>
              </el-table-column>
              <el-table-column label="意向拼床人" prop="otherSleepUser">
                <template scope="{row}">
                  {{ row.bedInfo.otherSleepUser ? row.bedInfo.otherSleepUser : '暂无' }}
                </template>
              </el-table-column>
              <el-table-column label="关系" prop="relation"></el-table-column>
            </el-table>
          </div>
        </div>
      </el-tab-pane>
      <el-tab-pane label="校工会审核信息" name="2" v-if="viewData.schoolUnionAudit">
        <div class="panel panel-default mt20" style="border: none">
          <div class="panel-heading" style="background: #fafafa;border:1px solid #ebeef5;border-bottom: none">
            <h3 class="panel-title">
              审核信息
            </h3>
          </div>

          <el-descriptions :column="2" border class="viewTable">
            <el-descriptions-item label="审核人">
              {{ viewData.schoolUnionAudit.username }}({{ viewData.schoolUnionAudit.loginname }})
            </el-descriptions-item>
            <el-descriptions-item label="审核时间">{{ viewData.schoolUnionAudit.auditTime }}</el-descriptions-item>
            <el-descriptions-item label="审核意见">{{ viewData.schoolUnionAudit.auditOpinion }}</el-descriptions-item>

          </el-descriptions>
        </div>
      </el-tab-pane>
      <slot name="handle"></slot>
    </el-tabs>
  </div>

</template>

<script>
module.exports = {
  props: {
    union_id: {
      type: String,
      default: "",
    },
  },
  components: {
    'line-info': httpVueLoader('/components/theRapyRecuperation/LineInfo.vue')
  },
  data() {
    return {
      activeName: "1",
      viewData: {
        companionList: [],
        bedInfo: {},
      },
      loading: false,
      modifyConfig:{}
    }
  },
  methods: {
    async findOne(id) {
      this.loading = true
      const resp = await $.get("/platform/theRapyRecuperation/TheRapyAudit/findOne", {id})
      this.loading = false
      if (resp.code === 0) {
        this.viewData = resp.data.viewData
      } else {
        this.viewData = {}
        this.$notify.warning({title: '警告', message: resp.data})
      }
    },
    openView(id) {
      this.findOne(id)
    },
    openAudit(id, activeName) {
      this.findOne(id)
      this.activeName = activeName
    },
    async getModifyConfig() {
      const res = await $.post('/platform/theRapyRecuperation/TheRapyConfig/findOne')
      if (res.code === 0) {
        this.modifyConfig = res.data
      }
    },
  },
  async created() {
    await this.getModifyConfig();
  }
}
</script>