事件列表搜索缓存

pages/incidentList/incidentList.vue

@@ -13,7 +13,7 @@
         <view class="body_item_head ellipsis-multiline">
           <text :style="priorityStyle(data.priority)">{{data.priority ? data.priority.name + ' ' : ''}}</text>{{data.description}}
         </view>
-        
+
         <view class="body_item_content">
           <view class="body_item_content_p" v-if="data.department">
             <text class="name ellipsis">报修科室：{{data.department.dept}}</text>
@@ -35,7 +35,7 @@
             </view>
           </view>
         </view>
-        
+
         <view class="body_item_foot">
           <view class="foot_info">
             <view class="name" @click.stop="makePhoneCall(data.contactsInformation)">联系电话：{{data.contactsInformation}}<uni-icons type="phone-filled" class="phone-filled" :size="18" :color="primaryColor"></uni-icons></view>
@@ -72,22 +72,24 @@
   import { useMakePhoneCall } from '@/share/useMakePhoneCall.js'
   import { useLoginUserStore } from '@/stores/loginUser'
   import { useIncidentNumStore } from '@/stores/incidentNum'
-  
+  import { useIncidentListSearchStore } from '@/stores/incidentListSearch'
+
   useSetTitle();
   const loginUserStore = useLoginUserStore();
   const incidentNumStore = useIncidentNumStore();
+  const incidentListSearchStore = useIncidentListSearchStore();
   const { formatDate }  = filterFormatDate();
   const { priorityStyle }  = computedPriorityStyle();
   const { stateStyle }  = computedStateStyle();
   const { currentLogOverTime }  = computedCurrentLogOverTime();
   const { makePhoneCall }  = useMakePhoneCall();
-  
+
   // 主题颜色
   const primaryColor = ref(defaultColor)
-  
+
   const assignFlag = ref(false);//指派权限
   const qiangdan = ref(false);//接单权限
-  
+
   // 判断是否显示接单按钮
   const computedReceive = computed(() => (data) => {
     let inUser = data.currentLog && data.currentLog.workerId == loginUserStore.loginUser.user.id;
@@ -101,7 +103,7 @@
     })
     return data.state.value === 'pending' && (inUser || inGroup) && qiangdan.value;
   })
-  
+
   // 数据
   const dataInfo = reactive({
     tabs: [{id: 0, name: '全部', value: 'all', num: ''}],
@@ -119,14 +121,14 @@
       category: {id: 0, category: '全部'},
     },//筛选框数据
   })
-  
+
   // 工单详情
   function toIncidentDetail(data){
     uni.navigateTo({
       url: `/pages/incidentDetail/incidentDetail?incidentId=${data.id}`
     })
   }
-  
+
   // 获取tab选项
   function getTabs(){
     uni.showLoading({
@@ -147,59 +149,59 @@
       getList(0);
     })
   }
-  
+
   // 点击tab
   function clickTab(tabId){
     dataInfo.tabActiveId = tabId;
     getList(0);
   }
-  
+
   // 点击筛选
   function filterClick(){
     dataInfo.isFilter = true;
   }
-  
+
   // 确认筛选
   function conformFilter(evtFilter){
     dataInfo.evtFilter = evtFilter;
     dataInfo.isFilter = false;
     getList(0);
   }
-  
+
   // 关闭筛选
   function cancelFilter(){
     dataInfo.isFilter = false;
   }
-  
+
   // 点击图片和录音
   function attachmentClick(incidentData){
     dataInfo.incidentData = incidentData;
     dataInfo.isAttachment = true;
   }
-  
+
   // 知道了图片和录音
   function knowAttachment(){
     dataInfo.isAttachment = false;
   }
-  
+
   // 处理按钮
   function handler(type, incidentId){
     uni.navigateTo({
       url: `/pages/${type}/${type}?incidentId=${incidentId}`
     })
   }
-  
+
   // 接单调用方案
   function receiveFn(incidentData){
     uni.showLoading({
       title: "加载中",
       mask: true,
     });
-    
+
     let postData = {
       incident: incidentData,
     }
-    
+
     api_incidentTask('receive', postData).then(res => {
       uni.hideLoading();
       if(res.state == 200){
@@ -230,7 +232,7 @@
       }
     });
   }
-  
+
   // 获取列表信息
   function getList(idx){
     uni.showLoading({
@@ -250,12 +252,12 @@
             "statusId": dataInfo.tabActiveId || undefined,
         }
     }
-    
+
     // 请求参数调整
     if(!postData.incident){
         postData.incident = {};
     }
-    
+
     if(postData.incident.queryTask === 'all' || postData.incident.queryTask === 'callback'){
       if(loginUserStore.loginUser.user.duty){
         // 当前的所属责任科室
@@ -268,21 +270,22 @@
       delete postData.incident.duty;
       delete postData.incident.branch;
     }
-    
+
     if(postData.incident.queryTask === 'todo' || postData.incident.queryTask === 'owns' || postData.incident.queryTask === 'todoingAll'){
         postData.incident.candidateGroups = loginUserStore.loginUser.user.group.map(v => v.id).toString();
     }else{
         delete postData.incident.candidateGroups;
     }
-    
+
     if(dataInfo.evtFilter && dataInfo.evtFilter.category && dataInfo.evtFilter.category.id){
       postData.incident.levelCategory = { id: dataInfo.evtFilter.category.id };
     }
-    
+
     if(dataInfo.evtFilter && dataInfo.evtFilter.area && dataInfo.evtFilter.area.id){
       postData.incident.area = dataInfo.evtFilter.area
     }
-    
+
+    incidentListSearchStore.setIncidentListSearchData(dataInfo);
     api_incident(postData).then(res => {
       uni.hideLoading();
       uni.stopPullDownRefresh();
@@ -301,10 +304,10 @@
         });
       }
     })
-    
+
     getCount(postData.incident);
   }
-  
+
   // 获取列表数量
   function getCount(incident = {}){
     let postData = {
@@ -314,7 +317,7 @@
     dataInfo.tabs.forEach(v => {
         postData.incidentList.push({...incident, ...{statusId: v.id || undefined}});
     })
-    
+
     api_incident_count(postData).then(res => {
       if(res.state == 200){
         let myData = res.data || [];
@@ -329,15 +332,18 @@
       }
     })
   }
-  
+
   onLoad((option) => {
     // 我的-数量跳转
     if(incidentNumStore.incidentNum.data){
       dataInfo.evtFilter.selected = incidentNumStore.incidentNum.data.queryTask;
       dataInfo.tabActiveId = incidentNumStore.incidentNum.data.statusId;
       incidentNumStore.clearIncidentNumData();
+    }else if(incidentListSearchStore.incidentListSearch.data){
+      // 缓存的搜索条件
+      Object.assign(dataInfo, incidentListSearchStore.incidentListSearch.data);
     }
-    
+
     for (let i = 0; i < loginUserStore.loginUser.menu.length; i++) {
       if (loginUserStore.loginUser.menu[i].link == "shijianliebiao_assign") {
         assignFlag.value = true;
@@ -348,11 +354,11 @@
     }
     getTabs();
   })
-  
+
   onPullDownRefresh(() => {
     getList(0)
   })
-  
+
   onReachBottom(() => {
     dataInfo.idx += 1;
     if (dataInfo.hasMore) {

stores/incidentListSearch.js

@@ -0,0 +1,31 @@
+import { defineStore } from "pinia"
+import { reactive } from 'vue'
+
+export const useIncidentListSearchStore = defineStore(
+  "incidentListSearch",
+  () => {
+    const incidentListSearch = reactive({
+      data: null,
+    });
+
+    // 保存
+    function setIncidentListSearchData(data) {
+      incidentListSearch.data = data;
+    }
+    
+    // 清空
+    function clearIncidentListSearchData() {
+      console.log(incidentListSearch.data)
+      incidentListSearch.data = null;
+    }
+
+    return {
+      incidentListSearch,
+      setIncidentListSearchData,
+      clearIncidentListSearchData,
+    };
+  },
+  {
+    unistorage: true, // 开启后对 state 的数据读写都将持久化
+  },
+);