aiot-app/pages/login/login.vue

<template>
  <view class="content">
    <uni-icons
      class="setting"
      type="gear"
      @click="handleServerSettings"
      size="50"
      color="#fff"
    ></uni-icons>
    <view class="login-title">
      <label>智慧工厂信息化系统</label>
      <text>株洲硬质合金集团型材分公司</text>
    </view>
    <view>
      <view class="login-content">
        <view>
          <view class="form">
            <view class="login-input">
              <label class="icon-lable"></label>
              <input
                name="input"
                v-model="userInfo.username"
                placeholder="请输入账号"
              />
            </view>
            <view class="login-input">
              <label class="icon-lable2"></label>
              <input
                class=""
                name="input"
                password
                v-model="userInfo.passwd"
                placeholder="请输入密码"
              />
            </view>
            <button @click="submit">登录</button>
            <view class="password-memo">
              <checkbox-group @change="checkboxChange">
                <label>
                  <checkbox value="1" :checked="isMemo" />
                  记住密码
                </label>
              </checkbox-group>
            </view>
          </view>
        </view>
      </view>
    </view>
    <ServerSetting ref="serverSettingRef" @setServerStatus="setServerStatus" />
  </view>
</template>

<script>
import { postJ } from "@/utils/api.js";
import { login } from "@/api/common.js";
import {
  setMemo,
  isMemo,
  removeMemo,
  setPassword,
  getPassword,
} from "@/utils/passwordMemo.js";
import ServerSetting from "@/components/ServerSetting/index";
export default {
  components: { ServerSetting },
  data() {
    return {
      userInfo: {
        username: "",
        passwd: "",
      },
      isMemo: isMemo(),
      loginDisabled: false,
    };
  },
  onLoad() {
    if (this.isMemo) {
      const userInfo = getPassword();
      if (userInfo?.username) this.userInfo = userInfo;
    }
  },
  mounted() {
    // #ifdef APP-PLUS
    this.$nextTick(() => {
      this.$refs.serverSettingRef && this.$refs.serverSettingRef.serverCheck();
    });
    // #endif
    // uni.reLaunch({
    //           url: "/pages/home/home",
    //         });

  },
  methods: {
    setServerStatus(val) {
      this.loginDisabled = !val;
    },
    //登录
    // submit() {
    //   // #ifdef APP-PLUS
    //   if (!this.apiUrl) {
    //     this.$refs.serverSettingRef.open();
    //     return;
    //   }
    //   // #endif

    //   const params = {
    //     loginName: this.userInfo.username,
    //     loginPwd: this.userInfo.passwd,
    //   };

    //   login(params)
    //     .then((res) => {
    //       if (this.isMemo) {
    //         setPassword(this.userInfo);
    //       }
    //       let data = res.data;
    //       uni.setStorageSync("token", data.token);
    //       uni.setStorageSync("userInfo", data);
    //       uni.showToast({
    //         title: "登录成功",
    //         icon: "success",
    //         duration: 2000,
    //       });
    //       setTimeout(() => {
    //         uni.reLaunch({
    //           url: "/pages/home/home",
    //         });
    //       }, 2000);
    //     })
    //     .catch((err) => {
    //       console.log(err, 222);
    //       uni.showToast({
    //         title: err.message || err,
    //         icon: "none",
    //         duration: 2000,
    //       });
    //     });
    // },
    //登录
    submit() {
      // #ifdef APP-PLUS
      if (!this.apiUrl) {
        this.$refs.serverSettingRef.open();
        return;
      }
      // #endif

     let param = {
		 loginName: this.userInfo.username,
		 loginPwd: this.userInfo.passwd
	 }


      postJ(this.apiUrl + "/main/user/login",param)
        .then((res) => {

          if (this.isMemo) {
            setPassword(this.userInfo);
          }

          console.log(res);
          let data = res.data;
          uni.setStorageSync("token", data.token);
          uni.setStorageSync("userInfo", data.info);
          uni.showToast({
            title: "登录成功",
            icon: "success",
            duration: 2000,
          });
          setTimeout(() => {
            uni.reLaunch({
              url: "/pages/home/home",
            });
          }, 2000);
        })
        .catch((err) => {
          uni.showToast({
            title: err.message,
            icon: "none",
            duration: 2000,
          });
        });
    },
    handleServerSettings() {
      this.$refs.serverSettingRef.open();
    },
    checkboxChange(e) {
      this.isMemo = e.detail.value[0] === "1";
      if (this.isMemo) {
        setMemo();
      } else {
        removeMemo();
      }
    },
  },
};
</script>

<style lang="scss" scoped>
@import "login.scss";
</style>