使用js-cookie替换localStorage

src/App.vue

@@ -12,6 +12,7 @@
 <script setup>
 import { computed } from 'vue'
 import store from './store'
+import Cookies from "js-cookie";
 const loading = computed(() => {
   return store.state.loading
 })
@@ -29,7 +30,7 @@ function getScreenSize() {
     type: 'storeScreenSize',
     screenSize: getScreenSize()
   })
-  let localCards = localStorage.getItem('patientCards')
+  let localCards = Cookies.get('patientCards')
   if (localCards) {
     let cardList = JSON.parse(localCards)
     store.dispatch({

src/router/index.js

@@ -250,11 +250,11 @@ export const constantRoutes = [
     component: () => import('../views/hospital-service/self-service/package-mall/SelectPatientCard.vue'),
     meta: { title: '选择就诊人' },
   },
-  {
-    path: '/mallPackage/:patientId',
-    component: () => import('../views/hospital-service/self-service/package-mall/MallPackage.vue'),
-    meta: { title: '套餐商城' },
-  },
+  // {
+  //   path: '/mallPackage/:patientId',
+  //   component: () => import('../views/hospital-service/self-service/package-mall/MallPackage.vue'),
+  //   meta: { title: '套餐商城' },
+  // },
   {
     path: '/packageDetail/:patientId/:id/:from',
     component: () => import('../views/hospital-service/self-service/package-mall/PackageDetail.vue'),

src/store/index.js

@@ -1,6 +1,7 @@
 import { createStore } from 'vuex'
 import {showDialog} from "vant";
 import router from "../router";
+import Cookies from "js-cookie";
 
 export default createStore({
   state: {
@@ -133,7 +134,7 @@ export default createStore({
         payload['cards'].forEach(item => {
           item['value'] = item['patientId']
         });
-        localStorage.setItem('patientCards', JSON.stringify(payload['cards']))
+        Cookies.set('patientCards', JSON.stringify(payload['cards']))
         commit('SET_PATIENT_CARDS', payload['cards'])
       }
     },

src/utils/request.js

@@ -1,6 +1,7 @@
 import axios from 'axios'
 import {showDialog, showToast} from 'vant'
 import store from '../store/index'
+import Cookies from "js-cookie";
 
 const baseURL = import.meta.env.VITE_BASE_URL
 const service = axios.create({
@@ -11,7 +12,7 @@ const service = axios.create({
 
 service.interceptors.request.use(
   (config) => {
-    config.headers['token'] = localStorage.getItem('token')
+    config.headers['token'] = Cookies.get('token')
     store.commit('SET_LOADING', true);
     return config
   },
@@ -70,7 +71,7 @@ export function fetchInspectionReportImage(data) {
       url: baseURL + '/inspections/fetchReportImage',
       method: 'post',
       data: data,
-      headers: {'token': localStorage.getItem('token')},
+      headers: {'token': Cookies.get('token')},
       contentType: 'image/JPEG',
       responseType: 'blob',
     }).then(response => {

src/utils/validate.js

@@ -1,3 +1,5 @@
+import Cookies from "js-cookie";
+
 export function isValidPhone(phone) {
   const myreg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
   return myreg.test(phone)
@@ -189,7 +191,7 @@ export function validateCovid19Answer(answer) {
 }
 
 export function validateBindPatientId(card) {
-  if (!localStorage.getItem('token')) {
+  if (!Cookies.get('token')) {
     return '未检测到登录状态，请从微信公众号进入本服务！'
   }
   if (!card.name) {

src/views/Home.vue

@@ -12,6 +12,7 @@ import { getToken, getPatientIdByOpenid } from '@/api/patient-id-cards'
 import store from '@/store'
 import { useRouter } from 'vue-router'
 import { onMounted } from 'vue'
+import Cookies from "js-cookie";
 
 const router = useRouter()
 const executeNavigate = () => {
@@ -33,12 +34,12 @@ const executeNavigate = () => {
 
 const onAppStart = () => {
   return new Promise((resolve, reject) => {
-    if (localStorage.getItem('token')) {
+    if (Cookies.get('token')) {
       resolve()
     } else {
       const code = router.currentRoute.value.params.code
       getToken(code).then((r) => {
-        localStorage.setItem('token', r)
+        Cookies.set('token', r)
         resolve()
       }).catch((e) => {
         reject(e)

src/views/hospital-service/pay-mz-fee/UnPaidList.vue

@@ -34,6 +34,7 @@ import {lockOrder,lockYbOrder,unlockOrder} from "@/api/medins-mobile-pay";
 import store from "@/store";
 import router from "@/router";
 import {showToast} from "vant";
+import Cookies from "js-cookie";
 
 const props = defineProps({
   patientId: {
@@ -52,7 +53,7 @@ const showPayMethodPicker = ref(false)
 const currentHisItem = ref({})
 
 function handleClickHisItem(item) {
-  localStorage.setItem('hisOrdNum', item.hisOrdNum)
+  Cookies.set('hisOrdNum', item.hisOrdNum)
   currentHisItem.value = item
   showPayMethodPicker.value = true
 }
@@ -94,7 +95,7 @@ const payMethodColumns = [
 
 function handleConfirmPayMethod({selectedValues}) {
   const payMethod = selectedValues[0]
-  const hisOrdNum = localStorage.getItem('hisOrdNum')
+  const hisOrdNum = Cookies.get('hisOrdNum')
 
   if (payMethod === 'YB') {
     lockYbOrder({hisOrdNum}).then(openid => {
@@ -116,7 +117,7 @@ function startMedInsMobilePay(openid) {
 }
 
 function clickUnlockOrder() {
-  const hisOrdNum = localStorage.getItem('hisOrdNum')
+  const hisOrdNum = Cookies.get('hisOrdNum')
     unlockOrder({hisOrdNum}).then(res => {
       showToast({
         position: 'top',
@@ -130,7 +131,7 @@ function clickUnlockOrder() {
 onMounted(() => {
   getUnPaidFee(props.patientId).then((res) => {
     unpaidFees.value = res
-    let hisOrdNum = localStorage.getItem('hisOrdNum')
+    let hisOrdNum = Cookies.get('hisOrdNum')
     if (hisOrdNum) {
       for (let i = 0; i < res.length; i++) {
         if (res[i].hisOrdNum === hisOrdNum) {

src/views/hospital-service/self-service/SelfService.vue

@@ -7,13 +7,13 @@
         center
         @click="simpleRoute('/healthCartCategory/', '/selectHealthCartPatient')">
     </van-cell>
-    <van-cell
-        title="套餐购买"
-        label="购买优惠的套餐项目"
-        is-link
-        center
-        @click="simpleRoute('/mallPackage/', '/selectPackageMallPatient')">
-    </van-cell>
+<!--    <van-cell-->
+<!--        title="套餐购买"-->
+<!--        label="购买优惠的套餐项目"-->
+<!--        is-link-->
+<!--        center-->
+<!--        @click="simpleRoute('/mallPackage/', '/selectPackageMallPatient')">-->
+<!--    </van-cell>-->
   </window-size>
 </template>
 

src/views/isolations/ChronicDisease.vue

@@ -190,6 +190,7 @@ import allArea from '@/utils/area'
 import store from "@/store"
 import router from "@/router";
 import {getDate} from "@/utils/date";
+import Cookies from "js-cookie";
 
 const loginFormRef = ref()
 
@@ -365,7 +366,7 @@ const dictData = ref({})
 onMounted(() => {
   getCrmDictionary().then((res) => {
     dictData.value = res
-    if (localStorage.getItem('token')) {
+    if (Cookies.get('token')) {
       store.commit('SET_LOADING', true);
       setTimeout(() => {
         analyzeDefaultCard()