From 08290605e2958c5083c6e940d6aef77d1bfc62a3 Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Sun, 4 Feb 2024 10:07:38 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9Epollutant=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../bigScreen/enpComponents/pollutant.vue     | 59 +++++++++++++++----
 1 file changed, 49 insertions(+), 10 deletions(-)

diff --git a/src/views/bigScreen/enpComponents/pollutant.vue b/src/views/bigScreen/enpComponents/pollutant.vue
index 37cffd07..8ad44956 100644
--- a/src/views/bigScreen/enpComponents/pollutant.vue
+++ b/src/views/bigScreen/enpComponents/pollutant.vue
@@ -1,21 +1,60 @@
 <template>
-    <el-card header="污染源清单">
-        <scTable :data="tableData" style="width: 100%;" size="large" :apiObj="apiObj" row-key="id" :params="params"
-            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="监测状态" />
-        </scTable>
-    </el-card>
+    <el-container>
+        <el-main class="nopadding">
+            <el-container>
+                <el-header>
+                    <div class="panel_title">污染源清单</div>
+                </el-header>
+                <el-main class="nopadding">
+                    <el-container>
+                        <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>
 <script>
 export default {
     data() {
         return {
+            query: {},
+            cateOptions: [{ id: 'mtrans', name: '生产工艺' }, { id: 'product', name: '物料输送' }, { id: 'mstore', name: '物料储存' }],
             apiObj: this.$API.enp.drain.list,
             params: { type: 20 },
         }
+    },
+    methods: {
+        handleQuery() {
+            this.$refs.table.queryData(this.query);
+        }
     }
 }
-</script>
\ No newline at end of file
+</script>
+<style scoped>
+.panel_title {
+    font-size: 22px;
+}
+
+el-header {
+    background: aqua;
+}
+</style>
\ No newline at end of file