完成菜单管理内容的添加子菜单和添加跟菜单以及删除菜单的修改
This commit is contained in:
parent
36c070df1d
commit
4a5c6b8631
|
@ -143,11 +143,12 @@
|
||||||
} else {
|
} else {
|
||||||
// 编辑
|
// 编辑
|
||||||
menuForm.definedFrom = { ...row }
|
menuForm.definedFrom = { ...row }
|
||||||
const { data } = await queryById(row.id)
|
const data = await queryById(row.id)
|
||||||
|
console.log("definedFrom",menuForm.definedFrom)
|
||||||
//查询附加信息
|
//查询附加信息
|
||||||
if (data) {
|
if (data) {
|
||||||
menuForm.apendixForm = data
|
menuForm.apendixForm = {...data}
|
||||||
|
console.log("menuForm.apendixForm",menuForm.apendixForm)
|
||||||
if (menuForm.apendixForm.iscustomsvg == '1') {
|
if (menuForm.apendixForm.iscustomsvg == '1') {
|
||||||
menuForm.apendixForm.iscustomsvg = true
|
menuForm.apendixForm.iscustomsvg = true
|
||||||
} else {
|
} else {
|
||||||
|
|
|
@ -16,7 +16,7 @@
|
||||||
<span>添加根菜单</span>
|
<span>添加根菜单</span>
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-badge :value="state.menuIconImgs.length > 99 ? '99+' : state.menuIconImgs.length" style="margin-right: 30px; margin-top: -2px" type="danger">
|
<el-badge :value="state.menuIconImgs.length > 99 ? '99+' : state.menuIconImgs.length" style="margin-right: 30px; margin-top: -2px" type="danger">
|
||||||
<el-button type="warning" size="mini">
|
<el-button type="warning" size="mini" @click="handleMenuIconImgView()">
|
||||||
<vab-icon icon="image-line" />
|
<vab-icon icon="image-line" />
|
||||||
<span>菜单图片资源库</span>
|
<span>菜单图片资源库</span>
|
||||||
</el-button>
|
</el-button>
|
||||||
|
@ -121,6 +121,8 @@
|
||||||
<edit ref="editRef" @refresh="getMenuTree" />
|
<edit ref="editRef" @refresh="getMenuTree" />
|
||||||
<access ref="accessRef" />
|
<access ref="accessRef" />
|
||||||
<verb ref="verbRef" />
|
<verb ref="verbRef" />
|
||||||
|
<!-- <iconimage ref="menuIconImgsRef" />-->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
|
@ -128,6 +130,7 @@
|
||||||
import edit from './components/edit.vue'
|
import edit from './components/edit.vue'
|
||||||
import access from './components/access.vue'
|
import access from './components/access.vue'
|
||||||
import verb from './components/verb.vue'
|
import verb from './components/verb.vue'
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'MenuManage',
|
name: 'MenuManage',
|
||||||
})
|
})
|
||||||
|
@ -175,14 +178,22 @@
|
||||||
editRef.value.showEdit('add', '添加根菜单')
|
editRef.value.showEdit('add', '添加根菜单')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
const menuIconImgsRef = ref(null)
|
||||||
|
// const handleMenuIconImgView = () => {
|
||||||
|
// //TODO: 跳转到菜单图标页面
|
||||||
|
// menuIconImgsRef.value.showMenuIconImgs()
|
||||||
|
// }
|
||||||
const handleEditView = (data) => {
|
const handleEditView = (data) => {
|
||||||
//TODO: 跳转到编辑菜单页面
|
//TODO: 跳转到编辑菜单页面
|
||||||
editRef.value.showEdit('edit', '编辑菜单', data)
|
editRef.value.showEdit('edit', '编辑菜单', data)
|
||||||
}
|
}
|
||||||
const handleRemove = (data) => {
|
const handleRemove = (data) => {
|
||||||
$baseConfirm('你确定要删除当前菜单吗', '菜单删除', async () => {
|
$baseConfirm('你确定要删除当前菜单吗', '菜单删除', async () => {
|
||||||
await removeMenu({ menuId: data.id })
|
await removeMenu({ menuId: data.id }).then(()=>{
|
||||||
getMenuTree()
|
getMenuTree()
|
||||||
|
}).catch(() => {
|
||||||
|
getMenuTree()
|
||||||
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
const handleNodeClick = (data) => {
|
const handleNodeClick = (data) => {
|
||||||
|
|
Loading…
Reference in New Issue