fix: 修复流程分类组不在拖拽状态下也能拖动的问题,优化样式细节

pull/582/head
GoldenZqqqq 2024-10-18 20:49:08 +08:00
parent d818e338e3
commit 498244020d
2 changed files with 17 additions and 5 deletions

View File

@ -66,6 +66,7 @@
ref="tableRef" ref="tableRef"
:header-cell-style="{ backgroundColor: isDark ? '' : '#edeff0', paddingLeft: '10px' }" :header-cell-style="{ backgroundColor: isDark ? '' : '#edeff0', paddingLeft: '10px' }"
:cell-style="{ paddingLeft: '10px' }" :cell-style="{ paddingLeft: '10px' }"
:row-style="{ height: '68px' }"
:data="tableData" :data="tableData"
row-key="id" row-key="id"
> >
@ -509,9 +510,7 @@ watch(
:deep() { :deep() {
.el-table__cell { .el-table__cell {
border-bottom: none !important; border-bottom: none !important;
} overflow: hidden;
.el-table__row {
height: 68px;
} }
} }
</style> </style>

View File

@ -61,9 +61,19 @@
<!-- 分类卡片组 --> <!-- 分类卡片组 -->
<div class="px-15px"> <div class="px-15px">
<draggable v-model="categoryGroup" item-key="id" :animation="400"> <draggable
:disabled="!isCategorySorting"
v-model="categoryGroup"
item-key="id"
:animation="400"
>
<template #item="{ element }"> <template #item="{ element }">
<ContentWrap v-loading="loading" :body-style="{ padding: 0 }" :key="element.id"> <ContentWrap
class="rounded-lg transition-all duration-300 ease-in-out hover:shadow-xl"
v-loading="loading"
:body-style="{ padding: 0 }"
:key="element.id"
>
<CategoryDraggableModel <CategoryDraggableModel
ref="categoryDraggableModelRef" ref="categoryDraggableModelRef"
:isCategorySorting="isCategorySorting" :isCategorySorting="isCategorySorting"
@ -202,6 +212,9 @@ onMounted(async () => {
<style lang="scss" scoped> <style lang="scss" scoped>
:deep() { :deep() {
.el-table--fit .el-table__inner-wrapper:before {
height: 0;
}
.el-card { .el-card {
border-radius: 8px; border-radius: 8px;
} }