数据汇总到表格

小杨 2025-10-12 08:44:12

没隐藏前跟你表单一样， [图片] 字段隐藏了以后，就是这个效果 [图片] 自定义字段自己编个代码就好了 // <free_field_name> 型号规格表格 </free_field_name> // <file_name>ModelSpecTable_v1.jsx</file_name> function ModelSpecTable({ formData }) { // 定义型号数据配置 const modelConfigs = [ { modelName: "80 10", weightControlId: "68eaf8d7e42c3406e3c56109", lengthControlId: "68eaf8d7e42c3406e3c5610a" }, { modelName: "40 6", weightControlId: "68eaf8d7e42c3406e3c5610b", lengthControlId: "68eaf8d7e42c3406e3c5610c" }, { modelName: "20 6", weightControlId: "68eaf8d7e42c3406e3c5610d", lengthControlId: "68eaf8d7e42c3406e3c5610e" }, { modelName: "30 4", weightControlId: "68eaf8d7e42c3406e3c5610f", lengthControlId: "68eaf8d7e42c3406e3c56110" } ]; return ( {modelConfigs.map((config, index) => { const weightValue = config.weightControlId ? formData[config.weightControlId]?.value : null; const lengthValue = config.lengthControlId ? formData[config.lengthControlId]?.value : null; return ( <tr key={config.modelName} className={index % 2 === 0 ? 'bg-white' : 'bg-gray-50'}> <td className="px-3 py-2 border-b border-gray-200 font-medium">{config.modelName}</td> <td className="px-3 py-2 border-b border-gray-200"> {weightValue !== null && weightValue !== undefined ? weightValue : '-'} </td> <td className="px-3 py-2 border-b border-gray-200"> {lengthValue !== null && lengthValue !== undefined ? lengthValue : '-'} </td> </tr> ); })} </tbody> </table> </div> ); } 型号 重量 长度

没隐藏前跟你表单一样，

字段隐藏了以后，就是这个效果

自定义字段自己编个代码就好了
// <free_field_name> 型号规格表格 </free_field_name>
// <file_name>ModelSpecTable_v1.jsx</file_name>
function ModelSpecTable({ formData }) {
// 定义型号数据配置
const modelConfigs = [
{
modelName: "8010",
weightControlId: "68eaf8d7e42c3406e3c56109",
lengthControlId: "68eaf8d7e42c3406e3c5610a"
},
{
modelName: "406",
weightControlId: "68eaf8d7e42c3406e3c5610b",
lengthControlId: "68eaf8d7e42c3406e3c5610c"
},
{
modelName: "206",
weightControlId: "68eaf8d7e42c3406e3c5610d",
lengthControlId: "68eaf8d7e42c3406e3c5610e"
},
{
modelName: "304",
weightControlId: "68eaf8d7e42c3406e3c5610f",
lengthControlId: "68eaf8d7e42c3406e3c56110"
}
];

return (

{modelConfigs.map((config, index) => { const weightValue = config.weightControlId ? formData[config.weightControlId]?.value : null; const lengthValue = config.lengthControlId ? formData[config.lengthControlId]?.value : null;

return (
          <tr key={config.modelName} className={index % 2 === 0 ? 'bg-white' : 'bg-gray-50'}>
            <td className="px-3 py-2 border-b border-gray-200 font-medium">{config.modelName}</td>
            <td className="px-3 py-2 border-b border-gray-200">
              {weightValue !== null && weightValue !== undefined ? weightValue : '-'}
            </td>
            <td className="px-3 py-2 border-b border-gray-200">
              {lengthValue !== null && lengthValue !== undefined ? lengthValue : '-'}
            </td>
          </tr>
        );
      })}
    </tbody>
  </table>
</div>

);
}

型号	重量	长度

lan开 2025-10-13 16:59:01

透视表 [图片]

透视表

小杨 2025-10-11 14:57:10

汇总加个筛选就可以了吧，要表格的话，自定义字段搞一个

汇总加个筛选就可以了吧，要表格的话，自定义字段搞一个

铁北100 2025-10-11 11:42:38

统计表嵌入进去

统计表嵌入进去