From 39730791e9e2ff78e60af1bf64d6742a5f3617cd Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Wed, 28 Dec 2022 09:18:20 +0800
Subject: [PATCH] styles change
---
src/views/home/components/rightContainer.vue | 54 ++++++++++++++++++------------------------------------
1 files changed, 18 insertions(+), 36 deletions(-)
diff --git a/src/views/home/components/rightContainer.vue b/src/views/home/components/rightContainer.vue
index 45751ce..bf6e952 100644
--- a/src/views/home/components/rightContainer.vue
+++ b/src/views/home/components/rightContainer.vue
@@ -5,15 +5,10 @@
<div>值班信息(当日)</div>
</div>
<div class="table-box">
- <el-table
- size="small"
- :height="tableHeight"
- :data="schedulingList"
- style="width: 100%"
+ <el-table size="small" :height="tableHeight" :data="schedulingList" style="width: 100%"
:header-cell-style="{ 'text-align': 'center' }"
:cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }"
- :row-class-name="tableRowClassName"
- >
+ :row-class-name="tableRowClassName">
<el-table-column prop="station" label="岗位"></el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="contact" label="联系方式"></el-table-column>
@@ -25,16 +20,9 @@
<div class="title">
案件统计
<div class="timer">
- <el-date-picker
- v-model="eventTime"
- type="daterange"
- align="right"
- unlink-panels
- range-separator="至"
- start-placeholder="开始日期"
- end-placeholder="结束日期"
- :picker-options="pickerOptions"
- ></el-date-picker>
+ <el-date-picker v-model="eventTime" type="daterange" align="right" unlink-panels range-separator="至"
+ start-placeholder="开始日期" end-placeholder="结束日期"
+ :picker-options="pickerOptions"></el-date-picker>
</div>
</div>
<div id="EventChangeEcharts" class="echarts-box"></div>
@@ -195,22 +183,21 @@
trigger: 'item',
confine: true,
formatter: function (params) {
+ console.log(params, 555)
let tipHtml = ``
if ('carCount' in params.data) {
- tipHtml = `<span style="display: inline-block; margin-right: 4px; border-radius: 10px; width: 10px; height: 10px;background-color: #91cc75;"></span> ${params.data.name}<strong style="margin-left:10px">${params.data.value}台</strong><br /><strong style="margin-left:10px;color:#5c7bd9">占比：${params.percent}%</strong><br /><span style="color:#5470c6">警车：${params.data.carCount}台</span><br /><span style="margin-left:10px;color:#91cc75">监控：${params.data.monitorCount}台</span><br /><span style="color:#fac858">手台：${params.data.phoneCount}台</span><br /><span style="margin-left:10px;color:#ee6666">手持记录仪：${params.data.recorderCount}台</span>`
+ tipHtml = `${params.marker} <strong style="color: ${params.color}">${params.data.name} ${params.data.value}台</strong><br /><strong style="margin-left:10px;color:#5c7bd9">占比：${params.percent}%</strong><br /><span style="color:#5470c6">警车：${params.data.carCount}台</span><br /><span style="margin-left:10px;color:#91cc75">监控：${params.data.monitorCount}台</span><br /><span style="color:#fac858">手台：${params.data.phoneCount}台</span><br /><span style="margin-left:10px;color:#ee6666">手持记录仪：${params.data.recorderCount}台</span>`
} else {
- tipHtml = `<span style="display: inline-block; margin-right: 4px; border-radius: 10px; width: 10px; height: 10px;background-color: #91cc75;"></span> ${params.data.name}<strong style="margin-left:10px">${params.data.value}台</strong><br /><span style="color:#4caf50">正常：${params.data.working}台</span><br /><span style="color:#2979ff">故障：${params.data.fault}台</span><br /><span style="margin-left:10px;color:#5c7bd9">设备故障率：${Math.floor(params.data.fault / (params.data.working + params.data.fault) * 100)}%</span><br />`
+ tipHtml = `${params.marker} <strong style="color: ${params.color}">${params.data.name} ${params.data.value}台</strong><br /><span style="color:#4caf50">正常：${params.data.working}台</span><br /><span style="color:#2979ff">故障：${params.data.fault}台</span><br /><span style="margin-left:10px;color:#5c7bd9">设备故障率：${Math.floor(params.data.fault / (params.data.working + params.data.fault) * 100)}%</span><br />`
}
return tipHtml
- },
- backgroundColor: 'rgba(9, 40, 199, 0.9)',
- borderColor: 'rgba(9, 40, 199, 0.9)',
+ }
},
graphic: {
type: "text",
// left: "36.5%",
- left: "40%",
- top: "48%",
+ top: "40%",
+ left: "center",
style: {
text: "设备总数",
textAlign: "center",
@@ -221,8 +208,8 @@
},
title: {
text: `${this.regionTotal}`,
- left: "42%",
- top: "56%",
+ top: "52%",
+ left: "center",
textStyle: {
color: "#27D9C8",
fontSize: fontSize(20),
@@ -234,8 +221,9 @@
{
name: '',
type: 'pie',
- radius: ['40%', '70%'],
- center: ['47%', '57%'],
+ radius: ['90%', '136%'],
+ top: 'middle',
+ left: 'center',
data: dataArr,
avoidLabelOverlap: false,
labelLine: {
@@ -279,13 +267,7 @@
}
}
}
- ],
- grid: {
- x: 10,
- y: 10,
- x2: 10,
- y2: 20
- },
+ ]
}
},
@@ -741,7 +723,7 @@
background: $sub-tab-bg-color;
cursor: pointer;
- & > div {
+ &>div {
height: 26px;
line-height: 26px;
}
--
Gitblit v1.9.3