From edbf4224c71014eacdcdcde12a9a2885ab0ffd23 Mon Sep 17 00:00:00 2001 From: zhangshuaibao <15731629597@163.com> Date: 星期二, 13 四月 2021 17:42:31 +0800 Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop --- 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