历史记录详情宽度更新

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;