form

src/views/haomo/components/forms/index.vue

@@ -4,7 +4,6 @@
     <hm-complex-form :schema="schema['HmUser']"
                      :columns="showUserColumns"
                      :buttons="showUserButtons"
-                     :tableId="tableId"
                      :layout="layout"
                      >
     </hm-complex-form>
@@ -28,28 +27,28 @@
         // widgetType值 1：普通input 2：下拉框 (如果是下拉框 再传一个options表示下拉框选项)3：复选框 4：文本域 5：富文本 6：日期 7：单选框
         showUserColumns: [
           { name: '用户名称', codeCamel: 'username', widgetType: 1, disabled: false,
-            rule: { required: true, message: '用户名不能为空', trigger: 'blur' }
+            change: this.inputChange
+            // rule: { required: true, message: '用户名不能为空', trigger: 'blur' }
           },
           { name: '电子邮件', codeCamel: 'email', widgetType: 5, disabled: false,
-            rule: [
-              { required: true, message: '请输入邮箱地址', trigger: 'blur' },
-              { type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur,change' }
-            ]
+            change: this.inputChange
+            // rule: [
+            //   { required: true, message: '请输入邮箱地址', trigger: 'blur' },
+            //   { type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur,change' }
+            // ]
           },
           { name: '选择类型', codeCamel: 'type', widgetType: 2, multiple: false,
+            change: this.inputChange,
             options: [
-              { value: 0, label: '选项1' },
-              { value: 1, label: '选项2' },
-              { value: 2, label: '选项3' },
-              { value: 3, label: '选项4' },
-              { value: 4, label: '选项5' }
+              { value: 1, label: '企业' },
+              { value: 3, label: '代理商' }
             ]
           },
-          { name: '部门ID', codeCamel: 'departmentId', widgetType: 3, options: ['美女', '帅哥'] },
-          { codeCamel: 'password', widgetType: 4 },
-          { name: '新建时间', codeCamel: 'createTime', widgetType: 6, dateType: 'datetime', dateFormate: 'yyyy-MM-dd HH:mm:ss' },
-          { name: '登陆id', codeCamel: 'loginid', widgetType: 7, options: ['会员', '访客'] },
-          { name: '选择头像', codeCamel: 'avatar', widgetType: 8 }
+          { name: '部门ID', codeCamel: 'departmentId', widgetType: 3, options: ['美女', '帅哥'], change: this.inputChange },
+          { codeCamel: 'password', widgetType: 4, change: this.inputChange },
+          { name: '新建时间', codeCamel: 'createTime', widgetType: 6, dateType: 'datetime', dateFormate: 'yyyy-MM-dd HH:mm:ss', change: this.inputChange },
+          { name: '登陆id', codeCamel: 'loginid', widgetType: 7, options: ['会员', '访客'], change: this.inputChange },
+          { name: '选择头像', codeCamel: 'avatar', widgetType: 8, change: this.inputChange }
         ],
         // 要显示按钮
         showUserButtons: [
@@ -69,9 +68,13 @@
     created() {
       this.schema = schema
       // console.log(this.schema)
-      this.tableId = '0e26566e953449a7a7500c34be39fd26'
+      this.tableId = '1efff63125954583b0ac5a9c252b9041'
     },
     methods: {
+      inputChange(val) {
+        // console.log(event)
+        console.log(val)
+      },
       processData(object) {
         console.log(object)
         return object
@@ -84,16 +87,6 @@
       },
       method3() {
         console.log('method3')
-      },
-      usernameValidate() {
-        console.log(1)
-        // if (!value) {
-        //   callback(new Error('请输入用户名'))
-        // } else if ((value.length < 2 || value.length > 10)) {
-        //   callback(new Error('用户名长度在 2 到 10 个字符'))
-        // } else {
-        //   callback()
-        // }
       }
     }
   }