|
@@ -4,13 +4,13 @@
|
|
<!--操作-->
|
|
<!--操作-->
|
|
<el-col :xs="24">
|
|
<el-col :xs="24">
|
|
<el-card class="mt8" shadow="hover">
|
|
<el-card class="mt8" shadow="hover">
|
|
- <el-form :model="Data.Filter" @submit.stop.prevent>
|
|
|
|
|
|
+ <el-form :model="Data.Filter" @submit.stop.prevent style="margin-bottom:-20px;">
|
|
<el-form-item prop="name" style="width: 100%">
|
|
<el-form-item prop="name" style="width: 100%">
|
|
- <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6" class="mb20">
|
|
|
|
|
|
+ <!-- <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6" class="mb20">
|
|
<el-form-item label="油机ID">
|
|
<el-form-item label="油机ID">
|
|
<el-input v-model="Data.Filter.fuelld" placeholder="请输入油机ID" clearable></el-input>
|
|
<el-input v-model="Data.Filter.fuelld" placeholder="请输入油机ID" clearable></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- </el-col>
|
|
|
|
|
|
+ </el-col> -->
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6" class="mb20">
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6" class="mb20">
|
|
<el-form-item label="加油站">
|
|
<el-form-item label="加油站">
|
|
<el-input v-model="Data.Filter.gasStation" placeholder="请输入加油站" clearable></el-input>
|
|
<el-input v-model="Data.Filter.gasStation" placeholder="请输入加油站" clearable></el-input>
|
|
@@ -53,7 +53,7 @@
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6" class="mb20">
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6" class="mb20">
|
|
- <el-form-item label="创建时间">
|
|
|
|
|
|
+ <el-form-item label="报警时间">
|
|
<el-date-picker v-model="Data.time" type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss"
|
|
<el-date-picker v-model="Data.time" type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss"
|
|
range-separator="To" start-placeholder="开始日期" end-placeholder="结束日期" />
|
|
range-separator="To" start-placeholder="开始日期" end-placeholder="结束日期" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -72,17 +72,33 @@
|
|
<el-row>
|
|
<el-row>
|
|
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
|
<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
|
<el-button type="primary" icon="ele-RefreshRight" @click="onReset"> 重置 </el-button>
|
|
<el-button type="primary" icon="ele-RefreshRight" @click="onReset"> 重置 </el-button>
|
|
- </el-row>
|
|
|
|
|
|
+ <el-button v-auth="'api:admin:file:upload-file'" type="primary" icon="ele-Upload"> 执行推送规则
|
|
|
|
+ </el-button>
|
|
</el-row>
|
|
</el-row>
|
|
|
|
+ </el-row>
|
|
|
|
+
|
|
</el-card>
|
|
</el-card>
|
|
</el-col>
|
|
</el-col>
|
|
<!--表格-->
|
|
<!--表格-->
|
|
<el-col :xs="24">
|
|
<el-col :xs="24">
|
|
<el-card class="my-fill mt8" shadow="hover">
|
|
<el-card class="my-fill mt8" shadow="hover">
|
|
<el-table ref="multipleTableRef" v-loading="Data.loading" stripe :data="Data.tableModel" row-key="id"
|
|
<el-table ref="multipleTableRef" v-loading="Data.loading" stripe :data="Data.tableModel" row-key="id"
|
|
- style="width: 100%">
|
|
|
|
|
|
+ style="width: 100%;overflow: hidden;">
|
|
|
|
+ <!-- 多选框 -->
|
|
|
|
+ <el-table-column type="selection" width="55" fixed="left"></el-table-column>
|
|
<el-table-column v-for="column in Data.dynamicColumns" :key="column.prop" :prop="column.prop"
|
|
<el-table-column v-for="column in Data.dynamicColumns" :key="column.prop" :prop="column.prop"
|
|
:label="column.label" />
|
|
:label="column.label" />
|
|
|
|
+ <el-table-column label="操作" fixed="right" header-align="center" align="center" class="right-operation"
|
|
|
|
+ width="150">
|
|
|
|
+ <template #default="{ row }">
|
|
|
|
+ <el-link class="my-el-link mr12 ml12" :href="row.linkUrl" type="primary" icon="ele-Download" size="small"
|
|
|
|
+ :underline="false" target="_blank">报警推送记录</el-link>
|
|
|
|
+ <el-link class="my-el-link mr12 ml12" :href="row.linkUrl" type="primary" icon="ele-Edit" size="small"
|
|
|
|
+ :underline="false" target="_blank">油机详情</el-link>
|
|
|
|
+ <el-link class="my-el-link mr12 ml12" :href="row.linkUrl" type="primary" icon="ele-InfoFilled" size="small"
|
|
|
|
+ :underline="false" target="_blank">诊断说明</el-link>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
<div class="my-flex my-flex-end" style="margin-top: 20px">
|
|
<div class="my-flex my-flex-end" style="margin-top: 20px">
|
|
<el-pagination v-model:currentPage="Data.pageInput.currentPage" v-model:page-size="Data.pageInput.pageSize"
|
|
<el-pagination v-model:currentPage="Data.pageInput.currentPage" v-model:page-size="Data.pageInput.pageSize"
|
|
@@ -102,8 +118,12 @@ import { onMounted, reactive, watch } from "vue";
|
|
import { ElTable } from 'element-plus'
|
|
import { ElTable } from 'element-plus'
|
|
import { alarmFilterModel_SearchFilter, alarmFilterModel, PageInputAlarmFilterModel } from "/@/api/admin/reportManagement/alarm/alarmDto";
|
|
import { alarmFilterModel_SearchFilter, alarmFilterModel, PageInputAlarmFilterModel } from "/@/api/admin/reportManagement/alarm/alarmDto";
|
|
import { AlarmApi } from "/@/api/admin/reportManagement/alarm/alarmApi";
|
|
import { AlarmApi } from "/@/api/admin/reportManagement/alarm/alarmApi";
|
|
|
|
+import { useDynamicPageSize } from "/@/composables/useDynamicPageSize";
|
|
|
|
|
|
|
|
|
|
|
|
+// 使用组合式函数获取分页状态
|
|
|
|
+const pageState = useDynamicPageSize(10, 15);
|
|
|
|
+
|
|
/**页面对象 */
|
|
/**页面对象 */
|
|
const Data = reactive({
|
|
const Data = reactive({
|
|
time: '',
|
|
time: '',
|
|
@@ -138,7 +158,7 @@ const Data = reactive({
|
|
tableModel: [] as Array<alarmFilterModel>,
|
|
tableModel: [] as Array<alarmFilterModel>,
|
|
/**动态表头 */
|
|
/**动态表头 */
|
|
dynamicColumns: [
|
|
dynamicColumns: [
|
|
- { prop: 'fuelld', label: '油机id' },
|
|
|
|
|
|
+ // { prop: 'fuelld', label: '油机id' },
|
|
{ prop: 'gasStation', label: '加油站名称' },
|
|
{ prop: 'gasStation', label: '加油站名称' },
|
|
{ prop: 'name', label: '油机号' },
|
|
{ prop: 'name', label: '油机号' },
|
|
{ prop: 'serialNumber', label: '序列号' },
|
|
{ prop: 'serialNumber', label: '序列号' },
|
|
@@ -147,8 +167,11 @@ const Data = reactive({
|
|
{ prop: 'alarmDescription', label: '报警描述' },
|
|
{ prop: 'alarmDescription', label: '报警描述' },
|
|
{ prop: 'alarmDevice', label: '报警设备' },
|
|
{ prop: 'alarmDevice', label: '报警设备' },
|
|
{ prop: 'nozzleControlName', label: '油枪' },
|
|
{ prop: 'nozzleControlName', label: '油枪' },
|
|
- { prop: 'createdDate', label: '创建时间' },
|
|
|
|
- { prop: 'alarmHistoryID', label: '报警历史ID' },
|
|
|
|
|
|
+ { prop: 'createdDate', label: '报警时间' },
|
|
|
|
+ { prop: '', label: '诊断说明' },
|
|
|
|
+ { prop: '', label: '是否推送' },
|
|
|
|
+
|
|
|
|
+ // { prop: 'alarmHistoryID', label: '报警历史ID' },
|
|
],
|
|
],
|
|
/**分页标识 */
|
|
/**分页标识 */
|
|
pageInput: {
|
|
pageInput: {
|
|
@@ -168,7 +191,10 @@ const init = async () => {
|
|
Data.loading = false
|
|
Data.loading = false
|
|
}
|
|
}
|
|
|
|
|
|
-onMounted(() => {
|
|
|
|
|
|
+onMounted(async () => {
|
|
|
|
+ // 初始化分页大小
|
|
|
|
+ Data.pageInput.pageSize = pageState.pageInput.pageSize;
|
|
|
|
+ await onQuery()
|
|
init()
|
|
init()
|
|
})
|
|
})
|
|
|
|
|