From 038b8a1d35652b8967f520583069aef5422e7484 Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123456 <zxx19900626>
Date: 星期日, 24 四月 2022 11:08:10 +0800
Subject: [PATCH] 社会保障细节样式
---
src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue | 71 +++++++++++++++++++++--------------
1 files changed, 43 insertions(+), 28 deletions(-)
diff --git a/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue b/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue
index f9fcdea..85951f3 100644
--- a/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue
+++ b/src/pages/show/personnelTalents/personnelTalentsChild/PersonnelTalents_UnitPersonnel.vue
@@ -37,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 = ['浜嬩笟鍗曚綅', '鍦ㄨ亴浜哄憳', '骞翠汉鍧囨敹鍏�']
@@ -187,7 +190,7 @@
trigger: 'axis'
},
legend: {
- right: '5%',
+ right: '2%',
top: 'center',
orient: 'vertical',
itemWidth: nowSize(30),
@@ -199,9 +202,10 @@
}
},
grid: {
- left: '5%',
- right: '20%',
- bottom: '0%',
+ left: '2%',
+ top: '25%',
+ right: '18%',
+ bottom: '0',
containLabel: true
},
xAxis: {
@@ -354,7 +358,7 @@
}
.el-radio__input {
- margin-bottom: 5px;
+ margin-bottom: 0.01953125rem;
&.is-checked {
.el-radio__inner {
@@ -371,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;
@@ -394,27 +398,38 @@
.PersonnelTalents_unitPersonnel--warp {
width: 100%;
height: 100%;
+
.PT_unitPersonnel--table {
width: 100%;
height: 100%;
}
- .PT_unitPersonnel--Echarts {
- width: 1920px;
- //height:600px;
- margin-top: 60px;
- //height: 600px;
- height: calc(100% - 640Px - 0.33203125rem /* 85/256 */
+
+ .PT_unitPersonnel--echart-box {
+ width: 100%;
+ margin-top: 0.234375rem /* 60/256 */
+ ;
+ height: calc(100% - 600Px - 0.254375rem /* 60/256 */
);
- display: inline-block;
+ 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