src/views/model/train/index.vue

@@ -6,6 +6,7 @@ import dayjs from 'dayjs'
 import { computed, defineComponent, onMounted, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import {
+  Button,
   Card,
   Checkbox,
   Descriptions,
@@ -20,6 +21,7 @@ import {
   Tabs,
 } from 'ant-design-vue'
 import VueECharts from 'vue-echarts'
+import { func } from 'vue-types'
 import { pointTableSchema, sampleInfoTableSchema } from './data'
 import { BasicTable, useTable } from '@/components/Table'
 import { PageWrapper } from '@/components/Page'
@@ -47,6 +49,7 @@ export default defineComponent({
     AInput: Input,
     ACheckbox: Checkbox,
     AInputNumber: InputNumber,
+    AButton: Button,
   },
   setup() {
     const route = useRoute()
@@ -373,6 +376,28 @@ export default defineComponent({
       }
     }
 
+    const mode = ref({
+      alarmcondition: '1=1',
+      alarmname: '全工况运行',
+    })
+    const openEditModeModal = ref<boolean>(false)
+
+    function openEditMode() {
+      openEditModeModal.value = true
+      mode.value = {
+        alarmcondition: model.value?.alarmmodelset?.alarmcondition || '1=1',
+        alarmname: model.value?.alarmmodelset?.alarmname || '全工况运行',
+      }
+    }
+    function closeEditMode() {
+      openEditModeModal.value = false
+    }
+    function handleEditMode() {
+      // 这里可以添加编辑模式的逻辑
+      console.log('编辑模式')
+      model.value.alarmmodelset = mode.value
+      closeEditMode()
+    }
     return {
       pointTable,
       model,
@@ -393,6 +418,11 @@ export default defineComponent({
       openPointModal,
       editForm,
       trainModel,
+      openEditModeModal,
+      openEditMode,
+      closeEditMode,
+      handleEditMode,
+      mode,
     }
   },
 })
@@ -462,6 +492,11 @@ export default defineComponent({
           </a-descriptions-item>
         </a-descriptions>
       </a-card>
+      <a-card title="模式" :bordered="false" style="margin-top: 16px;margin-bottom: -20px;">
+        <a-button size="large" @click="openEditMode">
+          {{ model?.alarmmodelset.alarmname }}
+        </a-button>
+      </a-card>
 
       <a-card :bordered="false">
         <a-tabs v-model:active-key="activeKey">
@@ -536,6 +571,16 @@ export default defineComponent({
         </a-form-item>
       </a-form>
     </a-modal>
+    <a-modal v-model:open="openEditModeModal" title="编辑模式" @ok="handleEditMode" @cancel="closeEditMode">
+      <a-form :model="mode" :label-col="{ span: 7 }" :wrapper-col="{ span: 15 }">
+        <a-form-item label="模式名称">
+          <a-input v-model:value="mode.alarmname" placeholder="请输入模式名称" />
+        </a-form-item>
+        <a-form-item label="报警条件">
+          <a-input v-model:value="mode.alarmcondition" placeholder="请输入报警条件" />
+        </a-form-item>
+      </a-form>
+    </a-modal>
   </PageWrapper>
 </template>