|
@@ -7,8 +7,13 @@
|
|
|
<el-form :model="oilEngineData.filterModel" :inline="true" @submit.stop.prevent>
|
|
|
<el-form-item prop="name" style="width:100%">
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
- <el-form-item label="加油机名称">
|
|
|
- <el-input v-model="oilEngineData.filterModel.name" placeholder="请输入加油机名称" clearable></el-input>
|
|
|
+ <el-form-item label="油机号">
|
|
|
+ <el-input v-model="oilEngineData.filterModel.name" placeholder="请输入油机号" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
+ <el-form-item label="加油站">
|
|
|
+ <el-input v-model="oilEngineData.filterModel.gasStation" placeholder="请输入加油站" clearable></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
@@ -18,12 +23,18 @@
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
<el-form-item label="设备状态">
|
|
|
- <el-input v-model="oilEngineData.filterModel.deviceStatus" placeholder="请输入设备状态" clearable></el-input>
|
|
|
+ <el-select v-model="oilEngineData.filterModel.deviceStatus" placeholder="请输入设备状态" >
|
|
|
+ <el-option v-for="(value, key) in FuelDispenserEnum" :key="key" :label="value" :value="key" />
|
|
|
+ </el-select>
|
|
|
+ <!-- <el-input v-model="oilEngineData.filterModel.deviceStatus" placeholder="请输入设备状态" clearable></el-input> -->
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
<el-form-item label="在线状态">
|
|
|
- <el-input v-model="oilEngineData.filterModel.onlineStatus" placeholder="请输入在线状态" clearable></el-input>
|
|
|
+ <el-select v-model="oilEngineData.filterModel.onlineStatus" placeholder="请输入在线状态" >
|
|
|
+ <el-option v-for="(value, key) in OnlineStatus" :key="key" :label="value" :value="key" />
|
|
|
+ </el-select>
|
|
|
+ <!-- <el-input v-model="oilEngineData.filterModel.onlineStatus" placeholder="请输入在线状态" clearable></el-input> -->
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
@@ -40,7 +51,7 @@
|
|
|
<el-col :xs="24">
|
|
|
<el-card style="height: 70vh" class="my-fill mt8" shadow="hover">
|
|
|
<el-table v-loading="oilEngineData.loading" stripe :data="oilEngineData.tableModel" row-key="id" style="width: 100%">
|
|
|
- <el-table-column prop="name" label="加油机名称" />
|
|
|
+ <el-table-column prop="name" label="油机号" />
|
|
|
<el-table-column prop="oilCompany" label="石油公司" />
|
|
|
<el-table-column prop="gasStation" label="加油站" />
|
|
|
<el-table-column prop="serialNumber" label="序列号" />
|
|
@@ -118,8 +129,10 @@ const oilEngineStatus = ref(globalCacheStore.getGlobalStore().get('oilEngineStat
|
|
|
const oilEngineData = reactive({
|
|
|
loading: false,
|
|
|
filterModel: {
|
|
|
- /**加油机名称*/
|
|
|
+ /**油机号*/
|
|
|
name: "",
|
|
|
+ /**加油站*/
|
|
|
+ gasStation:"",
|
|
|
/**加油机机型*/
|
|
|
model: "",
|
|
|
/**设备状态*/
|
|
@@ -134,6 +147,18 @@ const oilEngineStatus = ref(globalCacheStore.getGlobalStore().get('oilEngineStat
|
|
|
} as PageInputFuelDispenserDto,
|
|
|
tableModel: [] as Array<FuelDispenserDto>
|
|
|
})
|
|
|
+ /**设备状态*/
|
|
|
+enum FuelDispenserEnum {
|
|
|
+ enable = '启用',
|
|
|
+ register = '备案',
|
|
|
+ disable='维修',
|
|
|
+ factory='出产注册'
|
|
|
+}
|
|
|
+/**在线状态*/
|
|
|
+enum OnlineStatus {
|
|
|
+ online = '在线',
|
|
|
+ offline = '离线'
|
|
|
+}
|
|
|
/**将filterModel对象成.的连接方式*/
|
|
|
const flattenObject = (obj, parentKey = '') => {
|
|
|
const result = {};
|
|
@@ -151,7 +176,6 @@ const flattenObject = (obj, parentKey = '') => {
|
|
|
|
|
|
return result;
|
|
|
}
|
|
|
-
|
|
|
/**初始化 */
|
|
|
const init = async () => {
|
|
|
oilEngineData.loading = true
|
|
@@ -164,6 +188,7 @@ const init = async () => {
|
|
|
/**重置查询条件 */
|
|
|
const resetQuery = () => {
|
|
|
oilEngineData.filterModel.name = ''
|
|
|
+ oilEngineData.filterModel.gasStation = ''
|
|
|
oilEngineData.filterModel.model = ''
|
|
|
oilEngineData.filterModel.deviceStatus = ''
|
|
|
oilEngineData.filterModel.onlineStatus = ''
|