Merge branch 'master' of https://gitee.com/tj-wang-yahui/AMS_HeatSys_Vue_V10

src/views/login/login.vue

@@ -10,14 +10,16 @@
                         <div class="login-text1 text">用户登录</div>
                         <div class="login-text2 text">DATA MANAGEMENT BACKGROUND OF PACKET DIAGRAM</div>
                         <div class="div-input">
-                            <el-input v-model="userInfo.userName" style="width: 380px ; height: 50px" placeholder="请输入账号"
-                                :prefix-icon="User" input-style="color:black" />
+                            <el-input v-model="userInfo.userName" style="width: 380px ; height: 50px"
+                                placeholder="请输入账号" :prefix-icon="User" input-style="color:black" />
                         </div>
                         <el-row>
                             <el-col>
                                 <div class="div-input">
-                                    <el-input v-model="userInfo.password" style=" color: white;width: 380px ; height: 50px" type="password"
-                                        placeholder="请输入密码" show-password :prefix-icon="Lock" input-style="color:black"   />
+                                    <el-input v-model="userInfo.password"
+                                        style=" color: white;width: 380px ; height: 50px" type="password"
+                                        placeholder="请输入密码" show-password :prefix-icon="Lock"
+                                        input-style="color:black" />
                                 </div>
                             </el-col>
                         </el-row>
@@ -27,12 +29,13 @@
                                 <el-col :span="15">
                                     <div class="div-input input-contain">
                                         <el-input v-model="code" style="width: 240px ; height: 50px"
-                                            placeholder="请输入验证码" input-style="color:black" @keyup.enter="login"/>
+                                            placeholder="请输入验证码" input-style="color:black" @keyup.enter="login" />
                                     </div>
                                 </el-col>
                                 <el-col :span="9">
                                     <div class="div-input img-contain">
-                                        <el-image @click="getPicture" style="width: 100%; height: 50px" :src="codeurl" :fit="'fill'" />
+                                        <el-image @click="getPicture" style="width: 100%; height: 50px" :src="codeurl"
+                                            :fit="'fill'" />
                                     </div>
                                 </el-col>
                             </el-row>
@@ -40,7 +43,7 @@
 
                         <el-row justify="space-around">
                             <el-col :span="12">
-                                <el-checkbox class="text" v-model="isRemember" label="记住密码" size="large" />
+                                <el-checkbox class="text" v-model="isRemember" label="记住密码" size="large" @change="changeCheck"/>
                             </el-col>
                             <el-col :span="12">
                                 <div class="text">忘记密码</div>
@@ -197,7 +200,6 @@
     color: red;
     font-size: small;
 }
-
 </style>
 
 <script lang="ts" setup>
@@ -225,14 +227,14 @@ const isRemember = ref(false);
 const loading = ref(false);
 const errorMessage = ref('用户或密码错误，请重试')
 
-var showMessage=ref(false);
+var showMessage = ref(false);
 
 const userInfo = reactive({
     userName: '',
     password: '',
     verificationCode: '',
     UUID: undefined
-    });
+});
 
 localStorage.setItem("SERVEICE", "");
 
@@ -245,47 +247,48 @@ async function fetchClientIp() {
 
         store.commit('setSERVEICE', data.ip);
         //http.ipAddress = store.getters.getSERVEICE;
-     console.log("changeip:"+clientIp.value + " " );
+        console.log("changeip:" + clientIp.value + " ");
         getPicture();
     } catch (error) {
         clientIp.value = '获取失败';
         console.error('Error fetching client IP:', error);
     }
- }
+}
 
 async function getPicture() {
-    try{
+    try {
         var serverIP = localStorage.getItem("SERVEICE");
         console.log(clientIp.value + " " + serverIP);
-        if(!serverIP || serverIP == null || serverIP == ""){
+        if (!serverIP || serverIP == null || serverIP == "") {
             await fetchClientIp();
         }
 
         await http.get('/api/User/getVierificationCode').then((x) => {
-            try{
-                var jobj=x.data;
+            try {
+                var jobj = x.data;
                 codeurl.value = 'data:image/jpg;base64,' + jobj.img;
                 userInfo.UUID = jobj.uuid;
-            }catch(error){
+            } catch (error) {
                 console.log(error.message);
             }
         });
-    }catch(error){
+    } catch (error) {
         console.log(error.message);
         await fetchClientIp();
     }
 }
 
 getPicture();
+getUserInfo();
 
 let appContext = getCurrentInstance()!.appContext;
 let $message = appContext.config.globalProperties.$message;
 
 function login() {
 
-    if(code.value == ''){
-        showMessage.value=true;
-        errorMessage.value="请输入验证码";
+    if (code.value == '') {
+        showMessage.value = true;
+        errorMessage.value = "请输入验证码";
         return $message.error(errorMessage.value);
     }
     loading.value = true;
@@ -295,15 +298,67 @@ function login() {
         if (!result.success) {
             loading.value = false;
             getPicture();
-            showMessage.value=true;
-            errorMessage.value=result.message;
+            showMessage.value = true;
+            errorMessage.value = result.message;
             return $message.error(result.message);
         }
         $message.success('登录成功,正在跳转!');
         store.commit('setUserInfo', result.data);
+        //保存
+        if(isRemember.value){
+            saveUserInfo(userInfo);
+        }
         //  router.push({ path: '/Home'});
-        router.push({ path: '/GisHome'});
+        router.push({ path: '/GisHome' });
     });
 }
 
+
+function saveUserInfo(userInfo) {
+    var days = 30;//设置30天过期
+    const date = new Date();
+    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+    document.cookie = "userName=" + userInfo.userName + "; expires=" + date.toUTCString();
+    document.cookie = "password=" + userInfo.password + "; expires=" + date.toUTCString();
+}
+
+function clearUserInfo() {
+    document.cookie = "userName=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
+    document.cookie = "password=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
+}
+
+function getUserInfo() {
+    var key_name ='userName' + "=";
+    var key_password='password'+"=";
+    var tuserInfo={
+    }
+    var ca = document.cookie.split(';');
+    for (var i = 0; i < ca.length; i++) {
+        var c = ca[i].trim();
+        if (c.indexOf(key_name) == 0){
+            tuserInfo.username=c.substring(key_name.length, c.length);
+        }else if(c.indexOf(key_password) == 0){
+            tuserInfo.password=c.substring(key_password.length, c.length);
+        }
+    }
+
+    //如果名称和密码都存在，返回用户信息，否则返回空
+    if(tuserInfo.username && tuserInfo.password){
+        isRemember.value=true;
+        userInfo.userName=tuserInfo.username;
+        userInfo.password=tuserInfo.passowrd;
+        return tuserInfo;
+    }
+    return null;
+}
+console.log('test remember')
+//
+function changeCheck(value){
+    console.log(isRemember);
+    if(!isRemember.value){
+        clearUserInfo();
+    }
+}
+
+
 </script>
\ No newline at end of file