修改图标
This commit is contained in:
@ -690,7 +690,7 @@ onMounted(() => {
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
::v-deep .el-scrollbar {
|
||||
height: 360px !important;
|
||||
height: 380px !important;
|
||||
overflow: auto;
|
||||
}
|
||||
.el-card {
|
||||
|
||||
@ -379,7 +379,7 @@ const allowDrag = (draggingNode: Node) => {
|
||||
//拖拽结束
|
||||
|
||||
//---------------------查看缩略图--------------------
|
||||
var showImageRow:any = null
|
||||
var showImageRow: any = null
|
||||
const showImage = (row: any) => {
|
||||
showImageRow = row
|
||||
eventBus.emit('imagePopDialog', row)
|
||||
@ -701,7 +701,7 @@ onMounted(() => {
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
::v-deep .el-scrollbar {
|
||||
height: 360px !important;
|
||||
height: 380px !important;
|
||||
overflow: auto;
|
||||
}
|
||||
.el-card {
|
||||
|
||||
@ -92,32 +92,40 @@
|
||||
<el-table-column type="index" label="序号" width="60" align="center" />
|
||||
<el-table-column prop="iconName" label="名称" />
|
||||
<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
|
||||
ref="imageRef"
|
||||
fit="contain"
|
||||
: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"
|
||||
:src="'http://127.0.0.1:8848' + row.data"
|
||||
:initial-index="currentIndex"
|
||||
@click="seeBigPhoto($index)"
|
||||
/>
|
||||
</template>
|
||||
<template #default="{ row }" v-else>
|
||||
<template #default="{ row, $index }" v-else>
|
||||
<el-image
|
||||
ref="imageRef"
|
||||
fit="contain"
|
||||
: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"
|
||||
:src="'http://localhost:55110/' + row.data"
|
||||
:initial-index="currentIndex"
|
||||
@click="seeBigPhoto($index)"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作">
|
||||
<template #default="{ row }">
|
||||
<el-button size="small" @click="reviewPhoto">预览</el-button>
|
||||
<el-button size="small" @click="editPhotoName(row)">修改名称</el-button>
|
||||
<el-button size="small" @click="handleDelete(row)">删除</el-button>
|
||||
<template #default="{ row, $index }">
|
||||
<el-button size="small" @click="reviewPhoto($index)">预览</el-button>
|
||||
<el-button size="small" v-if="activeIndex === 2" @click="editPhotoName(row)"
|
||||
>修改名称</el-button
|
||||
>
|
||||
<el-button size="small" v-if="activeIndex === 2" @click="handleDelete(row)"
|
||||
>删除</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<template #empty>
|
||||
@ -214,10 +222,14 @@ const typeClick = (index) => {
|
||||
}
|
||||
|
||||
const treeRef = ref()
|
||||
|
||||
const reviewPhoto = () => {
|
||||
var currentIndex = ref(0)
|
||||
const reviewPhoto = (index) => {
|
||||
currentIndex.value = index
|
||||
imageRef.value!.showPreview()
|
||||
}
|
||||
const seeBigPhoto = (index) => {
|
||||
currentIndex.value = index
|
||||
}
|
||||
// @ts-ignore
|
||||
var sortableInstance: any = reactive(null)
|
||||
|
||||
@ -813,7 +825,7 @@ onMounted(() => {
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
::v-deep .el-scrollbar {
|
||||
height: 360px !important;
|
||||
height: 380px !important;
|
||||
overflow: auto;
|
||||
}
|
||||
.el-card {
|
||||
|
||||
Reference in New Issue
Block a user