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/components/jeecg/JModal/JModal.vue | 24 +++++++++++++++++++++++- 1 files changed, 23 insertions(+), 1 deletions(-) diff --git a/src/components/jeecg/JModal/JModal.vue b/src/components/jeecg/JModal/JModal.vue index 1e5bb9f..bc8936e 100644 --- a/src/components/jeecg/JModal/JModal.vue +++ b/src/components/jeecg/JModal/JModal.vue @@ -8,7 +8,7 @@ v-on="$listeners" @ok="handleOk" @cancel="handleCancel" - destroyOnClose + :destroyOnClose="destroyOnClose" > <slot></slot> @@ -49,13 +49,17 @@ import { getClass, getStyle } from '@/utils/props-util' import { triggerWindowResizeEvent } from '@/utils/util' +import ModalDragMixins from './ModalDragMixins' export default { name: 'JModal', + mixins: [ModalDragMixins], props: { title: String, // 鍙娇鐢� .sync 淇グ绗� visible: Boolean, + // 鏄惁寮�鍚嫋鎷� + draggable: Boolean, // 鏄惁鍏ㄥ睆寮圭獥锛屽綋鍏ㄥ睆鏃舵棤璁哄浣曢兘浼氱姝� body 婊氬姩銆傚彲浣跨敤 .sync 淇グ绗� fullscreen: { type: Boolean, @@ -68,6 +72,11 @@ }, // 鐐瑰嚮纭畾鎸夐挳鐨勬椂鍊欐槸鍚﹀叧闂脊绐� okClose: { + type: Boolean, + default: true + }, + // 鍏抽棴鏃堕攢姣佸脊绐楀唴瀹� + destroyOnClose: { type: Boolean, default: true }, @@ -162,6 +171,19 @@ toggleFullscreen() { this.innerFullscreen = !this.innerFullscreen triggerWindowResizeEvent() + // 寮�鍚嫋鎷藉悗鐨勭壒娈婂鐞� + if (this.draggable) { + // 鍏ㄥ睆鐨勬椂鍊欑姝㈡嫋鍔� + if (this.innerFullscreen) { + // 杩樺師寮圭獥鐨勪綅缃负0,0 + this.setModalPosition(0, 0, false) + this.dragSettings.headerEl.style.cursor = null + } else { + // 鍙栨秷鍏ㄥ睆鐨勬椂鍊欙紝灏嗗脊绐楃Щ鍔ㄥ埌涓婃璁板綍鐨勪綅缃� + this.resetModalPosition() + this.dragSettings.headerEl.style.cursor = 'move' + } + } }, } -- Gitblit v1.9.3