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

<template>
  <div>
    <el-tabs tab-position="top" v-model="name" v-loading="loading">
      <el-tab-pane label="上报信息" name="1">
        <el-form label-suffix="：" label-position="left" style="padding: 20px 0">
          <el-row gutter="20">
            <el-col :span="8">
              <el-form-item label="工号">
                {{ viewData.loginName }}
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="姓名">
                {{ viewData.userName }}
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="单位">
                {{ viewData.unitName }}
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="工会">
                {{ viewData.unionName }}
              </el-form-item>
            </el-col>
<!--            <el-col :span="8">
              <el-form-item label="入职时间">
                {{ viewData.rzsj }}
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="子女姓名">
                {{ viewData.name }}
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="子女性别">
                {{ viewData.sex }}
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="办证时间">
                {{ viewData.bzsj }}
              </el-form-item>
            </el-col>-->
            <el-col :span="8">
              <el-form-item label="子女出生时间">
                {{ viewData.cssj }}
              </el-form-item>
            </el-col>
<!--            <el-col :span="24">
              <el-form-item prop="user_name" label="独生子女父母光荣证">
                <file-upload v-if="viewData.files&&viewData.files.length"
                             :files="viewData.files"
                             :view="true"></file-upload>
                <span v-else>暂无</span>
              </el-form-item>
            </el-col>-->
            <el-col :span="24">
              <el-form-item prop="user_name" label="备注">
                {{ viewData.bz }}
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item prop="signData" label="签字">
                <el-image style="width: 200px;height:auto" :src="viewData.signData"/>
              </el-form-item>
            </el-col>


          </el-row>
        </el-form>
      </el-tab-pane>

      <el-tab-pane label="基层工会审核信息" name="2" v-if="hasPane(2)&&viewData.fghshr">
        <el-form label-suffix="：" label-position="left" style="padding: 20px 0">
          <el-row gutter="20">
            <el-col :span="12">
              <el-form-item label="审核人">
                {{ viewData.fuaername }}
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="审核时间">
                {{ viewData.fghshsj }}
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="审核意见">
                {{ viewData.fghshyj }}
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </el-tab-pane>

      <el-tab-pane label="校工会审核信息" name="3" v-if="hasPane(3)&&viewData.xghshr">
        <el-form label-suffix="：" label-position="left" style="padding: 20px 0">
          <el-row gutter="20">
            <el-col :span="12">
              <el-form-item label="审核人">
                {{ viewData.xusername }}
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="审核时间">
                {{ viewData.xghshsj }}
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item label="审核意见">
                {{ viewData.xghshyj }}
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </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 {
      name: "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/fw/singleChild/report/findOne", {id})
      this.loading = false
      if (data) {
        this.viewData.files = []
        this.name = this.handle ? "999" : "1"
        this.viewData = data
        if (this.viewData.files.length > 0) {
          this.viewData.files = JSON.parse(data.files)
        }
      } else {
        this.viewData = {}
        this.$message({
          message: "获取信息失败",
          type: 'error'
        });
      }

    }
  }
}
</script>