Web/admin-govern
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

设备监控-便携式设备-暂态事件

Browse Source
This commit is contained in:
zhujiyan
2024-07-24 20:35:16 +08:00
parent 8552b05db1
commit a545692e33
1 changed files with 52 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/views/govern/device/control/tabs/event.vue
View File

@@ -1,7 +1,11 @@
<template>
<div class="header_btn">
<el-button type="primary" size="small" @click="handleWaveFormAnalysis(0)" v-if="!isWaveCharts">波形解析</el-button>
<el-button type="primary" size="small" @click="handleBack" v-if="isWaveCharts" :icon="ArrowLeft">返回</el-button>
<el-button type="primary" size="small" @click="handleWaveFormAnalysis(0)" v-if="!isWaveCharts">
波形解析
</el-button>
<el-button type="primary" size="small" @click="handleBack" v-if="isWaveCharts" :icon="ArrowLeft">
返回
</el-button>
</div>
<div class="view">
<Table ref="tableRef" v-if="!isWaveCharts" />
@@ -14,7 +18,7 @@ import { getTabsDataByType } from '@/api/cs-device-boot/EquipmentDelivery'
import TableStore from '@/utils/tableStore'
import Table from '@/components/table/index.vue'
import waveFormAnalysis from './components/waveFormAnalysis.vue'
import {ArrowLeft} from '@element-plus/icons-vue'
import { ArrowLeft } from '@element-plus/icons-vue'
const tableParams: any = ref({})
const tableStore: any = new TableStore({
url: '/cs-device-boot/csGroup/deviceDataByType',
@@ -23,18 +27,51 @@ const tableStore: any = new TableStore({
column: [
// { width: '60', type: 'checkbox', fixed: 'left' },
{ title: '序号', type: 'seq', width: 80 },
{ field: 'devName', title: '发生时刻', minWidth: 170 },
{ field: 'lineName', title: '工程名称', minWidth: 170 },
{ field: 'startTime', title: '项目名称', minWidth: 170 },
{ field: 'endTime', title: '测试项名称', minWidth: 170 },
{ field: 'endTime', title: '事件描述', minWidth: 170 },
{ field: 'endTime', title: '相别', minWidth: 170 },
{ field: 'endTime', title: '持续时间(s)', minWidth: 170 },
{ field: 'endTime', title: '暂降幅值(%)', minWidth: 170 },
{ field: 'startTime', title: '发生时刻', minWidth: 170 },
{
field: 'gcName',
title: '工程名称',
minWidth: 170,
formatter: (row: any) => {
row.cellValue = row.cellValue ? row.cellValue : '/'
return row.cellValue
}
},
{ field: 'projectName', title: '项目名称', minWidth: 170 },
{ field: 'itemName', title: '测试项名称', minWidth: 170 },
{ field: 'showName', title: '事件描述', minWidth: 170 },
{
field: 'phaseType',
title: '相别',
minWidth: 100,
formatter: (row: any) => {
row.cellValue = row.cellValue ? row.cellValue : '/'
return row.cellValue
}
},
{
field: 'persistTime',
title: '持续时间(s)',
minWidth: 100,
formatter: (row: any) => {
row.cellValue = row.cellValue ? row.cellValue : '/'
return row.cellValue
}
},
{
field: 'amplitude',
title: '暂降幅值(%)',
minWidth: 100,
formatter: (row: any) => {
row.cellValue = row.cellValue ? row.cellValue : '/'
return row.cellValue
}
},
{
title: '操作',
width: '180',
width: 180,
render: 'buttons',
fixed: 'right',
buttons: [
{
name: 'edit',
@@ -73,8 +110,8 @@ const handleWaveFormAnalysis = (val: any) => {
isWaveCharts.value = true
}
//返回
const handleBack=()=>{
isWaveCharts.value = false;
const handleBack = () => {
isWaveCharts.value = false
tableStore.index()
}
defineExpose({ getTableParams })
@@ -83,7 +120,7 @@ onMounted(() => {
})
</script>
<style lang="scss" scoped>
.header_btn{
.header_btn {
width: 100%;
height: 30px;
display: flex;