noAuth.vue 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <template>
  2. <view class="chart-no-auth">
  3. <image class="img" :src="globalImgUrls.activityNoAuth" mode="widthFix"></image>
  4. <block v-if="authType==1">
  5. <view style="margin-bottom:15px">您暂无权限查看图库</view>
  6. <view>若想查看请联系对口销售</view>
  7. <!-- <view>{{info.name}}:{{info.mobile}}</view> -->
  8. <view class="global-btn-yellow-change btn" style="margin-top:30px" @click="handleCall">联系销售</view>
  9. </block>
  10. </view>
  11. </template>
  12. <script>
  13. export default {
  14. props: {
  15. info:null
  16. },
  17. computed: {
  18. authType(){
  19. if(!this.info) return
  20. let type
  21. let status=this.info.customer_info.status //客户状态
  22. // 该客户为冻结、试用暂停状态;该客户为正式、试用、永续状态,但联系人图表权限未开启或禁用
  23. if(
  24. status=='冻结'||
  25. (status=='试用'&&this.info.customer_info.is_suspend)||
  26. (['正式','试用','永续'].includes(status))
  27. ){
  28. type=1
  29. }
  30. // 该客户为正式、试用、永续状态,联系人图表权限已到期
  31. // if()
  32. return type
  33. }
  34. },
  35. methods: {
  36. handleCall(){
  37. uni.makePhoneCall({
  38. phoneNumber: this.info.mobile,
  39. success: (result) => {},
  40. fail: (error) => {}
  41. })
  42. }
  43. }
  44. }
  45. </script>
  46. <style lang="scss" scoped>
  47. .chart-no-auth{
  48. padding: 34rpx;
  49. text-align: center;
  50. font-size: $global-font-size-lg;
  51. .img{
  52. width: 100%;
  53. margin-bottom: 50rpx;
  54. }
  55. .btn{
  56. width: 380rpx;
  57. line-height: 70rpx;
  58. margin-left: auto;
  59. margin-right: auto;
  60. margin-top: 40rpx;
  61. }
  62. }
  63. </style>