字段介绍

  • 预览：包括 view（只读）和edit（编辑）
  • 使用：具体ams的代码使用
  • 传值：传给接口和从接口拿到的数据类型
  • 配置：ams的配置介绍

各个field的props默认配置如下：

  1. export const defaultFieldProps = {
  2.     cascader: { // 级联选择
  3.         props: {
  4.             'change-on-select': true, // 是否允许选择任意一级的选项（element 2.9.2已经去掉该配置项）
  5.             filterable: true, // 是否可搜索选项
  6.             'expand-trigger': 'hover' // 次级菜单的展开方式默认是 hover
  7.         }
  8.     },
  9.     color: {、
  10.         props: {
  11.             'show-alpha': true // 是否支持透明度选择
  12.         }
  13.     },
  14.     date: {
  15.         props: {
  16.             placeholder: '选择日期' // 默认的提示语
  17.         }
  18.     },
  19.     datetime: {
  20.         props: {
  21.             placeholder: '选择日期时间' // 默认的提示语
  22.         }
  23.     },
  24.     datetimerange: {
  25.         props: {
  26.             'range-separator': '至', // 选择范围时的分隔符
  27.             'start-placeholder': '开始日期', // 开始日期默认的提示语
  28.             'end-placeholder': '结束日期' // 结束日期默认的提示语
  29.         }
  30.     },
  31.     rate: {
  32.         props: {
  33.             'text-color': '#ff9900', // 辅助文字的颜色
  34.             'show-score': true // 是否显示当前分数，show-score 和 show-text 不能同时为真
  35.         }
  36.     },
  37.     select: {
  38.         props: {
  39.             multiple: true // 是否多选
  40.         }
  41.     },
  42.     switch: {
  43.         props: {
  44.             'active-value': 1, // switch 打开时的值
  45.             'inactive-value': 0 // switch 关闭时的值
  46.         }
  47.     },
  48.     password: {
  49.         props: {
  50.             clearable: true, // 默认右边有清除按钮
  51.             type: 'password' // 默认input类型为password
  52.         }
  53.     },
  54.     text: {
  55.         props: {
  56.             clearable: true // 默认右边有清除按钮
  57.         }
  58.     },
  59.     textarea: {
  60.         props: {
  61.             clearable: true, // 默认右边有清除按钮
  62.             type: 'textarea' // 默认input类型为password
  63.         }
  64.     },
  65.     time: {
  66.         props: {
  67.             placeholder: '选择时间' // 默认的提示语
  68.         }
  69.     },
  70.     transfer: {
  71.         props: {
  72.             filterable: true, // 是否可搜索
  73.             props: { // 数据源的字段别名（没看错，这个props是element定义的）
  74.                 key: 'value' 
  75.             }
  76.         }
  77.     },
  78.     image: {
  79.         props: {
  80.             accept: 'image/png,image/gif,image/jpeg' // 支持类型
  81.         }
  82.     },
  83.     progress: {
  84.         props: {
  85.             'text-inside': true, // 进度条显示文字内置在进度条内（只在 type=line 时可用）
  86.             'stroke-width': 18 // 进度条的宽度，单位 px
  87.         }
  88.     }
  89. };
  91. export const defaultListFieldWidth = { // 各个field默认宽度
  92.     rate: '170px',
  93.     datetimerange: '340px',
  94.     cascader: '250px',
  95.     image: '120px',
  96.     headimage: '130px',
  97.     file: '160px',
  98.     progress: '150px',
  99.     video: '200px',
  100.     audio: '160px'
  101. };
  103. export const defaultFieldData = { // 各个field默认值
  104.     text: ''
  105. };