feat(invalidplan): 完成查看已删除计划列表_分页分开统计功能

src/views/promotion/plan/effectivePlan.vue

@@ -92,8 +92,8 @@
   </el-table>
   <!-- 分页 -->
   <pagination :total="total"
-    v-model:page="queryParams.pageNum"
-    v-model:limit="queryParams.pageSize"
+    v-model:page="pageNum"
+    v-model:limit="pageSize"
     @pagination="getPlanList" />
   <!-- 弹窗确认上传计划表格 -->
   <el-dialog title="上传计划"
@@ -327,8 +327,6 @@ const props = defineProps({
   }
 })
 
-
-
 const { proxy } = getCurrentInstance();
 const isCityManager = userStore().promotionIdentity
 const empInfo = userStore().empInfo
@@ -350,6 +348,7 @@ const handleDelete = async () => {
     employeeNo: empInfo.empNo
   })
   proxy.$modal.msgSuccess('删除成功')
+  proxy.eventBus.emit('refreshPlanList') // 刷新计划列表
   getPlanList()
 }
 // 单条
@@ -810,11 +809,13 @@ const tableRowTimeOutClassName = ({ row }) => {
 
 /*************** 数据和分页 ***************/
 const total = ref(0)
+const pageNum = ref(1)
+const pageSize = ref(10)
 // 任务列表
 const getPlanList = async () => {
   const res = await getPlanListAPI({
-    pageNum: props.queryParams.pageNum,
-    pageSize: props.queryParams.pageSize,
+    pageNum: pageNum.value,
+    pageSize: pageSize.value,
     queryParams: {
       activityStartDate: props.queryParams.activityDate && props.queryParams.activityDate[0],
       activityEndDate: props.queryParams.activityDate && props.queryParams.activityDate[1],
@@ -823,7 +824,7 @@ const getPlanList = async () => {
       province: props.queryParams.provinceName,
       city: props.queryParams.cityName,
       dealerId: props.queryParams.dealerId,
-      orgQcId: props.queryParams.warzoneId,
+      orgQcId: props.queryParams.warZoneId,
       employeeId: props.queryParams.employeeId,
       storeNameLike: props.queryParams.storeName
     }

src/views/promotion/plan/index.vue

@@ -132,7 +132,10 @@
           <EffectivePlan ref="effectivePlan"
             :queryParams="queryParams" />
         </el-tab-pane>
-        <el-tab-pane label="已删除计划">Config</el-tab-pane>
+        <el-tab-pane label="已删除计划">
+          <InvalidPlan ref="invalidPlan"
+            :queryParams="queryParams" />
+        </el-tab-pane>
       </el-tabs>
     </div>
   </div>
@@ -144,7 +147,10 @@ import { parseTime } from '@/utils'
 import userStore from '@/store/modules/user'
 import { useDatePickerOptions } from '@/hooks'
 import { PROMOTION_STATUS } from '@/dicts'
-import EffectivePlan from './effectivePlan.vue';
+import EffectivePlan from './effectivePlan.vue'
+import InvalidPlan from './invalidPlan.vue'
+
+const { proxy } = getCurrentInstance()
 
 const isCityManager = userStore().promotionIdentity
 const empInfo = userStore().empInfo // 当前登录员工信息
@@ -159,8 +165,6 @@ const queryParams = reactive({
   warZoneId: '', // 战区
   employeeId: '', // 归属人
   storeName: '', // 门店名称
-  pageNum: 1,
-  pageSize: 10,
 })
 /************* 选择日期 *************/
 const { recentPickerOptions: pickerOptions } = useDatePickerOptions()
@@ -275,8 +279,8 @@ onMounted(async () => {
 })
 
 /************ 数据列表管理 ************/
-const effectivePlan = ref({})
 const getPlanList = () => {
-  effectivePlan.value.getPlanList()
+  proxy.$refs.effectivePlan.getPlanList()
+  proxy.$refs.invalidPlan.getPlanList()
 }
 </script>
\ No newline at end of file