From b729b0171d48ccf5faae898eda565a5028d2bd30 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Sat, 12 Nov 2022 09:08:16 +0800
Subject: [PATCH] 1
---
src/views/home/components/rightContainer.vue | 55 ++++++++++++-------------------------------------------
1 files changed, 12 insertions(+), 43 deletions(-)
diff --git a/src/views/home/components/rightContainer.vue b/src/views/home/components/rightContainer.vue
index 78d020e..0feb221 100644
--- a/src/views/home/components/rightContainer.vue
+++ b/src/views/home/components/rightContainer.vue
@@ -4,16 +4,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>
@@ -21,28 +14,15 @@
<div class="alert-box">
<div class="title">
<span style="margin-right:130px">安保活动</span>
- <span
- class="activity"
- :class="{ choosed: acttype == 0 }"
- @click="actTabClick(0)"
- >正在进行</span>
+ <span class="activity" :class="{ choosed: acttype == 0 }" @click="actTabClick(0)">正在进行</span>
<span>/</span>
- <span
- class="activity"
- :class="{ choosed: acttype == 1 }"
- @click="actTabClick(1)"
- >历史活动</span>
+ <span class="activity" :class="{ choosed: acttype == 1 }" @click="actTabClick(1)">历史活动</span>
</div>
<div id="peopleList" class="echarts-box">
- <el-table
- :data="acttype == 0 ? underwayArr : historyArr"
- style="width: 100%"
+ <el-table :data="acttype == 0 ? underwayArr : historyArr" style="width: 100%"
:header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
:cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }"
- :row-class-name="tableRowClassName"
- ref="activityTable"
- @row-click="activityRowClick"
- >
+ :row-class-name="tableRowClassName" ref="activityTable" @row-click="activityRowClick">
<el-table-column prop="activityName" label="活动名称" width="100"></el-table-column>
<el-table-column prop="startTime" label="开始时间" width="100"></el-table-column>
<el-table-column prop="endTime" label="结束时间" width="100"></el-table-column>
@@ -53,17 +33,9 @@
<div class="crowd-box">
<div class="title">
<span style="margin-right:130px">现有设备</span>
- <span
- class="equiment"
- :class="{ choosed: linetype == 0 }"
- @click="lineTabClick(0)"
- >在线设备</span>
+ <span class="equiment" :class="{ choosed: linetype == 0 }" @click="lineTabClick(0)">在线设备</span>
<span>/</span>
- <span
- class="activity"
- :class="{ choosed: linetype == 1 }"
- @click="lineTabClick(1)"
- >离线设备</span>
+ <span class="activity" :class="{ choosed: linetype == 1 }" @click="lineTabClick(1)">离线设备</span>
</div>
<div style="overflow: hidden;" id="EquipmentEcharts" class="echarts-box"></div>
</div>
@@ -518,7 +490,6 @@
.crowd-box {
display: flex;
flex-direction: column;
- padding: 0 10px;
.title::after {
content: '';
@@ -575,6 +546,7 @@
}
.sub-tab {
+ padding: 10px;
display: flex;
.tab {
@@ -584,7 +556,7 @@
border: 1px solid rgba(20, 50, 123, 1);
cursor: pointer;
- & > div {
+ &>div {
height: 26px;
line-height: 26px;
}
@@ -596,11 +568,8 @@
}
.echarts-box {
+ padding: 10px;
flex: 1;
- }
-
- .sub-tab + .echarts-box {
- margin-top: 10px;
}
#peopleList {
--
Gitblit v1.9.3