style：生产计划-报工后刷新报工记录列表

src/views/mes/plan/index.vue

@@ -97,7 +97,7 @@
               <ItemRequisitionDetailList :item-requisition-id="scope.row.requisitionId" />
             </el-tab-pane>
             <el-tab-pane :label="t('ProductionPlan.Plan.detailBaogongRecordTabLabel')" name="baogongRecord">
-              <BaogongRecordList :plan-id="scope.row.id" />
+              <BaogongRecordList :key="`${scope.row.id}-${baogongRecordRefreshKey}`" :plan-id="scope.row.id" />
             </el-tab-pane>
             <el-tab-pane :label="t('ProductionPlan.Plan.detailInspectTabLabel')" name="zj" v-if="scope.row.status == 8">
               <ZjProductPreList :ticket="scope.row.id"
@@ -188,17 +188,19 @@
             {{ t('ProductionPlan.Plan.actionStartLabel') }}
           </el-button>
           <el-button link type="primary" v-hasPermi="['mes:plan:update']"
-            @click="openBaogongForm(scope.row.code, scope.row.id)" v-if="scope.row.status === 2">
+            @click="openBaogongForm(scope.row.code, scope.row.id)"
+            v-if="scope.row.status === 2 || scope.row.status === 8">
             {{ t('ProductionPlan.Plan.actionBaogongLabel') }}
           </el-button>
           <el-button link type="primary"
             @click="handleStatus(scope.row.code, scope.row.id, 'pause', 3, t('ProductionPlan.Plan.actionPauseLabel'), scope.row.isZj)"
-            v-hasPermi="['mes:plan:update']" v-if="scope.row.status === 2">
+            v-hasPermi="['mes:plan:update']" v-if="scope.row.status === 2 || scope.row.status === 8">
             {{ t('ProductionPlan.Plan.actionPauseLabel') }}
           </el-button>
           <el-button link type="primary"
             @click="handleStatus(scope.row.code, scope.row.id, 'end', 4, t('ProductionPlan.Plan.actionFinishLabel'), scope.row.isZj)"
-            v-hasPermi="['mes:plan:update']" v-if="scope.row.status === 2 || scope.row.status === 3">
+            v-hasPermi="['mes:plan:update']"
+            v-if="scope.row.status === 2 || scope.row.status === 3 || scope.row.status === 8">
             {{ t('ProductionPlan.Plan.actionFinishLabel') }}
           </el-button>
           <el-button link type="primary"
@@ -230,7 +232,7 @@
   <TypePaigong ref="typePaiFormRef" @success="getList" />
 
   <!-- 报工弹出 -->
-  <Baogong ref="baogongFormRef" @success="getList" />
+  <Baogong ref="baogongFormRef" @success="handleBaogongSuccess" />
 
   <!-- 详情弹窗 -->
   <PlanDetail ref="detailRef" />
@@ -269,6 +271,7 @@ const list = ref<PlanVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
 const tableRef = ref()
 const inspectableMap = reactive<Record<number, boolean | undefined>>({})
+const baogongRecordRefreshKey = ref(0)
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
@@ -396,6 +399,10 @@ const baogongFormRef = ref()
 const openBaogongForm = (planCode: string, planId: number) => {
   baogongFormRef.value.open(planCode, planId)
 }
+const handleBaogongSuccess = async () => {
+  baogongRecordRefreshKey.value += 1
+  await getList()
+}
 
 const handleInspectExpand = (row: PlanVO) => {
   tableRef.value?.toggleRowExpansion?.(row, true)