华西海圻ELN前端工程
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

65 lines
4.3 KiB

  1. ## BaseInfoFormPackage组件config字段描述:
  2. # demo:
  3. ```
  4. "formConfig":[
  5. {
  6. type: "conditionItem" | "cardItem" |"cellItem"| "step",//ui层面的区分,具体可以参考色谱第一个模板
  7. config: {
  8. storageCondition: {//当前表单的key值;
  9. label: "存储条件",//当前表单的label值,有的表单可能没有;
  10. type: "input"|"select"|"inputNumber"|"textarea"|"dateTime"|"span"|"clickable",|"attachment" |'sj', 'gsp', 'mix', 'xj', 'xb', 'gyzj', 'mjy', 'yq', 'jcb', 'qxbd'//当前表单的type值
  11. fillType: "preFill" |"actFill",//主要是边框的区分,preFill为预填(蓝色),actFill为实际填报(橙色);
  12. options: this.getDictOptions("business_cctj"),//当前表单的type为select时,options为必填项,如:[{label:"",value:""}]
  13. otherCode: "storageConditionOther",//当前表单可能会触发其他输入项,otherCode为其他输入项的key值;
  14. span:2,//一行几列,默认2列,目前最多配制3列,如果有需要后续再调整;
  15. maxlength:100,//当前表单的最大长度,默认50;
  16. placeholder: "请输入存储条件",//当前表单的placeholder值,不填写时默认拼接请输入/请选择+label;
  17. rows: 5,//当前表单的type为textarea时,默认5行;
  18. disabled: true,//当前表单是否禁用,默认false;
  19. multiple: true,//当前表单的type为select时,是否可以多选,默认false;
  20. subType:“input”,//和type的类型是一样的,主要用于第二个表单的类型;
  21. subKey:“subStorageCondition”,//第二个表单的key值
  22. subOptions:[],//第二个表单的type为select时,options为必填项,如:[{label:"",value:""}]
  23. subFillType: "preFill" |"actFill",//第二个字段的边框区分,preFill为预填(蓝色),actFill为实际填报(橙色);
  24. subPlaceholder: "请输入存储条件",//第二个表单的placeholder值,不填写时默认拼接请输入/请选择+label;
  25. compareTo: "storageCondition",//需要比较的字段,字段不一样时背景标红;
  26. copyFrom:"storageCondition",//需要复制的字段,复制后会自动填充到当前表单;
  27. },
  28. }
  29. }
  30. ]
  31. ```
  32. ## CommonTable组件config字段描述:
  33. # demo:
  34. ```
  35. formConfig:[
  36. {
  37. label: "存储条件",//当前表单的label值
  38. prop: "storageCondition",//当前表单的key值;
  39. headerSelectKey: "storageCondition",//当前table表头的key值,目前只有下拉框,
  40. fillType: "preFill" |"actFill",//当前表单header的边框区分,preFill为预填(蓝色),actFill为实际填报(橙色);后续看下有没有必要改成headerFillType
  41. headerOptions: this.getDictOptions("business_cctj"),//当前表单表头的下拉选项;
  42. bodyType: "input"|“inputNumber”|“select”|"span",//当前表单的type值参考上面的type;
  43. bodySubType: "inputNumber",//当前表单的第二个type 目前只有inputNumber
  44. bodySubKey: "storageConditionUnit",//当前表单的第二个key值
  45. bodyFillType: "preFill" |"actFill",//当前表单的第二个type的边框区分,preFill为预填(蓝色),actFill为实际填报(橙色);
  46. bodySubFillType: "preFill" |"actFill",//当前表单的第二个type的边框区分,preFill为预填(蓝色),actFill为实际填报(橙色);
  47. showBodySub: true,//是否显示第二个表单,默认false;有的表单在实际填报的时候不显示小数点位数的输入框;
  48. bodyDisabled: true,//当前表单是否禁用,默认false;
  49. bodyMaxlength: 10,//当前表单的最大长度,默认50;
  50. bodySubPlaceholder: "请输入保留小数位数",//当前表单的第二个type的placeholder值,不填写时默认拼接请输入/请选择+label;
  51. compareTo: "storageCondition",//需要比较的字段,字段不一样时背景标红;
  52. copyFrom:"storageCondition",//需要复制的字段,复制后会自动填充到当前表单;
  53. bodyPrecisionKey: "storageConditionPrecision",//当前表单小数点位数
  54. }
  55. ]
  56. ```