update: 使用小程序的本次存储解决cookie问题

src/libraries/utils/common.js

@@ -25,25 +25,86 @@ export function randomNumber(minNum, maxNum) {
 
 //获取cookie、
 export function getCookie(name) {
-  var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
-  if (arr = document.cookie.match(reg))
-    return (arr[2]);
-  else
-    return null;
+  return new Promise((resolve, reject) => {
+    qing.call('storage.getItem', {
+      key: name,
+      success: (result) => {
+        const success = (result || {}).success || false
+        if (`${success}`.toLowerCase() === 'true') {
+          const data = (result || {}).data || {}
+          let val = data.value
+          try {
+            val = JSON.parse(val)
+            resolve(
+              Date.now() < val.expired ? val.value : null
+            )
+          } catch (error) {
+            resolve(null)
+          }
+        } else {
+          resolve(null)
+        }
+      },
+      error: () => {
+        resolve(null)
+      },
+    })
+  })
 }
 
 //设置cookie,增加到vue实例方便全局调用
-export function setCookie(c_name, value, expiredays) {
-  var exdate = new Date();
-  exdate.setDate(exdate.getDate() + expiredays);
-  document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
-};
+export function setCookie(name, value, days) {
+  days = days || 1
+  if (days < 0) {
+    return delCookie(name)
+  }
+  const expireTime = Date.now() + days * (24 * 3600 * 1000)
+  const val = {
+    value: value,
+    expired: expireTime,
+  }
+  return new Promise((resolve, reject) => {
+    qing.call('storage.setItem', {
+      key: name,
+      value: JSON.stringify(val),
+      success: (result) => {
+        const success = (result || {}).success || false
+        if (`${success}`.toLowerCase() === 'true') {
+          resolve()
+        } else {
+          reject()
+        }
+      },
+      error: () => {
+        reject()
+      },
+    })
+  })
+}
 
 //删除cookie
 export function delCookie(name) {
-  var exp = new Date();
-  exp.setTime(exp.getTime() - 1);
-  var cval = getCookie(name);
-  if (cval != null)
-    document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
-};
\ No newline at end of file
+  return new Promise((resolve, reject) => {
+    getCookie(name)
+    .then((val) => {
+      if (val === null) {
+        resolve()
+        return
+      }
+      qing.call('storage.removeItem', {
+        key: name,
+        success: (result) => {
+          const success = (result || {}).success || false
+          if (`${success}`.toLowerCase() === 'true') {
+            resolve()
+          } else {
+            reject()
+          }
+        },
+        error: () => {
+          reject()
+        },
+      })
+    })
+  })
+}

src/shared/components/filter/filterResult.vue

@@ -179,9 +179,17 @@ export default {
     }
   },
   mounted: function () {
+    /*
     if (getCookie('showGuidence')) {
       this.showGuidence = Boolean(getCookie('showGuidence'))
     }
+    */
+    getCookie('showGuidence')
+    .then(val => {
+      if (val) {
+        this.showGuidence = Boolean(val)
+      }
+    })
   },
   watch: {
     selectData: function (val) {

src/shared/components/homepage/status.vue

@@ -75,9 +75,17 @@ export default {
   },
   mounted: function () {
     this.calDataDivTop()
+    /*
     if (getCookie('xzsb1')) {
       this.showGuidence = Boolean(getCookie('xzsb1'))
     }
+    */
+    getCookie('xzsb1')
+    .then(val => {
+      if (val) {
+        this.showGuidence = Boolean(val)
+      }
+    })
   },
   watch: {
     dataArray: function (val) {

src/shared/components/triangle/index.vue

@@ -679,9 +679,17 @@ export default {
       }
 
       // 设置引导图
+      /*
       if (getCookie('xzsb2')) {
         this.showGuidence = Boolean(getCookie('xzsb2'))
       }
+      */
+      getCookie('xzsb2')
+      .then(val => {
+        if (val) {
+          this.showGuidence = Boolean(val)
+        }
+      })
     },
     getEnumType: function (val) {
       switch (val) {