样式修改

Signed-off-by: TanYibin <5491541@qq.com>

样式修改
Signed-off-by: TanYibin <5491541@qq.com>
谭毅彬
1 parent 250d9de5
Showing 1 changed file with 19 additions and 20 deletions
ant-design-vue-jeecg/src/views/system/monitor/locationStatus.vue
@@ -40,13 +40,11 @@
                   </a-select>
                 </li>
                 <li>
-                  <a-button type="primary" @click="search()" icon="search">查询</a-button>
-                </li>
-                <li>
-                  <a-button @click='expressDelivery()' v-if="expressDeliveryVisible" type='primary'>快速出库</a-button>
-                </li>
-                <li>
-                  <a-button @click="expressStorage()" type="primary" v-if="expressStorageVisible">快速入库</a-button>
+                  <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+                    <a-button type="primary" @click="search()" icon="search" style="margin-left: 8px;">查询</a-button>
+                    <a-button @click='expressDelivery()' v-if="expressDeliveryVisible" type='primary' style="margin-left: 8px;">快速出库</a-button>
+                    <a-button @click="expressStorage()" type="primary" v-if="expressStorageVisible" style="margin-left: 8px;">快速入库</a-button>
+                  </span>
                 </li>
               </ul>
             </div>
@@ -83,7 +81,7 @@
         </div>
         <div class="col-sm-12 select-info">
           <div id="borderCol" style="overflow-y: auto;white-space:nowrap" v-show="showPrise">
-            <div class="location" id="location"/>
+            <div class="location" id="location"></div>
           </div>
           <a-spin tip="库位视图生成中..." :spinning="spinning">
             <a-skeleton active :loading="loading" :paragraph="{ rows: 5 }"/>
@@ -164,18 +162,19 @@ export default {
     window.lays = this.lays
   },
   mounted() {
-    // 监听浏览器宽度的改变
-    const resizeObserver = new ResizeObserver(entries => {
-      for (let entry of entries) {
-        this.changeMargin();
-      }
-    });
-    resizeObserver.observe(document.querySelector('.location'));
-
-    let that = this;
-    setTimeout(function () {
-      that.refresh();
-    }, 1000);
+    // 方法一：确保 .location 元素存在且已渲染
+    const locationElement = document.querySelector('.location');
+    if (locationElement) {
+      const resizeObserver = new ResizeObserver(entries => {
+        for (let entry of entries) {
+          this.changeMargin();
+        }
+      });
+      resizeObserver.observe(locationElement);
+      setTimeout(() => {
+        this.refresh(); // 使用箭头函数，this 指向 Vue 组件实例
+      }, 1000);
+    }
   },
   methods: {
     loadData() {