添加微信登录

miniprogram/pages/index/index.ts

@@ -178,6 +178,52 @@ Page({
     //   url: '/pages/home/home'
     // })
   },
+  codeLogin() {
+    wx.login({
+      success: res => {
+        if (res.code) {
+          const code = res.code;
+          systemFetch({
+            url: '/boss/login',
+            method: 'POST',
+            data: {
+              code,
+            },
+          })
+            .then(res => {
+              console.log(res);
+              const {
+                token,
+                data: { userInfo, userRoles },
+              } = res;
+              app.globalData.token = token;
+              app.globalData.userInfo = userInfo;
+              app.globalData.userRoles = userRoles;
+              try {
+                wx.setStorageSync('token', token);
+              } catch (error) {}
+              wx.hideLoading();
+              wx.redirectTo({
+                url: '/pages/homeAndReport/homeAndReport',
+              });
+            })
+            .catch(err => {
+              console.log(err);
+              wx.hideLoading();
+              wx.showToast({
+                title: err.errMsg,
+                icon: 'none',
+              });
+            });
+        } else {
+          wx.showToast({
+            title: '登录获取code失败',
+            icon: 'none',
+          });
+        }
+      },
+    });
+  },
   nameInputHandle(e) {
     const value = e.detail.value;
     this.updateInputValue('account', value);

miniprogram/pages/index/index.wxml

@@ -11,5 +11,8 @@
       </div>
     </view>
     <button class="login-btn" bindtap="loginHandle">登录</button>
+    <view class="wx-login" bind:tap="codeLogin">
+      <image class="wx-login-icon" src="../../images/ic_wechat@2x.png"></image>
+    </view>
   </view>
 </view>
\ No newline at end of file

miniprogram/pages/index/index.wxss

@@ -39,3 +39,12 @@
 .login-btn {
   margin-top: 40rpx;
 }
+.wx-login {
+  width: 72rpx;
+  height: 72rpx;
+  margin: 80rpx auto 0;
+}
+.wx-login-icon {
+  width: 72rpx;
+  height: 72rpx;
+}