From 5efcf83a4a67bf5cefbee480c58a697553f9f8de Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 01 八月 2025 17:32:51 +0800
Subject: [PATCH] 新增问题复发清清单界面
---
src/components/FYImageSelectDialog.vue | 55 +++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 39 insertions(+), 16 deletions(-)
diff --git a/src/components/FYImageSelectDialog.vue b/src/components/FYImageSelectDialog.vue
index 6e283c3..c35bc94 100644
--- a/src/components/FYImageSelectDialog.vue
+++ b/src/components/FYImageSelectDialog.vue
@@ -9,9 +9,18 @@
:close-on-press-escape="false"
>
<el-row justify="end">
- <el-text v-if="onContextMenu != undefined" size="small" type="info">{{
- `锛�${contextMenuStr}锛塦
- }}</el-text>
+ <el-space v-if="onContextMenu != undefined">
+ <el-switch
+ v-model="useContextMenu"
+ inline-prompt
+ active-text="寮�"
+ inactive-text="鍏�"
+ />
+ <el-text size="small" type="info">
+ {{ `锛�${contextMenuStr}锛塦 }}
+ </el-text>
+ </el-space>
+
<div v-if="!readonly">
<el-text size="small" type="info" class="m-r-8"
>鏈�澶氶�夋嫨{{ maxSelect }}寮犲浘鐗�</el-text
@@ -30,17 +39,24 @@
</el-row>
<div class="center">
- <el-tabs v-if="typeList.length > 0" v-model="activeId" type="card">
- <el-tab-pane
- v-for="item in typeList"
- :key="item.typeId"
- :label="
- item.typeName + ' (' + typeImgMap.get(item.typeId).length + ')'
- "
- :name="item.typeId"
+ <el-scrollbar class="scrollbar-flex-content">
+ <el-tabs
+ v-if="typeList.length > 0"
+ v-model="activeId"
+ type="card"
+ stretch
>
- </el-tab-pane>
- </el-tabs>
+ <el-tab-pane
+ v-for="item in typeList"
+ :key="item.typeId"
+ :label="
+ item.typeName + ' (' + typeImgMap.get(item.typeId).length + ')'
+ "
+ :name="item.typeId"
+ >
+ </el-tab-pane>
+ </el-tabs>
+ </el-scrollbar>
<el-scrollbar height="70vh">
<div
v-if="typeImgMap.get(activeId) && typeImgMap.get(activeId).length > 0"
@@ -56,6 +72,7 @@
:preview-src-list="
readonly ? typeImgMap.get(activeId).map((v) => v.url) : []
"
+ crossOrigin="Anonymous"
:initial-index="i"
@contextmenu="(e) => showContextMenu(e, i)"
@click="onSelect(img, i)"
@@ -103,7 +120,7 @@
},
contextMenuStr: {
type: String,
- default: '鍙抽敭鐐瑰嚮鍥剧墖瑙﹀彂棰濆鎿嶄綔'
+ default: '鍙抽敭鐐瑰嚮鍥剧墖绉诲姩'
}
});
@@ -112,6 +129,8 @@
const activeId = ref('');
const selectedImgUrlList = ref([]);
+
+const useContextMenu = ref(false);
let loadedImgCount = ref(0);
// 鍔犺浇鐘舵��
@@ -185,9 +204,9 @@
emit('update:dialogVisible', false);
}
-// 鍥剧墖鍙抽敭鐐瑰嚮鏃堕棿
+// 鍥剧墖鍙抽敭鐐瑰嚮浜嬩欢
function showContextMenu(event, index) {
- if (props.onContextMenu) {
+ if (props.onContextMenu && useContextMenu.value) {
event.preventDefault();
props.onContextMenu(event, activeId.value, index);
}
@@ -204,6 +223,10 @@
);
</script>
<style scoped>
+.scrollbar-flex-content {
+ display: flex;
+ width: 100%;
+}
.center {
display: flex;
flex-direction: column;
--
Gitblit v1.9.3