瀏覽代碼

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

GoldenZqqqq 10 月之前
父節點
當前提交
498244020d
共有 2 個文件被更改,包括 17 次插入5 次删除
  1. 2 3
      src/views/bpm/model/CategoryDraggableModel.vue
  2. 15 2
      src/views/bpm/model/index_new.vue

+ 2 - 3
src/views/bpm/model/CategoryDraggableModel.vue

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

+ 15 - 2
src/views/bpm/model/index_new.vue

@@ -61,9 +61,19 @@
 
     <!-- 分类卡片组 -->
     <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 }">
-          <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
               ref="categoryDraggableModelRef"
               :isCategorySorting="isCategorySorting"
@@ -202,6 +212,9 @@ onMounted(async () => {
 
 <style lang="scss" scoped>
 :deep() {
+  .el-table--fit .el-table__inner-wrapper:before {
+    height: 0;
+  }
   .el-card {
     border-radius: 8px;
   }