index.vue 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. <template>
  2. <view>
  3. <view v-if="showLogin">
  4. <login :ocode="ocode" :appkey="appkey" scope="snsapi_userinfo" :visible="visible" @success="loginSuccess" @fail="loginFail" @cancel="loginCancel" />
  5. </view>
  6. </view>
  7. </template>
  8. <script>
  9. export default {
  10. data() {
  11. return {
  12. // 获取用户信息
  13. ocode: '1015730314',
  14. // 商户appkey
  15. appkey: 'EE28EE2C93296F4E',
  16. // 是否授权可见
  17. visible: false,
  18. // 是否启动授权
  19. showLogin: false,
  20. // 获取用户信息
  21. appid: 'wxd6f090391d410534',
  22. // 用户路由
  23. userListInfo: {
  24. routes: ['报修', '我的报修'],
  25. btns: []
  26. },
  27. // 师傅路由
  28. workerListInfo: {
  29. routes: ['首页', '工单管理', '待处理池'],
  30. btns: ['协作', '接单', '转单', '报价', '维修完成']
  31. },
  32. // 后勤路由
  33. logisticsListInfo: {
  34. routes: ['首页', '工单管理', '待处理池', '通讯录'],
  35. btns: ['表格编辑', '延时', '派单', '审核', '分段器按钮', '图表']
  36. },
  37. // 管理者路由
  38. adminListInfo: {
  39. routes: ['首页', '工单管理', '待处理池', '通讯录'],
  40. btns: ['首页分段器', '表格编辑', '工单管理分段器', '延时', '派单', '审核', '接单', '报价', '维修完成', '图表']
  41. }
  42. }
  43. },
  44. mounted() {
  45. this.hasUserInfo()
  46. },
  47. methods: {
  48. // 检查用户是否已经授权
  49. hasUserInfo() {
  50. const repairsUserInfo = uni.getStorageSync('repairsUserInfo')
  51. const openId = uni.getStorageSync('openId')
  52. // console.log(repairsUserInfo)
  53. // console.log(openId)
  54. if (repairsUserInfo && openId) {
  55. uni.setStorageSync('currentIndexRepairs', 0)
  56. uni.reLaunch({
  57. url: '/pagesRepairs/box/box'
  58. })
  59. } else {
  60. // console.log('重新授权')
  61. this.showLogin = true
  62. this.visible = true
  63. }
  64. },
  65. // 授权成功回调
  66. loginSuccess(res) {
  67. // console.log('成功')
  68. let wxcode = res.detail.wxcode
  69. // console.log(wxcode)
  70. // 获取wxcode后请求登录
  71. this.login(wxcode)
  72. },
  73. // 用户登陆获取个人信息
  74. async login(wxcode) {
  75. const res = await this.$myRequest_repairs({
  76. url: '/login/Openid',
  77. header: {},
  78. data: {
  79. wxcode
  80. }
  81. })
  82. // console.log(res)
  83. if (res.code === '200') {
  84. uni.setStorageSync('repairsUserInfo', res.data)
  85. uni.setStorageSync('currentIndexRepairs', 0)
  86. this.getOpenId()
  87. }
  88. },
  89. // 获取用户openId
  90. getOpenId() {
  91. // 获取code
  92. uni.login({
  93. //使用微信登录
  94. provider: 'weixin',
  95. success: async (res) => {
  96. const result = await this.$myRequest_repairs({
  97. url: '/login/XOpenid',
  98. data: {
  99. code: res.code,
  100. userId: uni.getStorageSync('repairsUserInfo').userId
  101. }
  102. })
  103. // console.log(result)
  104. if (result.code === '200') {
  105. uni.setStorageSync('openId', result.data.openId)
  106. uni.reLaunch({
  107. url: '/pagesRepairs/box/box'
  108. })
  109. }
  110. }
  111. })
  112. },
  113. // 授权失败回调
  114. loginFail() {
  115. // console.log("授权失败");
  116. uni.showModal({
  117. title: '提示',
  118. content: '授权:请先领取校园卡、并激活!',
  119. confirmText: '领取',
  120. success: (res) => {
  121. if (res.confirm) {
  122. uni.reLaunch({
  123. url: '/pages/qr_code/qr_code'
  124. })
  125. } else if (res.cancel) {
  126. uni.reLaunch({
  127. url: '/pagesClockIn/404/404'
  128. })
  129. }
  130. }
  131. })
  132. },
  133. // 授权取消回调
  134. loginCancel() {
  135. // console.log("取消");
  136. uni.showModal({
  137. title: '提示',
  138. content: '请先授权,否则无法使用该功能',
  139. confirmText: '授权',
  140. success: (res) => {
  141. if (res.confirm) {
  142. uni.reLaunch({
  143. url: '/pagesRepairs/index/index'
  144. })
  145. } else if (res.cancel) {
  146. uni.reLaunch({
  147. url: '/pagesClockIn/404/404'
  148. })
  149. }
  150. }
  151. })
  152. }
  153. }
  154. }
  155. </script>
  156. <style lang="scss"></style>