From f19e5267cc23b1c714dc746239864f33ed715dd9 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 05 十二月 2025 17:55:02 +0800
Subject: [PATCH] 完成地图制作任务功能初版
---
src/components/FYImageSelectDialog.vue | 56 +++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 39 insertions(+), 17 deletions(-)
diff --git a/src/components/FYImageSelectDialog.vue b/src/components/FYImageSelectDialog.vue
index 4d2602a..3bffbf1 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"
@@ -104,7 +120,7 @@
},
contextMenuStr: {
type: String,
- default: '鍙抽敭鐐瑰嚮鍥剧墖瑙﹀彂棰濆鎿嶄綔'
+ default: '鍙抽敭鐐瑰嚮鍥剧墖绉诲姩'
}
});
@@ -113,6 +129,8 @@
const activeId = ref('');
const selectedImgUrlList = ref([]);
+
+const useContextMenu = ref(false);
let loadedImgCount = ref(0);
// 鍔犺浇鐘舵��
@@ -186,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);
}
@@ -205,6 +223,10 @@
);
</script>
<style scoped>
+.scrollbar-flex-content {
+ display: flex;
+ width: 100%;
+}
.center {
display: flex;
flex-direction: column;
@@ -282,7 +304,7 @@
padding: 5px;
}
-::v-deep .el-dialog__body {
+:deep(.el-dialog__body) {
padding: 10px calc(var(--el-dialog-padding-primary) + 10px) !important;
}
</style>
--
Gitblit v1.9.3