|
@@ -4,43 +4,58 @@
|
|
|
<!--操作-->
|
|
|
<el-col :xs="24" >
|
|
|
<el-card class="mt8" shadow="hover" >
|
|
|
- <el-form :model="sdkData.Filter" :inline="true" @submit.stop.prevent>
|
|
|
+ <el-form :model="Data.Filter" :inline="true" @submit.stop.prevent>
|
|
|
<el-form-item prop="name" style="width: 100%">
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="4" class="mb20">
|
|
|
- <el-form-item label="石油公司">
|
|
|
- <el-input v-model="sdkData.Filter.OilCompanies" placeholder="请输入石油公司" clearable></el-input>
|
|
|
+ <el-form-item label="油机ID">
|
|
|
+ <el-input v-model="Data.Filter.fuelld" placeholder="请输入油机ID" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="4" class="mb20">
|
|
|
<el-form-item label="加油站">
|
|
|
- <el-input v-model="sdkData.Filter.GasStation" placeholder="请输入加油站" clearable></el-input>
|
|
|
+ <el-input v-model="Data.Filter.gasStation" placeholder="请输入加油站" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="4" class="mb20">
|
|
|
+ <el-form-item label="油机号">
|
|
|
+ <el-input v-model="Data.Filter.name" placeholder="请输入油机号" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="4" class="mb20">
|
|
|
+ <el-form-item label="序列号">
|
|
|
+ <el-input v-model="Data.Filter.serialNumber" placeholder="请输入序列号" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="4" class="mb20">
|
|
|
+ <el-form-item label="报警来源">
|
|
|
+ <el-input v-model="Data.Filter.alarmSource" placeholder="请输入报警来源" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="4" class="mb20">
|
|
|
<el-form-item label="报警类型">
|
|
|
- <el-input v-model="sdkData.Filter.AlarmType" placeholder="请输入报警类型" clearable></el-input>
|
|
|
+ <el-input v-model="Data.Filter.alarmType" placeholder="请输入报警类型" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="4" class="mb20">
|
|
|
- <el-form-item label="加油机厂商">
|
|
|
- <el-select v-model="sdkData.Filter.Manufacturer" placeholder="请选择加油机厂商" >
|
|
|
- <el-option v-for="(value, key) in 1" :key="key" :label="1" :value="1" />
|
|
|
- </el-select>
|
|
|
+ <el-form-item label="报警描述">
|
|
|
+ <el-input v-model="Data.Filter.alarmDescription" placeholder="请输入报警描述" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="4" class="mb20">
|
|
|
- <el-form-item label="加油机序列号">
|
|
|
- <el-input v-model="sdkData.Filter.OilEnginesId" placeholder="请输入加油机序列号" clearable></el-input>
|
|
|
+ <el-form-item label="报警设备">
|
|
|
+ <el-input v-model="Data.Filter.alarmDevice" placeholder="请输入报警设备" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="4" class="mb20">
|
|
|
- <el-form-item>
|
|
|
+ <el-form-item label="油枪">
|
|
|
+ <el-input v-model="Data.Filter.nozzleControlName" placeholder="请输入油枪" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="4" class="mb20">
|
|
|
<el-form-item label="创建时间">
|
|
|
<el-date-picker
|
|
|
- v-model="sdkData.time"
|
|
|
+ v-model="Data.time"
|
|
|
type="datetimerange"
|
|
|
value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
range-separator="To"
|
|
@@ -55,8 +70,8 @@
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="4" class="mb20">
|
|
|
<el-form-item>
|
|
|
- <el-button type="primary" icon="ele-Search" @click="1"> 查询 </el-button>
|
|
|
- <el-button type="primary" icon="ele-RefreshRight" @click="1"> 重置 </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-form-item>
|
|
|
</el-col>
|
|
|
</el-form-item>
|
|
@@ -67,23 +82,22 @@
|
|
|
<el-col :xs="24" >
|
|
|
<el-card style="height: 70vh" class="my-fill mt8" shadow="hover">
|
|
|
<el-table ref="multipleTableRef"
|
|
|
- v-loading="sdkData.loading"
|
|
|
- stripe :data="sdkData.tableModel"
|
|
|
+ v-loading="Data.loading"
|
|
|
+ stripe :data="Data.tableModel"
|
|
|
row-key="id"
|
|
|
style="width: 100%" >
|
|
|
- <el-table-column type="selection" width="50"></el-table-column>
|
|
|
- <el-table-column v-for="column in sdkData.dynamicColumns" :key="column.prop" :prop="column.prop" :label="column.label" />
|
|
|
+ <el-table-column v-for="column in Data.dynamicColumns" :key="column.prop" :prop="column.prop" :label="column.label" />
|
|
|
</el-table>
|
|
|
<div class="my-flex my-flex-end" style="margin-top: 20px">
|
|
|
<el-pagination
|
|
|
- v-model:currentPage="sdkData.pageInput.CurrentPage"
|
|
|
- v-model:page-size="sdkData.pageInput.PageSize"
|
|
|
- :total="sdkData.total"
|
|
|
- :page-sizes="[10000, 20000, 50000, 100000]"
|
|
|
+ v-model:currentPage="Data.pageInput.currentPage"
|
|
|
+ v-model:page-size="Data.pageInput.pageSize"
|
|
|
+ :total="Data.total"
|
|
|
+ :page-sizes="[1000, 2000, 5000, 10000]"
|
|
|
small
|
|
|
background
|
|
|
- @size-change="1"
|
|
|
- @current-change="1"
|
|
|
+ @size-change="onSizeChange"
|
|
|
+ @current-change="onCurrentChange"
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
/>
|
|
|
</div>
|
|
@@ -97,119 +111,138 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts" name="authorize/fuelingsdk">
|
|
|
- import {defineAsyncComponent, onMounted, reactive, ref, watch, onBeforeMount,getCurrentInstance} from "vue";
|
|
|
- import { ElTable } from 'element-plus'
|
|
|
- /**引入组件*/
|
|
|
+ import {onMounted, reactive, watch} from "vue";
|
|
|
+ import {ElTable } from 'element-plus'
|
|
|
+ import {alarmFilterModel_SearchFilter, alarmFilterModel, PageInputAlarmFilterModel} from "/@/api/admin/reportManagement/alarm/alarmDto";
|
|
|
+ import {AlarmApi} from "/@/api/admin/reportManagement/alarm/alarmApi";
|
|
|
+
|
|
|
|
|
|
- /**sdk授权页面对象 */
|
|
|
- const sdkData = reactive({
|
|
|
+ /**页面对象 */
|
|
|
+ const Data = reactive({
|
|
|
time:'',
|
|
|
/**加载显示 */
|
|
|
loading: false,
|
|
|
/**条件查询模块 */
|
|
|
Filter: {
|
|
|
- /**石油公司 */
|
|
|
- OilCompanies: "",
|
|
|
+ /**油机id */
|
|
|
+ fuelld: "",
|
|
|
/**加油站 */
|
|
|
- GasStation: "",
|
|
|
- /**报警类型*/
|
|
|
- AlarmType: "",
|
|
|
- /**加油机厂商*/
|
|
|
- Manufacturer: "",
|
|
|
- /**加油机序列号 */
|
|
|
- OilEnginesId: "",
|
|
|
+ gasStation: "",
|
|
|
+ /**油机号*/
|
|
|
+ name: "",
|
|
|
+ /**序列号*/
|
|
|
+ serialNumber: "",
|
|
|
+ /**报警来源 */
|
|
|
+ alarmSource: "",
|
|
|
+ /**报警类型 */
|
|
|
+ alarmType:"",
|
|
|
+ /**报警描述 */
|
|
|
+ alarmDescription:"",
|
|
|
+ /**报警设备 */
|
|
|
+ alarmDevice:"",
|
|
|
+ /** 油枪*/
|
|
|
+ nozzleControlName:"",
|
|
|
/**创建开始的时间 */
|
|
|
- CreateBeginTime: null,
|
|
|
+ CreateBeginTime: "",
|
|
|
/**创建结束的时间 */
|
|
|
- CreateEndTime: null,
|
|
|
- } ,
|
|
|
+ CreateEndTime: "",
|
|
|
+ } as alarmFilterModel_SearchFilter,
|
|
|
/**表格信息 */
|
|
|
- tableModel: [] ,
|
|
|
+ tableModel: [] as Array<alarmFilterModel>,
|
|
|
/**动态表头 */
|
|
|
dynamicColumns: [
|
|
|
- { prop: 'guid', label: '编号' },
|
|
|
- { prop: 'oilCompanies', label: '石油公司' },
|
|
|
+ { prop: 'fuelld', label: '油机id' },
|
|
|
{ prop: 'gasStation', label: '加油站名称' },
|
|
|
- { prop: 'manufacturer', label: '加油机厂商' },
|
|
|
- { prop: 'oilEngines', label: '加油机' },
|
|
|
- { prop: 'oilEnginesType', label: '加油机型号' },
|
|
|
- { prop: 'oilEnginesId', label: '加油机序列号' },
|
|
|
- { prop: 'oilGun', label: '油枪' },
|
|
|
- { prop: 'alarm', label: '报警设备' },
|
|
|
+ { prop: 'name', label: '油机号' },
|
|
|
+ { prop: 'serialNumber', label: '序列号' },
|
|
|
+ { prop: 'alarmSource', label: '报警来源' },
|
|
|
{ prop: 'alarmType', label: '报警类型' },
|
|
|
- { prop: 'describe', label: '报警描述' },
|
|
|
- { prop: 'source', label: '来源' },
|
|
|
- { prop: 'alarmTime', label: '报警时间' },
|
|
|
+ { prop: 'alarmDescription', label: '报警描述' },
|
|
|
+ { prop: 'alarmDevice', label: '报警设备' },
|
|
|
+ { prop: 'nozzleControlName', label: '油枪' },
|
|
|
+ { prop: 'createdDate', label: '创建时间' },
|
|
|
+ { prop: 'alarmHistoryID', label: '报警历史ID' },
|
|
|
],
|
|
|
/**分页标识 */
|
|
|
pageInput:{
|
|
|
- CurrentPage: 1,
|
|
|
- PageSize: 10000,
|
|
|
- } ,
|
|
|
+ currentPage: 1,
|
|
|
+ pageSize: 10000,
|
|
|
+ } as PageInputAlarmFilterModel,
|
|
|
/**分页总数 */
|
|
|
total: 0,
|
|
|
} )
|
|
|
|
|
|
-// /**初始化 */
|
|
|
-// const init = async () => {
|
|
|
-// sdkData.loading = true
|
|
|
-// const query = flattenObject({ Filter: sdkData.Filter})
|
|
|
-// const res:any = await new OilSdkAuthorAPI().getPageData({...sdkData.pageInput, ...query}).catch(() => {
|
|
|
-// sdkData.loading = false
|
|
|
-// })
|
|
|
-// sdkData.tableModel = res?.data?.list ?? []
|
|
|
-// sdkData.total = res?.data?.total ?? 0
|
|
|
-// sdkData.loading = false
|
|
|
-// }
|
|
|
+ /**初始化 */
|
|
|
+ const init = async () => {
|
|
|
+ Data.loading = true
|
|
|
+ const res:any = await new AlarmApi().getPage({...Data.pageInput, filter:Data.Filter})
|
|
|
+ Data.tableModel = res?.data?.list ?? []
|
|
|
+ Data.total = res?.data?.total ?? 0
|
|
|
+ Data.loading = false
|
|
|
+ }
|
|
|
|
|
|
-// onMounted(() => {
|
|
|
-// init()
|
|
|
-// eventBus.off('refreshView')
|
|
|
-// eventBus.on('refreshView', async () => {
|
|
|
-// init()
|
|
|
-// })
|
|
|
-// })
|
|
|
+ onMounted(() => {
|
|
|
+ init()
|
|
|
+ })
|
|
|
|
|
|
-// onBeforeMount(() => {
|
|
|
-// eventBus.off('refreshView')
|
|
|
-// })
|
|
|
|
|
|
-// /**
|
|
|
-// * 监听时间变换
|
|
|
-// */
|
|
|
-// watch(() => sdkData.time, (newVal ) => {
|
|
|
-// if(newVal.length === 0){
|
|
|
-// return
|
|
|
-// }
|
|
|
-// sdkData.Filter.BeginTime = newVal?.[0].toString()
|
|
|
-// sdkData.Filter.EndTime = newVal?.[1].toString()
|
|
|
-// })
|
|
|
+ /**
|
|
|
+ * 监听时间变换
|
|
|
+ */
|
|
|
+ watch(() => Data.time, (newVal ) => {
|
|
|
+ if(newVal.length === 0){
|
|
|
+ return
|
|
|
+ }
|
|
|
+ Data.Filter.CreateBeginTime = newVal?.[0].toString()
|
|
|
+ Data.Filter.CreateEndTime = newVal?.[1].toString()
|
|
|
+ })
|
|
|
|
|
|
-// /**条件查询 */
|
|
|
-// const onQuery = () => {
|
|
|
-// init()
|
|
|
-// }
|
|
|
+ /**条件查询 */
|
|
|
+ const onQuery = () => {
|
|
|
+ init()
|
|
|
+ }
|
|
|
|
|
|
/**重置查询条件 */
|
|
|
-// const resetQuery = () => {
|
|
|
-// sdkData.Filter.OilCompanies = ''
|
|
|
-// sdkData.Filter.AntiCheatingState = ''
|
|
|
-// sdkData.Filter.OilGunState = ''
|
|
|
-// sdkData.Filter.SiteAddress = ''
|
|
|
-// sdkData.Filter.Manufacturer = ''
|
|
|
-// sdkData.Filter.OutBeginTime = ''
|
|
|
-// sdkData.Filter.OutEndTime = ''
|
|
|
-// sdkData.Filter.CreateBeginTime = ''
|
|
|
-// sdkData.Filter.CreateEndTime = ''
|
|
|
-// sdkData.time = ''
|
|
|
-// sdkData.pageInput.CurrentPage = 1
|
|
|
-// }
|
|
|
+ const resetQuery = () => {
|
|
|
+ Data.Filter.fuelld = ''
|
|
|
+ Data.Filter.gasStation = ''
|
|
|
+ Data.Filter.name = ''
|
|
|
+ Data.Filter.serialNumber = ''
|
|
|
+ Data.Filter.alarmSource = ''
|
|
|
+ Data.Filter.alarmType = ''
|
|
|
+ Data.Filter.alarmDescription = ''
|
|
|
+ Data.Filter.alarmDevice = ''
|
|
|
+ Data.Filter.nozzleControlName = ''
|
|
|
+ Data.Filter.CreateBeginTime = ''
|
|
|
+ Data.Filter.CreateEndTime = ''
|
|
|
+ Data.time = ''
|
|
|
+ Data.pageInput.currentPage = 1
|
|
|
+ Data.pageInput.pageSize = 10000
|
|
|
+ }
|
|
|
|
|
|
-// /**重置 */
|
|
|
-// const onReset = () => {
|
|
|
-// resetQuery()
|
|
|
-// init()
|
|
|
-// }
|
|
|
+ /**重置 */
|
|
|
+ const onReset = () => {
|
|
|
+ resetQuery()
|
|
|
+ init()
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 页条变化
|
|
|
+ * @param val
|
|
|
+ */
|
|
|
+const onSizeChange = (val: number) => {
|
|
|
+ Data.pageInput.pageSize = val
|
|
|
+ init()
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * 页数 变化
|
|
|
+ * @param val
|
|
|
+ */
|
|
|
+const onCurrentChange = (val: number) => {
|
|
|
+ Data.pageInput.currentPage = val
|
|
|
+ init()
|
|
|
+}
|
|
|
|
|
|
|
|
|
|