支持房屋收费页面点击缴费后返回还是那个房屋信息

wuxw
1 parent 47b8eddb
Showing 4 changed files with 500 additions and 35 deletions
src/components/room/roomTreeDiv.vue
src/views/fee/roomCreateFeeList.vue
src/views/room/roomList.vue
src/views/simplify/simplifyAcceptanceList.vue
@@ -25,7 +25,9 @@ export default {
         children: 'children',
         label: 'text'
       },
-      communityId: ''
+      communityId: '',
+      lastSelected: {},
+      isInitialized: false // 添加初始化标志
     }
   },
   created() {
@@ -34,6 +36,17 @@ export default {
   },
   methods: {
     async loadTreeData() {
+      // 加载上次选择的房屋信息
+      let lastSelected = localStorage.getItem('lastSelectedRoom');
+      if (lastSelected) {
+        try {
+          this.lastSelected = JSON.parse(lastSelected);
+        } catch (error) {
+          console.error('解析lastSelected失败:', error);
+          localStorage.removeItem('lastSelectedRoom');
+        }
+      }
+      
       try {
         const units = await queryUnits({
           communityId: this.communityId
@@ -73,11 +86,94 @@ export default {
       this.treeData = Object.values(floorMap)
       this.$nextTick(() => {
-        this.expandAndSelectFirstRoom()
+        // 如果有上次选择的房屋，则展开并选择；否则选择第一个房屋
+        if (this.lastSelected && this.lastSelected.floorId && this.lastSelected.unitId) {
+          this.expandAndSelectLastRoom()
+        } else {
+          this.expandAndSelectFirstRoom()
+        }
       })
     },
+    // 新增：展开并选择上次选择的房屋
+    async expandAndSelectLastRoom() {
+      if (!this.lastSelected || !this.lastSelected.floorId || !this.lastSelected.unitId) {
+        this.expandAndSelectFirstRoom()
+        return
+      }
+
+      const treeRef = this.$refs.tree
+      if (!treeRef || !treeRef.store) {
+        // 如果树还没有完全初始化，延迟执行
+        setTimeout(() => this.expandAndSelectLastRoom(), 100)
+        return
+      }
+
+      try {
+        // 查找对应的楼栋和单元
+        const floorNode = this.treeData.find(floor => floor.floorId === this.lastSelected.floorId)
+        if (!floorNode) {
+          console.warn('未找到对应的楼栋:', this.lastSelected.floorId)
+          this.expandAndSelectFirstRoom()
+          return
+        }
+
+        const unitNode = floorNode.children.find(unit => unit.unitId === this.lastSelected.unitId)
+        if (!unitNode) {
+          console.warn('未找到对应的单元:', this.lastSelected.unitId)
+          this.expandAndSelectFirstRoom()
+          return
+        }
+
+        // 展开楼栋和单元
+        const floorTreeNode = treeRef.store.nodesMap[floorNode.id]
+        const unitTreeNode = treeRef.store.nodesMap[unitNode.id]
+        
+        if (floorTreeNode) {
+          floorTreeNode.expanded = true
+        }
+        if (unitTreeNode) {
+          unitTreeNode.expanded = true
+        }
+
+        // 加载房屋数据
+        await this.loadRooms(unitNode, { data: unitNode })
+
+        // 选择上次选择的房屋
+        if (this.lastSelected.roomId) {
+          this.selectSpecificRoom(this.lastSelected.roomId)
+        }
+
+        this.isInitialized = true
+      } catch (error) {
+        console.error('展开上次选择的房屋失败:', error)
+        this.expandAndSelectFirstRoom()
+      }
+    },
+    // 新增：选择特定的房屋
+    selectSpecificRoom(roomId) {
+      const treeRef = this.$refs.tree
+      if (!treeRef) return
+
+      const roomNodeId = `r_${roomId}`
+      const roomTreeNode = treeRef.store.nodesMap[roomNodeId]
+      
+      if (roomTreeNode) {
+        // 设置当前选中节点
+        treeRef.setCurrentKey(roomNodeId)
+        
+        // 触发选择事件
+        this.$emit('selectRoom', {
+          roomId: roomId,
+          roomName: this.lastSelected.roomName || ''
+        })
+      } else {
+        // 如果房屋节点还没有加载，等待加载完成后再选择
+        setTimeout(() => this.selectSpecificRoom(roomId), 200)
+      }
+    },
     async expandAndSelectFirstRoom() {
       if (!this.treeData.length) return
+      
       const firstFloor = this.treeData[0]
       if (!firstFloor.children || !firstFloor.children.length) return
       const firstUnit = firstFloor.children[0]
@@ -87,6 +183,7 @@ export default {
         treeRef.store.nodesMap[firstUnit.id] && (treeRef.store.nodesMap[firstUnit.id].expanded = true)
       }
       await this.loadRooms(firstUnit, { data: firstUnit })
+      this.isInitialized = true
     },
     async handleNodeClick(data, node) {
       if (data.id.startsWith('u_')) {
@@ -95,12 +192,41 @@ export default {
           node.expanded = true
         }
       } else if (data.id.startsWith('r_')) {
+        // 获取父节点信息
+        const parentNodes = this.getParentNodes(data)
+        let selectedData = {
+          floorId: parentNodes.floorId,
+          unitId: parentNodes.unitId,
+          roomId: data.roomId,
+          roomName: data.roomName
+        };
+        
+        // 保存到localStorage
+        localStorage.setItem('lastSelectedRoom', JSON.stringify(selectedData));
+        this.lastSelected = selectedData;
+
         this.$emit('selectRoom', {
           roomId: data.roomId,
           roomName: data.roomName
         })
       }
     },
+    // 新增：获取父节点信息
+    getParentNodes(data) {
+      const treeRef = this.$refs.tree
+      if (!treeRef || !treeRef.store) return { floorId: '', unitId: '' }
+
+      const node = treeRef.store.nodesMap[data.id]
+      if (!node || !node.parent) return { floorId: '', unitId: '' }
+
+      const unitNode = node.parent
+      const floorNode = unitNode.parent
+
+      return {
+        floorId: floorNode ? floorNode.data.floorId : '',
+        unitId: unitNode ? unitNode.data.unitId : ''
+      }
+    },
     async loadRooms(unitData, node) {
       try {
         const { rooms } = await queryRoomsTree({
@@ -123,15 +249,24 @@ export default {
           // Update the node's children
           this.$set(node.data, 'children', roomNodes)
-          this.$emit('selectRoom', {
-            roomId: roomNodes[0].roomId,
-            roomName: roomNodes[0].roomName
-          })
+          
+          // 只有在初始化时才自动选择第一个房屋
+          if (!this.isInitialized) {
+            this.$emit('selectRoom', {
+              roomId: roomNodes[0].roomId,
+              roomName: roomNodes[0].roomName
+            })
+          }
         }
       } catch (error) {
         console.error('Failed to load rooms:', error)
         this.$message.error(this.$t('roomTree.loadRoomError'))
       }
+    },
+    // 新增：清除保存的选择记录
+    clearLastSelected() {
+      localStorage.removeItem('lastSelectedRoom')
+      this.lastSelected = {}
     }
   }
 }
 <template>
   <div class="app-container">
-    <el-row :gutter="20">
-      <el-col :span="4" class="tree-container">
+    <div class="resizable-layout">
+      <!-- 左侧树形组件 -->
+      <div class="tree-panel" :style="{ width: treeWidth + 'px' }">
         <room-tree-div ref="roomTreeDiv" @selectRoom="handleSelectRoom"></room-tree-div>
-      </el-col>
-      <el-col :span="20">
+      </div>
+
+      <!-- 拖拽分隔线 -->
+      <div class="resize-handle" @mousedown="startResize" @mouseover="showResizeCursor" @mouseleave="hideResizeCursor">
+        <div class="resize-line"></div>
+      </div>
+
+      <!-- 右侧内容区域 -->
+      <div class="content-panel" :style="{ width: 'calc(100% - ' + (treeWidth + 10) + 'px)' }">
         <el-card class="box-card">
           <div slot="header" class="flex justify-between">
             <span>{{ roomCreateFeeInfo.roomName }}</span>
@@ -58,7 +66,8 @@
               <simplify-room-fee v-if="roomCreateFeeInfo._currentTab === 'simplifyRoomFee'" ref="simplifyRoomFee"
                 :key="'simplifyRoomFee' + roomCreateFeeInfo.roomId"></simplify-room-fee>
             </el-tab-pane>
-            <el-tab-pane v-if="roomCreateFeeInfo.ownerId" :label="$t('roomCreateFee.paymentHistory')" name="simplifyHisFee">
+            <el-tab-pane v-if="roomCreateFeeInfo.ownerId" :label="$t('roomCreateFee.paymentHistory')"
+              name="simplifyHisFee">
               <simplify-his-fee v-if="roomCreateFeeInfo._currentTab === 'simplifyHisFee'" ref="simplifyHisFee"
                 :key="'simplifyHisFee' + roomCreateFeeInfo.roomId"></simplify-his-fee>
             </el-tab-pane>
@@ -74,7 +83,8 @@
               <simplify-callable v-if="roomCreateFeeInfo._currentTab === 'simplifyCallable'" ref="simplifyCallable"
                 :key="'simplifyCallable' + roomCreateFeeInfo.roomId"></simplify-callable>
             </el-tab-pane>
-            <el-tab-pane :label="$t('roomCreateFee.receiptReprint')" v-if="hasPrivilege('502020092373407363')" name="simplifyFeeReceipt">
+            <el-tab-pane :label="$t('roomCreateFee.receiptReprint')" v-if="hasPrivilege('502020092373407363')"
+              name="simplifyFeeReceipt">
               <simplify-fee-receipt v-if="roomCreateFeeInfo._currentTab === 'simplifyFeeReceipt'"
                 ref="simplifyFeeReceipt" :key="'simplifyFeeReceipt' + roomCreateFeeInfo.roomId"></simplify-fee-receipt>
             </el-tab-pane>
@@ -83,11 +93,13 @@
                 ref="simplifyMeterWaterLog"
                 :key="'simplifyMeterWaterLog' + roomCreateFeeInfo.roomId"></simplify-meter-water-log>
             </el-tab-pane>
-            <el-tab-pane v-if="roomCreateFeeInfo.ownerId" :label="$t('roomCreateFee.prepaidAccount')" name="ownerDetailAccount">
+            <el-tab-pane v-if="roomCreateFeeInfo.ownerId" :label="$t('roomCreateFee.prepaidAccount')"
+              name="ownerDetailAccount">
               <owner-detail-account v-if="roomCreateFeeInfo._currentTab === 'ownerDetailAccount'"
                 ref="ownerDetailAccount" :key="'ownerDetailAccount' + roomCreateFeeInfo.roomId"></owner-detail-account>
             </el-tab-pane>
-            <el-tab-pane v-if="roomCreateFeeInfo.ownerId" :label="$t('roomCreateFee.prepaidReprint')" name="ownerDetailAccountReceipt">
+            <el-tab-pane v-if="roomCreateFeeInfo.ownerId" :label="$t('roomCreateFee.prepaidReprint')"
+              name="ownerDetailAccountReceipt">
               <owner-detail-account-receipt v-if="roomCreateFeeInfo._currentTab === 'ownerDetailAccountReceipt'"
                 ref="ownerDetailAccountReceipt"
                 :key="'ownerDetailAccountReceipt' + roomCreateFeeInfo.roomId"></owner-detail-account-receipt>
@@ -107,8 +119,8 @@
             </el-tab-pane>
           </el-tabs>
         </el-card>
-      </el-col>
-    </el-row>
+      </div>
+    </div>
     <export-fee-import-excel ref="exportFeeImportExcel"></export-fee-import-excel>
     <do-import-create-fee ref="doImportCreateFee"></do-import-create-fee>
@@ -177,12 +189,31 @@ export default {
         },
         timer: null
       },
-      communityId: ''
+      communityId: '',
+      // 新增：拖拽相关数据
+      treeWidth: 250, // 默认树形组件宽度
+      minTreeWidth: 200, // 最小宽度
+      maxTreeWidth: 600, // 最大宽度
+      isResizing: false,
+      startX: 0,
+      startWidth: 0
     }
   },
   created() {
     this.communityId = getCommunityId()
     this.initRoomTree()
+    // 恢复保存的宽度
+    this.restoreTreeWidth()
+  },
+  mounted() {
+    // 添加全局鼠标事件监听
+    document.addEventListener('mousemove', this.onMouseMove)
+    document.addEventListener('mouseup', this.onMouseUp)
+  },
+  beforeDestroy() {
+    // 移除全局事件监听
+    document.removeEventListener('mousemove', this.onMouseMove)
+    document.removeEventListener('mouseup', this.onMouseUp)
   },
   methods: {
     initRoomTree() {
@@ -306,23 +337,131 @@ export default {
         `/pages/property/createFeeByCombo?payerObjId=${this.roomCreateFeeInfo.roomId}&payerObjName=${this.roomCreateFeeInfo.roomName}&payerObjType=3333`
       )
     },
+    restoreTreeWidth() {
+      const savedWidth = localStorage.getItem('roomCreateFeeTreeWidth')
+      if (savedWidth) {
+        const width = parseInt(savedWidth)
+        if (width >= this.minTreeWidth && width <= this.maxTreeWidth) {
+          this.treeWidth = width
+        }
+      }
+    },
+    // 新增：保存树形组件宽度
+    saveTreeWidth() {
+      localStorage.setItem('roomCreateFeeTreeWidth', this.treeWidth.toString())
+    },
+    // 新增：开始拖拽调整大小
+    startResize(event) {
+      event.preventDefault()
+      this.isResizing = true
+      this.startX = event.clientX
+      this.startWidth = this.treeWidth
+      
+      // 添加拖拽时的样式
+      document.body.style.cursor = 'col-resize'
+      document.body.style.userSelect = 'none'
+    },
+    // 新增：鼠标移动处理
+    onMouseMove(event) {
+      if (!this.isResizing) return
+      
+      const deltaX = event.clientX - this.startX
+      const newWidth = this.startWidth + deltaX
+      
+      // 限制宽度范围
+      if (newWidth >= this.minTreeWidth && newWidth <= this.maxTreeWidth) {
+        this.treeWidth = newWidth
+      }
+    },
+    // 新增：鼠标释放处理
+    onMouseUp() {
+      if (this.isResizing) {
+        this.isResizing = false
+        this.saveTreeWidth()
+        
+        // 恢复鼠标样式
+        document.body.style.cursor = ''
+        document.body.style.userSelect = ''
+      }
+    },
+    // 新增：显示调整大小光标
+    showResizeCursor() {
+      if (!this.isResizing) {
+        document.body.style.cursor = 'col-resize'
+      }
+    },
+    // 新增：隐藏调整大小光标
+    hideResizeCursor() {
+      if (!this.isResizing) {
+        document.body.style.cursor = ''
+      }
+    },
   }
 }
 </script>
-
 <style scoped>
 .app-container {
   padding: 20px;
+  height: calc(100vh - 120px);
+  overflow: hidden;
 }
-.tree-container {
-  min-height: 450px;
-  overflow-y: auto;
+/* 新增：可调整大小的布局样式 */
+.resizable-layout {
+  display: flex;
+  flex-direction: row;
+  height: 100%;
+}
+
+.tree-panel {
   background: #fff;
-  padding: 10px;
   border-radius: 4px;
+  padding: 10px;
+  border: 1px solid #e4e7ed;
+  
+}
+
+.content-panel {
+  overflow-y: auto;
+}
+
+/* 新增：拖拽分隔线样式 */
+.resize-handle {
+  width: 10px;
+  cursor: col-resize;
+  z-index: 10;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.resize-handle:hover .resize-line {
+  background-color: #409eff;
+}
+
+.resize-line {
+  width: 2px;
+  height: 30px;
+  background-color: #dcdfe6;
+  border-radius: 1px;
+  transition: background-color 0.2s;
 }
+/* 拖拽时的样式 */
+.resizable-layout.resizing {
+  cursor: col-resize;
+}
+
+.resizable-layout.resizing .tree-panel,
+.resizable-layout.resizing .content-panel {
+  pointer-events: none;
+}
+
+.resizable-layout.resizing .resize-handle {
+  pointer-events: auto;
+}
+
+/* 原有样式保持不变 */
 .header-tools {
   float: right;
 }
@@ -330,4 +469,14 @@ export default {
 .filter-container {
   margin-bottom: 20px;
 }
+
+/* 确保树形组件在拖拽时不被选中 */
+.tree-panel * {
+  user-select: none;
+}
+
+/* 拖拽时禁用文本选择 */
+.resizable-layout.resizing * {
+  user-select: none !important;
+}
 </style>
 \ No newline at end of file
@@ -37,11 +37,20 @@
       </el-button>
     </div>
-    <el-row class="flex justify-start">
-      <el-col :span="4" class="room-floor-unit-tree">
+    <!-- 替换原有的 el-row 布局为可拖拽布局 -->
+    <div class="resizable-layout margin-top-sm">
+      <!-- 左侧树形组件 -->
+      <div class="tree-panel" :style="{ width: treeWidth + 'px' }">
         <floor-unit-tree ref="floorUnitTree" @switchFloorUnit="switchFloorUnit" />
-      </el-col>
-      <el-col :span="20" class="margin-top-xs margin-left-sm">
+      </div>
+
+      <!-- 拖拽分隔线 -->
+      <div class="resize-handle" @mousedown="startResize" @mouseover="showResizeCursor" @mouseleave="hideResizeCursor">
+        <div class="resize-line"></div>
+      </div>
+
+      <!-- 右侧内容区域 -->
+      <div class="content-panel" :style="{ width: 'calc(100% - ' + (treeWidth + 10) + 'px)' }">
         <el-card class="ibox">
           <div slot="header" class="clearfix flex justify-between">
             <span>{{ $t('roomList.queryCondition') }}</span>
@@ -264,8 +273,8 @@
             </el-row>
           </div>
         </el-card>
-      </el-col>
-    </el-row>
+      </div>
+    </div>
     <!-- 子组件 -->
     <add-floor ref="addFloor" @handleRefreshTree="floorUnitTree" />
@@ -279,7 +288,6 @@
     <delete-room ref="deleteRoom" @handleRefreshRoom="handleRefreshRoom" />
     <import-owner-room ref="importOwnerRoom" />
-
     <owner-rooms ref="ownerRooms" />
     <owner-members ref="ownerMembers" />
     <owner-cars ref="ownerCars" />
@@ -373,15 +381,28 @@ export default {
         currentPage: DEFAULT_PAGE,
         listColumns: [],
         roomSubTypes: []
-      }
+      },
+      // 新增：拖拽相关数据
+      treeWidth: 300, // 默认树形组件宽度
+      minTreeWidth: 200, // 最小宽度
+      maxTreeWidth: 600, // 最大宽度
+      isResizing: false,
+      startX: 0,
+      startWidth: 0
     }
   },
   mounted() {
     this.initData()
-    // window.addEventListener('resize', this.handleResize)
+    // 恢复保存的宽度
+    this.restoreTreeWidth()
+    // 添加全局鼠标事件监听
+    document.addEventListener('mousemove', this.onMouseMove)
+    document.addEventListener('mouseup', this.onMouseUp)
   },
   beforeDestroy() {
-    // window.removeEventListener('resize', this.handleResize)
+    // 移除全局事件监听
+    document.removeEventListener('mousemove', this.onMouseMove)
+    document.removeEventListener('mouseup', this.onMouseUp)
   },
   methods: {
     async initData() {
@@ -683,16 +704,135 @@ export default {
       }
       const res = await getUnits(params)
       return res[0]
-    }
+    },
+     // 新增：恢复保存的树形组件宽度
+     restoreTreeWidth() {
+      const savedWidth = localStorage.getItem('roomListTreeWidth')
+      if (savedWidth) {
+        const width = parseInt(savedWidth)
+        if (width >= this.minTreeWidth && width <= this.maxTreeWidth) {
+          this.treeWidth = width
+        }
+      }
+    },
+    // 新增：保存树形组件宽度
+    saveTreeWidth() {
+      localStorage.setItem('roomListTreeWidth', this.treeWidth.toString())
+    },
+    // 新增：开始拖拽调整大小
+    startResize(event) {
+      event.preventDefault()
+      this.isResizing = true
+      this.startX = event.clientX
+      this.startWidth = this.treeWidth
+      
+      // 添加拖拽时的样式
+      document.body.style.cursor = 'col-resize'
+      document.body.style.userSelect = 'none'
+    },
+    // 新增：鼠标移动处理
+    onMouseMove(event) {
+      if (!this.isResizing) return
+      
+      const deltaX = event.clientX - this.startX
+      const newWidth = this.startWidth + deltaX
+      
+      // 限制宽度范围
+      if (newWidth >= this.minTreeWidth && newWidth <= this.maxTreeWidth) {
+        this.treeWidth = newWidth
+      }
+    },
+    // 新增：鼠标释放处理
+    onMouseUp() {
+      if (this.isResizing) {
+        this.isResizing = false
+        this.saveTreeWidth()
+        
+        // 恢复鼠标样式
+        document.body.style.cursor = ''
+        document.body.style.userSelect = ''
+      }
+    },
+    // 新增：显示调整大小光标
+    showResizeCursor() {
+      if (!this.isResizing) {
+        document.body.style.cursor = 'col-resize'
+      }
+    },
+    // 新增：隐藏调整大小光标
+    hideResizeCursor() {
+      if (!this.isResizing) {
+        document.body.style.cursor = ''
+      }
+    },
   }
 }
 </script>
-
 <style scoped>
 .room-container {
   padding: 15px;
+  height: calc(100vh - 120px);
+  overflow: hidden;
+}
+
+/* 新增：可调整大小的布局样式 */
+.resizable-layout {
+  display: flex;
+  height: 100%;
+  position: relative;
+}
+
+.tree-panel {
+  background: #fff;
+  border-radius: 4px;
+  padding: 10px;
+  overflow-y: auto;
+  border: 1px solid #e4e7ed;
+  min-height: 450px;
+}
+
+.content-panel {
+  overflow-y: auto;
+}
+
+/* 新增：拖拽分隔线样式 */
+.resize-handle {
+
+  width: 10px;
+  cursor: col-resize;
+  z-index: 10;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.resize-handle:hover .resize-line {
+  background-color: #409eff;
+}
+
+.resize-line {
+  width: 2px;
+  height: 30px;
+  background-color: #dcdfe6;
+  border-radius: 1px;
+  transition: background-color 0.2s;
 }
+/* 拖拽时的样式 */
+.resizable-layout.resizing {
+  cursor: col-resize;
+}
+
+.resizable-layout.resizing .tree-panel,
+.resizable-layout.resizing .content-panel {
+  pointer-events: none;
+}
+
+.resizable-layout.resizing .resize-handle {
+  pointer-events: auto;
+}
+
+/* 原有样式保持不变 */
 .bg-white {
   background-color: #fff;
 }
@@ -762,9 +902,20 @@ export default {
 .el-button-group .el-button:last-child {
   margin-right: 0;
 }
+
 .room-detail-desc {
   text-align: left;
   font-size: 13px;
   color: #606266;
 }
+
+/* 确保树形组件在拖拽时不被选中 */
+.tree-panel * {
+  user-select: none;
+}
+
+/* 拖拽时禁用文本选择 */
+.resizable-layout.resizing * {
+  user-select: none !important;
+}
 </style>
 \ No newline at end of file
@@ -377,7 +377,8 @@ export default {
   created() {
     this.communityId = getCommunityId()
     this._initMethod()
-
+    // 添加恢复搜索参数的逻辑
+    this._restoreSearchData()
   },
   methods: {
     _initMethod() {
@@ -490,6 +491,34 @@ export default {
         searchPlaceholder: _searchPlaceholder
       }))
     },
+    // 新增：恢复搜索参数的方法
+    _restoreSearchData() {
+      try {
+        const savedData = localStorage.getItem(this.TEMP_SEARCH)
+        if (savedData) {
+          const parsedData = JSON.parse(savedData)
+          // 只有在没有路由参数时才恢复本地存储的数据
+          if (!this.$route.query.searchValue) {
+            this.simplifyAcceptanceInfo.searchType = parsedData.searchType || '1'
+            this.simplifyAcceptanceInfo.searchValue = parsedData.searchValue || ''
+            this.simplifyAcceptanceInfo.searchPlaceholder = parsedData.searchPlaceholder || 'simplifyAcceptance.houseNumberPlaceholder'
+
+            // 如果有搜索值，自动执行搜索
+            if (this.simplifyAcceptanceInfo.searchValue) {
+              this._doSearch()
+            }
+          }
+        }
+      } catch (error) {
+        console.error('恢复搜索参数失败:', error)
+        // 清除可能损坏的数据
+        localStorage.removeItem(this.TEMP_SEARCH)
+      }
+    },
+    // 新增：清除保存的搜索数据
+    _clearSavedSearchData() {
+      localStorage.removeItem(this.TEMP_SEARCH)
+    },
     changeTab(tab) {
       this.simplifyAcceptanceInfo._currentTab = tab
       setTimeout(() => {
@@ -525,6 +554,7 @@ export default {
       this.simplifyAcceptanceInfo.ownerPhoto = "/img/noPhoto.jpg"
     },
     _clearData() {
+      this._clearSavedSearchData()
       const _searchType = this.simplifyAcceptanceInfo.searchType
       const _searchValue = this.simplifyAcceptanceInfo.searchValue
       const _searchPlaceholder = this.simplifyAcceptanceInfo.searchPlaceholder