云设备录入

src/views/govern/alarm/Front.vue

@@ -0,0 +1,80 @@
+<template>
+    <TableHeader datePicker ref="refheader" showExport>
+        <template v-slot:select>
+            <el-form-item label="关键词">
+                <el-input maxlength="32" show-word-limit v-model.trim="tableStore.table.params.searchValue" placeholder="请输入前置服务器名称，ip" />
+            </el-form-item>
+
+        </template>
+    </TableHeader>
+    <!-- <div style="height: 300px;"> -->
+    <Table ref="tableRef" :isGroup="true" />
+    <!-- </div> -->
+</template>
+<script setup lang="ts">
+import { ref, onMounted, provide } from 'vue'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+import TableHeader from '@/components/table/header/index.vue'
+import { mainHeight } from '@/utils/layout'
+
+const props = defineProps(['deviceTree'])
+
+const refheader = ref()
+
+const tableStore = new TableStore({
+    url: '/cs-harmonic-boot/eventUser/frontWarnInfo',
+    method: 'POST',
+    exportName: '前置告警',
+    publicHeight: 65,
+    column: [
+        {
+            title: '序号',
+            width: 80,
+            formatter: (row: any) => {
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+            }
+        },
+        { title: '前置服务器名称', field: 'lineId', align: 'center' },
+        { title: '前置服务器ip', field: 'wavePath', align: 'center' },
+        { title: '进程号', field: 'clDid', align: 'center' },
+        { title: '发生时刻', field: 'startTime', align: 'center', minWidth: 80, sortable: true },
+       
+        {
+            title: '事件描述',
+            field: 'tag',
+            minWidth: 350
+        },
+         {
+            title: '告警代码',
+            field: 'code',
+            align: 'center',
+
+            formatter: (row: any) => {
+                return row.cellValue ? row.cellValue : '/'
+            },
+            sortable: true
+        },
+
+    ],
+    beforeSearchFun: () => {}
+})
+
+provide('tableStore', tableStore)
+tableStore.table.params.searchValue = ''
+const deviceTreeOptions = ref<any>(props.deviceTree)
+deviceTreeOptions.value.map((item: any, index: any) => {
+    if (item.children.length == 0) {
+        deviceTreeOptions.value.splice(index, 1)
+    }
+})
+
+onMounted(() => {
+    tableStore.index()
+})
+setTimeout(() => {
+    // tableStore.table.height = mainHeight(200).height as any
+}, 0)
+
+</script>
+<style></style>