From 3f6457753940c5bb41aa1055da903259c74c7c6b Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123456 <zxx19900626>
Date: 星期一, 18 四月 2022 15:17:18 +0800
Subject: [PATCH] 人事人才样式
---
src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue | 54 +++++++++++++++++++++++++++++++-----------------------
1 files changed, 31 insertions(+), 23 deletions(-)
diff --git a/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue b/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue
index e083bdb..ebf0307 100644
--- a/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue
+++ b/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue
@@ -2,6 +2,7 @@
<div class="PersonnelTalents_unitPersonnel--warp">
<div class="PT_unitPersonnel--table">
<el-table
+ :max-height="640"
:data="tableData"
stripe
border
@@ -36,18 +37,21 @@
</el-table-column>
</el-table>
<!-- 鍗曢�夋 -->
- <div class="PT_navEchart--title">
- <el-radio-group v-model="checkedCategory">
- <el-radio v-for="categoryItem in careGory" :label="categoryItem" :key="categoryItem">{{ categoryItem }}
- </el-radio>
- </el-radio-group>
+ <div class="PT_unitPersonnel--echart-box">
+ <div class="PT_navEchart--title">
+ <el-radio-group v-model="checkedCategory">
+ <el-radio v-for="categoryItem in careGory" :label="categoryItem" :key="categoryItem">{{ categoryItem }}
+ </el-radio>
+ </el-radio-group>
+ </div>
+ <div class="PT_unitPersonnel--Echarts"></div>
</div>
- <div class="PT_unitPersonnel--Echarts"></div>
</div>
</div>
</template>
<script>
+
import nowSize from "../../../../libs/nowSize";
const CARE_GORY = ['浜嬩笟鍗曚綅', '鍦ㄨ亴浜哄憳', '骞翠汉鍧囨敹鍏�']
@@ -186,7 +190,7 @@
trigger: 'axis'
},
legend: {
- right: '5%',
+ right: '2%',
top: 'center',
orient: 'vertical',
itemWidth: nowSize(30),
@@ -198,9 +202,10 @@
}
},
grid: {
- left: '5%',
- right: '20%',
- bottom: '0%',
+ left: '22%',
+ top: '25%',
+ right: '25%',
+ bottom: '2%',
containLabel: true
},
xAxis: {
@@ -341,7 +346,6 @@
border-bottom: 1px solid #8E8E8E;
}
}
-
.PT_navEchart--title {
.el-radio {
width: 1.171875rem;
@@ -399,21 +403,25 @@
}
.PT_unitPersonnel--Echarts {
- width: 1920px;
- height:550px;
- margin-top: 120px;
+ width: 100%;
+ height:100%;
//height: 600px;
- //height: calc(100% - 640px - 0.33203125rem /* 85/256 */
- //);
display: inline-block;
+ }
+ .PT_unitPersonnel--echart-box{
+ width: 100%;
+ margin-top: 0.234375rem /* 60/256 */;
+ height: calc(100% - 640Px - 0.254375rem /* 60/256 */);
+ position: relative;
+ .PT_navEchart--title {
+ width: 1.171875rem;
+ display: inline-block;
+ position: absolute;
+ left: 100px;
+ top: 50%;
+ transform: translateY(-50%);
+ }
}
- .PT_navEchart--title {
- width: 1.171875rem;
- display: inline-block;
- position: relative;
- left: 100px;
- top: -250px;
- }
}
</style>
--
Gitblit v1.9.1