修改图标
This commit is contained in:
@ -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 {
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user