每日销量与欠货量统计 - 产品尺寸及总销售明细

/\n * 每日销量与欠货量统计\n */\nExt.define("Erp.view.finance.dialog.ProductOfSizeAndTotalSalesDetail", {\n extend: 'Erp.ux.Window',\n requires: ["Erp.ux.Window", "Erp.ux.ComboBoxTree", "Erp.model.store.ClassifyTree"],\n xtype: 'product-of-size-and-total-sales-detail-win',\n\n title: '销量统计',\n /\n * 初始化配置\n * @private\n */\n _initConfig() {\n this.doSearch()\n this._items()\n\n },\n productSkcId:null,\n width: "100%",\n height: "100%",\n maxWidth: '100%',\n maxHeight: '100%',\n minWidth: '100%',\n minHeight: '100%',\n fields:['VALUE'],\n tag:null,\n plain: true,\n modal: true,\n seriesSize: [],\n series: [],\n datas:[],\n bodyStyle: "background:white;",\n layout: {\n type: 'vbox',\n },\n\n draggable: false,\n\n $data: {},\n items: [],\n\n\n\n /\n * 容器\n * @private\n */\n _items() {\n let me = this;\n this.items = [\n {\n height: "10%",\n region: "north",\n items: [{\n xtype: "ux-combobox",\n itemId: "dimensionId",\n values: [['1', '总体'], ['2', '尺码总体']],\n value: "1",\n listeners: {\n change: function (field, newValue) {\n var chart = me.down("#chartId");\n\n me.series = me.getSeries(newValue)\n chart.series = new Ext.util.MixedCollection(false, function (a) {\n return a.seriesId || (a.seriesId = Ext.id(null, 'ext-chart-series-'));\n });\n\n if (me.series) {\n me.refresh(chart);\n chart.series.clear();\n chart.series.addAll(me.series);\n }\n chart.getStore().load();\n }\n }\n }]\n },\n {\n height: "30%",\n region: "north",\n xtype: 'chart',\n itemId: "chartId",\n shadow: true,\n animate: true,// 是否支持动态数据变化\n legend: {\n position: 'bottom',\n },\n store: Ext.create("Ext.data.Store", {\n fields: me.fields,\n timeout: 600000,\n proxy: {\n type: 'ajax',\n url: ctx + '/pdd/pdd-owe-goods-management/get-line-data-of-sku-size',\n reader: {\n type: 'json',\n root: 'result'\n }\n },\n autoLoad: true,\n listeners: {\n "beforeload": function (store, operation, eOpts) {\n var new_params = {\n productSkcId:me.productSkcId,\n dimensionId:me.down("#dimensionId").getValue()\n };\n Ext.apply(store.proxy.extraParams, new_params);\n },\n }\n }),\n axes: [{\n type: 'Numeric',\n position: 'left',\n title: false,\n grid: true\n }, {\n type: 'Category',\n position: 'bottom',\n fields: 'REPORT_DATE',\n title: false\n }],\n series: me.series,\n\n }\n ]\n },\n\n getSeries: function (selectType) {\n var me = this;\n let defaultArrays = [\n {\n type: "line",\n axis: ['left', 'bottom'],\n xField: 'REPORT_DATE',\n yField: "VALUE",\n title: '销量',\n markerConfig: { // 详细参数请参考API\n radius: 3\n // 曲线图上点的样式\n },\n label: {\n field: 'lable',\n display: 'over'\n },\n tips: {\n trackMouse: true,\n autoShow: false,\n width: 157,\n renderer: function (storeItem, item) {\n this.setTitle(\n <p>销量：${storeItem.get('VALUE')}</p>\n );\n }\n }\n }\n ]\n\n let siezeArrays = [];\n\n let size = me.seriesSize;\n for (let i = 0; i < size.length; i++) {\n siezeArrays.push({\n type: "line",\n axis: ['left', 'bottom'],\n xField: 'REPORT_DATE',\n yField: size[i],\n title: size[i],\n markerConfig: { // 详细参数请参考API\n radius: 3\n // 曲线图上点的样式\n },\n label: {\n field: 'lable',\n display: 'over'\n },\n tips: {\n trackMouse: true,\n autoShow: false,\n width: 157,\n renderer: function (storeItem, item) {\n debugger\n let title = '';\n for (let j = 0; j <size.length; j++) {\n title += <p>${size[j]}:${storeItem.get(size[j])}</p>\n }\n this.setTitle(title);\n }\n }\n },)\n }\n return selectType == '1' ? defaultArrays : siezeArrays;\n },\n\n refresh: function (chart) {\n let ls = chart.legend.items;\n for (let i = 0; i < ls.length; i++) {\n let l = ls[i];\n l.series.hideAll();\n l.label.setAttributes({opacity: 0.5}, true);\n }\n },\n /\n * 查询\n */\n doSearch() {\n let me = this;\n me.series = this.getSeries('1');\n me.seriesSize = [];//重置尺码使用\n Utils.Context.request({\n url: ctx + '/pdd/pdd-owe-goods-management/get-line-data-leg',\n params:{\n productSkcId:me.productSkcId\n },\n success:function (chartsData){\n if(!chartsData){\n Ext.Msg.alert('提示', '暂无数据展示')\n return\n }\n me.fields = chartsData;\n me.seriesSize = chartsData;\n }\n })\n },\n\n\n})\n