From 0374f6775b8c2d52f2404eef884c376808086e41 Mon Sep 17 00:00:00 2001
From: sige <sige@sige.com>
Date: Sat, 18 May 2024 20:48:08 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8E=86=E5=8F=B2=E8=AE=B0=E5=BD=95=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E5=AE=BD=E5=BA=A6=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Setting/components/History.vue | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/Setting/components/History.vue b/src/components/Setting/components/History.vue
index f3b2b34..5c87ff3 100644
--- a/src/components/Setting/components/History.vue
+++ b/src/components/Setting/components/History.vue
@@ -91,9 +91,9 @@
         class="right_arrow"
         alt=""
       />
+     
       <div class="table_wrap" id="tabledetail_device_container">
-        <div
-          class="table_column"
+        <div class="table_column"
           v-for="(item, index) in historyStore.tableData"
           :key="index"
         >
@@ -106,6 +106,7 @@
           </div>
         </div>
       </div>
+
       <div class="bottom_line">
         <div class="return_btn" @click="showDetailVisible = false">返回</div>
       </div>
@@ -345,7 +346,7 @@ const showDetailModal = item => {
       height: 40px;
       position: fixed;
       right: 50px;
-      bottom: 111px;
+      bottom: 160px;
       z-index: 4;
     }
     .left_arrow {
@@ -353,7 +354,7 @@ const showDetailModal = item => {
       height: 40px;
       position: fixed;
       left: 50px;
-      bottom: 111px;
+      bottom: 160px;
       z-index: 4;
     }
     .right_arrow {
@@ -361,12 +362,12 @@ const showDetailModal = item => {
       height: 40px;
       position: fixed;
       right: 126px;
-      bottom: 111px;
+      bottom: 160px;
       z-index: 4;
     }
     .table_wrap {
       // flex: 1;
-      width: 2680px;
+      width: 100%;
       height: 580px;
       display: flex;
       justify-content: space-evenly;
@@ -375,6 +376,7 @@ const showDetailModal = item => {
       .table_column {
         // height: 500px;
         // position: relative;
+        padding : 0 10px;
         min-height: 500px;
         .title {
           height: 80px;
@@ -397,6 +399,7 @@ const showDetailModal = item => {
         .first_box {
           position: relative;
           .content {
+            white-space: nowrap;
             height: 60px;
             display: flex;
             align-items: center;
@@ -422,7 +425,7 @@ const showDetailModal = item => {
       display: flex;
       align-items: center;
       justify-content: flex-end;
-      padding: 20px 174px;
+      padding: 20px;
       .return_btn {
         width: 91px;
         height: 40px;