UNION_NSI/target/classes/static/components/mobile/difficulty/info.vue

<template>
  <div style="padding-bottom: 20px;">

    <van-form readonly input-align="right">
      <div class="van-cell-group__title">
        <div class="van-sidebar-item van-sidebar-item--select">
          申请信息
        </div>
      </div>
      <van-cell-group>
        <van-field readonly :value="viewData.sqrusername" label="姓名"></van-field>
        <van-field readonly :value="viewData.sqrloginname" label="工号"></van-field>
        <van-field readonly :value="viewData.sex" label="性别"></van-field>
        <van-field readonly :value="viewData.birthday" label="出生年月"></van-field>
        <van-field readonly :value="viewData.unitname" label="所在单位"></van-field>
        <van-field readonly :value="viewData.unionname" label="所在分工会"></van-field>
        <van-field readonly :value="viewData.lxfs" label="电话"></van-field>
        <van-field readonly :value="viewData.sqsj" label="申请时间"></van-field>
        <van-field readonly :value="difficulty.subsidy[viewData.sq_bzlx]" label="补助类型"></van-field>
        <van-field readonly :value=" difficulty.sq_knlx[viewData.sq_knlx] " label="困难类型"></van-field>
        <van-field readonly :value="viewData.apply_reason" label="申请理由"
                   input-align="left"
                   style="flex-flow: column"
                   rows="2" maxlength="200" type="textarea" show-word-limit autosize></van-field>
        <van-field label="附件" style="flex-flow: column" input-align="left">
          <template #label>
            <div class="mb10">附件</div>
          </template>
          <template #input>
            <vant-file-upload :files.sync="viewData.files" view :del="false"
                              v-if="viewData.files&&viewData.files.length"></vant-file-upload>
            <span v-else>暂无</span>
          </template>
        </van-field>

        <van-field name="sign" label="申请人签字">
          <template #input>
            <van-image width="200" height="100" :src="viewData.sqsign" v-if="viewData.sqsign!=null"></van-image>
            <span v-else>暂无</span>
          </template>
        </van-field>
      </van-cell-group>
    </van-form>

    <template v-if="viewData.upa">
      <div class="van-cell-group__title">
        <div class="van-sidebar-item van-sidebar-item--select">
          分工会审核信息
        </div>
      </div>
      <van-cell-group class="mt10">
        <div style="">
          <van-field label="审核人员" :value="viewData.upa.username" readonly></van-field>
          <van-field label="审核时间" :value="viewData.upa.auditTime"
                     readonly></van-field>
          <van-field label="审核意见"
                     :value="viewData.upa.auditOpinion ? viewData.upa.auditOpinion : '暂无'"
                     readonly></van-field>
          <van-field name="sign" label="审核签字">
            <template #input>
              <van-image width="200" height="100" :src="viewData.upa.auditSign"
                         v-if="viewData.upa.auditSign"></van-image>
              <span v-else>暂无</span>
            </template>
          </van-field>
        </div>
      </van-cell-group>
    </template>

    <template v-if="viewData.tda">
      <div class="van-cell-group__title">
        <div class="van-sidebar-item van-sidebar-item--select">
          二级单位党委书记审核
        </div>
      </div>
      <van-cell-group class="">
        <div style="">
          <van-field label="审核人员" :value="viewData.tda.username" readonly></van-field>
          <van-field label="审核时间" :value="viewData.tda.auditTime"
                     readonly></van-field>
          <van-field label="审核意见"
                     :value="viewData.tda.auditOpinion ? viewData.tda.auditOpinion : '暂无'"
                     readonly></van-field>
          <van-field name="sign" label="审核签字">
            <template #input>
              <van-image width="200" height="100" :src="viewData.tda.auditSign"
                         v-if="viewData.tda.auditSign"></van-image>
              <span v-else>暂无</span>
            </template>
          </van-field>
        </div>
      </van-cell-group>
    </template>

    <template v-if="viewData.sma">
      <div class="van-cell-group__title">
        <div class="van-sidebar-item van-sidebar-item--select">
          校工会审核信息
        </div>
      </div>
      <van-cell-group class="mt10">
        <div>
          <van-field label="审核人员" :value="viewData.sma.username" readonly></van-field>
          <van-field label="审核时间" :value="viewData.sma.auditTime"
                     readonly></van-field>
          <van-field label="审核意见"
                     :value="viewData.sma.auditOpinion ? viewData.sma.auditOpinion : '暂无'"
                     readonly></van-field>
          <van-field name="sign" label="审核签字">
            <template #input>
              <van-image width="200" height="100" :src="viewData.sma.auditSign"
                         v-if="viewData.sma.auditSign"></van-image>
              <span v-else>暂无</span>
            </template>
          </van-field>
        </div>
      </van-cell-group>
    </template>

    <template v-if="handle">
      <slot name="handle"></slot>
    </template>

  </div>
</template>

<script>
module.exports = {
  props: {
    handle: {
      type: Boolean,
      default: false,
    },
    title: {
      type: String,
      default: '审核'
    },
    id: {
      type: String,
      default: ''
    },
  },
  data() {
    return {
      viewData: {},
    }
  },
  components: {
    'vant-file-upload': httpVueLoader('/components/plugins/VantFileUpload.vue')
  },
  methods: {
    async getInfo(id) {
      const {data, code, msg} = await $.get("/platform/fw/difficulty/applylist/findOne", {id})
      if (data) {
        condolence.toFormData(data)
        this.viewData = data
      } else {
        this.viewData = {}
        this.$toast.fail('获取信息失败');
      }
    },
  },
  async created() {
    await this.getInfo(this.id)
  }
}
</script>
<style>
.van-cell-group__title {
  padding-left: 0 !important;
}

.van-sidebar-item {
  font-size: 16px !important;
  text-indent: 4px !important;
}

.van-sidebar-item--select::before {
  left: 5px !important;
}
</style>