UNION_NSI/target/classes/static/components/childcareFees/info.vue

<template>

  <div>
    <el-tabs tab-position="top" v-model="activeName" v-loading="loading">
      <el-tab-pane label="填报信息" name="1">


        <el-descriptions :column="3" border class="table_fixed">


          <el-descriptions-item label="工号">
            {{ viewData.loginName }}
          </el-descriptions-item>

          <el-descriptions-item label="姓名">
            {{ viewData.userName }}
          </el-descriptions-item>

          <el-descriptions-item label="单位">
            {{ viewData.unitName }}
          </el-descriptions-item>

          <el-descriptions-item label="工会">
            {{ viewData.unionName }}
          </el-descriptions-item>

          <el-descriptions-item :span="2" label="报销金额">
            {{ viewData.money }}
          </el-descriptions-item>

          <el-descriptions-item :span="3" label="报销附件">
            <file-upload v-if="viewData.files&&viewData.files.length"
                         :files="viewData.files"
                         :view="true"></file-upload>
            <span v-else>暂无</span>
          </el-descriptions-item>

          <el-descriptions-item :span="3" label="签字">
            <el-image v-if="viewData.userApplySignData"
                      style="width: 300px; height: 100px"
                      :src="viewData.userApplySignData"
                      fit="contain"></el-image>
            <span v-else>暂无</span>
          </el-descriptions-item>


        </el-descriptions>


      </el-tab-pane>


      <el-tab-pane label="分工会审核信息" name="2" v-if="viewData.unionAuditId">

        <el-descriptions :column="2" border class="table_fixed">


          <el-descriptions-item label="审核人">
            {{ viewData.unionAudit.username }}（{{ viewData.unionAudit.loginname }}）
          </el-descriptions-item>
          <el-descriptions-item label="审核时间">
            {{ viewData.unionAudit.auditTime }}
          </el-descriptions-item>

          <el-descriptions-item :span="2" label="审核意见">
            <span
                v-if="viewData.unionAudit.auditOpinion">{{ viewData.unionAudit.auditOpinion }}</span>
            <span v-else>暂无</span>
          </el-descriptions-item>

          <el-descriptions-item :span="3" label="签字">
            <el-image v-if="viewData.unionAudit.auditSign"
                      style="width: 300px; height: 100px"
                      :src="viewData.unionAudit.auditSign"
                      fit="contain"></el-image>
            <span v-else>暂无</span>
          </el-descriptions-item>



        </el-descriptions>
      </el-tab-pane>


      <el-tab-pane label="校工会审核信息" name="3" v-if="viewData.schoolAuditId">

        <el-descriptions :column="2" border class="table_fixed">


          <el-descriptions-item label="审核人">
            {{ viewData.schoolAudit.username }}（{{ viewData.schoolAudit.loginname }}）
          </el-descriptions-item>
          <el-descriptions-item label="审核时间">
            {{ viewData.schoolAudit.auditTime }}
          </el-descriptions-item>

          <el-descriptions-item :span="2" label="审核意见">
            <span
                v-if="viewData.schoolAudit.auditOpinion">{{ viewData.schoolAudit.auditOpinion }}</span>
            <span v-else>暂无</span>
          </el-descriptions-item>

          <el-descriptions-item :span="3" label="签字">
            <el-image v-if="viewData.schoolAudit.auditSign"
                      style="width: 300px; height: 100px"
                      :src="viewData.schoolAudit.auditSign"
                      fit="contain"></el-image>
            <span v-else>暂无</span>
          </el-descriptions-item>

        </el-descriptions>
      </el-tab-pane>


      <el-tab-pane label="校领导审核信息" name="4" v-if="viewData.schoolProAuditId">

        <el-descriptions :column="2" border class="table_fixed">


          <el-descriptions-item label="审核人">
            {{ viewData.schoolProAudit.loginname }}（{{ viewData.schoolProAudit.loginname }}）
          </el-descriptions-item>
          <el-descriptions-item label="审核时间">
            {{ viewData.schoolProAudit.auditTime }}
          </el-descriptions-item>

          <el-descriptions-item :span="2" label="审核意见">
            <span
                v-if="viewData.schoolProAudit.auditOpinion">{{ viewData.schoolProAudit.auditOpinion }}</span>
            <span v-else>暂无</span>
          </el-descriptions-item>

          <el-descriptions-item :span="3" label="签字">
            <el-image v-if="viewData.schoolProAudit.auditSign"
                      style="width: 300px; height: 100px"
                      :src="viewData.schoolProAudit.auditSign"
                      fit="contain"></el-image>
            <span v-else>暂无</span>
          </el-descriptions-item>

        </el-descriptions>
      </el-tab-pane>


      <el-tab-pane v-if="handle" :label="label" name="999">
        <slot name="handle"></slot>
      </el-tab-pane>


    </el-tabs>
  </div>
</template>
<script>
module.exports = {
  props: {
    handle: {
      type: Boolean,
      default: false,
    },
    label: {
      type: String,
      default: '审核'
    },
    panes: {
      type: Array,
      default: []
    },
  },
  data() {
    return {
      activeName: "1",
      viewData: {},
      loading: true,
    }
  },
  components: {
    'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
  },
  methods: {
    hasPane(name) {
      if (!this.handle) {
        return true
      }
      return this.panes.includes(name)
    },
    async getInfo(id) {
      this.loading = true
      const {data, code, msg} = await $.get("/platform/childcareFees/userApply/findOne", {id})
      this.loading = false
      if (data) {
        this.activeName = this.handle ? "999" : "1"
        this.viewData = data

      } else {
        this.viewData = {}
        this.$message({
          message: "获取信息失败",
          type: 'error'
        });
      }
    },
  },

}
</script>