From 4df0471b7dff0494625ff09969b1a13b5359a26e Mon Sep 17 00:00:00 2001
From: XingChuan <m17600301067@163.com>
Date: 星期一, 31 五月 2021 22:41:47 +0800
Subject: [PATCH] 统计表弹框UI优化；增加点击企业名称缩放至企业；二级表展示功能优化。
---
src/components/table/components/AirQuality.vue | 62 +++++++-----------------------
1 files changed, 15 insertions(+), 47 deletions(-)
diff --git a/src/components/table/components/AirQuality.vue b/src/components/table/components/AirQuality.vue
index 7e52808..ddf7dab 100644
--- a/src/components/table/components/AirQuality.vue
+++ b/src/components/table/components/AirQuality.vue
@@ -1,55 +1,23 @@
<template>
<div class="AirQuality">
- <el-table
- class="tableBox"
- :data="tableData"
- :header-cell-style="tableHeaderColor"
- :cell-style="rowClass"
- border
- >
- <el-table-column
- width="30px"
- label=""
- >
+ <el-table class="tableBox" :data="tableData" :header-cell-style="tableHeaderColor" :cell-style="rowClass" border>
+ <el-table-column width="30px" label="">
<template>
<i class="el-icon-caret-right"></i>
<span style="margin-left: 10px"></span>
</template>
</el-table-column>
- <el-table-column
- label="搴忓彿"
- width="60px"
- type="index">
- </el-table-column>
- <el-table-column
- prop="UserName"
- label="浼佷笟鍚嶇О"
- width="120px">
- </el-table-column>
- <el-table-column
- prop="AQI"
- label="AQI"
- width="200px">
- </el-table-column>
- <el-table-column
- prop="MajorPollutant"
- label="棣栬姹℃煋鐗� "
- width="200px">
- </el-table-column>
- <el-table-column
- prop="AirQualityCategory"
- label="绌烘皵璐ㄩ噺绫诲埆"
- width="200px">
- </el-table-column>
- <el-table-column
- prop="RegionalColor"
- label="鍖哄煙棰滆壊"
- width="200px">
- <template slot-scope="scope">
- <div v-if="scope.row.RegionalColor==='鍥涚骇绾㈣壊'" style="background-color: red">{{scope.row.RegionalColor}}</div>
- <div v-else-if="scope.row.RegionalColor==='涓夌骇姗欒壊'" style="background-color: orange">{{scope.row.RegionalColor}}</div>
- <div v-else style="background-color: green">{{scope.row.RegionalColor}}</div>
- </template>
+ <el-table-column label="搴忓彿" width="60px" type="index"></el-table-column>
+ <el-table-column prop="UserName" label="浼佷笟鍚嶇О"></el-table-column>
+ <el-table-column prop="AQI" label="AQI"></el-table-column>
+ <el-table-column prop="MajorPollutant" label="棣栬姹℃煋鐗� "></el-table-column>
+ <el-table-column prop="AirQualityCategory" label="绌烘皵璐ㄩ噺绫诲埆"></el-table-column>
+ <el-table-column prop="RegionalColor" label="鍖哄煙棰滆壊">
+ <template slot-scope="scope">
+ <div v-if="scope.row.RegionalColor==='鍥涚骇绾㈣壊'" style="background-color: red">{{scope.row.RegionalColor}}</div>
+ <div v-else-if="scope.row.RegionalColor==='涓夌骇姗欒壊'" style="background-color: orange">{{scope.row.RegionalColor}}</div>
+ <div v-else style="background-color: green">{{scope.row.RegionalColor}}</div>
+ </template>
</el-table-column>
</el-table>
</div>
@@ -89,11 +57,11 @@
},
methods: {
tableHeaderColor ({ row, column, owIndex, columnIndex }) {
- return 'background-color: rgba(26, 73, 81, 0.901960784313726);color:#fff;font-wight:500;font-size:12px;text-align:center;height:0px'
+ // return 'background-color: rgba(26, 73, 81, 0.901960784313726);color:#fff;font-wight:500;font-size:12px;text-align:center;height:0px'
},
// 琛ㄥご鏍峰紡璁剧疆
rowClass () {
- return 'text-align: center;background-color: rgba(26, 73, 81, 0.901960784313726);color:#fff;width:64px'
+ // return 'text-align: center;background-color: rgba(26, 73, 81, 0.901960784313726);color:#fff;width:64px'
}
}
}
--
Gitblit v1.8.0