From 4c6f2df21a29048440a85e34dadcd4f1c75c179c Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期一, 13 十一月 2023 17:32:24 +0800
Subject: [PATCH] 页面优化
---
src/views/smoke/realTime/index.vue | 33 +++++++++++++++++++++++++--------
1 files changed, 25 insertions(+), 8 deletions(-)
diff --git a/src/views/smoke/realTime/index.vue b/src/views/smoke/realTime/index.vue
index c220764..d705494 100644
--- a/src/views/smoke/realTime/index.vue
+++ b/src/views/smoke/realTime/index.vue
@@ -17,11 +17,11 @@
>
<el-table-column label="搴忓彿" type="index" width="60px">
</el-table-column>
- <el-table-column prop="Locale" label="鐩戞祴鐐�" width="120px">
+ <el-table-column prop="Locale" label="鐩戞祴鐐�" min-width="120px">
</el-table-column>
- <el-table-column prop="Addr" label="瀹夎鍦板潃" width="180px">
+ <el-table-column prop="Addr" label="瀹夎鍦板潃" min-width="180px">
</el-table-column>
- <el-table-column prop="AcquitAtStr" label="閲囬泦鏃堕棿" width="100px">
+ <el-table-column prop="AcquitAtStr" label="閲囬泦鏃堕棿" min-width="100px">
</el-table-column>
<el-table-column prop="FanStatusStr" label="椋庢満鐘舵��" width="80px">
</el-table-column>
@@ -67,11 +67,20 @@
</el-table-column>
<el-table-column prop="OnlineStatusStr" label="鏁翠綋鐘舵��" width="80px">
</el-table-column>
- <el-table-column prop="operation" label="鎿嶄綔" width="550px">
+ <el-table-column prop="operation" label="鎿嶄綔" width="180px">
<template slot-scope="scope">
<div class="operation">
- <span @click="handleDetectorDailySumDays(scope.row)"
- >涓�鐐逛竴妗�</span
+ <i class="el-icon-document" @click="handleDetectorDailySumDays(scope.row)" title="涓�鐐逛竴妗�"></i>
+ <span class="line">|</span>
+ <i class="el-icon-notebook-1" @click="handleIntimeData(scope.row)" title="鏌ョ湅姣忓垎閽熸暟鎹�"></i>
+ <span class="line">|</span>
+ <i class="el-icon-s-data" @click="handleTenMinData(scope.row)" title="鏌ョ湅10min娴撳害"></i>
+ <span class="line">|</span>
+ <i class="el-icon-data-analysis" @click="handleTenHourData(scope.row)" title="鏌ョ湅灏忔椂鎶樼畻娴撳害"></i>
+ <span class="line">|</span>
+ <i class="el-icon-monitor" @click="handleDevices(scope.row)" title="鐩戞祴鐐硅澶囩鐞�"></i>
+ <!-- <span @click="handleDetectorDailySumDays(scope.row)"
+ ></span
>
<span class="line">|</span>
<span @click="handleIntimeData(scope.row)">鏌ョ湅姣忓垎閽熸暟鎹�</span>
@@ -82,7 +91,7 @@
>鏌ョ湅灏忔椂鎶樼畻娴撳害</span
>
<span class="line">|</span>
- <span @click="handleDevices(scope.row)">鐩戞祴鐐硅澶囩鐞�</span>
+ <span @click="handleDevices(scope.row)">鐩戞祴鐐硅澶囩鐞�</span> -->
</div>
</template>
</el-table-column>
@@ -109,6 +118,7 @@
width="80%"
>
<DetectorDailySumDays
+ title="涓�鐐逛竴妗�"
v-if="dialogDetectorDailySumDays"
@closeDialog="closeDialog"
:inTimeData="inTimeData"
@@ -123,6 +133,7 @@
>
<IntimeData
v-if="dialogIntimeData"
+ title="鍒嗛挓閲囬泦鏁版嵁"
@closeDialog="closeDialog"
:inTimeData="inTimeData"
></IntimeData>
@@ -136,6 +147,7 @@
>
<TenMinData
v-if="dialogTenMinData"
+ title="10min娴撳害鏇茬嚎"
@closeDialog="closeDialog"
:inTimeData="inTimeData"
></TenMinData>
@@ -143,6 +155,7 @@
<el-dialog
:destroy-on-close="true"
+ title="灏忔椂鎶樼畻娴撳害"
:visible.sync="dialogTenHourData"
width="80%"
>
@@ -156,6 +169,7 @@
<el-dialog
:destroy-on-close="true"
+ title="鐩戞祴鐐硅澶囩鐞�"
:visible.sync="dialogDevices"
width="80%"
>
@@ -409,11 +423,14 @@
.el-table {
.operation {
display: flex;
- color: var(--operation-color);
+ // color: var(--operation-color);
.line {
padding: 0 5px;
}
+ font-size: 20px;
+ cursor: pointer;
+ color: #666;
span:hover {
cursor: pointer;
}
--
Gitblit v1.8.0