HmComplexTable.md

src/views/haomo/components/tables/HmComplexTable.md

@@ -85,7 +85,8 @@
   <div class="app-container calendar-list-container">
     <hm-complex-table :schema="schema['HmUser']"
                       :columns="showUserColumns"
-                      :filters="userFilters"></hm-complex-table>
+                      :filters="userFilters"
+                      :options="userOptions"></hm-complex-table>
   </div>
 </template>
 
@@ -292,15 +293,52 @@
                 ]
               }
         },
-        showUserColumns: ['mobile', 'loginid'],
+        showUserColumns: ['mobile', 'loginid', 'username', 'email'],
         userFilters: [
           { placeholder: '过滤手机号', 'mobile': { 'like': '' }},
-          { placeholder: '过滤登录Id', 'loginid': { 'like': '3001' }}
+          { placeholder: '过滤用户名', 'username': { 'equalTo': '' }}
         ]
       }
     },
     created() {
       this.schema = schema
+      this.userOptions = {
+              changeValue: {
+                username: { 1: '是', 0: '否' }
+              },
+              newData: {
+                isShow: true,
+                showUserColumns: [{ name: 'username', widgetType: 1 }, { name: 'loginid', widgetType: 1 }, { name: 'type', widgetType: 1 }],
+                formSchema: schema['HmUser'],
+                showUserButtons: ['提交', '取消'],
+                formConfirm() {
+                  console.log('提交')
+                },
+                formCancel() {
+                  console.log('取消')
+                }
+              },
+              editData: {
+                isShow: true,
+                showUserColumns: [{ name: 'username', widgetType: 1 }],
+                formSchema: schema['HmUser'],
+                showUserButtons: ['提交', '取消'],
+                formConfirm() {
+                  console.log('提交')
+                },
+                formCancel() {
+                  console.log('取消')
+                }
+              },
+              showRefresh: true,
+              showExport: true,
+              showDeleteButton: true,
+              buttonGroup: false,
+              showDetail: {
+                isShow: true,
+                showColumns: ['mobile', 'loginid', 'username', 'email']
+              }
+            }
     }
   }
 </script>

src/views/haomo/components/tables/HmComplexTable.vue

@@ -431,7 +431,7 @@
           self.dialogForm = []
           _.each(self.options.showDetail.showColumns, function(columns) {
             _.each(self.schema.columns, function(item, index) {
-              if (columns === item.code) {
+              if (columns === item.codeCamel) {
                 self.dialogForm.push(item)
               }
             })