导航菜单样式

frontend/saas-web/app/Application.scss

@@ -54,9 +54,9 @@ body.launching {
   z-index: 0 !important;
 }
 
-.x-css-shadow {
-  box-shadow: none !important;
-}
+// .x-css-shadow {
+//   box-shadow: none !important;
+// }
 
 .shadow {
   @include box-shadow(rgba(0, 0, 0, 0.2) 0 1px 2px);

frontend/saas-web/app/view/main/Navigation.js

@@ -110,8 +110,8 @@ Ext.define('saas.view.main.Navigation', {
                         var menu = view.up('menu'),
                             menuView = view.el.dom.getElementsByClassName('x-navitem-menu')[0],
                             menuBox = menuView.getBoundingClientRect(),
-                            menuViewWidth = menuBox.width,
-                            menuViewHeight = menuBox.height,
+                            menuViewWidth = menuBox.width + 12,
+                            menuViewHeight = menuBox.height + 10,
                             menuItem = menuView.getElementsByClassName('menuitem');
 
                         menu.setWidth(menuViewWidth);
@@ -184,6 +184,9 @@ Ext.define('saas.view.main.Navigation', {
                 navItem: navItem,
                 id: menuId,
                 width: window.innerWidth,
+                cls: 'x-nav-menu',
+                layout: 'fit',
+                bodyPadding: 5,
                 style: {
                     borderTopRightRadius: '4px',
                     borderBottomRightRadius: '4px'

frontend/saas-web/app/view/main/Navigation.scss

@@ -79,6 +79,19 @@ $nav-font-color-over: #fff;
 
                                 .nav-inner-wrap {
 
+                                    &:after {
+                                        content: ' ';
+                                        width: 0;
+                                        height: 0;
+                                        border: 8px solid transparent;
+                                        border-right-color: #fff;
+                                        border-left: none;
+                                        position: absolute;
+                                        right: 0;
+                                        top: 22px;
+                                        z-index: 999999;
+                                    }
+
                                     .nav-inner-icon {
                                         color: $nav-font-color-over;
                                     }
@@ -96,6 +109,11 @@ $nav-font-color-over: #fff;
     }
 }
 
+.x-nav-menu {
+    // border-width: 5px;
+    // border-left: none;
+}
+
 .x-navitem-menu {
     position: absolute;
     z-index: 9999;
@@ -112,7 +130,7 @@ $nav-font-color-over: #fff;
 
             &:first-child {
                 .menu-content {
-                    border-right: 1px solid #EEF9FE;
+                    border-right: 1px dashed #dce2e4;
                 }
             }
 

frontend/saas-web/ext/packages/ux/src/feature/MySummary.js

@@ -30,16 +30,6 @@ Ext.define('Ext.ux.feature.MySummary', {
 
         me.callParent([grid]);
 
-        // var mySummaryStore = grid.mySummaryStore = Ext.create('Ext.data.Store', {
-        //     fields: ['name', 'label', 'typeLabel', 'type', 'value'],
-        //     data: [{
-        //         name: 'xxx',
-        //         label: '111',
-        //         type: 'sum',
-        //         value: 0
-        //     }]
-        // });
-
         grid.on({
             mysummarychange: me.refreshData,
             scope: me
@@ -129,54 +119,6 @@ Ext.define('Ext.ux.feature.MySummary', {
         newSummarys = me.getSummarys(grid);
 
         summaryBar.update(newSummarys);
- 
-        // if (!view.rendered) {
-        //     return;
-        // }
- 
-        // record = me.createSummaryRecord(view);
-        // newRowDom = Ext.fly(view.createRowElement(record, -1)).down(selector, true);
- 
-        // if (!newRowDom) {
-        //     return;
-        // }
- 
-        // // Summary row is inside the docked summaryBar Component 
-        // if (dock) {
-        //     p = me.summaryBar.item.dom.firstChild;
-        //     oldRowDom = p.firstChild;
-            
-        //     p.insertBefore(newRowDom, oldRowDom);
-        //     p.removeChild(oldRowDom);
-        // }
-        // // Summary row is a regular row in a THEAD inside the View. 
-        // // Downlinked through the summary record's ID 
-        // else {
-        //     oldRowDom = view.el.down(selector, true);
-        //     p = oldRowDom && oldRowDom.parentNode;
-            
-        //     if (p) {
-        //         p.removeChild(oldRowDom);
-        //     }
-            
-        //     // We're always inserting the new summary row into the last rendered row, 
-        //     // unless no rows exist. In that case we will be appending to the special 
-        //     // placeholder in the node container. 
-        //     p = view.getRow(view.all.last());
-            
-        //     if (p) {
-        //         p = p.parentElement;
-        //     }
-        //     // View might not have nodeContainer yet. 
-        //     else {
-        //         p = me.getSummaryRowPlaceholder(view);
-        //         p = p && p.tBodies && p.tBodies[0];
-        //     }
-            
-        //     if (p) {
-        //         p.appendChild(newRowDom);
-        //     }
-        // }
     },
 
     getSummaryBar: function() {