bug fix and performance improvements

miniprogram/pages/index/index.ts

@@ -1,4 +1,8 @@
 // index.ts
+
+import { productList } from "../../api/product"
+
+
 // 获取应用实例
 const app = getApp<IAppOption>()
 
@@ -45,5 +49,28 @@ Page({
       userInfo: e.detail.userInfo,
       hasUserInfo: true
     })
+  },
+  testRequest() {
+    productList({
+      pageNum: 1,
+      pageSize: 10
+    }).then(resp => {
+      console.log(resp);
+    })
+  },
+  onShow() {
+    const app = getApp()
+    console.log(app.globalData.authToken);
+
+    if (!app.globalData.authToken) {
+      console.log(app.globalData.authToken);
+
+      wx.redirectTo({
+        url: "../login/login",
+        fail: (err) => {
+          console.log(err);
+        }
+      })
+    }
   }
 })

miniprogram/pages/index/index.wxml

@@ -16,6 +16,7 @@
       <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
       <text class="userinfo-nickname">{{userInfo.nickName}}</text>
     </block>
+    <t-button bind:tap="testRequest">test</t-button>
   </view>
   <view class="usermotto">
     <text class="user-motto">{{motto}}</text>

miniprogram/pages/login/login.json

@@ -0,0 +1,8 @@
+{
+  "usingComponents": {
+    "t-radio-group": "tdesign-miniprogram/radio-group/radio-group",
+    "t-radio": "tdesign-miniprogram/radio/radio"
+  },
+  "navigationBarTitleText": "登录",
+  "homeButton": false
+}

miniprogram/pages/login/login.scss

@@ -0,0 +1,75 @@
+/* pages/login/login.wxss */
+.login-button {
+  --td-button-default-bg-color: #00b26a
+}
+
+.page-container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+
+// 身份选择 begin
+.title {
+  font-size: x-large;
+}
+
+.card {
+  position: relative;
+  margin: 32rpx;
+  border-radius: 12rpx;
+  overflow: hidden;
+  box-sizing: border-box;
+  border: 3rpx solid #fff;
+  background-color: #fbfbfb;
+}
+
+.radio-item {
+  background-color: #fbfbfb;
+  --td-radio-bg-color: #fbfbfb
+}
+
+.card--active {
+  border-color: #0052d9;
+}
+
+.card--active::after {
+  content: '';
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 0;
+  border: 14px solid #0052d9;
+  border-bottom-color: transparent;
+  border-right-color: transparent;
+}
+
+.card__icon {
+  color: #fff;
+  position: absolute;
+  left: 1.5px;
+  top: 1.5px;
+  z-index: 1;
+}
+
+/* 横向布局 */
+.horizontal-box {
+  width: calc(100% - 64rpx);
+  display: flex;
+  align-items: center;
+  margin: 32rpx;
+}
+
+.horizontal-box .card {
+  flex: 1;
+  margin: 0;
+}
+
+.horizontal-box .card+.card {
+  margin-left: 24rpx;
+}
+// 身份选择 end

miniprogram/pages/login/login.ts

@@ -0,0 +1,107 @@
+// pages/login/login.ts
+// import { httpClient } from "../../utils/request";
+import { login } from "../../api/login"
+import Message from 'tdesign-miniprogram/message/index';
+import { setToken } from "../../utils/settings";
+import { RoleType } from "../../types/role";
+
+
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    role: undefined,
+    roleOptions: [
+      {
+        value: RoleType.employee,
+        label: "员工"
+      },
+      {
+        value: RoleType.manager,
+        label: "管理员"
+      },
+    ]
+  },
+  onChange(e: any) {
+    this.setData({ role: e.detail.value });
+  },
+  loginWithWeChat(e: any) {
+    login({
+      code: e.detail.code
+    }).then((response: any) => {
+      setToken(response.token)
+      wx.switchTab({
+        url: "../index/index"
+      })
+    })
+  },
+  testRequest() {
+    Message.error({
+      context: this,
+      offset: [20, 32],
+      duration: 5000,
+      content: '这是一条错误提示通知',
+    });
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad() {
+    const role = getApp().globalData.role
+    role && this.setData({
+      role
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  },
+
+})

miniprogram/pages/login/login.wxml

@@ -0,0 +1,20 @@
+<!--pages/login/login.wxml-->
+<t-message id="t-message" />
+<view class="page-container">
+
+  <block wx:if="{{role == 'employee'}}">
+    <t-button class="login-button" open-type="getPhoneNumber" bindgetphonenumber="loginWithWeChat" theme="primary" size="medium" shape="round">微信一键登录</t-button>
+  </block>
+  <block wx:if="{{role == 'manager'}}">
+    <t-button class="login-button" open-type="getPhoneNumber" bindgetphonenumber="loginWithWeChat" theme="primary" size="medium" shape="round">管理员登录</t-button>
+  </block>
+  <block wx:else>
+    <text class="title">请选择身份</text>
+    <t-radio-group value="{{role}}" bind:change="onChange">
+      <view wx:for="{{roleOptions}}" wx:key="value" class="card {{role == item.value ? 'card--active' : ''}}">
+        <t-icon wx:if="{{role == item.value}}" name="check" t-class="card__icon" />
+        <t-radio class="radio-item" value="{{item.value}}" label="{{item.label}}" content="描述信息描述信息描述信息描述信息描述信息" icon="none" borderless />
+      </view>
+    </t-radio-group>
+  </block>
+</view>