From a509e48bf7336b6007e1eee7e81a6612a0fb006c Mon Sep 17 00:00:00 2001
From: 付延余 <f-yanyu@outlook.com>
Date: 星期日, 24 四月 2022 14:42:44 +0800
Subject: [PATCH] 细节
---
src/pages/show/otherBusiness/otherBusinessChild/OtherB_PeopleJunShouRu.vue | 54 ++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 40 insertions(+), 14 deletions(-)
diff --git a/src/pages/show/otherBusiness/otherBusinessChild/OtherB_PeopleJunShouRu.vue b/src/pages/show/otherBusiness/otherBusinessChild/OtherB_PeopleJunShouRu.vue
index 676fa35..e25f860 100644
--- a/src/pages/show/otherBusiness/otherBusinessChild/OtherB_PeopleJunShouRu.vue
+++ b/src/pages/show/otherBusiness/otherBusinessChild/OtherB_PeopleJunShouRu.vue
@@ -4,31 +4,40 @@
<h1>鍏ㄥ競灞呮皯浜哄潎鍙敮閰嶆敹鍏ユ儏鍐�</h1>
<el-table
:data="tableData"
- style="width: 100%">
+ style="width: 100%" :cell-style="updataCellStyle">
<el-table-column
prop="year"
- label="骞翠唤">
+ label="骞翠唤" min-width="80"
+ fied="left"
+ >
</el-table-column>
<el-table-column
label="鍥芥皯浜哄潎鍙敮閰嶆敹鍏�">
<el-table-column
prop="shouru"
label="鏀跺叆(鍏�)"
+ min-width="80"
>
</el-table-column>
<el-table-column
prop="quanshengpaiwei"
label="鍏ㄧ渷鎺掑悕"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="zengzhang"
label="澧為暱"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="quanshengpaiwei1"
label="鍏ㄧ渷鎺掍綅"
+ min-width="80"
+
>
</el-table-column>
</el-table-column>
@@ -36,21 +45,29 @@
<el-table-column
prop="shouru1"
label="鏀跺叆(鍏�)"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="quanshengpaiwei2"
label="鍏ㄧ渷鎺掍綅"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="zengzhang1"
label="澧為暱"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="quanshengpaiwei3"
label="鍏ㄧ渷鎺掍綅"
+ min-width="80"
+
>
</el-table-column>
</el-table-column>
@@ -58,21 +75,27 @@
<el-table-column
prop="shouru2"
label="鏀跺叆(鍏�)"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="quashengpaiwei4"
label="鍏ㄧ渷鎺掍綅"
+ min-width="80"
+
>
</el-table-column>
<el-table-column
prop="zengzhang2"
label="澧為暱 "
+ min-width="80"
>
</el-table-column>
<el-table-column
prop="quanshengpaiwei5"
label="鍏ㄧ渷鎺掍綅"
+ min-width="80"
>
</el-table-column>
</el-table-column>
@@ -209,7 +232,7 @@
},
series: [
{
- name:'灞呮皯浜哄潎鍙敮閰嶆敹鍏�',
+ name: '灞呮皯浜哄潎鍙敮閰嶆敹鍏�',
type: 'line',
smooth: false, //璁剧疆鎶樼嚎涓哄渾婊戞洸绾�,false鍒欐湁杞姌鐐�
// symbol:'none', //榛樿鏄剧ず鎶樼偣锛屼负none鏃朵笉鏄剧ず
@@ -228,7 +251,7 @@
data: [120, 132, 101, 134, 90, 230]
},
{
- name:'鍩庨晣灞呮皯',
+ name: '鍩庨晣灞呮皯',
type: 'line',
smooth: false, //璁剧疆鎶樼嚎涓哄渾婊戞洸绾�,false鍒欐湁杞姌鐐�
// symbol:'none', //榛樿鏄剧ず鎶樼偣锛屼负none鏃朵笉鏄剧ず
@@ -247,7 +270,7 @@
data: [220, 182, 191, 234, 290, 330]
},
{
- name:'鍐滄潙灞呮皯',
+ name: '鍐滄潙灞呮皯',
type: 'line',
smooth: false, //璁剧疆鎶樼嚎涓哄渾婊戞洸绾�,false鍒欐湁杞姌鐐�
// symbol:'none', //榛樿鏄剧ず鎶樼偣锛屼负none鏃朵笉鏄剧ず
@@ -277,6 +300,14 @@
const option = this.option
const myChart = this.$echarts.init(document.querySelector('.OtherB-PeopleJunShouRu__echart'));
option && myChart.setOption(this.option)
+ },
+ // 缁欏崟鐙崟鍏冩牸娣诲姞鏍峰紡
+ updataCellStyle({rowIndex, columnIndex}) {
+ if (rowIndex ===0 && columnIndex === 0) {
+ return {background:'#51D2FF'}
+ }else if(rowIndex===1 && columnIndex ===0){
+ return {background:'#51D2FF'}
+ }
}
}
}
@@ -286,20 +317,14 @@
@import "../../../../assets/css/base";
.OtherB-PeopleJunShouRu__table {
- .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
- background:transparent;
+ .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
+ background: transparent;
}
- width: 100%;
- height: calc(100% - 0.078125rem /* 20/256 */
- );
- margin-top: 0.078125rem /* 20/256 */
-;
.el-table th.el-table__cell {
background-color: $color-blue;
height: 0.3125rem /* 80/256 */
;
-
}
.el-table tr {
@@ -327,7 +352,7 @@
}
.el-table .cell {
- font-size: $fontSize-24;
+ font-size: $fontSize-28;
color: $color-darkGrey;
font-weight: 300;
line-height: 0.390625rem;
@@ -366,6 +391,7 @@
//);
.OtherB-PeopleJunShouRu__table {
+ width: 100%;
margin-top: 0.078125rem /* 20/256 */
;
--
Gitblit v1.9.1