fix:回算功能优化

src/views/run/calc/calc.data.ts

@@ -5,6 +5,7 @@ import type { BasicColumn, FormSchema } from '@/components/Table'
 import { DICT_TYPE, getDictOptions } from '@/utils/dict'
 import { optionListApi, subSystemListApi } from '@/api/alert/model/select'
 import type { systemSelectParams } from '@/api/alert/model/model/optionsModel'
+import {Tag} from "ant-design-vue";
 
 export const columns: BasicColumn[] = [
   {
@@ -30,7 +31,7 @@ export const columns: BasicColumn[] = [
   {
     title: '模式覆盖率',
     dataIndex: 'CoveredPercent',
-    width: 100,
+    width: 100
   },
   {
     title: '报警次数',
@@ -46,6 +47,7 @@ export const columns: BasicColumn[] = [
     title: '系统维度',
     dataIndex: 'Dimension',
     width: 100,
+
   },
   {
     title: '计算耗时(s)',
@@ -54,10 +56,11 @@ export const columns: BasicColumn[] = [
   },
   {
     title: '状态',
-    dataIndex: 'status',
+    dataIndex: 'calcStatus',
     width: 100,
-    slots: { customRender: 'status' },
     fixed: 'right',
+    slots: { customRender: 'calcStatus' },
+
   },
 ]
 
@@ -65,6 +68,7 @@ const optionList = await optionListApi()
 
 const systemOptions = ref<any>([])
 systemOptions.value = optionList.systems
+console.log(systemOptions.value)
 export const searchFormSchema: FormSchema[] = [
   {
     label: '机组',
@@ -80,10 +84,6 @@ export const searchFormSchema: FormSchema[] = [
         placeholder: '请选择机组',
         options: optionList.units.map(unit => ({ value: unit.id, label: unit.name })),
         onChange: async (e: any) => {
-          // const { reload } = tableAction
-          // reload()
-          // or
-          console.log(e)
           const param: systemSelectParams = {
             unitId: e,
             typeId: formModel.type,
@@ -106,15 +106,12 @@ export const searchFormSchema: FormSchema[] = [
         placeholder: '请选择系统',
         options: optionList.types.map(type => ({ value: type.id, label: type.name })),
         onChange: async (e: any) => {
-          // const { reload } = tableAction
-          // reload()
-          // or
-          console.log(e)
           const param: systemSelectParams = {
             unitId: formModel.unit,
             typeId: e,
           }
           systemOptions.value = await subSystemListApi(param)
+          console.log(systemOptions.value)
         },
       }
     },

src/views/run/calc/index.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Space,Badge, Button, Divider, Switch } from 'ant-design-vue'
+import {Space, Tag,Badge, Button, Divider, Switch} from 'ant-design-vue'
 import {onMounted, ref, reactive} from 'vue'
 import moment from 'moment'
 import HistoryModal from '../../exa/config/HistoryModal.vue'
@@ -19,6 +19,14 @@ import { useModal } from '@/components/Modal'
 defineOptions({name: 'InstantCalc'})
 const {createMessage} = useMessage()
 const {t} = useI18n()
+// 添加状态映射表
+const statusMap = {
+  0: { label: '待计算', color: 'default' },
+  1: { label: '计算中', color: 'processing' },
+  2: { label: '计算成功', color: 'success' },
+  3: { label: '计算失败', color: 'error' },
+}
+
 // 添加多选框相关状态
 const selectedRowss = ref<any[]>([])
 const [registerTable, {getForm, reload, getDataSource, updateTableDataRecord}] = useTable({
@@ -57,7 +65,21 @@ const [registerTable, { getForm, reload, getDataSource, updateTableDataRecord }]
       console.log(24)
       selectedRowss.value = selectedRows
     }
-  }
+  },
+  //这段非常重要
+  // 你要的是：表格每一行、每一个字段都有默认值（即使接口没返回）。
+// 👉 正确、优雅、一次性解决方案：用 afterFetch 统一补默认值
+  afterFetch: (data) =>
+    data.map(item => ({
+      ...item,
+      CoveredPercent: '-',
+      AlarmNumber: '-',
+      AlarmToatlMinutes: '-',
+      CalcSeconds: '-',
+      Dimension:'-',
+      calcStatus: 0,
+    })),
+
 })
 
 /**
@@ -97,21 +119,18 @@ function handleExport(values: any) {
   console.log('导出按钮数据::::', values)
 }
 
-async function handlebeforeCalc(rowMpId?: string) {
-  console.log('点击回算按钮数据::::', rowMpId)
-  let targetMpIds: string[] = []
+async function handlebeforeCalc(record?: Recordable) {
+  let targetRows: Recordable[] = []
 
   // 1. 行内按钮点击：直接使用当前行的mpId
-  if (rowMpId) {
-    alert("行内回算")
-    targetMpIds = [rowMpId]
+  if (record) {
+    targetRows = [record]
   }
   // 2. 顶部按钮点击：使用选中的实例
   else {
-    alert("表单回算")
+    targetRows = selectedRowss.value
 
-    targetMpIds = selectedRowss.value.map(row => row.mpId)
-    if (targetMpIds.length === 0) {
+    if (targetRows.length === 0) {
       createMessage.error('请选择要回算的实例')
       return
     }
@@ -120,52 +139,60 @@ async function handlebeforeCalc(rowMpId?: string) {
   // 校验表单数据
   const formData = await validate()
   // 给函数传递需要回算的实例id数组
-    formData.mpIds = targetMpIds;
+  formData.records = targetRows;
   handleCalc(formData)
 }
+
 // 回算
 async function handleCalc(formData: any) {
   calcLoading.value = true
   console.log('点击回算按钮数据::::', formData)
   // 循环调用后端的回算接口
-    for (const mpId of formData.mpIds) {
-      rowCalcLoading[mpId] = true
-      console.log('行内回算loading状态:', mpId, rowCalcLoading[mpId])
+  for (const record of formData.records) {
+    updateTableDataRecord(record.mpId, {calcStatus:1})
+
+    rowCalcLoading[record.mpId] = true
+    console.log('行内回算loading状态:', record.mpId, rowCalcLoading[record.mpId])
     try {
       // 调用后端的回算接口 - 行内回算
-        formData.mpId=mpId
+      formData.mpId = record.mpId
       // 调用后端的回算接口 - 行内回算
       console.log(formData)
       const res = await calcInstant(formData)
       console.log('回算结果:', res)
+      console.log(record)
+      res.calcStatus = 2
       // 更新实例列表
-        // updateTableDataRecord(res)
-        createMessage.success(t('common.success'))
+      updateTableDataRecord(record.mpId, res)
+      createMessage.success(t('common.successText'))
     } catch (error) {
-        createMessage.error(t('common.fail'))
+      updateTableDataRecord(record.mpId, {calcStatus:3})
+      createMessage.error(t('common.failText'))
     } finally {
-        rowCalcLoading[mpId] = false
+      rowCalcLoading[record.mpId] = false
     }
   }
   calcLoading.value = false
 }
+onMounted(async () => {
+  const { setFieldsValue } = getForm()
+  await setFieldsValue({ system: null })
+})
 </script>
 
 <template>
   <div>
     <BasicTable @register="registerTable">
       <template #form-formFooter>
-        <!-- <a-button v-auth="['run:instant:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
-          {{ t('action.create') }}
-        </a-button> -->
-        <Divider orientation="left">
-          回算
-        </Divider>
+<!--        <Divider orientation="left">-->
+<!--          回算-->
+<!--        </Divider>-->
         <!-- 自定义表单 -->
         <BasicForm @register="registerForm">
           <template #advanceBefore>
             <Space>
-            <a-button type="primary" :loading="calcLoading" :pre-icon="IconEnum.BACK_CALC" @click="handlebeforeCalc()">
+              <a-button type="primary" :loading="calcLoading" :pre-icon="IconEnum.BACK_CALC"
+                        @click="handlebeforeCalc()">
                 {{ t('action.backCalc') }}
               </a-button>
               <a-button type="primary" :pre-icon="IconEnum.EXPORT" @click="handleExport">
@@ -185,13 +212,20 @@ async function handlebeforeCalc(rowMpId?: string) {
           <TableAction
             :actions="[
               { icon: IconEnum.BACK_CALC,label: rowCalcLoading[record.mpId] ? t('action.calcIng') : t('action.backCalc'),
-                onClick: () => handlebeforeCalc(record.mpId),
+                onClick: () => handlebeforeCalc(record),
           disabled: rowCalcLoading[record.mpId]},
             ]"
             @click.stop
           />
         </template>
       </template>
+
+      <!-- 修改calcStatus列的渲染 -->
+      <template #calcStatus="{ record }">
+        <Tag :color="statusMap[record.calcStatus].color">
+          {{ statusMap[record.calcStatus].label }}
+        </Tag>
+      </template>
     </BasicTable>
   </div>
 </template>