账号密码登录的时候10天内记住账号密码

package-lock.json

@@ -9,6 +9,7 @@
       "version": "1.0.0",
       "license": "ISC",
       "dependencies": {
+        "crypto-js": "^4.1.1",
         "weixin-jsapi": "^1.1.0"
       },
       "devDependencies": {
@@ -92,6 +93,11 @@
         "node": ">=8.0.0"
       }
     },
+    "node_modules/crypto-js": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/crypto-js/-/crypto-js-4.1.1.tgz",
+      "integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw=="
+    },
     "node_modules/err-code": {
       "version": "2.0.3",
       "resolved": "https://registry.npmmirror.com/err-code/download/err-code-2.0.3.tgz",
@@ -456,6 +462,11 @@
         "nan": "^2.14.1"
       }
     },
+    "crypto-js": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/crypto-js/-/crypto-js-4.1.1.tgz",
+      "integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw=="
+    },
     "err-code": {
       "version": "2.0.3",
       "resolved": "https://registry.npmmirror.com/err-code/download/err-code-2.0.3.tgz",

package.json

@@ -14,6 +14,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "crypto-js": "^4.1.1",
     "weixin-jsapi": "^1.1.0"
   },
   "devDependencies": {

pages.json

@@ -187,7 +187,7 @@
   ],
   "globalStyle": {
     "navigationBarTextStyle": "black",
-    "navigationBarTitleText": "大势恒通转运系统",
+    "navigationBarTitleText": "医疗服务中心转运系统",
     "navigationBarBackgroundColor": "#F8F8F8",
     "backgroundColor": "#F8F8F8"
   }

pages/homePage/homePage.vue

@@ -42,13 +42,21 @@
     </view>
     <!-- APP或H5账号密码登录页面 start -->
     <view class="login" v-if="!workSchemeType && (isApp||isH5AndPwd)">
-      <view class="title"> 转运系统登录 </view>
+      <view class="title"> 医疗服务中心转运系统 </view>
       <input class="login_input" v-model="username" placeholder="请输入用户名" />
       <input class="login_input" password v-model="password" placeholder="请输入密码" />
       <input class="login_input" v-show="!isH5AndPwd" v-model="ip" placeholder="请输入域名或IP地址,如:http(s)://192.168.3.108" />
+      <view class="savePassword">
+        <checkbox-group @change="checkboxChange">
+          <label>
+            <checkbox v-for="(item,index) in savePassword" :key="item.value" color="#42b983" :value="item.value"
+              :checked="item.checked" />记住密码
+          </label>
+        </checkbox-group>
+      </view>
       <view class="page_item_btn" @click="login()"> 登录 </view>
       <view class="tips" v-show="isH5AndPwd">
-        (此系统为药房使用，其他科室人员请勿进行操作)
+        (此系统为服务中心及药房人员使用，其他科室人员请勿进行操作)
       </view>
     </view>
     <!-- APP或H5账号密码登录页面 end -->
@@ -73,12 +81,24 @@
     webHandle
   } from "../../http/http.js";
   import showModel from "../../components/showModel/showModel.vue";
+  import {
+    AES,
+    mode,
+    pad,
+    enc
+  } from "crypto-js";
   export default {
     data() {
       return {
         //#ifdef H5
         type: "",
         //#endif
+        //记住密码
+        savePassword: [{
+          value: 'savePassword',
+          name: '记住密码',
+          checked: true
+        }],
         // 是否上班了
         online: undefined,
         // 是否是app
@@ -119,6 +139,39 @@
       };
     },
     methods: {
+      //aes加密
+      encryptByEnAES(data) {
+        let Key = "dsadmin";
+        let tmpAES = AES.encrypt(data, Key, {
+          mode: mode.CBC,
+          padding: pad.Pkcs7,
+        });
+        return tmpAES.toString();
+      },
+      //aes解密
+      encryptByDeAES(data) {
+        let Key = "dsadmin";
+        let tmpDeAES = AES.decrypt(data, Key, {
+          mode: mode.CBC,
+          padding: pad.Pkcs7,
+        });
+        return tmpDeAES.toString(enc.Utf8);
+      },
+      //记住密码
+      checkboxChange(e) {
+        console.log(e.detail.value);
+        let arr = e.detail.value;
+        if (arr.length) {
+          this.savePassword.forEach(v => {
+            v.checked = true;
+          })
+        } else {
+          this.savePassword.forEach(v => {
+            v.checked = false;
+          })
+        }
+        console.log(this.savePassword)
+      },
       // 锁定
       lock(data) {
         console.log(data);
@@ -477,7 +530,13 @@
           });
           return;
         }
-        uni.setStorageSync("ip", this.ip);
+        if (this.savePassword[0].checked) {
+          //记住密码
+          uni.setStorageSync("ip", this.ip);
+        } else {
+          // 不记住密码
+          uni.removeStorageSync('ip');
+        }
         changeIP(this.ip);
         uni.showLoading({
           title: "登录中",
@@ -503,9 +562,17 @@
               });
               return;
             }
+            if (this.savePassword[0].checked) {
+              //记住密码
+              uni.setStorageSync("username", this.encryptByEnAES(this.username)); //存储用户名
+              uni.setStorageSync("password", this.encryptByEnAES(this.password)); //存储密码
+              uni.setStorageSync("savePasswordTime", Date.now()); //存储当前时间戳
+            } else {
+              uni.removeStorageSync('username');
+              uni.removeStorageSync('password');
+              uni.removeStorageSync('savePasswordTime');
+            }
             uni.setStorageSync("userData", res.user);
-            uni.setStorageSync("username", this.username); //存储用户名
-            uni.setStorageSync("password", this.password); //存储密码
             this.getWorkScheme(false, res.user.user.currentHospital.id); //获取当前启动中的工作分配方案
             this.getHistorys(res.user.user.id); //获取上班历史记录
             this.offWork("app", this.ip);
@@ -633,11 +700,11 @@
               });
             } else if (this.state == "555") {
               // 如果需要绑定账号 并且 没有微信号
-              if(this.type){
+              if (this.type) {
                 uni.redirectTo({
                   url: `../bindUser/bindUser?type=${this.type}`
                 })
-              }else{
+              } else {
                 uni.redirectTo({
                   url: `../bindUser/bindUser`
                 })
@@ -681,11 +748,11 @@
             } else if (this.state == "555") {
               this.type = uni.getStorageSync("type"); //刷新页面后获取type
               // 如果需要绑定账号 并且 没有微信号
-              if(this.type){
+              if (this.type) {
                 uni.redirectTo({
                   url: `../bindUser/bindUser?type=${this.type}`
                 })
-              }else{
+              } else {
                 uni.redirectTo({
                   url: `../bindUser/bindUser`
                 })
@@ -877,9 +944,17 @@
         uni.removeStorageSync("setDepts"); //清空选择的科室,初始化
       }
       console.log(options);
-      this.ip = uni.getStorageSync("ip") || this.ip;
-      this.username = uni.getStorageSync("username") || this.username;
-      this.password = uni.getStorageSync("password") || this.password;
+      console.log(typeof uni.getStorageSync("savePasswordTime"));
+      if (Date.now() - uni.getStorageSync("savePasswordTime") < 10 * 24 * 60 * 60 * 1000) {
+        //记住密码,10天内有效
+        this.ip = uni.getStorageSync("ip") || this.ip;
+        if (uni.getStorageSync("username")) {
+          this.username = this.encryptByDeAES(uni.getStorageSync("username"));
+        }
+        if (uni.getStorageSync("password")) {
+          this.password = this.encryptByDeAES(uni.getStorageSync("password"));
+        }
+      }
       //#ifdef H5
       this.isApp = false;
       this.type = options.type || "";
@@ -939,6 +1014,14 @@
       position: relative;
       z-index: 999;
 
+      .savePassword {
+        margin-top: 32rpx;
+      }
+
+      /deep/ uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
+        border-color: #42b983 !important;
+      }
+
       .login_input {
         margin-top: 32rpx;
         background-color: #ffffff;
@@ -955,7 +1038,7 @@
 
       .tips {
         font-size: 28rpx;
-        color: #68686b;
+        color: red;
         margin-top: 16rpx;
       }
 

pages/receiptpage/receiptpage.vue

@@ -175,7 +175,9 @@
                 item.taskType.associationType.value != 'patientTransport' &&
                 item.taskType.associationType.value != 'inspect' &&
                 item.taskType.associationType.value != 'other'
-              " hover-class="seimin-btn-hover"><smallScreen :sData="item" :sType="2">扫码</smallScreen></view>
+              " hover-class="seimin-btn-hover">
+              <smallScreen :sData="item" :sType="2">扫码</smallScreen>
+            </view>
             <!-- 如果不是静配，药配，标本配送,标本轮巡 -->
             <view class="page_item_btn_wrap" v-if="
                 selectedLabelSlots == '执行中' &&
@@ -190,7 +192,9 @@
                     item.gdState.value == 4
                       ? '50%'
                       : '100%',
-                }" hover-class="seimin-btn-hover"><smallScreen :sData="item" :sType="1">扫码</smallScreen></view>
+                }" hover-class="seimin-btn-hover">
+                <smallScreen :sData="item" :sType="1">扫码</smallScreen>
+              </view>
               <view v-if="
                   item.taskType.associationType.value != 'other' &&
                   item.gdState.value == 4
@@ -384,11 +388,15 @@
           let ip = uni.getStorageSync("ip"); //记住域名或ip
           let username = uni.getStorageSync("username"); //记住用户名
           let password = uni.getStorageSync("password"); //记住密码
+          let savePasswordTime = uni.getStorageSync("savePasswordTime"); //记住密码的时间戳
           let clientid = uni.getStorageSync("clientid");
           uni.clearStorageSync();
-          uni.setStorageSync("ip", ip); //记住域名或ip
-          uni.setStorageSync("username", username); //记住用户名
-          uni.setStorageSync("password", password); //记住密码
+          if (username) {
+            uni.setStorageSync("ip", ip); //记住域名或ip
+            uni.setStorageSync("username", username); //记住用户名
+            uni.setStorageSync("password", password); //记住密码
+            uni.setStorageSync("savePasswordTime", savePasswordTime); //记住密码的时间戳
+          }
           uni.setStorageSync("clientid", clientid);
           uni.navigateTo({
             url: "../homePage/homePage",