@lambo-design/workflow-approve 1.0.0-beta.142 → 1.0.0-beta.143

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/workflow-approve",
-  "version": "1.0.0-beta.142",
+  "version": "1.0.0-beta.143",
   "description": "",
   "main": "index.js",
   "author": "lambo",

package/src/components/history.vue

@@ -30,7 +30,7 @@
           <!-- 检查是否有待审批记录 -->
           <template v-if="items.some(item => isPendingAudit(item))">
             <!-- 待审批的记录：使用折叠面板 -->
-            <Collapse v-model="pendingActiveName" simple style="margin: -10px 0 0 20px;border: none">
+            <Collapse :key="'pending-collapse-' + index + '-' + sortBy" v-model="pendingActiveName" simple style="margin: -10px 0 0;border: none">
               <Panel :name="'pending-panel' + index" hide-arrow>
                  <span class="pending-audit-title">
                    <Icon type="md-time" style="color: orange; margin-right: 5px;" />
@@ -526,7 +526,7 @@ export default {
         }
       ],
       sortBy: this.historySortBy,
-      pendingActiveName: [], // 控制待审批折叠面板的展开状态
+      pendingActiveName: '', // 控制待审批折叠面板的展开状态
     }
   },
   computed: {
@@ -993,6 +993,7 @@ export default {
     },
     toggleSortBy(by) {
       this.sortBy = by;
+      this.pendingActiveName = '';
     },
     isPendingAudit(item) {
       // 判断是否为待审批状态
@@ -1056,20 +1057,18 @@ export default {
   align-items: center;
 }
 
-/* 按时间排序的卡片样式 - 更小，不遮挡时间轴圆点 */
 .portrait-card-time {
-  margin-left: 20px !important;
-  margin-right: 10px !important;
-  margin-bottom: 8px !important;
-  background-color: #fafafa !important;
+  width: 100%;
+  max-width: 100%;
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+  margin-bottom: 5px !important;
+  box-sizing: border-box;
+  overflow: hidden;
 }
 
 :deep(.portrait-card-time .ivu-card-body) {
-  padding: 8px 12px !important;
-}
-
-:deep(.portrait-card-time .ivu-list-item) {
-  padding: 6px 0 !important;
+  padding: 5px !important;
 }
 
 :deep(.docx) {