refactor(plan/detail): 修复取消状态失效问题

src/mobile/store/planList.js

+import { defineStore } from 'pinia';
+
+export const usePlanStore = defineStore('plan', {
+  state: () => ({
+    shouldRefresh: false
+  }),
+  actions: {
+    setShouldRefresh(value) {
+      this.shouldRefresh = value;
+    }
+  }
+});
\ No newline at end of file

src/mobile/views/promotion/plan/detail/index.vue

@@ -226,8 +226,6 @@ const getPlanDetail = async () => {
       photoList: photoDialogList, // 照片列表
     }
   })
-
-  console.log(planList)
 }
 getPlanDetail()
 

src/mobile/views/promotion/plan/index/index.vue

@@ -2,7 +2,7 @@
   <div class="mobile-container">
     <van-nav-bar right-text="搜索"
       left-arrow
-      @click-left="$router.back()"
+      @click-left="clickBack"
       @click-right="showSearch = true"
       placeholder
       fixed />
@@ -53,7 +53,8 @@
       </van-list>
     </van-pull-refresh>
     <!-- 搜索组件 -->
-    <PlanSearch v-model:show="showSearch"
+    <PlanSearch ref="planSearch"
+      v-model:show="showSearch"
       v-model:query="query"
       :planColumns="planColumns"
       @query="querySearch" />
@@ -64,7 +65,7 @@
     <van-action-bar v-show="showSelect">
       <van-action-bar-button type="default"
         text="取消"
-        @click="clickChangeBelong" />
+        @click="cancelActionBar" />
       <van-action-bar-button type="warning"
         text="修改归属人"
         @click="clickChangeBelong" />
@@ -93,6 +94,7 @@ import PickerBelong from '../components/PickerBelong'
 
 const { proxy } = getCurrentInstance();
 const router = useRouter()
+const route = useRoute()
 const promotionIdentity = computed(() => userStore().promotionIdentity)
 const employeeNo = computed(() => userStore().employeeNo)
 const employeeName = computed(() => userStore().employeeName)
@@ -100,6 +102,13 @@ const employeeName = computed(() => userStore().employeeName)
 // 搜索弹窗
 const showSearch = ref(false)
 
+// 从新增页面跳转回来需要刷新列表
+watch(() => route.path, (newPath, oldPath) => {
+  if (oldPath.includes('/promotion_plan_editing') && newPath === '/m/promotion_plan') {
+    planSearch.value.resetFn()
+  }
+});
+
 // 计划列表
 const query = reactive({
   pageNum: 1,
@@ -166,7 +175,9 @@ const clickDetail = (row) => {
 
 // 搜索表单
 const querySearch = () => {
-  onRefresh()
+  query.pageNum = 1
+  planList.value = []
+  getPlanList()
 }
 
 // 编辑计划
@@ -193,15 +204,11 @@ const deletePlan = (row) => {
   })
 }
 
-const init = async () => {
+onMounted(() => {
   getPlanList()
-}
-init()
-
-onActivated(() => {
-  querySearch()
 })
 
+
 // 长按出现全选功能
 const showSelect = ref(false)
 const onLongPress = () => {
@@ -261,6 +268,21 @@ const confirmPickerBelong = async (val) => {
   proxy.$modal.msgSuccess('修改成功')
   onRefresh()
 }
+
+const planSearch = ref({})
+const clickBack = () => {
+  planSearch.value.resetFn()
+  showSelect.value = false
+  router.back()
+}
+
+const cancelActionBar = () => {
+  showSelect.value = false
+  // 把复选框的值都取消
+  planList.value.forEach(item => {
+    item.checked = false
+  })
+}
 </script>
 
 <style scoped
@@ -336,7 +358,7 @@ const confirmPickerBelong = async (val) => {
     .van-action-bar {
       padding: 0 0 0 20px;
 
-      .van-button--default{
+      .van-button--default {
         background-color: #f5f5f5;
       }
 

src/mobile/views/promotion/plan/index/plan-search.vue

@@ -170,6 +170,11 @@ const resetFn = () => {
   props.query.storeNameLike = undefined
   emits('query')
 }
+
+// 暴露方法
+defineExpose({
+  resetFn
+})
 </script>
 
 <style scoped