|
|
@@ -55,7 +55,7 @@
|
|
|
<el-card @click="jumpweb(item.type)" :style="{ background: item.bgColor }" class="box-card-num">
|
|
|
<el-row class="box-card-row" style="margin:0">
|
|
|
<el-col :span="16" class="box_left">
|
|
|
- <p class="jump_title">{{ item.name }}</p>
|
|
|
+ <p :style="{ '--colorTitle': item.color }" class="jump_title">{{ item.name }}</p>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-image style="width:125px;height:80px" :src="item.icon" fit="cover"></el-image>
|
|
|
@@ -133,18 +133,21 @@ const state = reactive({
|
|
|
type:TypeApi.tend,
|
|
|
name: '安全照护',
|
|
|
bgColor: 'linear-gradient(225deg, #F1F7FF 0%, #FFFFFF 36%, #FFFFFF 100%)',
|
|
|
+ color:'#477ec6',
|
|
|
icon: home_1
|
|
|
},
|
|
|
{
|
|
|
type:TypeApi.health,
|
|
|
name: '健康监测',
|
|
|
bgColor: 'linear-gradient(225deg, #FFF6EE 0%, #FFFFFF 36%, #FFFFFF 100%)',
|
|
|
+ color: '#da8a45',
|
|
|
icon: home_2
|
|
|
},
|
|
|
{
|
|
|
type:TypeApi.bed,
|
|
|
name: '数字家床',
|
|
|
bgColor: 'linear-gradient(225deg, #EEFFF5 0%, #FFFFFF 36%, #FFFFFF 100%)',
|
|
|
+ color: '#26b669',
|
|
|
icon: home_3
|
|
|
}
|
|
|
],
|
|
|
@@ -245,16 +248,16 @@ const setBar1 = (dataObj:object) => {
|
|
|
{
|
|
|
z: 9,
|
|
|
type: 'text',
|
|
|
- left: '18%',
|
|
|
+ left: '17.5%',
|
|
|
top: '40%',
|
|
|
background: 'red',
|
|
|
style: {
|
|
|
text: totlaNum,
|
|
|
fontSize: 18,
|
|
|
- textAlign: 'right',
|
|
|
+ textAlign: 'center',
|
|
|
fill: 'rgba(0, 11, 25, 1)',
|
|
|
font: 'OPPOSans-B,OPPOSans',
|
|
|
- width: 100,
|
|
|
+ width: 120,
|
|
|
height: 20,
|
|
|
}
|
|
|
},
|
|
|
@@ -266,7 +269,7 @@ const setBar1 = (dataObj:object) => {
|
|
|
style: {
|
|
|
text: '设备总数',
|
|
|
fontSize: 12,
|
|
|
- textAlign: 'left',
|
|
|
+ textAlign: 'center',
|
|
|
fill: 'rgba(0, 11, 25, 1)',
|
|
|
width: 100,
|
|
|
height: 30,
|
|
|
@@ -304,15 +307,15 @@ const setCommonOption = (serveRate: number,deviceNum:number, barColor: string) =
|
|
|
{
|
|
|
z: 9,
|
|
|
type: 'text',
|
|
|
- left: '41%',
|
|
|
- top: '42%',
|
|
|
+ left: 'center',
|
|
|
+ top: 'center',
|
|
|
style: {
|
|
|
text: deviceNum+'个',
|
|
|
fontSize: 18,
|
|
|
textAlign: 'center',
|
|
|
fill: 'rgba(0, 11, 25, 1)',
|
|
|
font: 'OPPOSans-B,OPPOSans',
|
|
|
- width: 100,
|
|
|
+ width: 50,
|
|
|
height: 20,
|
|
|
}
|
|
|
}
|
|
|
@@ -511,7 +514,11 @@ onMounted(() => {
|
|
|
|
|
|
.jump_title {
|
|
|
margin-top: 40px;
|
|
|
- color: #636363 !important;
|
|
|
+ color: var(--colorTitle) !important;
|
|
|
+ padding-left: 55px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-size: 24px !important;
|
|
|
+ font-weight: 500 !important;
|
|
|
}
|
|
|
}
|
|
|
}
|
