提交

web-admin/src/assets/styles/core/oa-fc-runtime.scss

@@ -0,0 +1,52 @@
+/**
+ * OA · FormCreate 运行时表单布局
+ * - 设计器栅格 fcRow 渲染为 ._fd-row（flex），props.gutter 不生效
+ * - 用负 margin + 列 padding 模拟间距，并用 width 补偿保证占满整行
+ * - 控件默认拉满列宽，避免日期/输入框定宽导致右侧留白
+ */
+
+.form-create {
+  width: 100%;
+  --oa-fc-gutter: 20px;
+
+  .el-row {
+    width: 100%;
+  }
+
+  /* 设计器「栅格布局」假 row（对齐 ElRow gutter：负 margin + 列 padding） */
+  ._fd-row {
+    display: flex;
+    flex-wrap: wrap;
+    box-sizing: border-box;
+    position: relative;
+    width: 100%;
+    margin-left: calc(var(--oa-fc-gutter) / -2);
+    margin-right: calc(var(--oa-fc-gutter) / -2);
+
+    > .el-col {
+      box-sizing: border-box;
+      padding-left: calc(var(--oa-fc-gutter) / 2);
+      padding-right: calc(var(--oa-fc-gutter) / 2);
+    }
+  }
+
+  .el-form-item {
+    width: 100%;
+    margin-right: 0;
+  }
+
+  .el-form-item__content {
+    width: 100%;
+  }
+
+  .el-input,
+  .el-select,
+  .el-cascader,
+  .el-textarea,
+  .el-input-number,
+  .el-date-editor,
+  .el-date-editor.el-input,
+  .el-date-editor.el-input__wrapper {
+    width: 100%;
+  }
+}

web-admin/src/assets/styles/index.scss

@@ -25,6 +25,9 @@
 // OA 审批 FormCreate 设计器三栏布局
 @use './core/oa-fc-designer.scss';
 
+// OA 审批 FormCreate 运行时表单（栅格间距 / 控件铺满）
+@use './core/oa-fc-runtime.scss';
+
 // 主题切换过渡优化
 @use './core/theme-change.scss';