From c93c13d1cfe288d431109ae1eafd7a9fc6d58746 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期二, 13 六月 2023 10:23:17 +0800
Subject: [PATCH] 1.递交

---
 src/views/login/index.vue |  104 +++++++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 98 insertions(+), 6 deletions(-)

diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 94f903d..094e3e5 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -11,21 +11,21 @@
         <el-carousel-item>
           <img src="@/assets/images/img1.png" style="margin-top: -30px">
           <div class="itemLabel">
-            <p class="title">鏅烘収鐗╄仈</p>
+            <p class="title" :style="{color:$store.state.settings.theme}">鏅烘収鐗╄仈</p>
             <p class="content">鐢熶骇鐜板満鏁版嵁瀹炴椂閲囬泦銆� 浼犻�掋�佸缁村害鍙鍖栧憟鐜�</p>
           </div>
         </el-carousel-item>
         <el-carousel-item>
           <img src="@/assets/images/img2.png" style="margin-top: -30px">
           <div class="itemLabel">
-            <p class="title">绮剧泭鎬濈淮</p>
+            <p class="title" :style="{color:$store.state.settings.theme}">绮剧泭鎬濈淮</p>
             <p class="content">杩愮敤绮剧泭鎬濇兂鍜孖T绯荤粺鎶� 鏈墦閫犲伐鍘傚埗閫犲崗鍚屽钩鍙�</p>
           </div>
         </el-carousel-item>
         <el-carousel-item>
           <img src="@/assets/images/img3.png" style="margin-top: -30px">
           <div class="itemLabel">
-            <p class="title">琛屼笟缁勪欢</p>
+            <p class="title" :style="{color:$store.state.settings.theme}">琛屼笟缁勪欢</p>
             <p class="content">鍩轰簬鍒堕�犳ā鍨嬪揩閫熺伒娲诲湴 閰嶇疆瀹㈡埛涓撳睘鐨勫簲鐢ㄥ満鏅�</p>
           </div>
         </el-carousel-item>
@@ -103,7 +103,7 @@
         <el-button
           :loading="loading"
           type="primary"
-          style="width:100%;margin-top:20px;"
+          style="width:100%;margin-top:20px;letter-spacing: 10px"
           @click.native.prevent="handleLogin"
         >鐧诲綍
         </el-button>
@@ -116,11 +116,34 @@
       </el-form>
     </div>
 
+    <el-dialog
+      title="鎻愮ず"
+      :visible.sync="dialogVisible"
+      width="500px"
+      :close-on-click-modal="false"
+      :show-close="false"
+      top="5vh"
+      class="dialogVisible"
+    >
+      <div style="font-size:18px;">
+        <!--        <i class="el-icon-warning-outline" style="color: #ffef00" />-->
+        褰撳墠璐﹀彿宸茬櫥褰曪紝鏄惁寮哄埗涓嬬嚎!
+      </div>
+      <span slot="footer" class="dialog-footer">
+
+        <div class="footerButton">
+          <el-button @click="dialogVisibleCancel">鍚�</el-button>
+          <el-button type="primary" @click="dialogVisibleConfirm">鏄�</el-button>
+        </div>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import { validUsername } from '@/utils/validate'
+import { getCookie, removeCookie, setCookie } from '@/utils/auth'
+import { ForcedOffline } from '@/api/user'
 
 export default {
   name: 'Login',
@@ -166,7 +189,8 @@
       passwordType: 'password',
       redirect: undefined,
       focus1: false,
-      focus2: false
+      focus2: false,
+      dialogVisible: false
     }
   },
   watch: {
@@ -193,7 +217,12 @@
         if (valid) {
           this.loading = true
           this.$store.dispatch('user/login', this.loginForm).then(() => {
-            this.$router.push({ path: this.redirect || '/' })
+            console.log(getCookie('code') === '302', 9999)
+            if (getCookie('code') === '302') {
+              this.dialogVisible = true
+            } else {
+              this.$router.push({ path: this.redirect || '/' })
+            }
             this.loading = false
           }).catch(() => {
             this.loading = false
@@ -203,6 +232,36 @@
           return false
         }
       })
+    },
+
+    dialogVisibleCancel() {
+      removeCookie('username')
+      removeCookie('admin')
+      removeCookie('navTabId')
+      removeCookie('usertype')
+      removeCookie('userid')
+      removeCookie('code')
+      this.dialogVisible = false
+    },
+    async dialogVisibleConfirm() {
+      const usercode = getCookie('navTabId')
+      const username = getCookie('admin')
+      const usertype = getCookie('usertype')
+      const userid = getCookie('userid')
+      const data = {
+        usercode,
+        username,
+        usertype,
+        userid,
+        rid: ''
+      }
+      const res = await ForcedOffline(data)
+      if (res.code === '200') {
+        this.$message.success('寮哄埗涓嬬嚎鎴愬姛锛�')
+        this.dialogVisible = false
+        // this.$router.push({ path: this.redirect || '/' })
+        await this.handleLogin()
+      }
     }
   }
 }
@@ -393,4 +452,37 @@
     -webkit-text-fill-color: #000 !important;
   }
 }
+::v-deep .el-dialog__title{
+  color: red;
+}
+
+::v-deep .el-dialog__body {
+  padding: 20px 20px !important;
+}
+
+::v-deep .el-dialog__footer {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.footerButton {
+  display: flex;
+  justify-content: end;
+}
+::v-deep .dialogVisible .el-button--primary {
+  background-color: #42b983 !important;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  //border: 1px solid $main_color;
+  border: none;
+  padding: 0 20px;
+}
+::v-deep .dialogVisible .el-button--default {
+  height: 30px;
+  display: flex;
+  align-items: center;
+  padding: 0 20px;
+}
+
 </style>

--
Gitblit v1.9.3