zhuzhuanzhuan
2024-03-01 84d12f2a9f883732219b273e697e23010af19c0f
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<template>
  <a-card :bordered="false">
    <!-- 查询区域 -->
    <div class="table-page-search-wrapper">
      <a-form layout="inline" @keyup.enter.native="searchQuery">
        <a-row :gutter="24">
          <a-col :md="6" :sm="12">
            <a-form-item label="设备编号">
              <j-input placeholder="请输入设备编号" v-model="queryParam.equipmentId"></j-input>
            </a-form-item>
          </a-col>
 
          <a-col :md="6" :sm="8">
            <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
            <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
          </a-col>
        </a-row>
      </a-form>
    </div>
 
    <a-table
      ref="table"
      bordered
      size="middle"
      rowKey="equipmentid"
      :scroll="{x:'max-content',y:600}"
      :columns="columns"
      :dataSource="dataSource"
      :pagination="ipagination"
      :loading="loading"
      @change="handleTableChange"
    ></a-table>
  </a-card>
</template>
 
<script>
  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
 
  export default {
    name: 'EquipmentOperationParamsAlarm',
    mixins: [JeecgListMixin],
    data() {
      return {
        name: 'EquipmentOperationParamsAlarm',
        description: '这是设备运行参数报警页面',
        queryParam: {},
        columns: [
          {
            title: '#',
            dataIndex: '',
            key: 'rowIndex',
            width: 60,
            align: 'center',
            customRender: function(t, r, index) {
              return parseInt(index) + 1
            }
          },
          {
            title: '设备编号',
            align: 'center',
            dataIndex: 'equipmentId',
            width: 250
          },
          {
            title: '报警时间',
            align: 'center',
            dataIndex: 'createTime',
            width: 250
          },
          {
            title: '设定值',
            align: 'center',
            width: 250,
            dataIndex: 'setValue'
          },
          {
            title: '实际值',
            align: 'center',
            width: 250,
            dataIndex: 'realValue'
          },
          // {
          //   title: '报警号',
          //   align: 'center',
          //   width: 250,
          //   dataIndex: 'alarmno'
          // },
          {
            title: '报警内容',
            align: 'center',
            width: 250,
            dataIndex: 'alarmContent'
          }
        ],
        url: {
          list: '/mdc/mdcOverrunAlarm/list'
        },
        ipagination:{
          current: 1,
          pageSize: 30,
          pageSizeOptions: ['30', '50', '100'],
          showTotal: (total, range) => {
            return range[0] + "-" + range[1] + " 共" + total + "条"
          },
          showQuickJumper: true,
          showSizeChanger: true,
          total: 0
        },
        /* 排序参数 */
        isorter: {
          column: 'createTime',
          order: 'desc'
        }
      }
    }
  }
</script>
<style scoped>
  @import '~@assets/less/common.less'
</style>