zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 新增pollutant页面

This commit is contained in:
caoqianming 2024-02-04 10:07:38 +08:00
parent cf3cfeba90
commit 08290605e2
1 changed files with 49 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
src/views/bigScreen/enpComponents/pollutant.vue
View File

@ -1,21 +1,60 @@
<template> <template>
<el-card header="污染源清单"> <el-container>
<scTable :data="tableData" style="width: 100%;" size="large" :apiObj="apiObj" row-key="id" :params="params" <el-main class="nopadding">
hidePagination @row-click="rowClick"> <el-container>
<el-table-column type="index" width="50" /> <el-header>
<el-table-column prop="number" label="污染源编号" width="180" /> <div class="panel_title">污染源清单</div>
<el-table-column prop="name" label="污染源名称" /> </el-header>
<el-table-column prop="name" label="监测状态" /> <el-main class="nopadding">
</scTable> <el-container>
</el-card> <el-header>
<div class="left-panel">
<el-select v-model="query.cate" placeholder="污染源分类" @change="handleQuery" clearable>
<el-option v-for="item in cateOptions" :key="item.id" :label="item.name"
:value="item.id"></el-option>
</el-select>
</div>
</el-header>
<el-main class="nopadding">
<scTable ref="table" :data="tableData" style="width: 100%;" size="large" :apiObj="apiObj"
row-key="id" :params="params" :query="query" hidePagination @row-click="rowClick">
<el-table-column type="index" width="50" />
<el-table-column prop="number" label="污染源编号" width="180" />
<el-table-column prop="name" label="污染源名称" />
<el-table-column prop="name" label="污染源类型" />
<el-table-column prop="mgroup_name" label="所属工段" />
</scTable>
</el-main>
</el-container>
</el-main>
</el-container>
</el-main>
</el-container>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
query: {},
cateOptions: [{ id: 'mtrans', name: '生产工艺' }, { id: 'product', name: '物料输送' }, { id: 'mstore', name: '物料储存' }],
apiObj: this.$API.enp.drain.list, apiObj: this.$API.enp.drain.list,
params: { type: 20 }, params: { type: 20 },
} }
},
methods: {
handleQuery() {
this.$refs.table.queryData(this.query);
}
} }
} }
</script> </script>
<style scoped>
.panel_title {
font-size: 22px;
}
el-header {
background: aqua;
}
</style>