fix: 修复流程分类组不在拖拽状态下也能拖动的问题,优化样式细节
parent
d818e338e3
commit
498244020d
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue