From bcdc07fb693a5ff6a10940dbc2ae229dbb7c7e9f Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期四, 23 二月 2023 10:20:23 +0800 Subject: [PATCH] 数据统计 --- src/views/datamanage/dataStatistics.vue | 112 +++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 91 insertions(+), 21 deletions(-) diff --git a/src/views/datamanage/dataStatistics.vue b/src/views/datamanage/dataStatistics.vue index e1df49b..c548bc5 100644 --- a/src/views/datamanage/dataStatistics.vue +++ b/src/views/datamanage/dataStatistics.vue @@ -20,45 +20,96 @@ </el-tree> </div> <div class="content_Right subpage_Div"> - <div> - <el-button - icon="el-icon-c-scale-to-original" - @click="setCountFlagChange(1)" - ></el-button> - <el-button - icon="el-icon-pie-chart" - @click="setCountFlagChange(2)" - ></el-button> - <el-button - icon="el-icon-download" - @click="setCountFlagChange(3)" - ></el-button> - <el-divider /> + <div class="iquery subpage_Div"> + <div> + <el-button + icon="el-icon-c-scale-to-original" + size="small" + type="warning" + @click="setCountFlagChange(1)" + >鎶ヨ〃</el-button + > + <el-button + icon="el-icon-pie-chart" + size="small" + type="primary" + @click="setCountFlagChange(2)" + >鏌辩姸鍥�</el-button + > + <el-button + icon="el-icon-download" + size="small" + type="success" + @click="setCountFlagChange(3)" + >涓嬭浇</el-button + > + </div> </div> - <div class="contentTable" v-show="setCountFlag"> + <div class="contentTable subpage_Div" v-show="setCountFlag"> <el-table :data="tableData" style="width: 100%" - height="calc(100% - 50px)" + height="calc(100% - 1px)" + ref="table" > <el-table-column + v-if="queryData.value == 'countServices'" prop="m1" + key="1" align="center" :label="$t('dataManage.dataStaticObj.type1')" > </el-table-column> <el-table-column - prop="m2" + v-if="queryData.value == 'countServices'" + prop="count" + key="2" align="center" :label="$t('dataManage.dataStaticObj.type2')" > </el-table-column> <el-table-column - prop="count" + v-if="queryData.value == 'countSizes'" + prop="m1" + key="3" align="center" :label="$t('dataManage.dataStaticObj.type3')" > </el-table-column> + <el-table-column + v-if="queryData.value == 'countSizes'" + prop="count" + key="4" + align="center" + :label="$t('dataManage.dataStaticObj.type4')" + :formatter="formatterColumn" + > + </el-table-column> + + <el-table-column + v-if="queryData.value == 'countOperates'" + prop="m1" + key="5" + align="center" + :label="$t('dataManage.dataStaticObj.type5')" + > + </el-table-column> + <el-table-column + v-if="queryData.value == 'countOperates'" + prop="count" + key="6" + align="center" + :label="$t('dataManage.dataStaticObj.type7')" + > + </el-table-column> + + <!-- <el-table-column + v-if="queryData.value == 'countOperates'" + prop="m2" + align="center" + :label="$t('dataManage.dataStaticObj.type6')" + > + </el-table-column> --> </el-table> <!-- <div class="pagination_box"> <el-pagination @@ -73,7 +124,11 @@ </el-pagination> </div> --> </div> - <div id="contentEchart" class="contentTable" v-show="!setCountFlag"> + <div + id="contentEchart subpage_Div" + class="contentTable" + v-show="!setCountFlag" + > <div id="chart_11"></div> </div> </div> @@ -190,6 +245,9 @@ this.setStartDataCount(); }, methods: { + formatterColumn(row, column, cellValue, index) { + return row.count + "MB"; + }, setDownLoadRow(rows) { var url = BASE_URL + @@ -427,6 +485,9 @@ } } this.tableData = data.result; + this.$nextTick(() => { + this.$refs.table.doLayout(); + }); // this.listData.count = data.count; }, }, @@ -454,9 +515,18 @@ height: calc(95% - 2px); border-radius: 5px; padding: 1%; + .iquery { + padding: 1%; + border-radius: 5px; + display: flex; + justify-content: flex-end; + } .contentTable { - width: 100%; - height: 84%; + width: 98%; + height: 82%; + padding: 1%; + border-radius: 5px; + margin-top: 1%; } } } -- Gitblit v1.9.3