From 120cf05bfd146a9bd1c011c9dd0244a57d0dea64 Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期五, 12 一月 2024 17:35:43 +0800 Subject: [PATCH] 1、优化代码:mdc全局页面表格区域内容若需滚动无需翻至最底部且部分页面竖向滚动会滚动整个页面调整为仅滚动表格区域,表格操作列右固定以满足不同分辨率下操作列始终显示不被遮挡 2、优化代码:mdc全局左侧树组件所在区域的滚动条将不再进行全部内容滚动,调整为仅只有树组件内容滚动 3、优化代码:报警分析、利用率走势分析以及利用率分段分析页面在浏览器窗口尺寸变化后重绘图表以适应页面新尺寸 4、设备综合效率分析页面取消分页器以便能一次性导出所有表格数据 5、mdc全局左侧树区域宽度增大,右侧数据展示区域宽度减小 --- src/views/eam/modules/equipmentCategory/EquipmentCategory2List.vue | 103 ++++++++++++++++++++++++++++++--------------------- 1 files changed, 60 insertions(+), 43 deletions(-) diff --git a/src/views/eam/modules/equipmentCategory/EquipmentCategory2List.vue b/src/views/eam/modules/equipmentCategory/EquipmentCategory2List.vue index 3898f8a..f485f6d 100644 --- a/src/views/eam/modules/equipmentCategory/EquipmentCategory2List.vue +++ b/src/views/eam/modules/equipmentCategory/EquipmentCategory2List.vue @@ -69,7 +69,10 @@ icon="download" @click="handleExportXls('璁惧鍒嗙被鎶ヨ〃')" >瀵煎嚭</a-button> - <a-dropdown v-if="selectedRowKeys.length > 0" v-has="'equipmentCategory:add&Edit&delete'"> + <a-dropdown + v-if="selectedRowKeys.length > 0" + v-has="'equipmentCategory:add&Edit&delete'" + > <a-button style="margin-left: 8px"> 鎵归噺鎿嶄綔 <a-icon type="down" /> @@ -93,9 +96,23 @@ :loading="loading" :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, getCheckboxProps:getCheckboxProps}" @change="handleTableChange" - :scroll="{ x: true, y: 900 }" + :scroll="{ x: true}" > - + <template + slot="num" + slot-scope="text" + > + <a-tooltip + placement="top" + :title="text" + trigger="hover" + > + <div> + <template slot="title"> </template> + <p style="cusor:pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 130px;">{{ text }}</p> + </div> + </a-tooltip> + </template> <!--鐘舵�佹爮涓�у睍绀�--> <!-- <span slot="status" @@ -222,25 +239,27 @@ }, width: 50, }, - /* { - title: '涓婄骇璁惧鍒嗙被缂栫爜', - align: "center", - dataIndex: 'parentNum', - customRender:function(text, record){ - return record.parentName+text; - } - }, - - { - title: '涓婄骇璁惧鍒嗙被鍚嶇О', - align: "center", - dataIndex: 'parentName', - }, */ + /* { + title: '涓婄骇璁惧鍒嗙被缂栫爜', + align: "center", + dataIndex: 'parentNum', + customRender:function(text, record){ + return record.parentName+text; + } + }, + + { + title: '涓婄骇璁惧鍒嗙被鍚嶇О', + align: "center", + dataIndex: 'parentName', + }, */ { title: '鍒嗙被缂栫爜', align: "center", dataIndex: 'num', - width: 200 , + // scopedSlots: { customRender: 'num' }, + // width: 100, + // ellipsis: true, // scopedSlots: { // customRender: 'num', // }, @@ -251,57 +270,55 @@ align: "center", dataIndex: 'name', - width: 200 , - // scopedSlots: { - // customRender: 'name', - // }, - // sorter: true, - }, - { - title: '鍒嗙被鏍囪瘑', - align: "center", - dataIndex: 'equipmentCategoryUda1_dictText', // scopedSlots: { // customRender: 'name', // }, // sorter: true, - width: 200 , }, - { - title: '鎶�鏈姸鎬侀壌瀹氬懆鏈�', + // { + // title: '鍒嗙被鏍囪瘑', - align: "center", - dataIndex: 'equipmentCategoryUda2_dictText', - // scopedSlots: { - // customRender: 'name', - // }, - // sorter: true, - width: 200 , - }, + // align: "center", + // dataIndex: 'equipmentCategoryUda1_dictText', + // // scopedSlots: { + // // customRender: 'name', + // // }, + // // sorter: true, + + // }, + // { + // title: '鎶�鏈姸鎬侀壌瀹氬懆鏈�', + + // align: "center", + // dataIndex: 'equipmentCategoryUda2_dictText', + // // scopedSlots: { + // // customRender: 'name', + // // }, + // // sorter: true, + + // }, { title: '鍒涘缓浜�', align: "center", dataIndex: 'createBy', - width: 200 , + }, { title: '鍒涘缓鏃堕棿', align: "center", dataIndex: 'createTime', - width: 200 , }, { title: '淇敼浜�', align: "center", dataIndex: 'updateBy', - width: 200 , + }, { title: '淇敼鏃堕棿', align: "center", dataIndex: 'updateTime', - width: 200 , }, // { -- Gitblit v1.9.3