department-report/src/pages/report.vue

<template>
  <div id="app" v-cloak v-loading="state.loading">
    <template v-if="!state.error">
      <control-display :companyArr="companyArr" :hasPlatformDimension="hasPlatformDimension"  />
    </template>
    <template v-else>
      <unusual-state :message="state.message" />
    </template>
  </div>
</template>
<script>
import asyncRequest from "@/api/index"
import UnusualState from "@/components/unusual/index.vue"
import { getParameterByName ,getOpenid, setOpenid, removeOpenid } from "../utils/auth"

export default {
  name:'report',
  components:{ UnusualState },
  data() {
    return {
      companyArr:[],
      hasPlatformDimension: false,
      state:{
        error:false,
        loading:false,
        message:'',
      }
    }
  },
  async mounted(){
    this.requestUserinfo()
  },
  methods:{
    async requestUserinfo(){
      this.state.loading = true;
      const openid = getOpenid()

      const result = {"code":0,"message":"获取成功","data":{"id":"1","openid":"oOpc26KiZFBKIm7SB8knFGvov1qg","mobile":"","gender":"0","nickname":"雪寒","avatar":"","subscribe_time":"2022-12-21 15:52:14","addr":"\/\/","status":"1","is_show":"1","companyArr":[{"companyNo":"GS2302231125079621","companyName":"北京百辰荣达国际科贸有限公司"},{"companyNo":"GS2302231323386950","companyName":"北京泓源广诚国际商贸有限公司"},{"companyNo":"GS2304031312553746","companyName":"北京锦兴弘昌科技有限公司"},{"companyNo":"GS2302231124114965","companyName":"北京普润心堂商贸有限公司"},{"companyNo":"GS2203161855277894","companyName":"北京万宇恒通国际科贸有限公司"}],"addtime":"2023-04-10 18:11:07","updatetime":"2023-04-19 17:19:07"}}

      this.state.loading = false
      switch(Number(result.code)){
        case 0:
          this.companyArr = result.data.companyArr
          this.hasPlatformDimension = result.data.is_show === "1"
          setOpenid(result.data.openid)
          break
        default:
          this.state.error = true
          this.state.message = result.message
          openid && removeOpenid()
          break
      }
    }
  }
};
</script>