From c0ac8806c8cd1236beb05edba491313bbadeb676 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Mon, 27 May 2024 16:33:12 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=99=BB=E5=BD=95=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=9B=BE=E5=BD=A2=E9=AA=8C=E8=AF=81=E7=A0=81=E6=A0=A1?=
 =?UTF-8?q?=E9=AA=8C=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sgzb-ui/src/router/index.js    |   2 +-
 sgzb-ui/src/views/login.vue    | 421 ---------------------
 sgzb-ui/src/views/newLogin.vue | 662 +++++++++++++++++++++++++++++++++
 sgzb-ui/src/views/oldLogin.vue | 549 +++++++++++++++++++++++++++
 4 files changed, 1212 insertions(+), 422 deletions(-)
 delete mode 100644 sgzb-ui/src/views/login.vue
 create mode 100644 sgzb-ui/src/views/newLogin.vue
 create mode 100644 sgzb-ui/src/views/oldLogin.vue

diff --git a/sgzb-ui/src/router/index.js b/sgzb-ui/src/router/index.js
index 9447e4b3..5ad2eff1 100644
--- a/sgzb-ui/src/router/index.js
+++ b/sgzb-ui/src/router/index.js
@@ -43,7 +43,7 @@ export const constantRoutes = [
   },
   {
     path: '/login',
-    component: () => import('@/views/login'),
+    component: () => import('@/views/newLogin.vue'),
     hidden: true
   },
   {
diff --git a/sgzb-ui/src/views/login.vue b/sgzb-ui/src/views/login.vue
deleted file mode 100644
index 93574109..00000000
--- a/sgzb-ui/src/views/login.vue
+++ /dev/null
@@ -1,421 +0,0 @@
-<template>
-  <div class="login">
-    <div class="login-bar">
-      <div class="form-bar">
-        <h3 class="title">智慧仓储管理平台</h3>
-        <el-tabs v-model="activeName" style="width: 82%; margin: 0 auto">
-          <el-tab-pane label="账号登录" name="account"></el-tab-pane>
-          <el-tab-pane label="手机登录" name="phone"></el-tab-pane>
-        </el-tabs>
-        <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-          <el-form-item prop="username" v-if="activeName == 'account'">
-            <el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
-              <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
-            </el-input>
-          </el-form-item>
-          <el-form-item prop="password" v-if="activeName == 'account'">
-            <el-input
-              v-model="loginForm.password"
-              type="password"
-              auto-complete="off"
-              placeholder="密码"
-              show-password
-              @keyup.enter.native="handleLogin"
-            >
-              <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
-            </el-input>
-          </el-form-item>
-          <el-form-item prop="code" v-if="captchaEnabled && activeName == 'account'">
-            <el-input
-              v-model="loginForm.code"
-              auto-complete="off"
-              placeholder="验证码"
-              style="width: 63%"
-              @keyup.enter.native="handleLogin"
-            >
-              <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
-            </el-input>
-            <div class="login-code">
-              <img :src="codeUrl" @click="getCode" class="login-code-img" />
-            </div>
-          </el-form-item>
-          <el-form-item style="width: 100%" v-if="activeName == 'account'">
-            <el-button
-              :loading="loading"
-              size="medium"
-              type="primary"
-              style="width: 100%"
-              @click.native.prevent="handleLogin"
-            >
-              <span v-if="!loading">登 录</span>
-              <span v-else>登 录 中...</span>
-            </el-button>
-            <div style="float: right" v-if="register">
-              <!--          <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>-->
-              <router-link class="link-type" :to="'/register'">立即注册</router-link>
-            </div>
-          </el-form-item>
-
-          <el-form-item prop="phone" v-if="activeName == 'phone'">
-            <el-input
-              v-model="loginForm.phone"
-              type="text"
-              :readonly="readonlyFlag"
-              @focus="handleInputClick"
-              auto-complete="off"
-              placeholder="手机号"
-            >
-              <svg-icon slot="prefix" icon-class="phone" class="el-input__icon input-icon" />
-            </el-input>
-          </el-form-item>
-          <el-form-item prop="textCode" v-if="activeName == 'phone'">
-            <el-input v-model="loginForm.textCode" auto-complete="off" placeholder="验证码" style="width: 63%">
-              <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
-            </el-input>
-            <div class="login-code">
-              <!-- <div class="login-code-img" style="border: 1px solid rgb(220, 223, 230);" @click="getTextCode">获取验证码</div> -->
-              <div
-                class="login-code-img"
-                style="border: 1px solid rgb(220, 223, 230)"
-                v-show="show === 1"
-                @click="getTextCode"
-              >
-                获取验证码
-              </div>
-              <div class="login-code-img" style="border: 1px solid rgb(220, 223, 230)" v-show="show === 2">
-                {{ count }} s
-              </div>
-              <div
-                class="login-code-img"
-                style="border: 1px solid rgb(220, 223, 230)"
-                v-show="show === 3"
-                @click="getTextCode"
-              >
-                重发
-              </div>
-            </div>
-          </el-form-item>
-          <el-form-item style="width: 100%" v-if="activeName == 'phone'">
-            <el-button
-              :loading="loading"
-              size="medium"
-              type="primary"
-              style="width: 100%"
-              @click.native.prevent="textLogin"
-            >
-              <span v-if="!loading">登 录</span>
-              <span v-else>登 录 中...</span>
-            </el-button>
-            <div style="float: right" v-if="register">
-              <!--          <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>-->
-              <router-link class="link-type" :to="'/register'">立即注册</router-link>
-            </div>
-          </el-form-item>
-        </el-form>
-      </div>
-    </div>
-    <!--  底部  -->
-    <div class="el-login-footer">
-      <span>Copyright © 2018-2023 ruoyi.vip All Rights Reserved.</span>
-    </div>
-  </div>
-</template>
-
-<script>
-import { getCodeImg, sendCode, loginByMall } from '@/api/login'
-import Cookies from 'js-cookie'
-import { encrypt, decrypt } from '@/utils/jsencrypt'
-
-export default {
-  name: 'Login',
-  data() {
-    return {
-      codeUrl: '',
-      loginForm: {
-        username: '',
-        password: '',
-        phone: '',
-        rememberMe: false,
-        code: '',
-        uuid: '',
-      },
-      loginRules: {
-        username: [{ required: true, trigger: 'blur', message: '请输入您的账号' }],
-        phone: [{ required: true, trigger: 'blur', message: '请输入您的手机号' }],
-        textCode: [{ required: true, trigger: 'blur', message: '请输入短信验证码' }],
-        password: [{ required: true, trigger: 'blur', message: '请输入您的密码' }],
-        code: [{ required: true, trigger: 'change', message: '请输入验证码' }],
-      },
-      loading: false,
-      // 验证码开关
-      captchaEnabled: true,
-      // 注册开关
-      register: false,
-      redirect: undefined,
-      activeName: 'account',
-      readonlyFlag: true,
-      show: 1,
-      count: '',
-      timer: null,
-      loginParams: {}, //登录页面地址栏参数
-    }
-  },
-  watch: {
-    $route: {
-      handler: function (route) {
-        this.redirect = route.query && route.query.redirect
-        // console.log(this.$route.query.redirect.split("?"))
-        // console.log(this.$route.query.redirect.split("?")[1].split("&"))
-        if (this.$route.query.redirect.split('?').length > 1) {
-          let arr = this.$route.query.redirect.split('?')[1].split('&') || []
-          arr.forEach((item, index) => {
-            this.$set(this.loginParams, item.split('=')[0] + '', item.split('=')[1])
-          })
-        }
-      },
-      immediate: true,
-    },
-  },
-  created() {
-    // console.log(this.$route.query.redirect.split("?")[1])
-    if (JSON.stringify(this.loginParams) != '{}') {
-      this.jumpLogin()
-    }
-    this.getCode()
-    this.getCookie()
-  },
-  methods: {
-    getCode() {
-      getCodeImg().then(res => {
-        this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled
-        if (this.captchaEnabled) {
-          this.codeUrl = 'data:image/gif;base64,' + res.img
-          this.loginForm.uuid = res.uuid
-        }
-      })
-    },
-    //防止手机号自动充填
-    handleInputClick() {
-      this.readonlyFlag = false
-    },
-    //获取短信验证码
-    getTextCode() {
-      const regExp = /^1[3456789]\d{9}$/
-      if (regExp.test(this.loginForm.phone)) {
-        console.log('手机号格式正确')
-        sendCode({ phone: this.loginForm.phone }).then(res => {
-          if (res.code == 200) {
-            this.$modal.msgSuccess('发送成功')
-            const TIME_COUNT = 60
-            if (!this.timer) {
-              this.count = TIME_COUNT
-              this.show = 2
-              this.timer = setInterval(() => {
-                if (this.count > 0 && this.count <= TIME_COUNT) {
-                  this.count--
-                } else {
-                  this.show = 3
-                  clearInterval(this.timer)
-                  this.timer = null
-                }
-              }, 1000)
-            }
-          }
-        })
-      } else {
-        this.$modal.msgError('请输入正确手机号')
-      }
-    },
-    //短信登录
-    textLogin() {
-      // checkCode
-      console.log(this.loginForm)
-      this.$refs.loginForm.validate(valid => {
-        if (valid) {
-          this.loading = true
-          if (this.loginForm.rememberMe) {
-            Cookies.set('username', this.loginForm.username, { expires: 30 })
-            Cookies.set('password', encrypt(this.loginForm.password), { expires: 30 })
-            Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 })
-          } else {
-            Cookies.remove('username')
-            Cookies.remove('password')
-            Cookies.remove('rememberMe')
-          }
-          console.log(this.loginForm)
-          this.$store
-            .dispatch('textLogin', this.loginForm)
-            .then(() => {
-              this.$router.push({ path: '/' }).catch(() => {})
-            })
-            .catch(() => {
-              this.loading = false
-            })
-        }
-      })
-    },
-    //南网登录
-    jumpLogin() {
-      this.loading = true
-      let param = {
-        token: this.loginParams.token,
-        username: this.loginParams.userName,
-      }
-      // console.log(param)
-      this.$store
-        .dispatch('ssoLogin', param)
-        .then(() => {
-          //成功后会跳转页面入首页
-          this.$router.push({ path: '/' }).catch(() => {})
-        })
-        .catch(() => {
-          this.loading = false
-          //失败返回南网登录页面
-          // window.location.replace('https://test-sso.csgmall.com.cn/?client_id=549OWptc&theme=zhgc_storage&response_type=code&redirect_uri=https%3A%2F%2Ftest-cc.zhgkxt.com')
-        })
-    },
-    getCookie() {
-      const username = Cookies.get('username')
-      const password = Cookies.get('password')
-      const rememberMe = Cookies.get('rememberMe')
-      this.loginForm = {
-        username: username === undefined ? this.loginForm.username : username,
-        password: password === undefined ? this.loginForm.password : decrypt(password),
-        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
-      }
-    },
-    handleLogin() {
-      this.$refs.loginForm.validate(valid => {
-        if (valid) {
-          this.loading = true
-          if (this.loginForm.rememberMe) {
-            Cookies.set('username', this.loginForm.username, { expires: 30 })
-            Cookies.set('password', encrypt(this.loginForm.password), { expires: 30 })
-            Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 })
-          } else {
-            Cookies.remove('username')
-            Cookies.remove('password')
-            Cookies.remove('rememberMe')
-          }
-          this.$store
-            .dispatch('Login', this.loginForm)
-            .then((res) => {
-              if (localStorage.getItem('isCode') == 1) {
-                this.$router.push({ path: '/resetPassword' }).catch(() => {})
-              } else {
-                this.$router.push({ path: '/' }).catch(() => {})
-              }
-            })
-            .catch(() => {
-              this.loading = false
-              if (this.captchaEnabled) {
-                this.getCode()
-              }
-            })
-        }
-      })
-    },
-  },
-  watch: {
-    activeName: {
-      handler(newVal) {
-        this.$refs['loginForm'].clearValidate()
-      },
-    },
-  },
-}
-</script>
-
-<style rel="stylesheet/scss" lang="scss">
-.login {
-  //display: flex;
-  //justify-content: center;
-  //align-items: center;
-  position: relative;
-  height: 100%;
-  background-image: url('../assets/images/login.png');
-  background-size: 100% 100%;
-  //background: #1891FF;
-}
-
-.title {
-  margin: 0px auto 30px auto;
-  //text-align: center;
-  color: #707070;
-}
-
-.login-bar {
-  position: absolute;
-  height: auto;
-  top: 20%;
-  left: 14%;
-  width: auto;
-  height: 500px;
-  border-radius: 6px;
-  display: flex;
-  background: #fff;
-  text-align: center;
-  padding-top: 40px;
-}
-
-.form-bar {
-  //height: 500px;
-  background: #fff;
-}
-
-.login-form {
-  //border-radius: 6px;
-  //height: 100%;
-  background: #ffffff;
-  width: 400px;
-  padding: 25px 25px 5px 25px;
-
-  .el-input {
-    height: 45px;
-
-    input {
-      height: 38px;
-    }
-  }
-
-  .input-icon {
-    height: 39px;
-    width: 14px;
-    margin-left: 2px;
-  }
-}
-
-.login-tip {
-  font-size: 13px;
-  text-align: center;
-  color: #bfbfbf;
-}
-
-.login-code {
-  width: 33%;
-  height: 38px;
-  float: right;
-
-  img {
-    cursor: pointer;
-    vertical-align: middle;
-  }
-}
-
-.el-login-footer {
-  height: 40px;
-  line-height: 40px;
-  position: fixed;
-  bottom: 0;
-  width: 100%;
-  text-align: center;
-  color: #fff;
-  font-family: Arial;
-  font-size: 12px;
-  letter-spacing: 1px;
-}
-
-.login-code-img {
-  height: 38px;
-}
-</style>
diff --git a/sgzb-ui/src/views/newLogin.vue b/sgzb-ui/src/views/newLogin.vue
new file mode 100644
index 00000000..4b323102
--- /dev/null
+++ b/sgzb-ui/src/views/newLogin.vue
@@ -0,0 +1,662 @@
+<template>
+    <div class="login">
+        <div class="login-bar">
+            <div class="form-bar">
+                <h3 class="title">智慧仓储管理平台</h3>
+                <el-tabs
+                    v-model="activeName"
+                    style="width: 400px; padding: 25px 25px 5px 25px"
+                >
+                    <el-tab-pane label="账号登录" name="account">
+                        <!-- 账户密码登录 -->
+                        <el-form
+                            ref="loginForm"
+                            :model="loginForm"
+                            :rules="loginRules"
+                            class="login-form"
+                        >
+                            <el-form-item prop="username">
+                                <el-input
+                                    v-model="loginForm.username"
+                                    type="text"
+                                    auto-complete="off"
+                                    placeholder="账号"
+                                >
+                                    <svg-icon
+                                        slot="prefix"
+                                        icon-class="user"
+                                        class="el-input__icon input-icon"
+                                    />
+                                </el-input>
+                            </el-form-item>
+                            <el-form-item prop="password">
+                                <el-input
+                                    v-model="loginForm.password"
+                                    type="password"
+                                    auto-complete="off"
+                                    placeholder="密码"
+                                    show-password
+                                    @keyup.enter.native="handleLogin"
+                                >
+                                    <svg-icon
+                                        slot="prefix"
+                                        icon-class="password"
+                                        class="el-input__icon input-icon"
+                                    />
+                                </el-input>
+                            </el-form-item>
+                            <el-form-item
+                                prop="code"
+                                v-if="captchaEnabled"
+                                class="code-container"
+                            >
+                                <el-input
+                                    v-model="loginForm.code"
+                                    auto-complete="off"
+                                    placeholder="图形验证码"
+                                    @keyup.enter.native="handleLogin"
+                                >
+                                    <svg-icon
+                                        slot="prefix"
+                                        icon-class="validCode"
+                                        class="el-input__icon input-icon"
+                                    />
+                                </el-input>
+                                <div class="login-code">
+                                    <img
+                                        :src="codeUrl"
+                                        @click="getCode(1)"
+                                        class="login-code-img"
+                                    />
+                                </div>
+                            </el-form-item>
+                            <el-form-item style="width: 100%">
+                                <el-button
+                                    :loading="loading"
+                                    size="medium"
+                                    type="primary"
+                                    style="width: 100%"
+                                    @click.native.prevent="handleLogin"
+                                >
+                                    <span v-if="!loading">登 录</span>
+                                    <span v-else>登 录 中...</span>
+                                </el-button>
+                                <div style="float: right" v-if="register">
+                                    <!--          <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>-->
+                                    <router-link class="link-type" :to="'/ '"
+                                        >立即注册</router-link
+                                    >
+                                </div>
+                            </el-form-item>
+                        </el-form>
+                    </el-tab-pane>
+                    <el-tab-pane label="手机登录" name="phone">
+                        <!-- 手机验证码登录 -->
+                        <el-form
+                            ref="phoneLoginFormRef"
+                            :model="phoneLoginParams"
+                            :rules="phoneLoginRules"
+                            class="login-form"
+                        >
+                            <el-form-item prop="phone">
+                                <el-input
+                                    v-model="phoneLoginParams.phone"
+                                    type="text"
+                                    :readonly="readonlyFlag"
+                                    @focus="handleInputClick"
+                                    auto-complete="off"
+                                    placeholder="手机号"
+                                >
+                                    <svg-icon
+                                        slot="prefix"
+                                        icon-class="phone"
+                                        class="el-input__icon input-icon"
+                                    />
+                                </el-input>
+                            </el-form-item>
+
+                            <!-- 5.27 新增发送短信验证时 增加图形验证码校验  暂时注释 因为放在表单内显得暧昧 先模仿南网注册页面使用弹框提示图形验证码 -->
+                            <!-- <el-form-item
+                                prop="code"
+                                v-if="captchaEnabled"
+                                class="code-container"
+                            >
+                                <el-input
+                                    v-model="phoneLoginParams.code"
+                                    auto-complete="off"
+                                    placeholder="图形验证码"
+                                    @keyup.enter.native="textLogin"
+                                    style="width: 63%"
+                                >
+                                    <svg-icon
+                                        slot="prefix"
+                                        icon-class="validCode"
+                                        class="el-input__icon input-icon"
+                                    />
+                                </el-input>
+                                <div class="login-code">
+                                    <img
+                                        :src="phoneCodeUrl"
+                                        @click="getCode(2)"
+                                        class="login-code-img"
+                                        style="width: 100%"
+                                    />
+                                </div>
+                            </el-form-item> -->
+                            <el-form-item
+                                prop="textCode"
+                                class="code-container"
+                            >
+                                <el-input
+                                    v-model="phoneLoginParams.textCode"
+                                    auto-complete="off"
+                                    placeholder="短信验证码"
+                                    style="width: 63%"
+                                >
+                                    <svg-icon
+                                        slot="prefix"
+                                        icon-class="validCode"
+                                        class="el-input__icon input-icon"
+                                    />
+                                </el-input>
+                                <div class="login-code">
+                                    <!-- <div class="login-code-img" style="border: 1px solid rgb(220, 223, 230);" @click="getTextCode">获取验证码</div> -->
+                                    <div
+                                        class="login-code-img"
+                                        style="
+                                            border: 1px solid rgb(220, 223, 230);
+                                        "
+                                        v-show="show === 1"
+                                        @click="getTextCode"
+                                    >
+                                        获取验证码
+                                    </div>
+                                    <div
+                                        class="login-code-img"
+                                        style="
+                                            border: 1px solid rgb(220, 223, 230);
+                                        "
+                                        v-show="show === 2"
+                                    >
+                                        {{ count }} s
+                                    </div>
+                                    <div
+                                        class="login-code-img"
+                                        style="
+                                            border: 1px solid rgb(220, 223, 230);
+                                        "
+                                        v-show="show === 3"
+                                        @click="getTextCode"
+                                    >
+                                        重发
+                                    </div>
+                                </div>
+                            </el-form-item>
+                            <el-form-item style="width: 100%">
+                                <el-button
+                                    :loading="loading"
+                                    size="medium"
+                                    type="primary"
+                                    style="width: 100%"
+                                    @click.native.prevent="textLogin"
+                                >
+                                    <span v-if="!loading">登 录</span>
+                                    <span v-else>登 录 中...</span>
+                                </el-button>
+                                <div style="float: right" v-if="register">
+                                    <router-link
+                                        class="link-type"
+                                        :to="'/register'"
+                                        >立即注册</router-link
+                                    >
+                                </div>
+                            </el-form-item>
+                        </el-form>
+                    </el-tab-pane>
+                </el-tabs>
+            </div>
+        </div>
+        <!--        底部  -->
+        <!--       <div class="el-login-footer"> -->
+        <!--       <span>Copyright © 2018-2023 ruoyi.vip All Rights Reserved.</span> -->
+        <!--       </div> -->
+
+        <!-- 图形验证码弹框 -->
+        <el-dialog
+            title="请输入图形验证码"
+            :visible.sync="dialogCodeVisible"
+            v-if="dialogCodeVisible"
+            width="30%"
+            :before-close="handleClose"
+        >
+            <el-form
+                ref="phoneLoginCodeFormRef"
+                :model="phoneLoginParams"
+                :rules="phoneLoginCodeRules"
+            >
+                <el-form-item
+                    prop="code"
+                    v-if="captchaEnabled"
+                    class="code-container"
+                >
+                    <el-input
+                        v-model="phoneLoginParams.code"
+                        auto-complete="off"
+                        placeholder="图形验证码"
+                        @keyup.enter.native="textLogin"
+                        style="width: 70%"
+                    >
+                        <svg-icon
+                            slot="prefix"
+                            icon-class="validCode"
+                            class="el-input__icon input-icon"
+                        />
+                    </el-input>
+                    <div class="login-code">
+                        <img
+                            :src="phoneCodeUrl"
+                            @click="getCode(2)"
+                            class="login-code-img"
+                            style="width: 100%"
+                        />
+                    </div>
+                </el-form-item>
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="submitSendCode()"
+                    >确 定</el-button
+                >
+            </span>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { getCodeImg, sendCode } from '@/api/login'
+import Cookies from 'js-cookie'
+import { encrypt, decrypt } from '@/utils/jsencrypt'
+
+export default {
+    name: 'Login',
+    data() {
+        return {
+            codeUrl: '', // 账号登录显示的验证码
+            phoneCodeUrl: '', // 手机验证码登录显示的验证码
+            loginForm: {
+                username: '',
+                password: '',
+                rememberMe: false,
+                code: '', // 账户密码登录时的图片验证码
+                uuid: '',
+            },
+
+            /* 手机号码登录时参数 */
+            phoneLoginParams: {
+                phone: '',
+                code: '',
+                textCode: '',
+                uuid: '',
+            },
+            // 账户密码登录时的校验规则
+            loginRules: {
+                username: [
+                    {
+                        required: true,
+                        trigger: 'blur',
+                        message: '请输入您的账号',
+                    },
+                ],
+                password: [
+                    {
+                        required: true,
+                        trigger: 'blur',
+                        message: '请输入您的密码',
+                    },
+                ],
+                code: [
+                    {
+                        required: true,
+                        trigger: 'change',
+                        message: '请输入验证码',
+                    },
+                ],
+            },
+            // 手机号登录时的校验规则
+            phoneLoginRules: {
+                phone: [
+                    {
+                        required: true,
+                        trigger: 'blur',
+                        message: '请输入您的手机号',
+                    },
+                    {
+                        pattern: /^1[3456789]\d{9}$/,
+                        message: '请输入正确的手机号码',
+                        trigger: 'blur',
+                    },
+                ],
+                textCode: [
+                    {
+                        required: true,
+                        trigger: 'blur',
+                        message: '请输入短信验证码',
+                    },
+                ],
+            },
+            phoneLoginCodeRules: {
+                code: [
+                    {
+                        required: true,
+                        trigger: 'blur',
+                        message: '请输入图形验证码',
+                    },
+                ],
+            },
+            loading: false,
+            // 验证码开关
+            captchaEnabled: true,
+            // 注册开关
+            register: false,
+            redirect: undefined,
+            activeName: 'account',
+            readonlyFlag: true,
+            show: 1,
+            count: '',
+            timer: null,
+            dialogCodeVisible: false, // 图形验证码弹框
+        }
+    },
+    watch: {
+        /* 账户，手机号登录切换时，清空表单的校验  5.27 删除之前南网跳转的监听 */
+        activeName: {
+            handler(newVal) {
+                // this.$refs['loginForm'].clearValidate()
+                this.resetForm('loginForm')
+                this.resetForm('phoneLoginFormRef')
+                // 切换登录方式时 根据切换方式 自动获取新的图形验证码
+                if (newVal === 'account') {
+                    this.getCode(1)
+                }
+            },
+            deep: true,
+        },
+    },
+    created() {
+        this.getCode(1) // 默认账号密码登录 type 传1
+        this.getCookie()
+    },
+    methods: {
+        getCode(type) {
+            getCodeImg().then((res) => {
+                /* 根据 type 判断当前获取的图形验证码如何赋值  1 账号登录 2 手机验证码登录 */
+                this.captchaEnabled =
+                    res.captchaEnabled === undefined ? true : res.captchaEnabled
+                if (this.captchaEnabled) {
+                    if (type === 1) {
+                        this.codeUrl = 'data:image/gif;base64,' + res.img
+                        this.loginForm.uuid = res.uuid
+                    } else {
+                        this.phoneCodeUrl = 'data:image/gif;base64,' + res.img
+                        this.phoneLoginParams.uuid = res.uuid
+                    }
+                }
+            })
+        },
+        //防止手机号自动充填
+        handleInputClick() {
+            this.readonlyFlag = false
+        },
+        //获取短信验证码
+        getTextCode() {
+            this.$refs.phoneLoginFormRef.validateField('phone', (valid) => {
+                if (!valid) {
+                    this.getCode(2)
+                    this.dialogCodeVisible = true
+                }
+            })
+        },
+
+        /* 图形验证码弹框中确定按钮 */
+        submitSendCode() {
+            this.$refs.phoneLoginCodeFormRef.validate((valid) => {
+                if (valid) {
+                    const sendParams = {
+                        phone: this.phoneLoginParams.phone,
+                        code: this.phoneLoginParams.code,
+                        uuid: this.phoneLoginParams.uuid,
+                    }
+                    sendCode(sendParams)
+                        .then((res) => {
+                            if (res.code == 200) {
+                                this.$modal.msgSuccess('发送成功')
+                                const TIME_COUNT = 60
+                                if (!this.timer) {
+                                    this.count = TIME_COUNT
+                                    this.show = 2
+                                    this.timer = setInterval(() => {
+                                        if (
+                                            this.count > 0 &&
+                                            this.count <= TIME_COUNT
+                                        ) {
+                                            this.count--
+                                        } else {
+                                            this.show = 3
+                                            clearInterval(this.timer)
+                                            this.timer = null
+                                        }
+                                    }, 1000)
+                                }
+                            }
+                        })
+                        .finally(() => {
+                            this.dialogCodeVisible = false
+                            this.phoneLoginParams.code = ''
+                        })
+                }
+            })
+        },
+        /* 图形验证码弹框关闭按钮 */
+        handleClose() {
+            this.dialogCodeVisible = false
+            this.$refs['phoneLoginFormRef'].clearValidate()
+            this.$refs['phoneLoginCodeFormRef'].clearValidate()
+            this.phoneLoginParams.code = ''
+        },
+        getCookie() {
+            const username = Cookies.get('username')
+            const password = Cookies.get('password')
+            const rememberMe = Cookies.get('rememberMe')
+            this.loginForm = {
+                username:
+                    username === undefined ? this.loginForm.username : username,
+                password:
+                    password === undefined
+                        ? this.loginForm.password
+                        : decrypt(password),
+                rememberMe:
+                    rememberMe === undefined ? false : Boolean(rememberMe),
+            }
+        },
+
+        // 账户密码登录-------------------------------------------------------------
+        handleLogin() {
+            this.$refs.loginForm.validate((valid) => {
+                if (valid) {
+                    this.loading = true
+                    if (this.loginForm.rememberMe) {
+                        Cookies.set('username', this.loginForm.username, {
+                            expires: 30,
+                        })
+                        Cookies.set(
+                            'password',
+                            encrypt(this.loginForm.password),
+                            {
+                                expires: 30,
+                            },
+                        )
+                        Cookies.set('rememberMe', this.loginForm.rememberMe, {
+                            expires: 30,
+                        })
+                    } else {
+                        Cookies.remove('username')
+                        Cookies.remove('password')
+                        Cookies.remove('rememberMe')
+                    }
+                    this.$store
+                        .dispatch('Login', this.loginForm)
+                        .then(() => {
+                            if (localStorage.getItem('isCode') == 1) {
+                                this.$router
+                                    .push({ path: '/resetPassword' })
+                                    .catch(() => {})
+                            } else {
+                                this.$router.push({ path: '/' }).catch(() => {})
+                            }
+                        })
+                        .catch(() => {
+                            this.loading = false
+                            if (this.captchaEnabled) {
+                                this.getCode()
+                            }
+                        })
+                }
+            })
+        },
+        // 短信验证码登录-----------------------------------------------------------
+        textLogin() {
+            console.log(this.loginForm)
+            this.$refs.phoneLoginFormRef.validate((valid) => {
+                if (valid) {
+                    this.loading = true
+                    // if (this.loginForm.rememberMe) {
+                    //   Cookies.set('username', this.loginForm.username, {
+                    //     expires: 30,
+                    //   })
+                    //   Cookies.set('password', encrypt(this.loginForm.password), {
+                    //     expires: 30,
+                    //   })
+                    //   Cookies.set('rememberMe', this.loginForm.rememberMe, {
+                    //     expires: 30,
+                    //   })
+                    // } else {
+                    //   Cookies.remove('username')
+                    //   Cookies.remove('password')
+                    //   Cookies.remove('rememberMe')
+                    // }
+                    this.$store
+                        .dispatch('textLogin', this.phoneLoginParams)
+                        .then(() => {
+                            this.$router.push({ path: '/' }).catch(() => {})
+                        })
+                        .catch(() => {
+                            this.loading = false
+                        })
+                }
+            })
+        },
+    },
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+.login {
+    //display: flex;
+    //justify-content: center;
+    //align-items: center;
+    position: relative;
+    height: 100%;
+    background-image: url('../assets/images/login.png');
+    background-size: 100% 100%;
+    //background: #1891FF;
+}
+
+.title {
+    margin: 0px auto 30px auto;
+    //text-align: center;
+    color: #707070;
+}
+
+.login-bar {
+    position: absolute;
+    height: auto;
+    top: 20%;
+    left: 14%;
+    width: auto;
+    height: 500px;
+    border-radius: 6px;
+    display: flex;
+    background: #fff;
+    text-align: center;
+    padding-top: 40px;
+}
+
+.form-bar {
+    //height: 500px;
+    background: #fff;
+}
+
+.login-form {
+    //border-radius: 6px;
+    //height: 100%;
+    background: #ffffff;
+    margin-top: 25px;
+    .el-input {
+        // height: 45px;
+
+        input {
+            height: 38px;
+        }
+    }
+
+    .input-icon {
+        height: 39px;
+        width: 14px;
+        margin-left: 2px;
+    }
+}
+
+.login-tip {
+    font-size: 13px;
+    text-align: center;
+    color: #bfbfbf;
+}
+
+.login-code {
+    height: 38px;
+    margin-left: 15px;
+    flex: 1;
+    img {
+        height: 38px;
+        cursor: pointer;
+        vertical-align: middle;
+    }
+}
+
+.el-login-footer {
+    height: 40px;
+    line-height: 40px;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    text-align: center;
+    color: #fff;
+    font-family: Arial;
+    font-size: 12px;
+    letter-spacing: 1px;
+}
+
+.login-code-img {
+    height: 38px;
+    cursor: pointer;
+    border-radius: 3px;
+}
+
+/* 解决验证码输入框与密码输入框对齐问题 */
+.code-container .el-form-item__content {
+    display: flex;
+}
+
+.el-dialog__body {
+    padding: 30px 20px 0 20px;
+}
+</style>
diff --git a/sgzb-ui/src/views/oldLogin.vue b/sgzb-ui/src/views/oldLogin.vue
new file mode 100644
index 00000000..dc70384a
--- /dev/null
+++ b/sgzb-ui/src/views/oldLogin.vue
@@ -0,0 +1,549 @@
+<template>
+    <div class="login">
+        <div class="login-bar">
+            <div class="form-bar">
+                <h3 class="title">智慧仓储管理平台</h3>
+                <el-tabs
+                    v-model="activeName"
+                    style="width: 82%; margin: 0 auto"
+                >
+                    <el-tab-pane label="账号登录" name="account"></el-tab-pane>
+                    <el-tab-pane label="手机登录" name="phone"></el-tab-pane>
+                </el-tabs>
+                <el-form
+                    ref="loginForm"
+                    :model="loginForm"
+                    :rules="loginRules"
+                    class="login-form"
+                >
+                    <el-form-item
+                        prop="username"
+                        v-if="activeName == 'account'"
+                    >
+                        <el-input
+                            v-model="loginForm.username"
+                            type="text"
+                            auto-complete="off"
+                            placeholder="账号"
+                        >
+                            <svg-icon
+                                slot="prefix"
+                                icon-class="user"
+                                class="el-input__icon input-icon"
+                            />
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item
+                        prop="password"
+                        v-if="activeName == 'account'"
+                    >
+                        <el-input
+                            v-model="loginForm.password"
+                            type="password"
+                            auto-complete="off"
+                            placeholder="密码"
+                            show-password
+                            @keyup.enter.native="handleLogin"
+                        >
+                            <svg-icon
+                                slot="prefix"
+                                icon-class="password"
+                                class="el-input__icon input-icon"
+                            />
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item
+                        prop="code"
+                        v-if="captchaEnabled && activeName == 'account'"
+                    >
+                        <el-input
+                            v-model="loginForm.code"
+                            auto-complete="off"
+                            placeholder="验证码"
+                            style="width: 63%"
+                            @keyup.enter.native="handleLogin"
+                        >
+                            <svg-icon
+                                slot="prefix"
+                                icon-class="validCode"
+                                class="el-input__icon input-icon"
+                            />
+                        </el-input>
+                        <div class="login-code">
+                            <img
+                                :src="codeUrl"
+                                @click="getCode"
+                                class="login-code-img"
+                            />
+                        </div>
+                    </el-form-item>
+                    <el-form-item
+                        style="width: 100%"
+                        v-if="activeName == 'account'"
+                    >
+                        <el-button
+                            :loading="loading"
+                            size="medium"
+                            type="primary"
+                            style="width: 100%"
+                            @click.native.prevent="handleLogin"
+                        >
+                            <span v-if="!loading">登 录</span>
+                            <span v-else>登 录 中...</span>
+                        </el-button>
+                        <div style="float: right" v-if="register">
+                            <!--          <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>-->
+                            <router-link class="link-type" :to="'/register'"
+                                >立即注册</router-link
+                            >
+                        </div>
+                    </el-form-item>
+
+                    <el-form-item prop="phone" v-if="activeName == 'phone'">
+                        <el-input
+                            v-model="loginForm.phone"
+                            type="text"
+                            :readonly="readonlyFlag"
+                            @focus="handleInputClick"
+                            auto-complete="off"
+                            placeholder="手机号"
+                        >
+                            <svg-icon
+                                slot="prefix"
+                                icon-class="phone"
+                                class="el-input__icon input-icon"
+                            />
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item prop="textCode" v-if="activeName == 'phone'">
+                        <el-input
+                            v-model="loginForm.textCode"
+                            auto-complete="off"
+                            placeholder="验证码"
+                            style="width: 63%"
+                        >
+                            <svg-icon
+                                slot="prefix"
+                                icon-class="validCode"
+                                class="el-input__icon input-icon"
+                            />
+                        </el-input>
+                        <div class="login-code">
+                            <!-- <div class="login-code-img" style="border: 1px solid rgb(220, 223, 230);" @click="getTextCode">获取验证码</div> -->
+                            <div
+                                class="login-code-img"
+                                style="border: 1px solid rgb(220, 223, 230)"
+                                v-show="show === 1"
+                                @click="getTextCode"
+                            >
+                                获取验证码
+                            </div>
+                            <div
+                                class="login-code-img"
+                                style="border: 1px solid rgb(220, 223, 230)"
+                                v-show="show === 2"
+                            >
+                                {{ count }} s
+                            </div>
+                            <div
+                                class="login-code-img"
+                                style="border: 1px solid rgb(220, 223, 230)"
+                                v-show="show === 3"
+                                @click="getTextCode"
+                            >
+                                重发
+                            </div>
+                        </div>
+                    </el-form-item>
+                    <el-form-item
+                        style="width: 100%"
+                        v-if="activeName == 'phone'"
+                    >
+                        <el-button
+                            :loading="loading"
+                            size="medium"
+                            type="primary"
+                            style="width: 100%"
+                            @click.native.prevent="textLogin"
+                        >
+                            <span v-if="!loading">登 录</span>
+                            <span v-else>登 录 中...</span>
+                        </el-button>
+                        <div style="float: right" v-if="register">
+                            <!--          <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>-->
+                            <router-link class="link-type" :to="'/register'"
+                                >立即注册</router-link
+                            >
+                        </div>
+                    </el-form-item>
+                </el-form>
+            </div>
+        </div>
+        <!--  底部  -->
+        <div class="el-login-footer">
+            <span>Copyright © 2018-2023 ruoyi.vip All Rights Reserved.</span>
+        </div>
+    </div>
+</template>
+
+<script>
+import { getCodeImg, sendCode, loginByMall } from '@/api/login'
+import Cookies from 'js-cookie'
+import { encrypt, decrypt } from '@/utils/jsencrypt'
+
+export default {
+    name: 'Login',
+    data() {
+        return {
+            codeUrl: '',
+            loginForm: {
+                username: '',
+                password: '',
+                phone: '',
+                rememberMe: false,
+                code: '',
+                uuid: '',
+            },
+            loginRules: {
+                username: [
+                    {
+                        required: true,
+                        trigger: 'blur',
+                        message: '请输入您的账号',
+                    },
+                ],
+                phone: [
+                    {
+                        required: true,
+                        trigger: 'blur',
+                        message: '请输入您的手机号',
+                    },
+                ],
+                textCode: [
+                    {
+                        required: true,
+                        trigger: 'blur',
+                        message: '请输入短信验证码',
+                    },
+                ],
+                password: [
+                    {
+                        required: true,
+                        trigger: 'blur',
+                        message: '请输入您的密码',
+                    },
+                ],
+                code: [
+                    {
+                        required: true,
+                        trigger: 'change',
+                        message: '请输入验证码',
+                    },
+                ],
+            },
+            loading: false,
+            // 验证码开关
+            captchaEnabled: true,
+            // 注册开关
+            register: false,
+            redirect: undefined,
+            activeName: 'account',
+            readonlyFlag: true,
+            show: 1,
+            count: '',
+            timer: null,
+            loginParams: {}, //登录页面地址栏参数
+        }
+    },
+    watch: {
+        $route: {
+            handler: function (route) {
+                this.redirect = route.query && route.query.redirect
+                // console.log(this.$route.query.redirect.split("?"))
+                // console.log(this.$route.query.redirect.split("?")[1].split("&"))
+                if (this.$route.query.redirect.split('?').length > 1) {
+                    let arr =
+                        this.$route.query.redirect.split('?')[1].split('&') ||
+                        []
+                    arr.forEach((item, index) => {
+                        this.$set(
+                            this.loginParams,
+                            item.split('=')[0] + '',
+                            item.split('=')[1],
+                        )
+                    })
+                }
+            },
+            immediate: true,
+        },
+    },
+    created() {
+        // console.log(this.$route.query.redirect.split("?")[1])
+        if (JSON.stringify(this.loginParams) != '{}') {
+            this.jumpLogin()
+        }
+        this.getCode()
+        this.getCookie()
+    },
+    methods: {
+        getCode() {
+            getCodeImg().then((res) => {
+                this.captchaEnabled =
+                    res.captchaEnabled === undefined ? true : res.captchaEnabled
+                if (this.captchaEnabled) {
+                    this.codeUrl = 'data:image/gif;base64,' + res.img
+                    this.loginForm.uuid = res.uuid
+                }
+            })
+        },
+        //防止手机号自动充填
+        handleInputClick() {
+            this.readonlyFlag = false
+        },
+        //获取短信验证码
+        getTextCode() {
+            const regExp = /^1[3456789]\d{9}$/
+            if (regExp.test(this.loginForm.phone)) {
+                console.log('手机号格式正确')
+                sendCode({ phone: this.loginForm.phone }).then((res) => {
+                    if (res.code == 200) {
+                        this.$modal.msgSuccess('发送成功')
+                        const TIME_COUNT = 60
+                        if (!this.timer) {
+                            this.count = TIME_COUNT
+                            this.show = 2
+                            this.timer = setInterval(() => {
+                                if (
+                                    this.count > 0 &&
+                                    this.count <= TIME_COUNT
+                                ) {
+                                    this.count--
+                                } else {
+                                    this.show = 3
+                                    clearInterval(this.timer)
+                                    this.timer = null
+                                }
+                            }, 1000)
+                        }
+                    }
+                })
+            } else {
+                this.$modal.msgError('请输入正确手机号')
+            }
+        },
+        //短信登录
+        textLogin() {
+            // checkCode
+            console.log(this.loginForm)
+            this.$refs.loginForm.validate((valid) => {
+                if (valid) {
+                    this.loading = true
+                    if (this.loginForm.rememberMe) {
+                        Cookies.set('username', this.loginForm.username, {
+                            expires: 30,
+                        })
+                        Cookies.set(
+                            'password',
+                            encrypt(this.loginForm.password),
+                            { expires: 30 },
+                        )
+                        Cookies.set('rememberMe', this.loginForm.rememberMe, {
+                            expires: 30,
+                        })
+                    } else {
+                        Cookies.remove('username')
+                        Cookies.remove('password')
+                        Cookies.remove('rememberMe')
+                    }
+                    console.log(this.loginForm)
+                    this.$store
+                        .dispatch('textLogin', this.loginForm)
+                        .then(() => {
+                            this.$router.push({ path: '/' }).catch(() => {})
+                        })
+                        .catch(() => {
+                            this.loading = false
+                        })
+                }
+            })
+        },
+        //南网登录
+        jumpLogin() {
+            this.loading = true
+            let param = {
+                token: this.loginParams.token,
+                username: this.loginParams.userName,
+            }
+            // console.log(param)
+            this.$store
+                .dispatch('ssoLogin', param)
+                .then(() => {
+                    //成功后会跳转页面入首页
+                    this.$router.push({ path: '/' }).catch(() => {})
+                })
+                .catch(() => {
+                    this.loading = false
+                    //失败返回南网登录页面
+                    // window.location.replace('https://test-sso.csgmall.com.cn/?client_id=549OWptc&theme=zhgc_storage&response_type=code&redirect_uri=https%3A%2F%2Ftest-cc.zhgkxt.com')
+                })
+        },
+        getCookie() {
+            const username = Cookies.get('username')
+            const password = Cookies.get('password')
+            const rememberMe = Cookies.get('rememberMe')
+            this.loginForm = {
+                username:
+                    username === undefined ? this.loginForm.username : username,
+                password:
+                    password === undefined
+                        ? this.loginForm.password
+                        : decrypt(password),
+                rememberMe:
+                    rememberMe === undefined ? false : Boolean(rememberMe),
+            }
+        },
+        handleLogin() {
+            this.$refs.loginForm.validate((valid) => {
+                if (valid) {
+                    this.loading = true
+                    if (this.loginForm.rememberMe) {
+                        Cookies.set('username', this.loginForm.username, {
+                            expires: 30,
+                        })
+                        Cookies.set(
+                            'password',
+                            encrypt(this.loginForm.password),
+                            { expires: 30 },
+                        )
+                        Cookies.set('rememberMe', this.loginForm.rememberMe, {
+                            expires: 30,
+                        })
+                    } else {
+                        Cookies.remove('username')
+                        Cookies.remove('password')
+                        Cookies.remove('rememberMe')
+                    }
+                    this.$store
+                        .dispatch('Login', this.loginForm)
+                        .then((res) => {
+                            if (localStorage.getItem('isCode') == 1) {
+                                this.$router
+                                    .push({ path: '/resetPassword' })
+                                    .catch(() => {})
+                            } else {
+                                this.$router.push({ path: '/' }).catch(() => {})
+                            }
+                        })
+                        .catch(() => {
+                            this.loading = false
+                            if (this.captchaEnabled) {
+                                this.getCode()
+                            }
+                        })
+                }
+            })
+        },
+    },
+    watch: {
+        activeName: {
+            handler(newVal) {
+                this.$refs['loginForm'].clearValidate()
+            },
+        },
+    },
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+.login {
+    //display: flex;
+    //justify-content: center;
+    //align-items: center;
+    position: relative;
+    height: 100%;
+    background-image: url('../assets/images/login.png');
+    background-size: 100% 100%;
+    //background: #1891FF;
+}
+
+.title {
+    margin: 0px auto 30px auto;
+    //text-align: center;
+    color: #707070;
+}
+
+.login-bar {
+    position: absolute;
+    height: auto;
+    top: 20%;
+    left: 14%;
+    width: auto;
+    height: 500px;
+    border-radius: 6px;
+    display: flex;
+    background: #fff;
+    text-align: center;
+    padding-top: 40px;
+}
+
+.form-bar {
+    //height: 500px;
+    background: #fff;
+}
+
+.login-form {
+    //border-radius: 6px;
+    //height: 100%;
+    background: #ffffff;
+    width: 400px;
+    padding: 25px 25px 5px 25px;
+
+    .el-input {
+        height: 45px;
+
+        input {
+            height: 38px;
+        }
+    }
+
+    .input-icon {
+        height: 39px;
+        width: 14px;
+        margin-left: 2px;
+    }
+}
+
+.login-tip {
+    font-size: 13px;
+    text-align: center;
+    color: #bfbfbf;
+}
+
+.login-code {
+    width: 33%;
+    height: 38px;
+    float: right;
+
+    img {
+        cursor: pointer;
+        vertical-align: middle;
+    }
+}
+
+.el-login-footer {
+    height: 40px;
+    line-height: 40px;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    text-align: center;
+    color: #fff;
+    font-family: Arial;
+    font-size: 12px;
+    letter-spacing: 1px;
+}
+
+.login-code-img {
+    height: 38px;
+}
+</style>