faet: 分类下表格数据拖拽排序功能实现;重命名分类弹窗绘制;删除分类逻辑判断与提示框

This commit is contained in:
GoldenZqqq
2024-10-15 15:17:40 +08:00
parent a033706fb4
commit 57820cb3e1
2 changed files with 114 additions and 21 deletions

View File

@ -61,7 +61,12 @@
v-for="(list, title) in categoryGroup"
:key="title"
>
<CategoryDraggableModel :dataList="list" :title="title" @success="getList" />
<CategoryDraggableModel
ref="draggableModelRef"
:dataList="list"
:title="title"
@success="getList"
/>
</ContentWrap>
</div>
</ContentWrap>
@ -84,6 +89,7 @@ import CategoryDraggableModel from './CategoryDraggableModel.vue'
defineOptions({ name: 'BpmModel' })
const draggableModelRef = ref()
const loading = ref(true) // 列表的加载中
const queryParams = reactive({
pageNo: 1,
@ -103,6 +109,7 @@ const getList = async () => {
const data = await ModelApi.getModelPage(queryParams)
data.list = mockData
categoryGroup.value = groupBy(data.list, 'categoryName')
draggableModelRef.value?.updateTableData()
} finally {
loading.value = false
}
@ -131,3 +138,11 @@ onMounted(async () => {
await getList()
})
</script>
<style lang="scss" scoped>
:deep() {
.el-card {
border-radius: 8px;
}
}
</style>