Browse Source

添加操作图标

zhuth 7 years ago
parent
commit
8ead4e6fab

+ 5 - 0
app/components/datasource/dataSource.less

@@ -51,6 +51,11 @@
 .operationmenu {
     padding: 0;
     width: 120px;
+    .ant-dropdown-menu-item {
+        .anticon {
+            margin-right: 6px;
+        }
+    }
     .ant-dropdown-menu-item-divider {
         margin: 0;
     }

+ 5 - 4
app/components/datasource/datasource.jsx

@@ -44,18 +44,19 @@ class DataSource extends React.Component {
                         dispatch({ type: 'dataSource/setNewModel', model: selectedModel });
                         this.showDataSourceBox('edit');
                     }}>
-                    属性设置
+                    <Icon type="info-circle-o" />属性设置
                 </Menu.Item>
                 <Menu.Item
                     onClick={(e) => {
                         let selectedModel = dataSource.list.find((i) => { return i.code == selectedCode })
                         this.showColumnBox();
                     }}>
-                    数据列设置
+                    <Icon type="table" />数据列设置
                 </Menu.Item>
-                <Menu.Item>预览数据</Menu.Item>
+                <Menu.Item><Icon type="search" />预览数据</Menu.Item>
+                <Menu.Item><Icon type="lock" />权限设置</Menu.Item>
                 <Menu.Divider />
-                <Menu.Item>删除</Menu.Item>
+                <Menu.Item><Icon type="delete" />删除</Menu.Item>
             </Menu>
         );
         const columns = [{