From 7f6af6907202cb7c9395a7020d249bd62e17d50f Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期五, 05 一月 2024 17:59:17 +0800 Subject: [PATCH] 1、解决车间看板页面因浏览器兼容性问题导致的样式不适配问题(使用浏览器86版本与其他版本做对比) 2、优化车间看板页面代码,将看板拖拽区域设置高度后再设置限制拖拽以试图解决进入页面后有概率设备无法自由拖拽问题(猜想因父子组件渲染顺序导致,父组件还未渲染完成,子组件就已限制区域,此时区域高度可能0,未在现场调试,本地调试无问题) 3、优化设备利用率、开动率及班次利用率页面代码,解决因浏览器版本问题导致表格前3列文字无法垂直排列导致的布局问题以及调整右上角区间展示区域为响应式布局 --- src/views/mdc/base/modules/deviceRepair/DeviceRepairList.vue | 32 ++++++++++++++++++++------------ 1 files changed, 20 insertions(+), 12 deletions(-) diff --git a/src/views/mdc/base/modules/deviceRepair/DeviceRepairList.vue b/src/views/mdc/base/modules/deviceRepair/DeviceRepairList.vue index dae28a4..bccdd0f 100644 --- a/src/views/mdc/base/modules/deviceRepair/DeviceRepairList.vue +++ b/src/views/mdc/base/modules/deviceRepair/DeviceRepairList.vue @@ -1,10 +1,10 @@ <template> - <a-card :bordered="false" class="device_list"> + <div :bordered="false" class="device_list"> <!-- 鏌ヨ鍖哄煙 --> <div style="width: 100%; background-color: #fff" class="table-page-search-wrapper"> <a-form layout="inline" @keyup.enter.native="searchQuery"> <a-row :gutter="24"> - <a-col :md="9" :sm="9"> + <a-col :md="7" :sm="7"> <a-form-item label="鏃堕棿"> <a-range-picker @change="dateParamChange" v-model="dates" format="YYYY-MM-DD HH:mm:ss"/> </a-form-item> @@ -19,16 +19,23 @@ <a-input placeholder="杈撳叆璁惧鍚嶇О鏌ヨ" v-model="queryParams.equipmentName"></a-input> </a-form-item> </a-col> - <a-col :md="2" :sm="3" :xs="3"> - <a-button type="primary" @click="searchQuery" icon="search">鏌ヨ</a-button> - </a-col> <a-col :md="2" :sm="2" :xs="2"> - <a-button type="primary" @click="searchReset" icon="reload">閲嶇疆</a-button> + <a-space> + <a-button type="primary" @click="searchQuery" icon="search">鏌ヨ</a-button> + <a-button type="primary" @click="searchReset" icon="reload">閲嶇疆</a-button> + <a-button type="primary" @click="handleExportXls('缁翠慨浼戠彮绠$悊')" icon="download">瀵煎嚭</a-button> + </a-space> </a-col> - <a-col :lg="2" :md="3" :sm="3" :xs="3"> - <!--<a-button type="primary" @click="exportExcel" icon="download">瀵煎嚭</a-button>--> - <a-button type="primary" @click="handleExportXls('缁翠慨浼戠彮绠$悊')" icon="download">瀵煎嚭</a-button> - </a-col> + <!--<a-col :md="2" :sm="3" :xs="3">--> + <!--<a-button type="primary" @click="searchQuery" icon="search">鏌ヨ</a-button>--> + <!--</a-col>--> + <!--<a-col :md="2" :sm="2" :xs="2">--> + <!--<a-button type="primary" @click="searchReset" icon="reload">閲嶇疆</a-button>--> + <!--</a-col>--> + <!--<a-col :lg="2" :md="3" :sm="3" :xs="3">--> + <!--<!–<a-button type="primary" @click="exportExcel" icon="download">瀵煎嚭</a-button>–>--> + <!--<a-button type="primary" @click="handleExportXls('缁翠慨浼戠彮绠$悊')" icon="download">瀵煎嚭</a-button>--> + <!--</a-col>--> </a-row> </a-form> </div> @@ -68,8 +75,7 @@ <!--<device-repair-model-add ref="modalFormadd" @ok="modalFormOk"></device-repair-model-add>--> <device-repair-model-edit ref="modalFormedit" @ok="modalFormOk"></device-repair-model-edit> <!--<repair-model ref="repairModelFrom" @ok="modalFormOk">0</repair-model>--> - - </a-card> + </div> </template> <script> @@ -93,10 +99,12 @@ import JEllipsis from '@/components/jeecg/JEllipsis' import Tooltip from 'ant-design-vue/es/tooltip' import { ajaxGetDictItems, getDictItemsFromCache, duplicateCheck } from '@/api/api' + import ACol from 'ant-design-vue/es/grid/Col' export default { name: 'DeviceRepairList', mixins: [JeecgListMixin], components: { + ACol, Tooltip, DeviceRepairModel, DeviceRepairModelAdd, -- Gitblit v1.9.3