|
@@ -1,53 +1,7 @@
|
|
|
<template>
|
|
|
<div class="table_item">
|
|
|
<s-table ref="tableRef" :columns="columns" :data="loadData" :row-key="(record) => record.code">
|
|
|
- <template #operator>
|
|
|
- <div class="table-head">
|
|
|
- <div class="head-left">
|
|
|
- <a-form
|
|
|
- ref="searchFormRef"
|
|
|
- name="advanced_search"
|
|
|
- layout="inline"
|
|
|
- :model="searchFormState"
|
|
|
- class="ant-advanced-search-form"
|
|
|
- >
|
|
|
- <a-form-item label="" name="searchKey">
|
|
|
- <a-range-picker v-model:value="searchFormState.searchKey" value-format="YYYY/MM/DD" />
|
|
|
- </a-form-item>
|
|
|
-
|
|
|
- <a-form-item label="报警类型" name="type">
|
|
|
- <a-select v-model:value="searchFormState.type" placeholder="请选择报警类型">
|
|
|
- <a-select-option value="qst">趋势图</a-select-option>
|
|
|
- </a-select>
|
|
|
- </a-form-item>
|
|
|
-
|
|
|
- <a-form-item label="是否展示全部区间" name="isshow">
|
|
|
- <a-select v-model:value="searchFormState.isshow" placeholder="请选择是否展示全部区间">
|
|
|
- <a-select-option value="1">是</a-select-option>
|
|
|
- <a-select-option value="1">否</a-select-option>
|
|
|
- </a-select>
|
|
|
- </a-form-item>
|
|
|
- </a-form>
|
|
|
- <a-button type="primary" @click="tableRef.refresh(true)">查询</a-button>
|
|
|
- <a-button class="xn-mg08" @click="reset">重置</a-button>
|
|
|
- </div>
|
|
|
- <div class="head-right">
|
|
|
- <a-button>
|
|
|
- <template #icon><setting-outlined /></template>设置
|
|
|
- </a-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
-
|
|
|
- <template #bodyCell="{ column, record }">
|
|
|
- <template v-if="column.dataIndex === 'state'">
|
|
|
- <span>
|
|
|
- <a-tag :color="record.state == '1' ? '#2db7f5' : record.state == '2' ? '#cd201f' : '#87d068'">
|
|
|
- {{ record.stateVlaue }}
|
|
|
- </a-tag>
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
+ <template #operator> </template>
|
|
|
</s-table>
|
|
|
|
|
|
<div class="item-right">
|
|
@@ -141,76 +95,10 @@
|
|
|
const tableRef = ref()
|
|
|
const columns = [
|
|
|
{
|
|
|
- title: '采集时间',
|
|
|
- dataIndex: 'time',
|
|
|
- align: 'center',
|
|
|
- ellipsis: true,
|
|
|
- sorter: true
|
|
|
- },
|
|
|
- {
|
|
|
- title: '所属部门',
|
|
|
- dataIndex: 'bm',
|
|
|
- align: 'center',
|
|
|
- ellipsis: true,
|
|
|
- sorter: true
|
|
|
- },
|
|
|
- {
|
|
|
- title: '对象名称',
|
|
|
- dataIndex: 'dxmc',
|
|
|
- align: 'center',
|
|
|
- ellipsis: true,
|
|
|
- sorter: true
|
|
|
- },
|
|
|
- {
|
|
|
- title: '设备状态',
|
|
|
- dataIndex: 'state',
|
|
|
- align: 'center',
|
|
|
- ellipsis: true
|
|
|
- },
|
|
|
- {
|
|
|
- title: '监控点',
|
|
|
- dataIndex: 'jkd',
|
|
|
- align: 'center',
|
|
|
- ellipsis: true,
|
|
|
- sorter: true
|
|
|
- },
|
|
|
- {
|
|
|
- title: '上下限',
|
|
|
- dataIndex: 'up',
|
|
|
- align: 'center',
|
|
|
- ellipsis: true
|
|
|
- },
|
|
|
- {
|
|
|
- title: '传感器类型',
|
|
|
- dataIndex: 'type',
|
|
|
+ title: '',
|
|
|
+ dataIndex: 'aaa',
|
|
|
align: 'center',
|
|
|
ellipsis: true
|
|
|
- },
|
|
|
- {
|
|
|
- title: '采集值1',
|
|
|
- dataIndex: 'cjz1',
|
|
|
- align: 'center',
|
|
|
- ellipsis: true
|
|
|
- },
|
|
|
- {
|
|
|
- title: '采集值2',
|
|
|
- dataIndex: 'cjz2',
|
|
|
- align: 'center',
|
|
|
- ellipsis: true
|
|
|
- },
|
|
|
- {
|
|
|
- title: '对象类型',
|
|
|
- dataIndex: 'dxtype',
|
|
|
- align: 'center',
|
|
|
- ellipsis: true,
|
|
|
- sorter: true
|
|
|
- },
|
|
|
- {
|
|
|
- title: '冷链编号',
|
|
|
- dataIndex: 'code',
|
|
|
- align: 'center',
|
|
|
- ellipsis: true,
|
|
|
- sorter: true
|
|
|
}
|
|
|
]
|
|
|
|
|
@@ -220,94 +108,9 @@
|
|
|
const obj = {
|
|
|
current: 1,
|
|
|
pages: 1,
|
|
|
- records: [
|
|
|
- {
|
|
|
- time: '2024-08-28 07:03:24',
|
|
|
- bm: '上海海关基数中心1',
|
|
|
- dxmc: '-70度超低温冷冻储存箱',
|
|
|
- state: '2',
|
|
|
- stateVlaue: '异常',
|
|
|
- jkd: '监控点1',
|
|
|
- up: '-30~-10℃',
|
|
|
- type: '温度',
|
|
|
- cjz1: '-18.9℃',
|
|
|
- cjz2: '/',
|
|
|
- dxtype: '冰箱',
|
|
|
- code: '6578945621'
|
|
|
- },
|
|
|
- {
|
|
|
- time: '2024-08-28 09:21:51',
|
|
|
- bm: '上海海关基数中心2',
|
|
|
- dxmc: '-71度超低温冷冻储存箱',
|
|
|
- state: '2',
|
|
|
- stateVlaue: '异常',
|
|
|
- jkd: '监控点2',
|
|
|
- up: '-30~-10℃',
|
|
|
- type: '温度',
|
|
|
- cjz1: '-18.9℃',
|
|
|
- cjz2: '/',
|
|
|
- dxtype: '冰箱',
|
|
|
- code: '6578945622'
|
|
|
- },
|
|
|
- {
|
|
|
- time: '2024-08-28 11:06:20',
|
|
|
- bm: '上海海关基数中心3',
|
|
|
- dxmc: '-72度超低温冷冻储存箱',
|
|
|
- state: '2',
|
|
|
- stateVlaue: '异常',
|
|
|
- jkd: '监控点3',
|
|
|
- up: '-30~-10℃',
|
|
|
- type: '温度',
|
|
|
- cjz1: '-18.9℃',
|
|
|
- cjz2: '/',
|
|
|
- dxtype: '冰箱',
|
|
|
- code: '6578945623'
|
|
|
- },
|
|
|
- {
|
|
|
- time: '2024-08-28 11:54:19',
|
|
|
- bm: '上海海关基数中心4',
|
|
|
- dxmc: '-73度超低温冷冻储存箱',
|
|
|
- state: '2',
|
|
|
- stateVlaue: '异常',
|
|
|
- jkd: '监控点4',
|
|
|
- up: '-30~-10℃',
|
|
|
- type: '温度',
|
|
|
- cjz1: '-18.9℃',
|
|
|
- cjz2: '/',
|
|
|
- dxtype: '冰箱',
|
|
|
- code: '6578945624'
|
|
|
- },
|
|
|
- {
|
|
|
- time: '2024-08-28 16:17:36',
|
|
|
- bm: '上海海关基数中心5',
|
|
|
- dxmc: '-74度超低温冷冻储存箱',
|
|
|
- state: '2',
|
|
|
- stateVlaue: '异常',
|
|
|
- jkd: '监控点5',
|
|
|
- up: '-30~-10℃',
|
|
|
- type: '温度',
|
|
|
- cjz1: '-18.9℃',
|
|
|
- cjz2: '/',
|
|
|
- dxtype: '冰箱',
|
|
|
- code: '6578945625'
|
|
|
- },
|
|
|
- {
|
|
|
- time: '2024-08-28 19:35:58',
|
|
|
- bm: '上海海关基数中心6',
|
|
|
- dxmc: '-75度超低温冷冻储存箱',
|
|
|
- state: '2',
|
|
|
- stateVlaue: '异常',
|
|
|
- jkd: '监控点6',
|
|
|
- up: '-30~-10℃',
|
|
|
- type: '温度',
|
|
|
- cjz1: '-18.9℃',
|
|
|
- cjz2: '/',
|
|
|
- dxtype: '冰箱',
|
|
|
- code: '6578945626'
|
|
|
- }
|
|
|
- ],
|
|
|
+ records: [],
|
|
|
size: 10,
|
|
|
- total: 6
|
|
|
+ total: 0
|
|
|
}
|
|
|
return obj
|
|
|
})
|