From 77536cfa95b1e3c5e60f94dce3a53aa2e93f121a Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123 <819527061@qq.com>
Date: 星期三, 14 九月 2022 17:35:54 +0800
Subject: [PATCH] echarts添加显示隐藏按钮
---
src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoZhengjiShouru.vue | 65 ++++++++++++++++++++++++++------
1 files changed, 53 insertions(+), 12 deletions(-)
diff --git a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoZhengjiShouru.vue b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoZhengjiShouru.vue
index 6b53974..6377802 100644
--- a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoZhengjiShouru.vue
+++ b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoZhengjiShouru.vue
@@ -1,33 +1,74 @@
<template>
<div class="shebaoZhengjiShouru-wrap">
<h1>鍚勫幙锛堝競銆佸尯锛�2021骞村氨涓氭儏鍐电粺璁¤〃</h1>
- <el-tabs v-model="activeName">
- <el-tab-pane label="鍩庨晣鏂板灏变笟" name="first">
- <baoxianForm></baoxianForm>
+ <el-tabs v-model="activeName" @tab-click="tabHandleClick">
+<!-- <el-tab-pane-->
+<!-- v-for="item in tabMenuList"-->
+<!-- :key="item.id"-->
+<!-- :label="item.name"-->
+<!-- :name="item.id + ''">-->
+<!-- <shebaoZhengjiShouruForm :tableData="tableData"></shebaoZhengjiShouruForm>-->
+<!-- </el-tab-pane>-->
+ <el-tab-pane label="鎬昏" name="1">
+ <shebaoZhengjiShouruTotal :totalTableData="totalTableData"></shebaoZhengjiShouruTotal>
</el-tab-pane>
- <el-tab-pane label="澶变笟鍐嶅氨涓�" name="second">
- <baoxianForm></baoxianForm>
+ <el-tab-pane label="浼佷笟鑱屽伐鍏昏�佷繚闄�" name="2">
+ <shebaoZhengjiShouruForm :tableData="tableData" label="鍦ㄨ亴鑱屽伐锛堜汉锛�" type="1"></shebaoZhengjiShouruForm>
</el-tab-pane>
- <el-tab-pane label="灏变笟鍥伴毦浜哄憳鍐嶅氨涓�" name="third">
- <baoxianForm></baoxianForm>
+ <el-tab-pane label="鍩庝埂灞呮皯鍏昏�佷繚闄�" name="3">
+ <shebaoZhengjiShouruForm :tableData="tableData" label="鍙備繚浜烘暟锛堜汉锛�" type="3"></shebaoZhengjiShouruForm>
</el-tab-pane>
- <el-tab-pane label="鐧昏澶变笟鐜�" name="fourth">
- <baoxianForm></baoxianForm>
+ <el-tab-pane label="澶变笟淇濋櫓" name="4">
+ <shebaoZhengjiShouruForm :tableData="tableData" label="鍙備繚浜烘暟锛堜汉锛�" type="4"></shebaoZhengjiShouruForm>
+ </el-tab-pane>
+ <el-tab-pane label="宸ヤ激淇濋櫓" name="5">
+ <shebaoZhengjiShouruForm :tableData="tableData" label="鍙備繚浜烘暟锛堜汉锛�" type="5"></shebaoZhengjiShouruForm>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
- import baoxianForm from "../../../components/juminYanglaoBaoxian/baoxianForm";
+ import {getFundincomeTable, getAverageTable} from '@/api/shehuiBaozhang'
+ import shebaoZhengjiShouruTotal from "../../../components/shebaoZhengjiShouru/shebaoZhengjiShouruTotal";
+ import shebaoZhengjiShouruForm from "../../../components/shebaoZhengjiShouru/shebaoZhengjiShouruForm";
export default {
name: "jiuyeQingkuang",
components: {
- baoxianForm,
+ shebaoZhengjiShouruTotal,
+ shebaoZhengjiShouruForm
},
data() {
return {
- activeName: 'first'
+ totalTableData: [],
+ tableData: [],
+ activeName: '1',
+ type:'1',
+ }
+ },
+ mounted() {
+ this.getFundincomeTable()
+
+ },
+ methods: {
+ getFundincomeTable() {
+ getFundincomeTable().then(res => {
+ if(res.code == 1000) {
+ this.totalTableData = res.list
+ }
+ })
+ },
+ getAverageTable() {
+ getAverageTable({type: this.type}).then(res => {
+ if(res.code == 1000) {
+ this.tableData = res.list
+ }
+ })
+ },
+ tabHandleClick(tab) {
+ console.log('tab------',tab)
+ this.type = tab.name
+ this.getAverageTable()
}
}
}
--
Gitblit v1.9.1