traffic-eff-app/pasbrg/pages/regmeeting/index.vue

<template>
  <auth-wrap ref="authWrap">
    <view class="regmeeting-content-info-container" slot="content">
      <u-empty
          mode="data"
          text="暂未报名，前去报名"
          v-if="isEmpty"
      >
      </u-empty>
      <template v-else="isEmpty">
        <u-cell-group :border="false">
          <u-cell title="姓名" :label="meetingInfo.usrName">
          </u-cell>
        </u-cell-group>
        <u-cell-group :border="false">
          <u-cell title="单位名称" :label="meetingInfo.orgUnitName">
          </u-cell>
        </u-cell-group>
        <u-cell-group :border="false">
          <u-cell title="职务" :label="meetingInfo.uniLevel">
          </u-cell>
        </u-cell-group>
        <u-cell-group :border="false">
          <u-cell title="联系电话" :label="meetingInfo.tel">
          </u-cell>
        </u-cell-group>
        <u-cell-group :border="false">
          <u-cell title="邮箱" :label="meetingInfo.email">
          </u-cell>
        </u-cell-group>
        <u-cell-group :border="false">
          <u-cell title="是否参加现场调研">
            <view
                slot="label"
            >
              <u-tag
                  plain
                  :text="SYS_YES_NO[meetingInfo.conferenceFlag].name"
                  :type="meetingInfo.conferenceFlag == SYS_YES_NO['0'].value ? 'success' : 'warning'">
              </u-tag>
            </view>
          </u-cell>
        </u-cell-group>
        <u-cell-group :border="false" v-if="meetingInfo.conferenceFlag == SYS_YES_NO['0'].value">
          <u-cell title="调研会场" :label="meetingInfo.contentTitle">
          </u-cell>
        </u-cell-group>
        <u-cell-group :border="false">
          <u-cell title="审核状态">
            <view
                slot="label"
            >
              <u-tag
                  plain
                  :text="REVIEW_STATUS[meetingInfo.reviewState].name"
                  :type="REVIEW_STATUS[meetingInfo.reviewState].tag">
              </u-tag>
            </view>
          </u-cell>
        </u-cell-group>
        <u-cell-group :border="false" v-if="REVIEW_STATUS.noPass.value == meetingInfo.reviewState">
          <u-cell title="不通过原因" :label="meetingInfo.reviewMsg">
          </u-cell>
        </u-cell-group>
        <view class="u-page__button-item">
          <u-button
              :disabled="[REVIEW_STATUS.pass.value].includes(meetingInfo.reviewState)"
              text="重新申请"
              size="normal"
              type="primary"
          ></u-button>
        </view>
      </template>
    </view>
  </auth-wrap>
</template>

<script>
import { fetchUsrMeetingInfo } from '@/common/api';
import { REVIEW_STATUS, SYS_YES_NO } from '@/common/EnumConst';
import AuthWrap from '@/components/AuthComp/index.vue';

export default {
  name: 'content',
  components: { AuthWrap },
  props: {},
  data() {
    return {
      SYS_YES_NO,
      REVIEW_STATUS,
      meetingInfo: {},
      isEmpty: false,
    };
  },
  created() {
  },
  onLoad(res) {
    // 登录返回之后的页面
    if (res) {
      this.queryParams = res;
    }
    this.getUsrMeetingInfo();
  },
  methods: {
    async getUsrMeetingInfo() {
      const { data } = await fetchUsrMeetingInfo();
      if (!data) {
        this.isEmpty = true;
        return;
      }
      this.isEmpty = false;
      const {
        content,
        ...apply
      } = data;
      this.meetingInfo = apply;
    },
  },
};
</script>
<style lang="scss" src="./index.scss" />;