From 2f86b8712ba8439d9dc46bc9276be0fb764a5c27 Mon Sep 17 00:00:00 2001
From: xjf <378266566@qq.com>
Date: Fri, 12 Dec 2025 11:06:09 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E5=9B=9E=E7=AE=97=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/locales/lang/en/action.json    |   3 +-
 src/locales/lang/zh-CN/action.json |   3 +-
 src/views/run/calc/calc.data.ts    |  34 +++----
 src/views/run/calc/index.vue       | 143 +++++++++++++++++------------
 4 files changed, 105 insertions(+), 78 deletions(-)

diff --git a/src/locales/lang/en/action.json b/src/locales/lang/en/action.json
index 562ff38..529585c 100644
--- a/src/locales/lang/en/action.json
+++ b/src/locales/lang/en/action.json
@@ -15,5 +15,6 @@
   "createInstant": "CreateInstant",
   "pointConfig": "PointConfig",
   "warnConfig": "WarnConfig",
-  "backCalc": "backCalc"
+  "backCalc": "backCalc",
+  "calcIng": "calcIng"
 }
diff --git a/src/locales/lang/zh-CN/action.json b/src/locales/lang/zh-CN/action.json
index c84a365..5c0bb93 100644
--- a/src/locales/lang/zh-CN/action.json
+++ b/src/locales/lang/zh-CN/action.json
@@ -16,5 +16,6 @@
   "createInstant": "新增实例",
   "pointConfig": "测点配置",
   "warnConfig": "预警配置",
-  "backCalc": "回算"
+  "backCalc": "回算",
+  "calcIng": "回算中"
 }
diff --git a/src/views/run/calc/calc.data.ts b/src/views/run/calc/calc.data.ts
index f0df0ad..071a08c 100644
--- a/src/views/run/calc/calc.data.ts
+++ b/src/views/run/calc/calc.data.ts
@@ -9,48 +9,48 @@ import type { systemSelectParams } from '@/api/alert/model/model/optionsModel'
 export const columns: BasicColumn[] = [
   {
     title: '编号',
-    dataIndex: 'id',
-    width: 80,
+    dataIndex: 'mpId',
+    width: 60,
     fixed: 'left',
   },
   {
     title: '模型名称',
     dataIndex: 'modelName',
-    width: 250,
+    width: 200,
     className: 'instant',
     slots: { customRender: 'detail' },
     fixed: 'left',
   },
   {
     title: '算法',
-    dataIndex: 'Algorithm',
-    width: 200,
+    dataIndex: 'algorithmShortname',
+    width: 100,
 
   },
   {
     title: '模式覆盖率',
     dataIndex: 'CoveredPercent',
-    width: 200,
+    width: 100,
   },
   {
     title: '报警次数',
     dataIndex: 'AlarmNumber',
-    width: 200,
+    width: 100,
   },
   {
     title: '总报警时间(m)',
     dataIndex: 'AlarmToatlMinutes',
-    width: 200,
+    width: 100,
   },
   {
     title: '系统维度',
     dataIndex: 'Dimension',
-    width: 200,
+    width: 100,
   },
   {
     title: '计算耗时(s)',
     dataIndex: 'CalcSeconds',
-    width: 200,
+    width: 100,
   },
   {
     title: '状态',
@@ -71,7 +71,7 @@ export const searchFormSchema: FormSchema[] = [
     field: 'unit',
     component: 'Select',
     defaultValue: optionList.units[0].id || null,
-    colProps: { span: 4 },
+    colProps: { span: 5 },
 
     componentProps: ({ formModel }) => {
       return {
@@ -99,7 +99,7 @@ export const searchFormSchema: FormSchema[] = [
     field: 'type',
     component: 'Select',
     defaultValue: optionList.types[0].id || null,
-    colProps: { span: 4 },
+    colProps: { span: 5 },
     componentProps: ({ formModel }) => {
       return {
         allowClear: false,
@@ -124,7 +124,7 @@ export const searchFormSchema: FormSchema[] = [
     field: 'system',
     component: 'Select',
     defaultValue: systemOptions.value[0].id || null,
-    colProps: { span: 4 },
+    colProps: { span: 5 },
     componentProps: () => {
       return {
         allowClear: false,
@@ -143,7 +143,7 @@ export const searchFormSchema: FormSchema[] = [
     componentProps: {
       placeholder: '请输入模型名称',
     },
-    colProps: { span: 4 },
+    colProps: { span: 6 },
   },
 ]
 
@@ -167,11 +167,11 @@ export const calcFormSchemas: FormSchema[] = [
     required: true,
 
     colProps: {
-      span: 8,
+      span: 10,
     },
   },
   {
-    label: '回算采样周期',
+    label: '采样周期',
     field: 'interval',
     component: 'Select',
     defaultValue: 60,
@@ -181,7 +181,7 @@ export const calcFormSchemas: FormSchema[] = [
     },
     required: true,
     colProps: {
-      span: 4,
+      span: 5,
     },
   },
 
diff --git a/src/views/run/calc/index.vue b/src/views/run/calc/index.vue
index efe594c..f5032e0 100644
--- a/src/views/run/calc/index.vue
+++ b/src/views/run/calc/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { Badge, Button, Divider, Switch } from 'ant-design-vue'
-import { onMounted, ref } from 'vue'
+import { Space,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'
 import { calcFormSchemas, columns, searchFormSchema } from './calc.data'
@@ -19,15 +19,12 @@ import { useModal } from '@/components/Modal'
 defineOptions({ name: 'InstantCalc' })
 const { createMessage } = useMessage()
 const { t } = useI18n()
-
-const [registerHistoryModal, { openModal: openHistoryModal }] = useModal()
-const [registerCreateModal, { openModal: openCreateModal }] = useModal()
-const [registerUpdateModal, { openModal: openUpdateModal }] = useModal()
-
+// 添加多选框相关状态
+const selectedRowss = ref<any[]>([])
 const [registerTable, { getForm, reload, getDataSource, updateTableDataRecord }] = useTable({
   title: '实例列表',
   api: getInstantPage,
-  rowKey: 'id',
+  rowKey: 'mpId',
   immediate: true,
   columns,
   formConfig: {
@@ -36,6 +33,10 @@ const [registerTable, { getForm, reload, getDataSource, updateTableDataRecord }]
     showResetButton: false,
     actionColOptions: {
       span: 2,
+      style: {
+        textAlign: 'left' ,
+        marginLeft: '10px',
+      },
     },
 
   },
@@ -48,37 +49,17 @@ const [registerTable, { getForm, reload, getDataSource, updateTableDataRecord }]
     dataIndex: 'action',
     fixed: 'right',
   },
+  // 添加多选框配置
+  rowSelection: {
+    type: 'checkbox',
+
+    onChange: (selectedRowKeys, selectedRows) => {
+      console.log(24)
+      selectedRowss.value = selectedRows
+    }
+  }
 })
 
-const isShow = ref<boolean>(false)
-
-function handleCreate() {
-  openCreateModal(true, { isUpdate: false })
-  isShow.value = true
-}
-
-function handleEdit(record: Recordable) {
-  openUpdateModal(true, { record, isUpdate: true })
-}
-async function handleDelete(record: Recordable) {
-  await deleteRole(record.id)
-  createMessage.success(t('common.delSuccessText'))
-  reload()
-}
-
-const itemName = ref<string>()
-const legendName = ref<string[]>()
-function handleHistory(record: Recordable) {
-  itemName.value = (JSON.parse(record.instantInfo)).model_state
-  legendName.value = []
-  legendName.value.push(`${record.mpName}-${itemName.value}`)
-  openHistoryModal(true, { record })
-}
-
-function handleWarnConfig(record: Recordable) {
-  router.push(`/run/warnConfig?id=${record.id}`)
-}
-
 /**
  * BasicForm绑定注册;
  */
@@ -97,22 +78,67 @@ const [registerForm] = useForm({
     // data为时间组件在表单内的字段，startTime，endTime为转化后的开始时间于结束时间
     ['time', ['startTime', 'endTime'], 'YYYY-MM-DD HH:mm:ss'],
   ],
-  actionColOptions: { span: 2 },
+
+  actionColOptions: { span: 5,style: { textAlign: 'left' ,marginLeft: '10px',} },
   showSubmitButton: false,
   showResetButton: false,
 })
 
+
+// 添加回算状态跟踪
+const calcLoading = ref<boolean>(false)
+const rowCalcLoading = reactive({});
+
 /**
- * 点击提交按钮的value值----改为导出按钮
+ * 点击导出按钮
  * @param values
  */
-function handleSubmit(values: any) {
-  console.log('提交按钮数据::::', values)
+function handleExport(values: any) {
+  console.log('导出按钮数据::::', values)
 }
-// 回算
-function handleCalc(values: any) {
-  console.log('提交按钮数据::::', values)
+
+async function handlebeforeCalc() {
+  console.log("触发了回算按钮")
+  //获取选中的实例
+  console.log('选中的实例:', selectedRowss.value)
+  const selectedRowIds = selectedRowss.value.map(row => row.mpId)
+
+  //check selectedRows
+  if (selectedRowIds.length === 0) {
+    createMessage.error('请选择要回算的实例')
+    return
+  }
+    // 校验表单数据
+    const formData = await getForm().validateFields()
+    // 给函数传递需要回算的实例id数组
+    formData.mpIds = selectedRowIds;
+    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])
+      try {
+        // 调用后端的回算接口 - 行内回算
+        // 模拟3秒接口调用延迟
+        await new Promise(resolve => {
+          setTimeout(() => {
+            resolve()
+          }, 3000)
+        })
+        createMessage.success(t('common.success'))
+      } catch (error) {
+        createMessage.error(t('common.fail'))
+      } finally {
+        rowCalcLoading[mpId] = false
+      }
+    }
+    calcLoading.value = false
+  }
 </script>
 
 <template>
@@ -128,34 +154,33 @@ function handleCalc(values: any) {
         <!-- 自定义表单 -->
         <BasicForm @register="registerForm">
           <template #advanceBefore>
-            <a-button v-auth="['run:instant:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
-              {{ t('action.create') }}
+            <Space>
+            <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">
+              {{ t('action.export') }}
             </a-button>
+            </Space>
           </template>
         </BasicForm>
       </template>
-
-      <!-- 统计量点击跳转历史曲线 -->
-      <template #history="{ record }">
-        <a @click="handleHistory(record)">
-          {{ record.pointSte }}
-        </a>
-        <!-- <SlidersOutlined class="click-status" /> -->
-      </template>
-
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
+<!--          <TableAction-->
+<!--            :actions="[-->
+<!--              { icon: IconEnum.BACK_CALC,label: rowCalcLoading[record.mpId] ? t('action.calcIng') : t('action.backCalc'), onClick: handleCalc.bind(null, record) },-->
+<!--            ]"-->
+<!--          />-->
           <TableAction
             :actions="[
-              { icon: IconEnum.BACK_CALC, label: t('action.backCalc'), onClick: handleWarnConfig.bind(null, record) },
+              { icon: IconEnum.BACK_CALC,label: rowCalcLoading[record.mpId] ? t('action.calcIng') : t('action.backCalc'), onClick: handlebeforeCalc,
+          disabled: rowCalcLoading[record.mpId]},
             ]"
           />
         </template>
       </template>
     </BasicTable>
-    <HistoryModal :item-name="itemName" :legend-name="legendName" @register="registerHistoryModal" />
-    <CreateModal :item-name="itemName" :legend-name="legendName" @register="registerCreateModal" @success="reload" />
-    <UpdateModal @register="registerUpdateModal" @success="reload" />
   </div>
 </template>