76 lines
3.5 KiB
Vue
76 lines
3.5 KiB
Vue
<template>
|
||
<el-container>
|
||
<el-header>
|
||
<div class="panel_title">
|
||
环境监测清单
|
||
<div class="backMap" @click="backtoMap">
|
||
切换地图
|
||
<el-icon>
|
||
<Switch />
|
||
</el-icon>
|
||
</div>
|
||
</div>
|
||
</el-header>
|
||
<el-main class="nopadding">
|
||
<el-container>
|
||
<el-header>
|
||
<div class="searchWrap">
|
||
<div style="font-size: 1vh;">
|
||
车辆总数：<span class="totalNumber">0</span>
|
||
</div>
|
||
<div>
|
||
<el-select v-model="query.mgroup" placeholder="全部工序" @change="handleQuery" clearable>
|
||
<el-option v-for="item in processOptions" :key="item" :label="item"
|
||
:value="item"></el-option>
|
||
</el-select>
|
||
<el-input :input-style="searchInputStyle" style="width:7vw;margin:0 5px" v-model="query.search"
|
||
placeholder=""></el-input>
|
||
<el-button @click="handleQuery">查询</el-button>
|
||
</div>
|
||
</div>
|
||
</el-header>
|
||
<el-main>
|
||
<scTable :data="tableData" :apiObj="apiObj" size="large" style="" @row-click="rowClick">
|
||
<el-table-column prop="index" label="序号"></el-table-column>
|
||
<el-table-column prop="number" label="设备编号"></el-table-column>
|
||
<el-table-column prop="level" label="设备名称"></el-table-column>
|
||
<el-table-column prop="mgroup" label="设备类型"></el-table-column>
|
||
<el-table-column prop="eqpment" label="所属工序"></el-table-column>
|
||
<el-table-column prop="mgroup" label="当前状态"></el-table-column>
|
||
<el-table-column label="PM2.5" align="center">
|
||
<el-table-column prop="mgroup" label="实测值"></el-table-column>
|
||
<el-table-column prop="mgroup" label="预警值"></el-table-column>
|
||
</el-table-column>
|
||
<el-table-column prop="mgroup" label="PM10" align="center">
|
||
<el-table-column prop="mgroup" label="实测值"></el-table-column>
|
||
<el-table-column prop="mgroup" label="预警值"></el-table-column>
|
||
</el-table-column>
|
||
<el-table-column prop="level" label="湿度"></el-table-column>
|
||
<el-table-column prop="mgroup" label="温度"></el-table-column>
|
||
<el-table-column prop="eqpment" label="大气压"></el-table-column>
|
||
<el-table-column prop="mgroup" label="风向"></el-table-column>
|
||
</scTable>
|
||
</el-main>
|
||
</el-container>
|
||
</el-main>
|
||
</el-container>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
query: {},
|
||
processOptions: [],
|
||
apiObj: this.$API.enp.vehicle_access,
|
||
params: { type: 2 },
|
||
}
|
||
},
|
||
methods: {
|
||
handleQuery() {
|
||
this.$refs.table.queryData(this.query);
|
||
},
|
||
timeHandleQuery() { },
|
||
carHandleQuery() { },
|
||
}
|
||
}
|
||
</script> |