itsm-wx-handle/pages/repairEntrance/repairEntrance.vue

<template>
  <view class="repairEntrance">
    <view class="info page_padding">
      <view class="info_text">
        <view class="text_left text_justify">您没有报修处理权限，如需要请联系管理员。</view>
      </view>
      <view class="info_tips text_center">如您需要报修点击<text class="info_primary">"进入报修”</text></view>
    </view>
    <view class="foot_common_btns">
      <button @click="goToRepair" type="default" class="primaryButton btn">进入报修</button>
    </view>
  </view>
</template>

<script setup>
  import { useSetTitle } from '@/share/useSetTitle.js'
  useSetTitle()
  /**
   * 进入报修
   */
  function goToRepair() {
    location.href = location.origin + '/req';
  }
</script>

<style lang="scss" scoped>
  .repairEntrance {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    .info {
      .info_text {
        line-height: 56rpx;
        font-size: 34rpx;
        padding: 90rpx 0 58rpx;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .info_tips {
        font-size: 24rpx;
        color: $uni-secondary-color;

        .info_primary {
          color: $uni-primary;
        }
      }
    }
  }
</style>