剩余多少

src/views/property-marketing/assignment-management/index.vue

@@ -60,11 +60,11 @@
               <div v-if="record[column.dataIndex].length >= 3" class="task-more">
                 <TaskItem :task="record[column.dataIndex][0]" :record="record" @handle-task="handleTaskAction" />
                 <a-trigger trigger="click" position="br">
-                  <div class="size-12px color-#8f959f h-19px ml-4px">
+                  <div class="size-12px color-#8f959f h-19px ml-4px rounded-2px cursor-pointer" @click.stop>
                     还有{{ record[column.dataIndex].length - 1 }}项
                   </div>
                   <template #content>
-                    <div class="bg-#fff p-12px shadow-sm rounded-4px">
+                    <div class="bg-#fff w-160px p-12px rounded-4px flex flex-col more-content">
                       <TaskItem
                         v-for="task in record[column.dataIndex]"
                         :key="task.id"
@@ -636,6 +636,12 @@ onMounted(() => {
   border-bottom-left-radius: 8px !important;
 }
 
+/* 任务弹出框样式 */
+:deep(.task-popup-content) {
+  max-height: 300px;
+  overflow-y: auto;
+}
+
 /* 分页样式 */
 .pagination-box {
   display: flex;
@@ -650,4 +656,12 @@ onMounted(() => {
   transform: rotate(180deg);
   transition: transform 0.2s ease;
 }
+
+.more-content {
+  border-radius: 8px;
+  background: #fff;
+
+  /* Shadow 2 */
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
+}
 </style>