<template>
|
<div class="system-warning-container">
|
<el-card shadow="hover">
|
<el-table :data="state.tableData.data" style="width: 100%">
|
<el-table-column align="center" prop="name" label="预警名称"/>
|
<el-table-column align="center" prop="points" label="连续超过阈值点数"/>
|
<el-table-column label="操作" show-overflow-tooltip width="140">
|
<template #default="scope">
|
<el-button size="small" text type="primary" @click="openDialog('查看', scope.row)">查看</el-button>
|
<el-button size="small" text type="primary" @click="openDialog('修改', scope.row)">修改</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-card>
|
<set-dialog ref="setRef" @getSetData=initSetData></set-dialog>
|
</div>
|
</template>
|
|
<script setup lang="ts">
|
import {reactive, ref} from "vue";
|
import { TableDataState } from "/@/types/warning";
|
import setDialog from "./component/setDialog.vue";
|
|
const setRef = ref();
|
const state = reactive<TableDataState>({
|
tableData: {
|
data: [
|
{
|
name: '黄色预警',
|
points: 1
|
},
|
{
|
name: '红色预警',
|
points: 2
|
},
|
]
|
}
|
});
|
|
const initSetData = () => {
|
console.log("数据列表")
|
};
|
const openDialog = (type: string, value: any) => {
|
setRef.value.openDialog(type, value);
|
};
|
</script>
|
<style scoped lang="scss">
|
|
</style>
|
