修改图标

This commit is contained in:
2025-09-25 16:59:18 +08:00
parent 7b83062b90
commit 35924b1f8e
3 changed files with 26 additions and 14 deletions

View File

@ -690,7 +690,7 @@ onMounted(() => {
color: var(--el-color-primary); color: var(--el-color-primary);
} }
::v-deep .el-scrollbar { ::v-deep .el-scrollbar {
height: 360px !important; height: 380px !important;
overflow: auto; overflow: auto;
} }
.el-card { .el-card {

View File

@ -379,7 +379,7 @@ const allowDrag = (draggingNode: Node) => {
//拖拽结束 //拖拽结束
//---------------------查看缩略图-------------------- //---------------------查看缩略图--------------------
var showImageRow:any = null var showImageRow: any = null
const showImage = (row: any) => { const showImage = (row: any) => {
showImageRow = row showImageRow = row
eventBus.emit('imagePopDialog', row) eventBus.emit('imagePopDialog', row)
@ -701,7 +701,7 @@ onMounted(() => {
color: var(--el-color-primary); color: var(--el-color-primary);
} }
::v-deep .el-scrollbar { ::v-deep .el-scrollbar {
height: 360px !important; height: 380px !important;
overflow: auto; overflow: auto;
} }
.el-card { .el-card {

View File

@ -92,32 +92,40 @@
<el-table-column type="index" label="序号" width="60" align="center" /> <el-table-column type="index" label="序号" width="60" align="center" />
<el-table-column prop="iconName" label="名称" /> <el-table-column prop="iconName" label="名称" />
<el-table-column prop="thumbnail" label="缩略图" width="100"> <el-table-column prop="thumbnail" label="缩略图" width="100">
<template #default="{ row }" v-if="activeIndex === 2"> <template #default="{ row, $index }" v-if="activeIndex === 2">
<el-image <el-image
ref="imageRef" ref="imageRef"
fit="contain" fit="contain"
:preview-teleported="true" :preview-teleported="true"
:preview-src-list="['http://127.0.0.1:8848' + row.data]" :preview-src-list="modelList.map((item) => 'http://127.0.0.1:8848' + item.data)"
style="width: 80px; height: 60px" style="width: 80px; height: 60px"
:src="'http://127.0.0.1:8848' + row.data" :src="'http://127.0.0.1:8848' + row.data"
:initial-index="currentIndex"
@click="seeBigPhoto($index)"
/> />
</template> </template>
<template #default="{ row }" v-else> <template #default="{ row, $index }" v-else>
<el-image <el-image
ref="imageRef" ref="imageRef"
fit="contain" fit="contain"
:preview-teleported="true" :preview-teleported="true"
:preview-src-list="['http://localhost:55110/' + row.data]" :preview-src-list="modelList.map((item) => 'http://localhost:55110/' + item.data)"
style="width: 80px; height: 60px" style="width: 80px; height: 60px"
:src="'http://localhost:55110/' + row.data" :src="'http://localhost:55110/' + row.data"
:initial-index="currentIndex"
@click="seeBigPhoto($index)"
/> />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作"> <el-table-column label="操作">
<template #default="{ row }"> <template #default="{ row, $index }">
<el-button size="small" @click="reviewPhoto">预览</el-button> <el-button size="small" @click="reviewPhoto($index)">预览</el-button>
<el-button size="small" @click="editPhotoName(row)">修改名称</el-button> <el-button size="small" v-if="activeIndex === 2" @click="editPhotoName(row)"
<el-button size="small" @click="handleDelete(row)">删除</el-button> >修改名称</el-button
>
<el-button size="small" v-if="activeIndex === 2" @click="handleDelete(row)"
>删除</el-button
>
</template> </template>
</el-table-column> </el-table-column>
<template #empty> <template #empty>
@ -214,10 +222,14 @@ const typeClick = (index) => {
} }
const treeRef = ref() const treeRef = ref()
var currentIndex = ref(0)
const reviewPhoto = () => { const reviewPhoto = (index) => {
currentIndex.value = index
imageRef.value!.showPreview() imageRef.value!.showPreview()
} }
const seeBigPhoto = (index) => {
currentIndex.value = index
}
// @ts-ignore // @ts-ignore
var sortableInstance: any = reactive(null) var sortableInstance: any = reactive(null)
@ -813,7 +825,7 @@ onMounted(() => {
color: var(--el-color-primary); color: var(--el-color-primary);
} }
::v-deep .el-scrollbar { ::v-deep .el-scrollbar {
height: 360px !important; height: 380px !important;
overflow: auto; overflow: auto;
} }
.el-card { .el-card {