批量推送代码

Co-Authored-By: Claude <noreply@anthropic.com>

ry-vue3/src/views/executor-people/ExecutorPersonNew.vue

@@ -185,83 +185,36 @@ onMounted(() => {
 
   /* ========================================
      移动端适配 (≤768px)
-     - 卡片 padding 收窄
-     - 工具栏横向滚动
-     - filter-form: label 与输入框横向
-     - 表格字号收紧
      ======================================== */
   @media (max-width: 768px) {
     /* 卡片 padding */
     .page-card { padding: 12px !important; border-radius: 4px !important; }
     .breadcrumb { font-size: 12px !important; margin-bottom: 8px !important; }
 
-    /* 工具栏: 横向滚动 */
-    .toolbar {
-      flex-wrap: nowrap !important;
-      overflow-x: auto;
-      -webkit-overflow-scrolling: touch;
-      padding-bottom: 6px;
-      margin-bottom: 8px !important;
-      scrollbar-width: thin;
-    }
-    .toolbar::-webkit-scrollbar { height: 4px; }
-    .toolbar::-webkit-scrollbar-thumb { background: var(--brand-slate-200); border-radius: 2px; }
-    .toolbar :deep(.action-btn),
-    .toolbar :deep(.el-button) {
-      flex-shrink: 0;
-      font-size: 12px !important;
-      padding: 0 10px !important;
-      height: 30px !important;
-    }
+    /* form-card 内部 padding 收窄 */
+    :deep(.form-card .el-card__body) { padding: 12px !important; }
 
-    /* filter-form: 横向 (label 左 + input 右) */
-    .filter-form {
+    /* form-item: 横向 label + content, flex-start 让 error message 占独立行
+       不动 __label — Element Plus 自带 label-width=100px 自然对齐 */
+    :deep(.el-form-item) {
       display: flex !important;
-      flex-direction: column !important;
-      align-items: stretch !important;
-      gap: 10px !important;
-    }
-    .filter-form :deep(.el-form-item) {
-      display: flex !important;
-      align-items: center !important;
+      align-items: flex-start !important;
       margin-right: 0 !important;
-      margin-bottom: 0 !important;
     }
-    .filter-form :deep(.el-form-item__label) {
-      float: none !important;
-      width: auto !important;
-      min-width: 80px !important;
-      text-align: right !important;
-      padding: 0 8px 0 0 !important;
-      font-size: 13px !important;
-      color: var(--el-text-color-regular) !important;
-      line-height: 32px !important;
-      height: 32px !important;
-    }
-    .filter-form :deep(.el-form-item__content) {
-      margin-left: 0 !important;
-      line-height: 32px !important;
+    :deep(.el-form-item__content) {
       flex: 1 !important;
       min-width: 0 !important;
     }
 
-    /* 强制所有控件全宽 */
-    .filter-form :deep(.el-select),
-    .filter-form :deep(.el-input),
-    .filter-form :deep(.el-date-editor),
-    .filter-form :deep(.el-button),
-    .filter-form :deep(.el-cascader) {
-      width: 100% !important;
-      min-width: 0 !important;
-      margin-left: 0 !important;
-      margin-right: 0 !important;
-      display: block !important;
+    /* 底部按钮: 等宽并排 */
+    .form-actions {
+      flex-wrap: wrap !important;
+      gap: 8px !important;
+      margin-top: 12px !important;
     }
-    .filter-form :deep(.el-button + .el-button) {
-      margin-top: 8px !important;
+    .form-actions :deep(.el-button) {
+      flex: 1 1 0 !important;
+      width: 0 !important;
     }
-
-    /* 表格字号收紧 */
-    :deep(.el-table) { font-size: 12px !important; }
   }
 </style>