form

src/views/haomo/components/iconMenu/HmIconMenu.vue

 <template>
   <div class="app-container documentation-container">
     <el-collapse v-model="activeNames" @change="handleChange">
-      <el-collapse-item title="" name="1">
+      <el-collapse-item title="" name="1" style="width: 90%;margin:0 auto">
         <el-row :gutter="20">
-          <el-col :span="4" v-for="item in icons" style="margin-bottom: 20px;">
+          <el-col :span="4" v-for="(item,key) in icons" :key="key" style="margin-bottom: 20px;">
             <i :class="item.className" style="margin-left: 5px;"></i>
             <p>
               <i class="hm-icon-menu_i" :style="{backgroundColor: item.color}"></i>

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

@@ -10,7 +10,7 @@
   import schema from '../../schemas/hm_org_schema'
 
   export default {
-    name: 'HmComplexFormIndex',
+    name: 'HmIconMenuIndex',
     // 继承其他组件
     extends: {},
     // 使用其它组件
@@ -19,7 +19,6 @@
     },
     data() {
       return {
-        // widgetType值 1：普通input 2：下拉框 (如果是下拉框 再传一个options表示下拉框选项)3：复选框 4：文本域 5：富文本 6：日期 7：单选框
         showUserColumns: [{ name: 'username', widgetType: 1 }, { name: 'securityLevel', widgetType: 5 }, { name: 'type', widgetType: 2, options: ['选项1', '选项2'] }, { name: 'avatar', widgetType: 3, options: ['美女', '帅哥'] }, { name: 'departmentId', widgetType: 4 }, { name: 'createTime', widgetType: 6 }, { name: 'loginid', widgetType: 7, options: ['会员', '访客'] }],
         // 要显示按钮 暂只支持确定、保存、取消、提交、重置
         showUserButtons: ['确定', '取消']