UNION_NSI/target/classes/static/components/projectfunding/projectInfo.vue

<template>
  <el-tabs v-model="project" tab-position="top">
    <el-tab-pane label="基本信息" name="1">
      <el-card shadow="never">
        <el-descriptions class="margin-top" :title="projectFunding.basicInfo.projectName" :column="3" border>
          <el-descriptions-item>
            <template slot="label">
              申报工会
            </template>
            {{ projectFunding.basicInfo.unionName }}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              工会人数
            </template>
            {{ projectFunding.basicInfo.unionPeoNum }}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              工会主席
            </template>
            {{ projectFunding.basicInfo.unionLeader }}
          </el-descriptions-item>

          <el-descriptions-item>
            <template slot="label">
              申报人
            </template>
            {{ projectFunding.basicInfo.declarer }}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              申报金额
            </template>
            {{ projectFunding.basicInfo.subsidyAmount }}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              申报日期
            </template>
            {{ projectFunding.basicInfo.auditTime }}
          </el-descriptions-item>

          <el-descriptions-item :span="3">
            <template slot="label">
              年度获奖情况
            </template>
            {{ projectFunding.basicInfo.award ? projectFunding.basicInfo.award : '暂无' }}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              具体预算详情
            </template>
            <div class="text-left" v-html="projectFunding.basicInfo.specificInfo"></div>
          </el-descriptions-item>
        </el-descriptions>

      </el-card>
    </el-tab-pane>

    <el-tab-pane v-if="projectFunding.basicInfo.state>1700" label="二级党组织审核信息" name="2">
      <el-card shadow="never">
        <el-descriptions class="margin-top" title="二级党组织审核信息" :column="2" border>
          <el-descriptions-item>
            <template slot="label">
              审核人
            </template>
            {{projectFunding.basicInfo.twoOrganizationPrincipal}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              审核时间
            </template>
            {{projectFunding.basicInfo.twoOrganizationAuditTime}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              审核意见
            </template>
            {{projectFunding.basicInfo.twoOrganizationOpinion}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              签字
            </template>
            <div>
              <el-image :src="projectFunding.basicInfo.twoOrganizationSignature" style="width: 200px;height:auto"
                        v-if="projectFunding.basicInfo.twoOrganizationSignature"></el-image>
              <span v-else>暂无</span>
            </div>
          </el-descriptions-item>
        </el-descriptions>
      </el-card>
    </el-tab-pane>

    <el-tab-pane v-if="projectFunding.basicInfo.state>1800" label="校工会审核信息" name="3">
      <el-card shadow="never">
        <el-descriptions class="margin-top" title="校工会审核信息" :column="2" border>
          <el-descriptions-item>
            <template slot="label">
              审核人
            </template>
            {{projectFunding.basicInfo.xghPrincipal}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              审核时间
            </template>
            {{projectFunding.basicInfo.xghAuditTime}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              审批金额
            </template>
            {{projectFunding.basicInfo.auditAmount}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              审核意见
            </template>
            {{projectFunding.basicInfo.xghOpinion}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              签字
            </template>
            <div>
              <el-image :src="projectFunding.basicInfo.xghSignature" style="width: 200px;height:auto"
                        v-if="projectFunding.basicInfo.xghSignature"></el-image>
              <span v-else>暂无</span>
            </div>
          </el-descriptions-item>
        </el-descriptions>
      </el-card>
    </el-tab-pane>

    <!--handle 主要是审核操作-->
    <slot name="handle"></slot>
  </el-tabs>
</template>

<script>
module.exports = {
  props: {
    project: {
      type: String,
      default: '1'
    }
  },
  data(){
    return {
      projectFunding: {
        basicInfo: {},
      },
    }
  },
  methods:{
    async showInfo(id, project = '1'){
      const resp = await $.get(base + '/platform/projectfunding/declare/findProjectInfo/' + id)
      this.project = project
      if (resp.code === 0){
        this.projectFunding.basicInfo = resp.data
      }
    },

  }
}
</script>

<style scoped>

</style>