/**
*Desc:
*Create by: jug
*Create time:2023/7/27/14:46
*/
<template>
  <div>
    <el-tabs v-model="tabActive">
      <el-tab-pane label="申请信息" name="1">
        <el-descriptions border class="descriptions-form">
          <el-descriptions-item label="姓名">
            {{ applyData.userName }}
          </el-descriptions-item>
          <el-descriptions-item label="性别">
            {{ applyData.sex }}
          </el-descriptions-item>
          <el-descriptions-item label="年龄">
            {{ applyData.age }}
          </el-descriptions-item>

          <el-descriptions-item label="所在部门">
            {{ applyData.unitName }}
          </el-descriptions-item>
          <el-descriptions-item label="工号" :span="2">
            {{ applyData.loginName }}
          </el-descriptions-item>

          <el-descriptions-item label="联系电话">
            {{ applyData.mobile }}
          </el-descriptions-item>

          <el-descriptions-item label="家庭住址" :span="2">
            {{ applyData.homeAddress }}
          </el-descriptions-item>

          <el-descriptions-item label="申请补助类别" :span="3"
                                v-if="projectInfo && projectInfo.length>0 && applyData.subsidyType!=null">
            <el-checkbox-group v-model="applyData.subsidyType" class="disabled-group">
              <el-checkbox v-for="item in projectInfo" :label="item.id" :key="item.id">
                {{ item.projectName }}
              </el-checkbox>
            </el-checkbox-group>
          </el-descriptions-item>

          <el-descriptions-item label="住院记录" :span="3">
            <el-table :data="applyData.hospitalRecords" border>
              <el-table-column label="就诊医院" prop="hospitalName"></el-table-column>
              <el-table-column label="入院时间" prop="startDate"></el-table-column>
              <el-table-column label="出院时间" prop="endDate"></el-table-column>
              <el-table-column label="自费金额" prop="selfFundedAmount"></el-table-column>

              <el-table-column label="住院事由" prop="subsidyType">
                <template scope="{row,$index}">
                  {{ projectInfo.filter(v => row.subsidyType.includes(v.id)).map(v => v.projectName).join('、') }}
                </template>
              </el-table-column>

              <el-table-column label="疾病详情" prop="diseaseDetail">
                <template scope="{row,$index}">
                  <el-tooltip placement="top">
                    <div slot="content">
                      <div
                          v-for="(item,idx) in projectInfo.flatMap(v => v.diseaseTypeList).filter(v=>row.diseaseDetail.includes(v.id)).map(v => v.diseaseName)"
                          class="mb10">
                        {{ idx + 1 + '.' + item }}
                      </div>
                    </div>
                    <span style="white-space: nowrap">{{
                        projectInfo.flatMap(v => v.diseaseTypeList).filter(v => row.diseaseDetail.includes(v.id)).map(v => v.diseaseName).join('、')
                      }}</span>
                  </el-tooltip>
                </template>
              </el-table-column>


              <el-table-column label="备注" prop="notes"></el-table-column>
            </el-table>
          </el-descriptions-item>

          <el-descriptions-item label="申请补助原因" :span="3">
            {{ applyData.reason }}
          </el-descriptions-item>

          <el-descriptions-item label="证明材料" :span="3">
            <file-upload :files.sync="applyData.files" view></file-upload>
          </el-descriptions-item>
        </el-descriptions>


      </el-tab-pane>
      <el-tab-pane label="分工会审核信息" name="2" v-if="applyData.branchUnionAudit">
        <el-descriptions border class="descriptions-form" :column="2">
          <el-descriptions-item label="审核人">
            {{ applyData.branchUnionAudit.username }}
          </el-descriptions-item>

          <el-descriptions-item label="审核时间">
            {{ applyData.branchUnionAudit.auditTime }}
          </el-descriptions-item>

          <el-descriptions-item label="审核结果">
            <dict-tag :options="dict.type.auditType" :value="applyData.branchUnionAudit.auditType"></dict-tag>
          </el-descriptions-item>

          <el-descriptions-item label="审核意见">
            {{ applyData.branchUnionAudit.auditOpinion }}
          </el-descriptions-item>
        </el-descriptions>

      </el-tab-pane>
      <el-tab-pane label="校工会审核信息" name="3" v-if="applyData.schoolAudit">
        <el-descriptions border class="descriptions-form" :column="2">
          <el-descriptions-item label="审核人">
            {{ applyData.schoolAudit.username }}
          </el-descriptions-item>

          <el-descriptions-item label="审核时间">
            {{ applyData.schoolAudit.auditTime }}
          </el-descriptions-item>

          <el-descriptions-item label="审核结果">
            <dict-tag :options="dict.type.auditType" :value="applyData.schoolAudit.auditType"></dict-tag>
          </el-descriptions-item>

          <el-descriptions-item label="审核意见">
            {{ applyData.schoolAudit.auditOpinion }}
          </el-descriptions-item>

          <el-descriptions-item label="补助金额（元）">
            {{ applyData.subsidyAmount }}
          </el-descriptions-item>

        </el-descriptions>
      </el-tab-pane>
      <slot></slot>
    </el-tabs>
  </div>
</template>

<script>
module.exports = {
  name: "processInfo",
  dicts: ['auditType'],
  data() {
    return {
      tabActive: '1',
      applyData: {},
      projectInfo: []
    }
  },
  methods: {
    async getApplyInfo(id) {
      if (id) {
        const resp = await $.post('/platform/difficultSubsidy/common/findOne', {id})
        this.applyData = resp.data
      }
    },
    //补助类别
    async getProjectInfo() {
      const resp = await $.post('/platform/difficultSubsidy/common/projectInfo')
      if (resp.code === 0) {
        this.projectInfo = resp.data
      }
    },
  },
  created() {
    this.getProjectInfo()
  }
}
</script>

<style scoped>
.disabled-group .el-checkbox {
  pointer-events: none;
}
</style>