From 9777e837b52ad4e90d25a3011a675716aa59a322 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Fri, 1 Nov 2024 08:52:00 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=97=A0=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=8C=B9=E9=85=8D=E5=B7=A5=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hw-ui/src/views/login.vue | 102 ++++++++++++++++++++------------------
 1 file changed, 53 insertions(+), 49 deletions(-)

diff --git a/hw-ui/src/views/login.vue b/hw-ui/src/views/login.vue
index 0cde1c47..a7788c8e 100644
--- a/hw-ui/src/views/login.vue
+++ b/hw-ui/src/views/login.vue
@@ -26,7 +26,8 @@
       <el-form-item v-if="isStationId" prop="processId">
         <el-select v-model="loginForm.processId" placeholder="请选择工序" style="width: 100%" @change="changeProcess">
           <el-option v-for="item in options" :key="item.processId" :label="item.processName"
-                     :value="item.processId"></el-option>
+                     :value="item.processId"
+          ></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="工位编号" prop="processFloor" v-if="false">
@@ -71,36 +72,36 @@
 </template>
 
 <script>
-import {getCodeImg, getProcesses} from "@/api/login";
-import Cookies from "js-cookie";
-import {encrypt, decrypt} from '@/utils/jsencrypt'
+import { getCodeImg, getProcesses } from '@/api/login'
+import Cookies from 'js-cookie'
+import { encrypt, decrypt } from '@/utils/jsencrypt'
 
 export default {
-  name: "Login",
+  name: 'Login',
   data() {
     return {
-      codeUrl: "",
+      codeUrl: '',
       loginForm: {
-        username: "xin",
-        password: "123456",
+        username: 'xin',
+        password: '123456',
         rememberMe: false,
         processId: '',
-        processFloor:'',
-        processName:'',
-        code: "",
-        uuid: ""
+        processFloor: '',
+        processName: '',
+        code: '',
+        uuid: ''
       },
       loginRules: {
         username: [
-          {required: true, trigger: "blur", message: "请输入您的账号"}
+          { required: true, trigger: 'blur', message: '请输入您的账号' }
         ],
         password: [
-          {required: true, trigger: "blur", message: "请输入您的密码"}
+          { required: true, trigger: 'blur', message: '请输入您的密码' }
         ],
         processId: [
-          {required: true, trigger: "blur", message: "请选择工序"}
+          { required: true, trigger: 'blur', message: '请选择工序' }
         ],
-        code: [{required: true, trigger: "change", message: "请输入验证码"}]
+        code: [{ required: true, trigger: 'change', message: '请输入验证码' }]
       },
       loading: false,
       // 验证码开关
@@ -167,20 +168,20 @@ export default {
           route: '/board/firstFloor?id=3'//一楼包装工序
         }
       ]
-    };
+    }
   },
 
   watch: {
     $route: {
-      handler: function (route) {
-        this.redirect = route.query && route.query.redirect;
+      handler: function(route) {
+        this.redirect = route.query && route.query.redirect
       },
       immediate: true
     }
   },
   created() {
-    this.getCode();
-    this.getCookie();
+    this.getCode()
+    this.getCookie()
     if (this.$route?.query?.isStationId === 'true') {
       this.isStationId = true
       getProcesses().then(e => {
@@ -191,66 +192,69 @@ export default {
   methods: {
     getCode() {
       getCodeImg().then(res => {
-        this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled;
+        this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled
         if (this.captchaEnabled) {
-          this.codeUrl = "data:image/gif;base64," + res.img;
-          this.loginForm.uuid = res.uuid;
+          this.codeUrl = 'data:image/gif;base64,' + res.img
+          this.loginForm.uuid = res.uuid
         }
-      });
+      })
     },
     getCookie() {
-      const username = Cookies.get("username");
-      const password = Cookies.get("password");
+      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;
+          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});
+            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');
+            Cookies.remove('username')
+            Cookies.remove('password')
+            Cookies.remove('rememberMe')
           }
-          this.$store.dispatch("Login", this.loginForm).then(() => {
+          this.$store.dispatch('Login', this.loginForm).then(() => {
             let data = this.options.find(v => v.processId === this.loginForm.processId) || {}
-            let routeData = this.floorData.find(v => v.floor === data.processFloor && v.processId === data.processId) || {}
-            let query = {processName:this.loginForm.processName}
+            let routeData = this.floorData.find(v => v.floor === data.processFloor && v.processId === data.processId) || {
+              floor: 4,
+              processId: 44,
+              route: '/board/assemble'//装配
+            }
+            let query = { processName: this.loginForm.processName }
             routeData.query = query
             if (routeData.route) {
-              sessionStorage.setItem("FLOORDATA", JSON.stringify(routeData))
+              sessionStorage.setItem('FLOORDATA', JSON.stringify(routeData))
             }
             // this.$router.push({path: this.redirect || "/"}).catch(() => {
             // });
-            this.$router.push({path: routeData.route || this.redirect || "/"}).catch(() => {
-            });
+            this.$router.push({ path: routeData.route || this.redirect || '/' }).catch(() => {
+            })
           }).catch(() => {
-            this.loading = false;
+            this.loading = false
             if (this.captchaEnabled) {
-              this.getCode();
+              this.getCode()
             }
-          });
+          })
         }
-      });
+      })
     },
 
-
     changeProcess(processId) {
       let process = this.options.find(v => v.processId === processId)
-      this.loginForm.processFloor = process.processFloor;
-      this.loginForm.processName = process.processName;
+      this.loginForm.processFloor = process.processFloor
+      this.loginForm.processName = process.processName
     }
   }
-};
+}
 </script>
 
 <style lang="scss" rel="stylesheet/scss">