style优化

src/views/flow/srmTodoMoblie.vue

@@ -43,7 +43,9 @@
           >
             <div class="task-card__header">
               <span class="task-card__index">{{ index + 1 }}</span>
-              <span class="task-card__status">{{ item.status || "待处理" }}</span>
+              <span class="task-card__status">{{
+                item.status || "待处理"
+              }}</span>
             </div>
 
             <div class="task-card__title">
@@ -54,7 +56,9 @@
               <div class="task-card__row task-card__row--two">
                 <div class="task-card__field">
                   <span class="task-card__label">创建人</span>
-                  <span class="task-card__value">{{ item.creatorName || "--" }}</span>
+                  <span class="task-card__value">{{
+                    item.creatorName || "--"
+                  }}</span>
                 </div>
 
                 <div class="task-card__field">
@@ -67,15 +71,23 @@
             </div>
 
             <div class="task-card__footer">
-              <span class="task-card__action" @click="goBackPage(item)">处理</span>
+              <span class="task-card__action" @click="goBackPage(item)"
+                >处理</span
+              >
             </div>
           </div>
 
           <div v-if="isFetchingMore" class="infinite-status">加载中...</div>
-          <div v-else-if="!hasMore && oaTasks.length > 0" class="infinite-status">
+          <div
+            v-else-if="!hasMore && oaTasks.length > 0"
+            class="infinite-status"
+          >
             没有更多数据了
           </div>
-          <div v-else-if="!loading && oaTasks.length === 0" class="infinite-status">
+          <div
+            v-else-if="!loading && oaTasks.length === 0"
+            class="infinite-status"
+          >
             暂无数据
           </div>
         </div>
@@ -380,8 +392,8 @@ onUnmounted(() => {
 }
 
 .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;

src/views/flow/todoListMobile.vue

@@ -58,7 +58,7 @@
             </div>
 
             <div class="task-card__toggle" @click="toggleCard(item.requestId)">
-              <div class="pr-4" @click="goBackPage(item)">处理</div>
+              <div class="pr-4" @click.stop="goBackPage(item)">处理</div>
               <span>{{
                 isExpanded(item.requestId) ? "收起详情" : "展开详情"
               }}</span>