oa移动

src/assets/style/main.css

@@ -6,6 +6,23 @@
   --bg-primary: #e8f1f8;
   --bg-secondary: #f5f7fa;
   --bg-card: #ffffff;
+  --bg-card-2: 
+    radial-gradient(
+      circle at 18% 12%,
+      rgba(83, 126, 255, 0.14),
+      transparent 22%
+    ),
+    radial-gradient(
+      circle at 82% 20%,
+      rgba(71, 148, 255, 0.14),
+      transparent 20%
+    ),
+    radial-gradient(
+      circle at 50% 100%,
+      rgba(97, 142, 247, 0.12),
+      transparent 28%
+    ),
+    linear-gradient(180deg, #eef3f9 0%, #f7faff 46%, #eef3f9 100%);
   --bg-total-card: transparent;
   --bg-table:#f5f7fa;
   --bg-table-head:#e9f7ff;
@@ -50,6 +67,7 @@
   --bg-primary: #0b0f2e; /* 对应您代码中的 rgb(11, 15, 46) */
   --bg-secondary: #131928;
   --bg-card: #131928;
+  --bg-card-2: #131928;
    --bg-total-card: rgba(
     5,
     15,
@@ -134,6 +152,7 @@
 ::-webkit-scrollbar {
   width: 7px; /* 修改宽度 */
   height: 5px;
+  display: none;
 }
 ::-webkit-scrollbar-thumb {
   border-radius: 8px;

src/views/flow/todoListMobile.vue

@@ -58,6 +58,7 @@
             </div>
 
             <div class="task-card__toggle" @click="toggleCard(item.requestId)">
+              <div class="pr-4" @click="goBackPage(item)">处理</div>
               <span>{{
                 isExpanded(item.requestId) ? "收起详情" : "展开详情"
               }}</span>
@@ -133,11 +134,11 @@
                   </div>
                 </div>
 
-                <div class="task-card__footer">
+                <!-- <div class="task-card__footer">
                   <span class="task-card__action" @click="goBackPage(item)">
                     处理
                   </span>
-                </div>
+                </div> -->
               </div>
             </transition>
           </div>
@@ -253,8 +254,8 @@ const loadTaskPage = async () => {
     pageSize: pagination.value.pageSize,
   });
 
-  pagination.value.total = Number(res?.doneCount || 0);
-  return Array.isArray(res?.doneList) ? res.doneList : [];
+  pagination.value.total = Number(res?.todoCount || 0);
+  return Array.isArray(res?.todoList) ? res.todoList : [];
 };
 
 const resetList = () => {
@@ -430,8 +431,8 @@ onMounted(() => {
 }
 
 .task-card {
-  background: transparent !important;
-  border: 1px solid var(--portal-line);
+  background: var(--bg-card-2) !important;
+  border: 1px solid var(--item-card-border);
   border-radius: 18px;
   padding: 16px;
   margin-bottom: 14px;