From 31181a5ed1e8cb393ad90fd19f6baea72b3cc423 Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123456 <zxx19900626>
Date: 星期日, 24 四月 2022 11:43:06 +0800
Subject: [PATCH] 就业创业细节
---
src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue | 74 ++++++++++++++++++++++--------------
1 files changed, 45 insertions(+), 29 deletions(-)
diff --git a/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue b/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue
index e083bdb..85951f3 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: '2%',
+ top: '25%',
+ right: '18%',
+ bottom: '0',
containLabel: true
},
xAxis: {
@@ -353,7 +358,7 @@
}
.el-radio__input {
- margin-bottom: 5px;
+ margin-bottom: 0.01953125rem;
&.is-checked {
.el-radio__inner {
@@ -370,9 +375,9 @@
}
.el-radio__inner {
- width: 40px;
- height: 40px;
- margin-right: 17px;
+ width: 0.15625rem;
+ height: 0.15625rem;
+ margin-right: 0.06640625rem;
background: transparent;
border-radius: 1%;
box-sizing: content-box;
@@ -393,27 +398,38 @@
.PersonnelTalents_unitPersonnel--warp {
width: 100%;
height: 100%;
+
.PT_unitPersonnel--table {
width: 100%;
height: 100%;
}
- .PT_unitPersonnel--Echarts {
- width: 1920px;
- height:550px;
- margin-top: 120px;
- //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% - 600Px - 0.254375rem /* 60/256 */
+ );
+ position: relative;
+
+ .PT_navEchart--title {
+ width: 1px;
+ display: inline-block;
+ position: absolute;
+ left: 0.390625rem;
+ top: 50%;
+ transform: translateY(-50%);
+ }
+
+ .PT_unitPersonnel--Echarts {
+ width: 85%;
+ height: 100%;
+ position: absolute;
+ left: 1.2890625rem;
+ display: inline-block;
+ }
}
- .PT_navEchart--title {
- width: 1.171875rem;
- display: inline-block;
- position: relative;
- left: 100px;
- top: -250px;
- }
}
</style>
--
Gitblit v1.9.1