repairEntrance.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <template>
  2. <view class="repairEntrance">
  3. <view class="info page_padding">
  4. <view class="info_text">
  5. <view class="text_left text_justify">您没有报修处理权限,如需要请联系管理员。</view>
  6. </view>
  7. <view class="info_tips text_center">如您需要报修点击<text class="info_primary">"进入报修”</text></view>
  8. </view>
  9. <view class="foot_common_btns">
  10. <button @click="goToRepair" type="default" class="primaryButton btn">进入报修</button>
  11. </view>
  12. </view>
  13. </template>
  14. <script setup>
  15. import { useSetTitle } from '@/share/useSetTitle.js'
  16. useSetTitle()
  17. /**
  18. * 进入报修
  19. */
  20. function goToRepair() {
  21. uni.reLaunch({
  22. url: '/pages/repair/home'
  23. })
  24. }
  25. </script>
  26. <style lang="scss" scoped>
  27. .repairEntrance {
  28. height: 100%;
  29. display: flex;
  30. flex-direction: column;
  31. justify-content: space-between;
  32. align-items: center;
  33. .info {
  34. .info_text {
  35. line-height: 56rpx;
  36. font-size: 34rpx;
  37. padding: 90rpx 0 58rpx;
  38. display: flex;
  39. justify-content: center;
  40. align-items: center;
  41. }
  42. .info_tips {
  43. font-size: 24rpx;
  44. color: $uni-secondary-color;
  45. .info_primary {
  46. color: $uni-primary;
  47. }
  48. }
  49. }
  50. }
  51. </style>