/**
*Desc:
*Create by: jug
*Create time:2024/1/2/13:05
*/
<template>
  <div>
    <el-tabs v-model="activeName">
      <el-tab-pane label="上报名单" name="1">
        <el-table :data="users" border>
          <el-table-column label="姓名" prop="username"></el-table-column>
          <el-table-column label="工号" prop="loginname"></el-table-column>
          <el-table-column label="单位" prop="unitname"></el-table-column>
          <el-table-column label="分工会" prop="unionname"></el-table-column>
        </el-table>
      </el-tab-pane>
      <el-tab-pane label="分工会主席审核" name="分工会主席审核" v-if="unionAudit && unionAudit.id">
        <el-descriptions :column="3" border>
          <el-descriptions-item label="姓名">{{ unionAudit.username }}</el-descriptions-item>
          <el-descriptions-item label="工号">{{ unionAudit.loginname }}</el-descriptions-item>
          <el-descriptions-item label="审核时间">{{ unionAudit.auditTime }}</el-descriptions-item>
          <el-descriptions-item label="审核意见" :span="3">
            {{ unionAudit.auditOpinion }}
          </el-descriptions-item>
          <el-descriptions-item label="签字" :span="3">
            <el-image
                v-if="unionAudit.auditSign"
                :src="unionAudit.auditSign"
                style="width: 100px; height: 100px"
            ></el-image>
            <span v-else>无</span>
          </el-descriptions-item>
        </el-descriptions>
      </el-tab-pane>
      <slot name="handle"></slot>
    </el-tabs>
  </div>
</template>

<script>
module.exports = {
  name: "welfareUserEscalation",
  props: {},
  data() {
    return {
      activeName: '1',
      users: [],
      project: {},
      unionAudit: {},
      schoolAudit: {}
    }
  },
  methods: {
    async findOne(projectId, unionId = null) {
      const {data, code} = await $.get('/platform/welfare/member/escalation/findOne', {projectId, unionId})
      this.project = data.project
      this.users = data.users
      this.unionAudit = data.unionAudit
      this.schoolAudit = data.schoolAudit
    }
  },
  created() {

  }
}
</script>

<style scoped>

</style>