样式调整

src/views/flow/srmTodoMoblie.vue

@@ -50,18 +50,20 @@
             </div>
 
             <div class="task-card__grid">
-              <div class="task-card__field">
-                <span class="task-card__label">创建人</span>
-                <span class="task-card__value">{{
-                  item.creatorName || "--"
-                }}</span>
-              </div>
-
-              <div class="task-card__field task-card__field--full">
-                <span class="task-card__label">创建日期</span>
-                <span class="task-card__value">{{
-                  item.createdDate.substring(0, 10)
-                }}</span>
+              <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>
+                </div>
+
+                <div class="task-card__field">
+                  <span class="task-card__label">创建日期</span>
+                  <span class="task-card__value">{{
+                    item.createdDate.substring(0, 10)
+                  }}</span>
+                </div>
               </div>
             </div>
 
@@ -412,6 +414,12 @@ onMounted(() => {
 }
 
 .task-card__grid {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.task-card__row--two {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 12px;
@@ -419,18 +427,17 @@ onMounted(() => {
 
 .task-card__field {
   display: flex;
-  flex-direction: column;
-  gap: 4px;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
   min-width: 0;
 }
 
-.task-card__field--full {
-  grid-column: 1 / -1;
-}
-
 .task-card__label {
   font-size: 12px;
   color: var(--portal-text-soft);
+  white-space: nowrap;
+  flex-shrink: 0;
 }
 
 .task-card__value {
@@ -438,6 +445,8 @@ onMounted(() => {
   line-height: 1.5;
   color: var(--portal-text);
   word-break: break-all;
+  min-width: 0;
+  flex: 1;
 }
 
 .task-card__footer {
@@ -485,11 +494,16 @@ onMounted(() => {
   }
 
   .task-card__grid {
-    grid-template-columns: 1fr;
+    gap: 10px;
+  }
+
+  .task-card__row--two {
+    grid-template-columns: 1fr 1fr;
+    gap: 10px;
   }
 
-  .task-card__field--full {
-    grid-column: auto;
+  .task-card__field {
+    align-items: flex-start;
   }
 }
 </style>

src/views/index.vue

@@ -749,7 +749,7 @@ const handleQuickAccessCommand = (command: string) => {
     "done-oa": "/oa-done-list?type=oa",
     "todo-crm": "/mobile-crm-todo-list?type=crm",
     "done-crm": "/crm-done-list?type=crm",
-    "todo-srm": "/srm-todo-list?type=srm",
+    "todo-srm": "/mobile-srm-todo-list?type=srm",
     "done-srm": "/srm-done-list?type=srm",
   };