菜单调整,资讯图标预览调整
This commit is contained in:
parent
73984d52c0
commit
cadad25176
|
|
@ -20,7 +20,11 @@ const props = defineProps({
|
||||||
type: [String, Number],
|
type: [String, Number],
|
||||||
default: 0
|
default: 0
|
||||||
},
|
},
|
||||||
...imageProps
|
...imageProps,
|
||||||
|
hideOnClickModal: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
const styles = computed<CSSProperties>(() => {
|
const styles = computed<CSSProperties>(() => {
|
||||||
|
|
|
||||||
|
|
@ -54,10 +54,11 @@
|
||||||
<el-table-column label="ID" prop="id" min-width="80" />
|
<el-table-column label="ID" prop="id" min-width="80" />
|
||||||
<el-table-column label="封面" min-width="100">
|
<el-table-column label="封面" min-width="100">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-image
|
<image-contain
|
||||||
v-if="row.image"
|
v-if="row.image"
|
||||||
:src="row.image"
|
:src="row.image"
|
||||||
class="w-[60px] h-[45px]"
|
:width="60"
|
||||||
|
:height="45"
|
||||||
:preview-src-list="[row.image]"
|
:preview-src-list="[row.image]"
|
||||||
preview-teleported
|
preview-teleported
|
||||||
fit="contain"
|
fit="contain"
|
||||||
|
|
|
||||||
|
|
@ -73,7 +73,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="选中菜单" prop="p" v-if="formData.menuType == MenuEnum.MENU">
|
<el-form-item label="选中菜单" prop="selected" v-if="formData.menuType == MenuEnum.MENU">
|
||||||
<div class="flex-1">
|
<div class="flex-1">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="formData.selected"
|
v-model="formData.selected"
|
||||||
|
|
@ -259,15 +259,12 @@ const formRules = {
|
||||||
}
|
}
|
||||||
const menuOptions = ref<any[]>([])
|
const menuOptions = ref<any[]>([])
|
||||||
|
|
||||||
const pageOptions = ref<any[]>([])
|
|
||||||
|
|
||||||
const getMenu = async () => {
|
const getMenu = async () => {
|
||||||
const data: any = await menuLists()
|
const data: any = await menuLists()
|
||||||
const menu = { id: 0, menuName: '顶级', children: [] }
|
const menu: any = { id: 0, menuName: '顶级', children: [] }
|
||||||
pageOptions.value = arrayToTree(
|
menu.children = arrayToTree(
|
||||||
treeToArray(data).filter((item) => item.menuType != MenuEnum.BUTTON)
|
treeToArray(data).filter((item) => item.menuType != MenuEnum.BUTTON)
|
||||||
)
|
)
|
||||||
menu.children = data
|
|
||||||
menuOptions.value.push(menu)
|
menuOptions.value.push(menu)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue