|
|
@@ -8,10 +8,10 @@ Ext.define('saas.view.main.Navigation', {
|
|
|
navCollapsed: false,
|
|
|
cls: 'x-navpanel',
|
|
|
|
|
|
- initComponent: function() {
|
|
|
+ initComponent: function () {
|
|
|
var me = this;
|
|
|
var view = new Ext.DataView({
|
|
|
- store : Ext.create('Ext.data.Store', {
|
|
|
+ store: Ext.create('Ext.data.Store', {
|
|
|
fields: ['text', 'iconCls'],
|
|
|
data: [{
|
|
|
text: '采购',
|
|
|
@@ -19,49 +19,176 @@ Ext.define('saas.view.main.Navigation', {
|
|
|
items: [{
|
|
|
text: '制单',
|
|
|
items: [{
|
|
|
- id: 'purchase',
|
|
|
- text: '采购单',
|
|
|
- addType:'purchase-purchase-formpanel',
|
|
|
- viewType: 'purchase-purchase-querypanel'
|
|
|
+ id: 'purchase',
|
|
|
+ text: '采购单',
|
|
|
+ addType: 'purchase-purchase-formpanel',
|
|
|
+ viewType: 'purchase-purchase-querypanel'
|
|
|
+ }, {
|
|
|
+ id: 'purchaseIn',
|
|
|
+ text: '采购验收单',
|
|
|
+ addType: 'purchase-purchaseIn-formpanel',
|
|
|
+ viewType: 'purchase-purchaseIn-querypanel'
|
|
|
+ }, {
|
|
|
+ id: 'purchaseOut',
|
|
|
+ text: '采购验退单',
|
|
|
+ addType: 'purchase-purchaseOut-formpanel',
|
|
|
+ viewType: 'purchase-purchaseOut-querypanel'
|
|
|
+ }, {
|
|
|
+ id: 'inquiry',
|
|
|
+ text: '采购询价单',
|
|
|
+ addType: 'purchase-inquiry-formpanel',
|
|
|
+ viewType: 'purchase-inquiry-querypanel'
|
|
|
+ }
|
|
|
+ // ,{
|
|
|
+ // id: 'form1',
|
|
|
+ // text: '测试-采购单明细界面',
|
|
|
+ // addType: 'test-order-formpanel'
|
|
|
+ // }, {
|
|
|
+ // id: 'myform',
|
|
|
+ // text: '测试-明细界面',
|
|
|
+ // addType: 'test-myform-formpanel'
|
|
|
+ // }, {
|
|
|
+ // id: 'myquerytest',
|
|
|
+ // text: '测试-采购单查询界面',
|
|
|
+ // viewType: 'test-query-querypanel',
|
|
|
+ // }
|
|
|
+ ]
|
|
|
+ }, {
|
|
|
+ text: '报表',
|
|
|
+ items: [{
|
|
|
+ text: '采购明细表'
|
|
|
}, {
|
|
|
- id: 'purchaseIn',
|
|
|
- text: '采购验收单',
|
|
|
- addType:'purchase-purchaseIn-formpanel',
|
|
|
- viewType: 'purchase-purchaseIn-querypanel'
|
|
|
- },{
|
|
|
- id: 'purchaseOut',
|
|
|
- text: '采购验退单',
|
|
|
- addType:'purchase-purchaseOut-formpanel',
|
|
|
- viewType: 'purchase-purchaseOut-querypanel'
|
|
|
- },{
|
|
|
- id: 'form1',
|
|
|
- text: '测试-采购单明细界面',
|
|
|
- addType: 'test-order-formpanel'
|
|
|
+ text: '采购付款一览表'
|
|
|
+ }]
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ text: '销售',
|
|
|
+ iconCls: 'x-fa fa-shopping-cart',
|
|
|
+ items: [{
|
|
|
+ text: '制单',
|
|
|
+ items: [{
|
|
|
+ id: 'sale',
|
|
|
+ text: '销售订单',
|
|
|
+ addType: 'sale-sale-formpanel',
|
|
|
+ viewType: 'sale-sale-querypanel'
|
|
|
+ }, {
|
|
|
+ id: 'saleOut',
|
|
|
+ text: '销售出货单',
|
|
|
+ addType: 'sale-saleOut-formpanel',
|
|
|
+ viewType: 'sale-saleOut-querypanel'
|
|
|
}, {
|
|
|
- id: 'myform',
|
|
|
- text: '测试-明细界面',
|
|
|
- addType: 'test-myform-formpanel'
|
|
|
+ id: 'saleIn',
|
|
|
+ text: '销售退货单',
|
|
|
+ addType: 'sale-saleIn-formpanel',
|
|
|
+ viewType: 'sale-saleIn-querypanel'
|
|
|
}, {
|
|
|
- id: 'myquerytest',
|
|
|
- text: '测试-采购单查询界面',
|
|
|
- viewType: 'test-query-querypanel',
|
|
|
+ id: 'saleToPur',
|
|
|
+ text: '以销定购',
|
|
|
+ addType: 'sale-saleToPur-formpanel',
|
|
|
+ viewType: 'sale-saleToPur-querypanel'
|
|
|
}]
|
|
|
}, {
|
|
|
text: '报表',
|
|
|
items: [{
|
|
|
- text: '采购明细表'
|
|
|
+ text: '销售明细表'
|
|
|
}, {
|
|
|
- text: '采购付款一览表'
|
|
|
+ text: '销售收款一览表'
|
|
|
+ }, {
|
|
|
+ text: '销售利润表'
|
|
|
+ }]
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ text: '库存',
|
|
|
+ iconCls: 'x-fa fa-shopping-cart',
|
|
|
+ items: [{
|
|
|
+ text: '制单',
|
|
|
+ items: [{
|
|
|
+ id: 'appropriationInOut',
|
|
|
+ text: '调拨单',
|
|
|
+ addType: 'stock-appropriationInOut-formpanel',
|
|
|
+ viewType: 'stock-appropriationInOut-querypanel'
|
|
|
+ }, {
|
|
|
+ id: 'make',
|
|
|
+ text: '制造单',
|
|
|
+ addType: 'stock-make-formpanel',
|
|
|
+ viewType: 'stock-make-querypanel'
|
|
|
+ }, {
|
|
|
+ id: 'otherIn',
|
|
|
+ text: '其它入库单',
|
|
|
+ addType: 'stock-otherIn-formpanel',
|
|
|
+ viewType: 'stock-otherIn-querypanel'
|
|
|
+ }, {
|
|
|
+ id: 'otherOut',
|
|
|
+ text: '其它出库单',
|
|
|
+ addType: 'stock-otherOut-formpanel',
|
|
|
+ viewType: 'stock-otherOut-querypanel'
|
|
|
+ }, {
|
|
|
+ id: 'inventory',
|
|
|
+ text: '盘点单',
|
|
|
+ addType: 'stock-inventory-formpanel',
|
|
|
+ viewType: 'stock-inventory-querypanel'
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ text: '报表',
|
|
|
+ items: [{
|
|
|
+ text: '物料出入库明细表'
|
|
|
+ }, {
|
|
|
+ text: '物料收发汇总表'
|
|
|
+ }, {
|
|
|
+ text: '物料库存数量金额表'
|
|
|
}]
|
|
|
}]
|
|
|
- },{
|
|
|
+ }, {
|
|
|
+ text: '资金',
|
|
|
+ iconCls: 'x-fa fa-shopping-cart',
|
|
|
+ items: [{
|
|
|
+ text: '制单',
|
|
|
+ items: [{
|
|
|
+ id: 'payBalance',
|
|
|
+ text: '付款单',
|
|
|
+ addType: 'money-payBalance-formpanel',
|
|
|
+ viewType: 'money-payBalance-querypanel'
|
|
|
+ }, {
|
|
|
+ id: 'recBbalance',
|
|
|
+ text: '收款单',
|
|
|
+ addType: 'money-recBbalance-formpanel',
|
|
|
+ viewType: 'money-recBbalance-querypanel'
|
|
|
+ }, {
|
|
|
+ id: 'verification',
|
|
|
+ text: '核销单',
|
|
|
+ addType: 'money-verification-formpanel',
|
|
|
+ viewType: 'money-verification-querypanel'
|
|
|
+ }, {
|
|
|
+ id: 'othReceipts',
|
|
|
+ text: '其它收支单',
|
|
|
+ addType: 'money-othReceipts-formpanel',
|
|
|
+ viewType: 'money-othReceipts-querypanel'
|
|
|
+ }, {
|
|
|
+ id: 'fundTransfer',
|
|
|
+ text: '资金转存',
|
|
|
+ addType: 'money-fundTransfer-formpanel',
|
|
|
+ viewType: 'money-fundTransfer-querypanel'
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ text: '报表',
|
|
|
+ items: [{
|
|
|
+ text: '供应商对账单'
|
|
|
+ }, {
|
|
|
+ text: '应付账款明细表'
|
|
|
+ }, {
|
|
|
+ text: '客户对账单'
|
|
|
+ }, {
|
|
|
+ text: '应收款明细表'
|
|
|
+ }, {
|
|
|
+ text: '资金账户余额表'
|
|
|
+ }]
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
text: '资料',
|
|
|
iconCls: 'x-fa fa-book',
|
|
|
- items: [
|
|
|
- {
|
|
|
+ items: [{
|
|
|
text: '基础资料',
|
|
|
- items: [
|
|
|
- {
|
|
|
+ items: [{
|
|
|
text: '客户资料',
|
|
|
viewType: 'mainlist',
|
|
|
leaf: true
|
|
|
@@ -105,8 +232,7 @@ Ext.define('saas.view.main.Navigation', {
|
|
|
},
|
|
|
{
|
|
|
text: '辅助资料',
|
|
|
- items: [
|
|
|
- {
|
|
|
+ items: [{
|
|
|
text: '客户类别',
|
|
|
viewType: 'document-kind',
|
|
|
leaf: true
|
|
|
@@ -161,22 +287,22 @@ Ext.define('saas.view.main.Navigation', {
|
|
|
]
|
|
|
}]
|
|
|
}),
|
|
|
- tpl : new Ext.XTemplate('<ul class="x-navlist">',
|
|
|
+ tpl: new Ext.XTemplate('<ul class="x-navlist">',
|
|
|
'<tpl for=".">',
|
|
|
'<li class="x-navitem">',
|
|
|
- '<div class="x-navitem-body">',
|
|
|
- '<div class="nav-inner-wrap" style="margin-left: 0px;">',
|
|
|
- '<div class="nav-inner-icon {iconCls}"></div>',
|
|
|
- '<div class="nav-inner-text">{text}</div>',
|
|
|
- '</div>',
|
|
|
+ '<div class="x-navitem-body">',
|
|
|
+ '<div class="nav-inner-wrap" style="margin-left: 0px;">',
|
|
|
+ '<div class="nav-inner-icon {iconCls}"></div>',
|
|
|
+ '<div class="nav-inner-text">{text}</div>',
|
|
|
+ '</div>',
|
|
|
'</li>',
|
|
|
'</tpl>',
|
|
|
- '</ul>'),
|
|
|
+ '</ul>'),
|
|
|
trackOver: true,
|
|
|
- overItemCls : 'x-navitem-over',
|
|
|
- selectedClass : 'x-navitem-selected',
|
|
|
- singleSelect : true,
|
|
|
- itemSelector : '.x-navitem',
|
|
|
+ overItemCls: 'x-navitem-over',
|
|
|
+ selectedClass: 'x-navitem-selected',
|
|
|
+ singleSelect: true,
|
|
|
+ itemSelector: '.x-navitem',
|
|
|
listeners: {
|
|
|
itemmouseenter: me.showNavMenu,
|
|
|
itemmouseleave: me.hideNavMenu,
|
|
|
@@ -193,98 +319,108 @@ Ext.define('saas.view.main.Navigation', {
|
|
|
me.callParent();
|
|
|
},
|
|
|
|
|
|
- clickNavMenu: function(view, record, item, index, e, eOpts) {
|
|
|
+ clickNavMenu: function (view, record, item, index, e, eOpts) {
|
|
|
var me = this;
|
|
|
this.showNavMenu(view, record, item, index, e, eOpts);
|
|
|
},
|
|
|
|
|
|
- showNavMenu: function(view, record, item, index, e, eOpts) {
|
|
|
+ showNavMenu: function (view, record, item, index, e, eOpts) {
|
|
|
var recData = record.data,
|
|
|
- menuItems = recData.items || [],
|
|
|
- itemBox = item.getBoundingClientRect(),
|
|
|
- pos = [itemBox.left + itemBox.width, itemBox.top],
|
|
|
- id = recData.id,
|
|
|
- menuId = 'navMenu-' + id,
|
|
|
- menu = Ext.getCmp(menuId);
|
|
|
+ menuItems = recData.items || [],
|
|
|
+ itemBox = item.getBoundingClientRect(),
|
|
|
+ pos = [itemBox.left + itemBox.width, itemBox.top],
|
|
|
+ id = recData.id,
|
|
|
+ menuId = 'navMenu-' + id,
|
|
|
+ menu = Ext.getCmp(menuId);
|
|
|
|
|
|
- if(!menu) {
|
|
|
+ if (!menu) {
|
|
|
var view = new Ext.DataView({
|
|
|
- store : Ext.create('Ext.data.Store', {
|
|
|
- fields: ['id', 'text', 'addType', 'viewType'],
|
|
|
- data: menuItems
|
|
|
+ store: Ext.create('Ext.data.Store', {
|
|
|
+ fields: ['id', 'text', 'addType', 'viewType'],
|
|
|
+ data: menuItems
|
|
|
}),
|
|
|
tpl: new Ext.XTemplate('<div class="x-navitem-menu">',
|
|
|
'<div class="nav-menu-body">',
|
|
|
- '<tpl for=".">',
|
|
|
- '<div class="menu">',
|
|
|
- '<h3 class="menu-title">{text}</h3>',
|
|
|
- '<div class="menu-content">',
|
|
|
- '<tpl for="items">',
|
|
|
- '<div class="menuitem">',
|
|
|
- '<div class="item-text" title="{text}" data-id="{id}" data-text="{text}" data-type="query" data-viewType="{viewType}">',
|
|
|
- '{text}',
|
|
|
- '</div>',
|
|
|
- '<tpl if="{addType}">',
|
|
|
- '<div class="item-icon" data-id="{id}" data-text="{text}" data-type="form" data-viewType="{addType}">新增</div>',
|
|
|
- '</tpl>',
|
|
|
- '</div>',
|
|
|
- '</tpl>',
|
|
|
- '</div>',
|
|
|
- '</div>',
|
|
|
- '</tpl>',
|
|
|
+ '<tpl for=".">',
|
|
|
+ '<div class="menu">',
|
|
|
+ '<h3 class="menu-title">{text}</h3>',
|
|
|
+ '<div class="menu-content">',
|
|
|
+ '<tpl for="items">',
|
|
|
+ '<div class="menuitem">',
|
|
|
+ '<div class="item-text" title="{text}" data-id="{id}" data-text="{text}" data-type="query" data-viewType="{viewType}">',
|
|
|
+ '{text}',
|
|
|
'</div>',
|
|
|
- '</div>'),
|
|
|
+ '<tpl if="{addType}">',
|
|
|
+ '<div class="item-icon" data-id="{id}" data-text="{text}" data-type="form" data-viewType="{addType}">新增</div>',
|
|
|
+ '</tpl>',
|
|
|
+ '</div>',
|
|
|
+ '</tpl>',
|
|
|
+ '</div>',
|
|
|
+ '</div>',
|
|
|
+ '</tpl>',
|
|
|
+ '</div>',
|
|
|
+ '</div>'),
|
|
|
trackOver: true,
|
|
|
- overItemCls : 'menuitem-over',
|
|
|
- selectedClass : 'menuitem-selected',
|
|
|
- singleSelect : true,
|
|
|
- itemSelector : 'menu',
|
|
|
+ overItemCls: 'menuitem-over',
|
|
|
+ selectedClass: 'menuitem-selected',
|
|
|
+ singleSelect: true,
|
|
|
+ itemSelector: 'menu',
|
|
|
listeners: {
|
|
|
- boxready: function(view, width, height, eOpts) {
|
|
|
+ boxready: function (view, width, height, eOpts) {
|
|
|
var menu = view.up('menu'),
|
|
|
- menuView = view.el.dom.getElementsByClassName('x-navitem-menu')[0],
|
|
|
- menuBox = menuView.getBoundingClientRect(),
|
|
|
- menuViewWidth = menuBox.width,
|
|
|
- menuViewHeight = menuBox.height,
|
|
|
- menuItem = menuView.getElementsByClassName('menuitem');
|
|
|
-
|
|
|
+ menuView = view.el.dom.getElementsByClassName('x-navitem-menu')[0],
|
|
|
+ menuBox = menuView.getBoundingClientRect(),
|
|
|
+ menuViewWidth = menuBox.width,
|
|
|
+ menuViewHeight = menuBox.height,
|
|
|
+ menuItem = menuView.getElementsByClassName('menuitem');
|
|
|
+
|
|
|
menu.setWidth(menuViewWidth);
|
|
|
menu.setHeight(menuViewHeight);
|
|
|
menu.updateLayout();
|
|
|
|
|
|
- view.el.dom.addEventListener('mouseleave', function(e) {
|
|
|
+ view.el.dom.addEventListener('mouseleave', function (e) {
|
|
|
var ex = e.clientX,
|
|
|
- ey = e.clientY,
|
|
|
- box = menuView.getBoundingClientRect();
|
|
|
+ ey = e.clientY,
|
|
|
+ box = menuView.getBoundingClientRect();
|
|
|
|
|
|
- if(ey <= box.top || ex >= (box.left + box.width) || ey >= (box.top + box.height) || (ex <= box.left && ey >= (box.top + 64))) {
|
|
|
+ if (ey <= box.top || ex >= (box.left + box.width) || ey >= (box.top + box.height) || (ex <= box.left && ey >= (box.top + 64))) {
|
|
|
menu.hide();
|
|
|
}
|
|
|
});
|
|
|
|
|
|
- Ext.Array.each(menuItem, function(mi) {
|
|
|
+ Ext.Array.each(menuItem, function (mi) {
|
|
|
var menuItemText = mi.getElementsByClassName('item-text');
|
|
|
var menuItemIcon = mi.getElementsByClassName('item-icon');
|
|
|
|
|
|
- Ext.Array.each(menuItemText, function(item) {
|
|
|
- item.addEventListener('click', function(e) {
|
|
|
+ Ext.Array.each(menuItemText, function (item) {
|
|
|
+ item.addEventListener('click', function (e) {
|
|
|
var target = e.target,
|
|
|
- dataset = target.dataset;
|
|
|
- mainView = Ext.getCmp('mainView'),
|
|
|
- controller = mainView.getController();
|
|
|
+ dataset = target.dataset,
|
|
|
+ viewType = dataset.viewtype,
|
|
|
+ type = dataset.type,
|
|
|
+ text = dataset.text,
|
|
|
+ id = dataset.id;
|
|
|
+
|
|
|
+ var tabTitle = text + (type == 'form' ? '' : '查询'),
|
|
|
+ tabId = 'maintab-' + type + '-' + id;
|
|
|
|
|
|
- controller.setActiveTab(dataset);
|
|
|
+ openTab(viewType, tabTitle, tabId);
|
|
|
menu.hide();
|
|
|
});
|
|
|
});
|
|
|
- Ext.Array.each(menuItemIcon, function(item) {
|
|
|
- item.addEventListener('click', function(e) {
|
|
|
+ Ext.Array.each(menuItemIcon, function (item) {
|
|
|
+ item.addEventListener('click', function (e) {
|
|
|
var target = e.target,
|
|
|
- dataset = target.dataset;
|
|
|
- mainView = Ext.getCmp('mainView'),
|
|
|
- controller = mainView.getController();
|
|
|
+ dataset = target.dataset,
|
|
|
+ viewType = dataset.viewtype,
|
|
|
+ type = dataset.type,
|
|
|
+ text = dataset.text,
|
|
|
+ id = dataset.id;
|
|
|
+
|
|
|
+ var tabTitle = text + (type == 'form' ? '' : '查询'),
|
|
|
+ tabId = 'maintab-' + type + '-' + id;
|
|
|
|
|
|
- controller.setActiveTab(dataset);
|
|
|
+ openTab(viewType, tabTitle, tabId);
|
|
|
menu.hide();
|
|
|
});
|
|
|
});
|
|
|
@@ -305,17 +441,17 @@ Ext.define('saas.view.main.Navigation', {
|
|
|
menu.showAt(pos);
|
|
|
},
|
|
|
|
|
|
- hideNavMenu: function(view, record, item, index, e, eOpts) {
|
|
|
+ hideNavMenu: function (view, record, item, index, e, eOpts) {
|
|
|
var recData = record.data,
|
|
|
- cx = e.browserEvent.clientX,
|
|
|
- cy = e.browserEvent.clientY,
|
|
|
- itemBox = item.getBoundingClientRect(),
|
|
|
- id = recData.id,
|
|
|
- menuId = 'navMenu-' + id,
|
|
|
- menu = Ext.getCmp(menuId);
|
|
|
+ cx = e.browserEvent.clientX,
|
|
|
+ cy = e.browserEvent.clientY,
|
|
|
+ itemBox = item.getBoundingClientRect(),
|
|
|
+ id = recData.id,
|
|
|
+ menuId = 'navMenu-' + id,
|
|
|
+ menu = Ext.getCmp(menuId);
|
|
|
|
|
|
- if(cx <= itemBox.left || cy <= itemBox.top || cy >= (itemBox.top + itemBox.height)) {
|
|
|
- if(menu) {
|
|
|
+ if (cx <= itemBox.left || cy <= itemBox.top || cy >= (itemBox.top + itemBox.height)) {
|
|
|
+ if (menu) {
|
|
|
menu.hide();
|
|
|
}
|
|
|
}
|