From 6f3fac4493995e16ee0f37c6cf2b06e5de2a6a72 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期三, 02 七月 2025 16:27:37 +0800 Subject: [PATCH] 1. 将场景图片的分类修改为从服务端动态获取; 2. 问题整改节目中的问题复现功能修改为可拖动对话框且移除背景模态框; --- src/views/fysp/check/components/ArbitraryPhoto.vue | 59 ++++++++++++++++++++++++++++++++--------------------------- 1 files changed, 32 insertions(+), 27 deletions(-) diff --git a/src/views/fysp/check/components/ArbitraryPhoto.vue b/src/views/fysp/check/components/ArbitraryPhoto.vue index 703ceda..29c5a4e 100644 --- a/src/views/fysp/check/components/ArbitraryPhoto.vue +++ b/src/views/fysp/check/components/ArbitraryPhoto.vue @@ -14,7 +14,12 @@ @contextmenu="closeContextMenu" class="container" > --> - <div v-if="showMenu" ref="menu" :style="menuStyle" class="context-menu"> + <div + v-if="showMenu && !menuLoading" + ref="menu" + :style="menuStyle" + class="context-menu" + > <template v-for="(item, index) in menuItems" :key="index"> <el-popover v-if="item.children" placement="right-start" trigger="hover"> <template #reference> @@ -58,20 +63,9 @@ loading: true, // 鍙抽敭鍥剧墖寮瑰嚭鑿滃崟鎺у埗 showMenu: false, + menuLoading: true, menuStyle: undefined, - // menuItems: [ - // { label: '澶嶅埗鍥剧墖', action: 'copy' }, - // { - // label: '绉诲姩鍒�', - // children: [ - // { - // action: 'move', - // label: v.typeName, - // value: v.typeId - // } - // ] - // } - // ], + allMoveActions: [], closeContextMenuListenr: undefined, // 鍙抽敭閫変腑鐨勫浘鐗� selectedFileElement: undefined, @@ -82,21 +76,14 @@ }, computed: { menuItems() { - const sceneTypeId = this.subtask.sceneTypeId; - const items = enumMediaFile(sceneTypeId, false) - .filter((v) => { - return v.value != this.selectedTypeId; - }) - .map((v) => { - return { - action: 'move', - label: v.label, - value: v.value - }; - }); return [ // { label: '澶嶅埗鍒板壀璐存澘', action: 'copy' }, - { label: '绉诲姩鍒�', children: items } + { + label: '绉诲姩鍒�', + children: this.allMoveActions.filter((v) => { + return v.value != this.selectedTypeId; + }) + } ]; } }, @@ -113,6 +100,8 @@ } }; document.addEventListener('click', this.closeContextMenuListenr); + + this.initMenuItems(); }, unmounted() { document.removeEventListener('click', this.closeContextMenuListenr); @@ -251,6 +240,22 @@ } ); }, 'image/png'); // 鍚屾牱锛岃繖閲屼篃鍙互鎸囧畾鍏朵粬鏍煎紡锛屽 'image/jpeg' + }, + // 鍒濆鍖栧満鏅浘鐗囩殑绫诲瀷鑿滃崟 + initMenuItems() { + this.menuLoading = true; + const sceneTypeId = this.subtask.sceneTypeId; + enumMediaFile(sceneTypeId, false) + .then((res) => { + this.allMoveActions = res.map((v) => { + return { + action: 'move', + label: v.label, + value: v.value + }; + }); + }) + .finally(() => (this.menuLoading = false)); } } }; -- Gitblit v1.9.3