diff --git a/ant-design-vue-jeecg/src/views/system/monitor/locationStatus.vue b/ant-design-vue-jeecg/src/views/system/monitor/locationStatus.vue index e830bb4..20869e1 100644 --- a/ant-design-vue-jeecg/src/views/system/monitor/locationStatus.vue +++ b/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() {