修改登录页

2025-12-29 20:30:20 +08:00 · 2025-12-29 20:30:20 +08:00 · a1f6029dc5
parent ad0f0e5cfc
commit a1f6029dc5
6 changed files with 124 additions and 59 deletions
--- a/.env
+++ b/.env
@ -4,7 +4,7 @@ VUE_APP_TOKEN_KEY=token
 #前端项目路径地址
 VUE_APP_PUBLICPATH=

-VUE_APP_SYSTEM_TITLE=广州市市场监督管理局信用监管综合系统
+VUE_APP_SYSTEM_TITLE=内蒙古自治区市场监督管理局信用监管综合系统
 VUE_APP_SYSTEM_TITLE_LOGIN=信用监管综合系统

 # 信创门户cas地址
--- a/src/api/user.js
+++ b/src/api/user.js
@ -64,15 +64,16 @@ export function casLogin(params) {
 */
 export function logManage(params) {
  return request({
-    url: process.env.VUE_APP_AICEPS_URL + '/loginManageController/loginManage.do',
+    url: '/gz-aiceps-manage/loginManageController/loginManage.do',
    method: 'get',
    params
  })
 }

-export function getCode(phone) {
+export function getCode(phone, captcha) {
  const params = new FormData()
  params.append('phone', phone)
+  params.append('captcha', captcha)
  return request({
    url: '/aiccs-api/user/getCode',
    method: 'post',
@ -80,10 +81,11 @@ export function getCode(phone) {
  })
 }

-export function loginByCode(phone, code) {
+export function loginByCode(phone, code, captchadl) {
  const params = new FormData()
  params.append('phone', phone)
  params.append('code', code)
+  params.append('captchadl', captchadl)
  return request({
    url: '/aiccs-api/user/loginByCode',
    method: 'post',
@ -91,6 +93,18 @@ export function loginByCode(phone, code) {
  })
 }

+export function loginByPwd(phone, code, captchadl) {
+  const params = new FormData()
+  params.append('phone', phone)
+  params.append('code', code)
+  params.append('captchadl', captchadl)
+  return request({
+    url: '/aiccs-api/user/loginByPwd',
+    method: 'post',
+    data: params
+  })
+}
+
 /**
 * 统一门户单点登录 ticket
 */
@ -102,6 +116,17 @@ export function casLogin_Unite(params) {
  })
 }

+/**
+ * 统一门户单点登录 ticket
+ */
+export function casLogin_LangChao(params) {
+  return request({
+    url: '/aiccs-api/user/casLogin_LangChao',
+    method: 'get',
+    params
+  })
+}
+
 /**
 * 统一门户单点登录 ticket
 */
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@ -9,7 +9,7 @@
        <navbar />
      </div>
      <app-main />
-      <footer>© {{ new Date().getFullYear() }} 广州市市场监督管理局 | 技术支持：广东众望通科技股份有限公司
+      <footer>© {{ new Date().getFullYear() }} 内蒙古自治区市场监督管理局 | 技术支持：广东众望通科技股份有限公司
        <span v-if="currentUpgrade" style="cursor:pointer" @click="toVersion">
          版本号：v{{ currentUpgrade.version }}
          <span v-if="logNew" class="back">new</span>
--- a/src/views/404.vue
+++ b/src/views/404.vue
@ -8,7 +8,7 @@
        <span class="feet" />
      </div>
      <div class="footer">
-        © {{ new Date().getFullYear() }} 广州市市场监督管理局 | 技术支持：广东众望通科技股份有限公司
+        © {{ new Date().getFullYear() }} 内蒙古自治区市场监督管理局 | 技术支持：广东众望通科技股份有限公司
      </div>
    </div>

--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@ -5,10 +5,10 @@
    </div> -->
    <div>
      <div class="logo_content">
-        <div class="sysName">广州市市场监督管理局</div>
+        <div class="sysName">内蒙古自治区市场监督管理局</div>
        <img src="../../assets/images/login_bg.png" alt="" srcset="">
        <div class="copyRight">
-          © 2021 广州市市场监督管理局 | 技术支持：广东众望通科技股份有限公司
+          © {{ new Date().getFullYear() }} 内蒙古自治区市场监督管理局 | 技术支持：广东众望通科技股份有限公司
        </div>
      </div>
      <div class="form">
@ -39,6 +39,28 @@
            />
          </el-form-item>

+<!--          <el-form-item prop="captcha">-->
+<!--            <el-col span="12">-->
+<!--              <span class="svg-container">-->
+<!--                <svg-icon icon-class="example" />-->
+<!--              </span>-->
+<!--              <el-input-->
+<!--                ref="password"-->
+<!--                v-model="loginForm.captcha"-->
+<!--                placeholder="短信图形验证码"-->
+<!--                name="password"-->
+<!--                tabindex="2"-->
+<!--                auto-complete="on"-->
+<!--              />-->
+<!--            </el-col>-->
+<!--            <el-col span="7">-->
+<!--              <el-image style="position: relative; top: 10px;" :src="captchaSrc" fit="cover"></el-image>-->
+<!--            </el-col>-->
+<!--            <el-col span="5">-->
+<!--              <el-button style="margin-top: 8px" type="primary" plain icon="el-icon-refresh" @click="refreshCaptcha">刷新</el-button>-->
+<!--            </el-col>-->
+<!--          </el-form-item>-->
+
          <el-form-item prop="password">
            <el-col span="17">
              <span class="svg-container">
@ -49,42 +71,44 @@
                ref="password"
                v-model="loginForm.password"
                :type="passwordType"
-                placeholder="验证码"
+                placeholder="密码"
                name="password"
                tabindex="2"
                auto-complete="on"
                @keyup.enter.native="handleLogin"
              />
            </el-col>
-            <el-col span="7">
-              <el-button
-                style="margin-top: 5px"
-                :loading="codeloading"
-                type="primary"
-                plain
-                @click="getcode"
-              >获取短信验证码</el-button>
-            </el-col>
-
-            <!--            <span class="show-pwd" @click="showPwd">-->
-            <!--              <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />-->
-            <!--            </span>-->
+<!--            <el-col span="7">-->
+<!--              <el-button-->
+<!--                style="margin-top: 5px"-->
+<!--                :loading="codeloading"-->
+<!--                type="primary"-->
+<!--                plain-->
+<!--                @click="getCode"-->
+<!--              >密码</el-button>-->
+<!--            </el-col>-->
+          </el-form-item>
+          <el-form-item prop="captchadl">
+            <el-col span="12">
+              <span class="svg-container">
+                <svg-icon icon-class="example" />
+              </span>
+              <el-input
+                ref="password"
+                v-model="loginForm.captchadl"
+                placeholder="登录图形验证码"
+                name="password"
+                tabindex="2"
+                auto-complete="on"
+              />
+            </el-col>
+            <el-col span="7">
+              <el-image style="position: relative; top: 10px;" :src="captchaSrcdl" fit="cover"></el-image>
+            </el-col>
+            <el-col span="5">
+              <el-button style="margin-top: 8px" type="primary" plain icon="el-icon-refresh" @click="refreshCaptchadl">刷新</el-button>
+            </el-col>
          </el-form-item>
-          <!--          <el-form-item prop="code">-->
-          <!--            <span class="svg-container">-->
-          <!--              <svg-icon icon-class="code" />-->
-          <!--            </span>-->
-          <!--            <el-input-->
-          <!--              ref="vcode"-->
-          <!--              v-model="loginForm.vcode"-->
-          <!--              :type="passwordType"-->
-          <!--              placeholder="验证码"-->
-          <!--              name="vcode"-->
-          <!--              tabindex="2"-->
-          <!--              auto-complete="on"-->
-          <!--              @keyup.enter.native="handleLogin"-->
-          <!--            />-->
-          <!--          </el-form-item>-->
          <el-button
            :loading="loading"
            size="medium"
@ -103,9 +127,7 @@

 <script>
 import Cookie from 'js-cookie'
-import request from '@/utils/request'
-// import { asyncRoutes } from '../../router/index'
-import { logManage, getCode, loginByCode, isHaveUser } from '@/api/user.js'
+import { logManage, getCode, isHaveUser, loginByPwd } from '@/api/user.js'
 export default {
  name: 'Login',
  data() {
@ -114,14 +136,22 @@ export default {
      systemTitleLogin: process.env.VUE_APP_SYSTEM_TITLE_LOGIN,
      loginForm: {
        username,
-        password
+        password,
+        captcha: '',
+        captchadl: ''
      },
      loginRules: {
        username: [
          { required: true, trigger: 'blur', message: '用户名不能为空' }
        ],
        password: [
-          { required: true, trigger: 'blur', message: '验证码不能为空' }
+          { required: true, trigger: 'blur', message: '短信验证码不能为空' }
+        ],
+        captcha: [
+          { required: true, trigger: 'blur', message: '图形验证码不能为空' }
+        ],
+        captchadl: [
+          { required: true, trigger: 'blur', message: '登录图形验证码不能为空' }
        ]
      },
      loading: false,
@ -130,7 +160,9 @@ export default {
      reload: false,
      auditUserName: '',
      auditPassWordHid: '',
-      codeloading: false
+      codeloading: false,
+      captchaSrc: '',
+      captchaSrcdl: ''
    }
  },
  watch: {
@ -158,7 +190,7 @@ export default {
          const { code, msg } = response
          if (code === 0) {
            this.loginForm.username = jiem
-            this.getcode()
+            this.getCode()
          } else {
            this.$message.warning(msg)
          }
@ -168,29 +200,30 @@ export default {
          this.loading = false
        })
    }
-    // console.log(jiam)
+    this.refreshCaptcha()
+    this.refreshCaptchadl()
  },
  methods: {
-    showPwd() {
-      if (this.passwordType === 'password') {
-        this.passwordType = ''
-      } else {
-        this.passwordType = 'password'
-      }
-      this.$nextTick(() => {
-        this.$refs.password.focus()
-      })
+    refreshCaptcha() {
+      this.captchaSrc = '/aiccs-api/user/captcha' + '?' + new Date().getTime()
+    },
+    refreshCaptchadl() {
+      this.captchaSrcdl = '/aiccs-api/user/captchadl' + '?' + new Date().getTime()
    },
    isEmpty(str) {
      return !str || str.length === 0 || str === null || str === 'null'
    },
-    getcode() {
+    getCode() {
      if (this.isEmpty(this.loginForm.username)) {
        this.codeloading = false
        return this.$message.warning('账号不能为空')
      }
+      if (this.isEmpty(this.loginForm.captcha)) {
+        this.codeloading = false
+        return this.$message.warning('图形验证码不能为空')
+      }
      this.codeloading = true
-      getCode(this.loginForm.username).then((response) => {
+      getCode(this.loginForm.username, this.loginForm.captcha).then((response) => {
        const { code, msg } = response
        if (code === 0) {
          this.$message.success('验证码已发送')
@ -198,20 +231,21 @@ export default {
          this.$message.warning(msg)
        }
        this.codeloading = false
+      }).finally(() => {
+        this.refreshCaptcha()
      })
    },
    handleLogin() {
      this.$refs.loginForm.validate(valid => {
        if (valid) {
          this.loading = true
-          loginByCode(this.loginForm.username, this.loginForm.password)
+          loginByPwd(this.loginForm.username, this.loginForm.password, this.loginForm.captchadl)
            .then((response) => {
              const { code, msg } = response
              if (code === 0) {
                this.loginManage()
                this.loginManage()
                Cookie.set('loginInfo', this.loginForm, { expires: 30 })
-                // this.$router.push({ path: this.redirect || '/' })
                if (this.loginForm.password === '123456') {
                  this.$router.push({ path: '/redirect', query: { queryOlderP: '1' }})
                } else {
@ -219,14 +253,20 @@ export default {
                }
              } else {
                this.$message.warning(msg)
+                this.refreshCaptcha()
+                this.refreshCaptchadl()
              }
              this.loading = false
            })
            .catch(() => {
              this.loading = false
+              this.refreshCaptcha()
+              this.refreshCaptchadl()
            })
        } else {
          console.log('error submit!!')
+          this.refreshCaptcha()
+          this.refreshCaptchadl()
          return false
        }
      })
--- a/src/views/youfool/AppVersionLog.vue
+++ b/src/views/youfool/AppVersionLog.vue
@ -81,7 +81,7 @@
    </el-row>
    <el-footer style="height: 30px; line-height: 30px" class="el-footer">
      <div>
-        © {{ new Date().getFullYear() }} 广州市市场监督管理局 | 技术支持：广东众望通科技股份有限公司
+        © {{ new Date().getFullYear() }} 内蒙古自治区市场监督管理局 | 技术支持：广东众望通科技股份有限公司
      </div>
    </el-footer>
  </div>