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

<template>
  <auth-wrap ref="authWrap">
    <view class="regmeeting-content-info-container" slot="content">
      <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="人员类型" :label="USR_TYPE[meetingInfo.usrType].name">
        </u-cell>
      </u-cell-group>
      <template v-if="meetingInfo.applyType == MEETING_TYPE.meeting.value">
        <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>
      </template>
      <template v-else>
        <u-cell-group :border="false">
          <u-cell title="会议类型" :label="MEETING_TYPE[meetingInfo.applyType].name">
          </u-cell>
        </u-cell-group>
        <u-cell-group :border="false">
          <u-cell title="会议信息" :label="meetingInfo.contentTitle">
          </u-cell>
        </u-cell-group>
      </template>
      <u-cell-group :border="false">
        <u-cell title="来程交通方式" :label="TFC_TYPE[meetingInfo.wayComing].name">
        </u-cell>
      </u-cell-group>
      <u-cell-group :border="false">
        <u-cell :title="TFC_INFO[meetingInfo.wayComing].name" :label="meetingInfo.comInfo">
        </u-cell>
      </u-cell-group>
      <u-cell-group :border="false">
        <u-cell title="回程交通方式" :label="TFC_TYPE[meetingInfo.wayBack].name">
        </u-cell>
      </u-cell-group>
      <u-cell-group :border="false">
        <u-cell :title="TFC_INFO[meetingInfo.wayBack].name" :label="meetingInfo.backInfo">
        </u-cell>
      </u-cell-group>
      <u-cell-group :border="false">
        <u-cell title="备注" :label="meetingInfo.remark">
        </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>
      <u-cell-group :border="false" v-for="(item,index) in meetingInfo.follows">
        <u-cell  :border="false" :title="`随行人员${index+1}`" :label="item.usrName">
        </u-cell>
        <u-cell title="联系电话" :label="item.tel">
        </u-cell>
      </u-cell-group>
      <view style="margin-top: 20px">
        <rich-text
            v-if="REVIEW_STATUS[meetingInfo.reviewState]"
            :content="tips[REVIEW_STATUS[meetingInfo.reviewState].tip].content">
        </rich-text>
      </view>

      <view class="u-page__button-item">
        <u-button
            :disabled="[REVIEW_STATUS.pass.value].includes(meetingInfo.reviewState)"
            text="重新申请"
            size="normal"
            type="primary"
            @click="onRegistClick"
        ></u-button>
      </view>
    </view>
  </auth-wrap>
</template>

<script>
import { fetchMeetingTips, fetchUsrApplyDetail } from '@/common/api';
import { FORM_MOD, MEETING_TYPE, REVIEW_STATUS, SYS_YES_NO, TFC_INFO, TFC_TYPE, USR_TYPE } from '@/common/EnumConst';
import AuthWrap from '@/components/AuthComp/index.vue';
import RichText from '@/components/RichText/index.vue';
import { setStorageObj, storageKey } from '@/util';

export default {
  name: 'content',
  components: {
    RichText,
    AuthWrap,
  },
  props: {},
  data() {
    return {
      SYS_YES_NO,
      REVIEW_STATUS,
      USR_TYPE,
      MEETING_TYPE,
      TFC_INFO,
      TFC_TYPE,
      meetingInfo: {},
      tips: {},
    };
  },
  created() {
  },
  onLoad(res) {
    // 登录返回之后的页面
    if (res) {
      this.queryParams = res;
    }
    this.getUsrMeetingInfo();
    this.getTips();
  },
  onUnload() {
    let pages = getCurrentPages();//获取所有界面栈的实例列表
    let prePage = pages[pages.length - 2];//上一个界面的实例
    prePage.onLoad();
  },
  methods: {
    async getUsrMeetingInfo() {
      const { data } = await fetchUsrApplyDetail(this.queryParams.id);
      if (!data) {
        return;
      }
      this.meetingInfo = data;
    },
    async getTips() {
      const { data } = await fetchMeetingTips();
      if (!data) {
        return;
      }
      const result = {};
      data.forEach((item) => {
        result[item.id] = item;
      });
      this.tips = result;
    },
    onRegistClick() {
      if (this.meetingInfo.applyType == MEETING_TYPE.meeting.value) {
        uni.navigateTo({
          url: `/pasb/pages/regist/index?mode=${FORM_MOD.modify}&apply=${this.meetingInfo.id}`,
        });
        return;
      }
      setStorageObj(storageKey.regtheme, {
        id: this.meetingInfo.contentId,
        mode: 'mod',
        apply: this.meetingInfo.id,
      });
      uni.navigateTo({
        url: `/pasbrg/pages/regtheme/index?mode=${FORM_MOD.modify}&apply=${this.meetingInfo.id}`,
      });
    },
  },
};
</script>
<style lang="scss" src="./index.scss" />;