From c56e506fd34c58209240e97fc29043639fae5d19 Mon Sep 17 00:00:00 2001
From: ChenZeping <chenzeping>
Date: 星期四, 29 四月 2021 15:13:21 +0800
Subject: [PATCH] 统计表,指标,预报警表格弹框公共修改,管线分析功能
---
src/components/table/components/IndexStatistics.vue | 97 +++++++++++++++++++++++++++++-------------------
1 files changed, 59 insertions(+), 38 deletions(-)
diff --git a/src/components/table/components/IndexStatistics.vue b/src/components/table/components/IndexStatistics.vue
index c8074db..27b0797 100644
--- a/src/components/table/components/IndexStatistics.vue
+++ b/src/components/table/components/IndexStatistics.vue
@@ -1,39 +1,45 @@
<template>
- <el-tabs v-model="activeName">
+ <Public>
+ <template v-slot:title>
+ <span>{{ titleProp }}</span>
+ </template>
+ <template v-slot:publicTable>
+ <el-tabs v-model="activeName">
<el-tab-pane label="鎸囨爣缁熻" name="first">
- <el-table :data="tableData" :lock-scroll="true" class="scroll" >
- <el-table-column type="index" label="搴忓彿"></el-table-column>
- <el-table-column prop="date" label="鍗曚綅鍚嶇О"></el-table-column>
- <el-table-column prop="province" label="宸ヤ笟鍙栨按閲�(m3)"></el-table-column>
- <el-table-column prop="province" label="澶栨帓搴熸按閲�(m3)"></el-table-column>
- <el-table-column prop="province" label="宸ヤ笟搴熸皵鎺掓斁閲�(m3)"></el-table-column>
- <el-table-column label="COD(t)">
- <el-table-column prop="province" label="绱浜х敓閲�"></el-table-column>
- <el-table-column prop="city" label="褰撴湀浜х敓閲�"></el-table-column>
- </el-table-column>
- <el-table-column label="姘ㄦ爱(t)">
- <el-table-column prop="province" label="绱浜х敓閲�"></el-table-column>
- <el-table-column prop="city" label="褰撴湀浜х敓閲�"></el-table-column>
- </el-table-column>
- <el-table-column label="浜屾哀鍖栫～(t)">
- <el-table-column prop="province" label="绱浜х敓閲�"></el-table-column>
- <el-table-column prop="city" label="褰撴湀浜х敓閲�"></el-table-column>
- </el-table-column>
- <el-table-column label="姘哀鍖栫墿(t)">
- <el-table-column prop="province" label="绱浜х敓閲�"></el-table-column>
- <el-table-column prop="city" label="褰撴湀浜х敓閲�"></el-table-column>
- </el-table-column>
- <el-table-column label="VOCs(t)">
- <el-table-column prop="province" label="绱浜х敓閲�"></el-table-column>
- <el-table-column prop="city" label="褰撴湀浜х敓閲�"></el-table-column>
- </el-table-column>
- <el-table-column label="鍥哄簾(t)">
- <el-table-column prop="province" label="绱浜х敓閲�"></el-table-column>
- <el-table-column prop="city" label="褰撴湀浜х敓閲�"></el-table-column>
- </el-table-column>
- </el-table>
+ <el-table :data="tableData" :lock-scroll="true" class="scroll">
+ <el-table-column type="index" label="搴忓彿"></el-table-column>
+ <el-table-column prop="date" label="鍗曚綅鍚嶇О"></el-table-column>
+ <el-table-column prop="province" label="宸ヤ笟鍙栨按閲�(m3)"></el-table-column>
+ <el-table-column prop="province" label="澶栨帓搴熸按閲�(m3)"></el-table-column>
+ <el-table-column prop="province" label="宸ヤ笟搴熸皵鎺掓斁閲�(m3)"></el-table-column>
+ <el-table-column label="COD(t)">
+ <el-table-column prop="province" label="绱浜х敓閲�"></el-table-column>
+ <el-table-column prop="city" label="褰撴湀浜х敓閲�"></el-table-column>
+ </el-table-column>
+ <el-table-column label="姘ㄦ爱(t)">
+ <el-table-column prop="province" label="绱浜х敓閲�"></el-table-column>
+ <el-table-column prop="city" label="褰撴湀浜х敓閲�"></el-table-column>
+ </el-table-column>
+ <el-table-column label="浜屾哀鍖栫～(t)">
+ <el-table-column prop="province" label="绱浜х敓閲�"></el-table-column>
+ <el-table-column prop="city" label="褰撴湀浜х敓閲�"></el-table-column>
+ </el-table-column>
+ <el-table-column label="姘哀鍖栫墿(t)">
+ <el-table-column prop="province" label="绱浜х敓閲�"></el-table-column>
+ <el-table-column prop="city" label="褰撴湀浜х敓閲�"></el-table-column>
+ </el-table-column>
+ <el-table-column label="VOCs(t)">
+ <el-table-column prop="province" label="绱浜х敓閲�"></el-table-column>
+ <el-table-column prop="city" label="褰撴湀浜х敓閲�"></el-table-column>
+ </el-table-column>
+ <el-table-column label="鍥哄簾(t)">
+ <el-table-column prop="province" label="绱浜х敓閲�"></el-table-column>
+ <el-table-column prop="city" label="褰撴湀浜х敓閲�"></el-table-column>
+ </el-table-column>
+ </el-table>
</el-tab-pane>
- <el-tab-pane label="浼佷笟鎺掑悕" name="second"><el-table :data="tableData">
+ <el-tab-pane label="浼佷笟鎺掑悕" name="second">
+ <el-table :data="tableData">
<el-table-column type="index" label="搴忓彿"></el-table-column>
<el-table-column prop="date" label="浼佷笟鍚嶇О"></el-table-column>
<el-table-column prop="name" label="搴熸按杈炬爣鐜�"></el-table-column>
@@ -44,8 +50,10 @@
<el-table-column prop="zip" label="鍚嶆"></el-table-column>
<el-table-column prop="zip" label="璁惧瀹屽ソ鐜�"></el-table-column>
<el-table-column prop="zip" label="鎺掑悕"></el-table-column>
- </el-table></el-tab-pane>
- <el-tab-pane label="鎺掓斁鐐规帓鍚�" name="third"><el-table :data="tableData">
+ </el-table>
+ </el-tab-pane>
+ <el-tab-pane label="鎺掓斁鐐规帓鍚�" name="third">
+ <el-table :data="tableData">
<el-table-column type="index" label="搴忓彿"></el-table-column>
<el-table-column prop="date" label="鎺掓斁鐐瑰悕绉�"></el-table-column>
<el-table-column prop="name" label="鎺掓斁绫诲瀷"></el-table-column>
@@ -55,15 +63,23 @@
<el-table-column prop="zip" label="鍚嶆"></el-table-column>
<el-table-column prop="zip" label="璁惧瀹屽ソ鐜�"></el-table-column>
<el-table-column prop="zip" label="鍚嶆"></el-table-column>
- </el-table></el-tab-pane>
- </el-tabs>
-
+ </el-table>
+ </el-tab-pane>
+ </el-tabs>
+ </template>
+ </Public>
</template>
<script>
+
+import Public from '@components/table/Public'
+
export default {
+ name: 'IndexStatistics',
+ components: { Public },
data () {
return {
+ titleProp: '',
activeName: 'first',
tableData: [{
date: '闆嗗洟鍏徃',
@@ -88,6 +104,11 @@
zip: 200333
}]
}
+ },
+ methods: {
+ refsDatatitle (item) {
+ this.titleProp = item
+ }
}
}
</script>
--
Gitblit v1.8.0