<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>