Commit 4c56a07c4e385125abc200dcbfda87b928ff399a
1 parent
d2420212
Form 动态表单，增加基础表单
Showing
2 changed files
with
51 additions
and
27 deletions
yudao-admin-ui/src/utils/generator/drawingDefalut.js
| 1 | export default [ | 1 | export default [ |
| 2 | { | 2 | { |
| 3 | - layout: 'colFormItem', | ||
| 4 | - tagIcon: 'input', | ||
| 5 | - label: '手机号', | ||
| 6 | - vModel: 'mobile', | ||
| 7 | - formId: 6, | ||
| 8 | - tag: 'el-input', | ||
| 9 | - placeholder: '请输入手机号', | ||
| 10 | - defaultValue: '', | ||
| 11 | - span: 24, | ||
| 12 | - style: { width: '100%' }, | ||
| 13 | - clearable: true, | ||
| 14 | - prepend: '', | ||
| 15 | - append: '', | ||
| 16 | - 'prefix-icon': 'el-icon-mobile', | ||
| 17 | - 'suffix-icon': '', | ||
| 18 | - maxlength: 11, | ||
| 19 | - 'show-word-limit': true, | ||
| 20 | - readonly: false, | ||
| 21 | - disabled: false, | ||
| 22 | - required: true, | ||
| 23 | - changeTag: true, | ||
| 24 | - regList: [{ | ||
| 25 | - pattern: '/^1(3|4|5|7|8|9)\\d{9}$/', | ||
| 26 | - message: '手机号格式错误' | ||
| 27 | - }] | 3 | + // layout: 'colFormItem', |
| 4 | + // tagIcon: 'input', | ||
| 5 | + // label: '手机号', | ||
| 6 | + // vModel: 'mobile', | ||
| 7 | + // formId: 6, | ||
| 8 | + // tag: 'el-input', | ||
| 9 | + // placeholder: '请输入手机号', | ||
| 10 | + // defaultValue: '', | ||
| 11 | + // span: 24, | ||
| 12 | + // style: { width: '100%' }, | ||
| 13 | + // clearable: true, | ||
| 14 | + // prepend: '', | ||
| 15 | + // append: '', | ||
| 16 | + // 'prefix-icon': 'el-icon-mobile', | ||
| 17 | + // 'suffix-icon': '', | ||
| 18 | + // maxlength: 11, | ||
| 19 | + // 'show-word-limit': true, | ||
| 20 | + // readonly: false, | ||
| 21 | + // disabled: false, | ||
| 22 | + // required: true, | ||
| 23 | + // changeTag: true, | ||
| 24 | + // regList: [{ | ||
| 25 | + // pattern: '/^1(3|4|5|7|8|9)\\d{9}$/', | ||
| 26 | + // message: '手机号格式错误' | ||
| 27 | + // }] | ||
| 28 | } | 28 | } |
| 29 | ] | 29 | ] |
yudao-admin-ui/src/views/bpm/form/build/index.vue
| @@ -72,6 +72,21 @@ | @@ -72,6 +72,21 @@ | ||
| 72 | </div> | 72 | </div> |
| 73 | </div> | 73 | </div> |
| 74 | </draggable> | 74 | </draggable> |
| 75 | + <!-- 动态表单 --> | ||
| 76 | + <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | ||
| 77 | + <el-form-item label="表单名" prop="name"> | ||
| 78 | + <el-input v-model="form.name" placeholder="请输入表单名" /> | ||
| 79 | + </el-form-item> | ||
| 80 | + <el-form-item label="开启状态" prop="status"> | ||
| 81 | + <el-radio-group v-model="form.status"> | ||
| 82 | + <el-radio v-for="dict in this.getDictDatas(DICT_TYPE.SYS_COMMON_STATUS)" | ||
| 83 | + :key="dict.value" :label="parseInt(dict.value)">{{dict.label}}</el-radio> | ||
| 84 | + </el-radio-group> | ||
| 85 | + </el-form-item> | ||
| 86 | + <el-form-item label="备注" prop="remark"> | ||
| 87 | + <el-input v-model="form.remark" placeholder="请输入备注" /> | ||
| 88 | + </el-form-item> | ||
| 89 | + </el-form> | ||
| 75 | </div> | 90 | </div> |
| 76 | </el-scrollbar> | 91 | </el-scrollbar> |
| 77 | </div> | 92 | </div> |
| @@ -177,7 +192,7 @@ export default { | @@ -177,7 +192,7 @@ export default { | ||
| 177 | return { | 192 | return { |
| 178 | logo, | 193 | logo, |
| 179 | idGlobal: 100, | 194 | idGlobal: 100, |
| 180 | - formConf, | 195 | + formConf, // |
| 181 | inputComponents, | 196 | inputComponents, |
| 182 | selectComponents, | 197 | selectComponents, |
| 183 | layoutComponents, | 198 | layoutComponents, |
| @@ -190,7 +205,16 @@ export default { | @@ -190,7 +205,16 @@ export default { | ||
| 190 | dialogVisible: false, | 205 | dialogVisible: false, |
| 191 | generateConf: null, | 206 | generateConf: null, |
| 192 | showFileName: false, | 207 | showFileName: false, |
| 193 | - activeData: drawingDefalut[0] | 208 | + activeData: drawingDefalut[0], |
| 209 | + | ||
| 210 | + // 表单参数 | ||
| 211 | + form: {}, | ||
| 212 | + // 表单校验 | ||
| 213 | + rules: { | ||
| 214 | + name: [{ required: true, message: "表单名不能为空", trigger: "blur" }], | ||
| 215 | + status: [{ required: true, message: "开启状态不能为空", trigger: "blur" }], | ||
| 216 | + fields: [{ required: true, message: "表单配置不能为空", trigger: "blur" }], | ||
| 217 | + } | ||
| 194 | } | 218 | } |
| 195 | }, | 219 | }, |
| 196 | computed: { | 220 | computed: { |