{"version":3,"sources":["webpack:///C:/Users/tom/OneDrive/Works/_孚鴻/科嶠工業/win/SNTCloud.Web/src/views/CostAnalysis.vue?b012","webpack:///C:/Users/tom/OneDrive/Works/_孚鴻/科嶠工業/win/SNTCloud.Web/src/views/CostAnalysis.js","webpack:///C:/Users/tom/OneDrive/Works/_孚鴻/科嶠工業/win/SNTCloud.Web/src/views/CostAnalysis.js?bb5f","webpack:///C:/Users/tom/OneDrive/Works/_孚鴻/科嶠工業/win/SNTCloud.Web/src/views/CostAnalysis.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_e","_m","attrs","_s","Time","staticRenderFns","staticStyle","name","data","Detail","mounted","window","model","load","methods","$api","getCostAnalysis","result","col","title","type","row","meta","Month","Column","push","Quanrter","Year","createDataTable","Data","bSort","searching","paging","bInfo","buttons","extend","className","autoFilter","text","exportCSV","$","trigger","exportExcel","showDetail","time","getRandomColor","letters","color","i","Math","floor","random","console","log","getCostAnalysisData","key","cols","Last","Current","Percent","chartContainer","empty","append","labels","backgroundColor","Chart","ctx","document","getElementById","datasets","responsive","options","legend","display","position","fontSize","fontStyle","fontColor","fontFamily","padding","boxWidth","modal","component"],"mappings":"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","file":"js/chunk-2d0d0177.ac6d1fb5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main clearfix\"},[_c('div',{staticClass:\"page-class-production-cost-list container-fluid\"},[_c('div',{staticClass:\"page-header has-btns-group clearfix\"},[_c('div',{staticClass:\"page-title pull-left\"},[_vm._v(\"生產成本分析查詢\")]),(false)?_c('div',{staticClass:\"btns-group d-flex pull-right\"},[_c('div',{staticClass:\"btn btn-md btn-primary-orange mg-right-12\",on:{\"click\":function($event){return _vm.exportCSV()}}},[_vm._v(\"匯出CSV\")]),_c('div',{staticClass:\"btn btn-md btn-primary-green\",on:{\"click\":function($event){return _vm.exportExcel()}}},[_vm._v(\"匯出Excel\")])]):_vm._e()]),_vm._m(0),_vm._m(1)]),_c('div',{staticClass:\"modal fade\",attrs:{\"id\":\"modal-product-cost-analysis\"}},[_c('div',{staticClass:\"modal-dialog modal-md\"},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-header tac clearfix\"},[_c('h4',{staticClass:\"modal-title fw-b tac\"},[_vm._v(\"生產成本分析表 - \"+_vm._s(_vm.Time)+\"報表\")]),_c('div',{staticClass:\"btn-close-sm pull-right\",attrs:{\"data-dismiss\":\"modal\",\"aria-label\":\"Close\"}})]),_vm._m(2)])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"tab-menu mg-top-24\"},[_c('li',{staticClass:\"active\"},[_c('a',{attrs:{\"href\":\"#tabpane01\",\"aria-controls\":\"tabpane01\",\"role\":\"tab\",\"data-toggle\":\"tab\"}},[_vm._v(\"月報表\")])]),_c('li',[_c('a',{attrs:{\"href\":\"#tabpane02\",\"aria-controls\":\"tabpane02\",\"role\":\"tab\",\"data-toggle\":\"tab\"}},[_vm._v(\"季報表\")])]),_c('li',[_c('a',{attrs:{\"href\":\"#tabpane03\",\"aria-controls\":\"tabpane03\",\"role\":\"tab\",\"data-toggle\":\"tab\"}},[_vm._v(\"年報表\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tab-content mg-top-24\"},[_c('div',{staticClass:\"tab-pane fade in active\",attrs:{\"id\":\"tabpane01\"}},[_c('div',{attrs:{\"id\":\"tableMonth\"}})]),_c('div',{staticClass:\"tab-pane fade\",attrs:{\"id\":\"tabpane02\"}},[_c('div',{attrs:{\"id\":\"tableQuanrter\"}})]),_c('div',{staticClass:\"tab-pane fade\",attrs:{\"id\":\"tabpane03\"}},[_c('div',{attrs:{\"id\":\"tableYear\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal-body\"},[_c('div',{attrs:{\"id\":\"tableDialog\"}}),_c('div',{staticClass:\"circle-chart content-box\",staticStyle:{\"padding\":\"0\"}},[_c('div',{staticStyle:{\"margin\":\"0 auto\",\"width\":\"400px\"},attrs:{\"id\":\"canvas-holder\"}},[_c('canvas',{attrs:{\"id\":\"myChart\",\"width\":\"240\",\"height\":\"240\"}})])])])}]\n\nexport { render, staticRenderFns }","export default {\r\n    name: 'CostAnalysis',\r\n    data() {\r\n        return {\r\n            Time: '',\r\n            Detail: null\r\n        };\r\n    },\r\n    mounted() {\r\n        window.model = this;\r\n        this.load();\r\n    },\r\n    methods: {\r\n        async load() {\r\n            var result = await this.$api.getCostAnalysis();\r\n\r\n            var col = {\r\n                title: \"操作\",\r\n                data: \"Time\",\r\n                render(data, type, row, meta) {\r\n                    return `<a class=\"btn btn-md btn-default btn-read-more\" onclick=\"window.model.showDetail('${data}')\">檢視圖表</a>`;\r\n                }\r\n            };\r\n            result.Month.Column.push(col);\r\n            result.Quanrter.Column.push(col);\r\n            result.Year.Column.push(col);\r\n\r\n            this.createDataTable('#tableMonth', result.Month.Column, result.Month.Data, {\r\n                bSort: false, searching: false, paging: false, bInfo :false,\r\n                buttons: [{\r\n                    extend: \"excelHtml5\",\r\n                    className: \"hide\",\r\n                    autoFilter: true,\r\n                    text: \"excel\",\r\n                    title: \"生產成本分析\"\r\n                }, {\r\n                    extend: \"csv\",\r\n                    className: \"hide\",\r\n                    autoFilter: true,\r\n                    text: \"csv\",\r\n                    title: \"生產成本分析\"\r\n                }]\r\n            });\r\n\r\n            this.createDataTable('#tableQuanrter', result.Quanrter.Column, result.Quanrter.Data, {\r\n                bSort: false, searching: false, paging: false, bInfo :false,\r\n                buttons: [{\r\n                    extend: \"excelHtml5\",\r\n                    className: \"hide\",\r\n                    autoFilter: true,\r\n                    text: \"excel\",\r\n                    title: \"生產成本分析\"\r\n                }, {\r\n                    extend: \"csv\",\r\n                    className: \"hide\",\r\n                    autoFilter: true,\r\n                    text: \"csv\",\r\n                    title: \"生產成本分析\"\r\n                }]\r\n            });\r\n\r\n            this.createDataTable('#tableYear', result.Year.Column, result.Year.Data, {\r\n                bSort: false, searching: false, paging: false, bInfo :false,\r\n                buttons: [{\r\n                    extend: \"excelHtml5\",\r\n                    className: \"hide\",\r\n                    autoFilter: true,\r\n                    text: \"excel\",\r\n                    title: \"生產成本分析\"\r\n                }, {\r\n                    extend: \"csv\",\r\n                    className: \"hide\",\r\n                    autoFilter: true,\r\n                    text: \"csv\",\r\n                    title: \"生產成本分析\"\r\n                }]\r\n            });\r\n        },\r\n        exportCSV() {\r\n            $('.tab-pane.active button.buttons-csv').trigger('click');\r\n        },\r\n        exportExcel() {\r\n            $('.tab-pane.active button.buttons-excel').trigger('click');\r\n        },\r\n        async showDetail(time) {\r\n            console.log(time)\r\n            var result = await this.$api.getCostAnalysisData(time);\r\n            this.Time = time;\r\n            var cols = [\r\n                {\r\n                    title: \"\",\r\n                    data: \"Name\"\r\n                },\r\n                {\r\n                    title: result.Last,\r\n                    data: \"LastMonth\"\r\n                },\r\n                {\r\n                    title: \"成本增減比\",\r\n                    data: \"UpDown\"\r\n                },\r\n                {\r\n                    title: result.Current,\r\n                    data: \"ThisMonth\"\r\n                },\r\n                {\r\n                    title: result.Percent,\r\n                    data: \"ThisPercent\"\r\n                }\r\n            ];\r\n            this.createDataTable('#tableDialog', cols, result.Data.Data, { bSort: false, searching: false, paging: false, bInfo :false });\r\n\r\n            function getRandomColor() {\r\n                var letters = '0123456789ABCDEF';\r\n                var color = '#';\r\n                for (var i = 0; i < 6; i++) {\r\n                    color += letters[Math.floor(Math.random() * 16)];\r\n                }\r\n                return color;\r\n            }\r\n\r\n            var chartContainer = $('#canvas-holder');\r\n            chartContainer.empty();\r\n            chartContainer.append(`<canvas id=\"myChart\" width=\"240\" height=\"240\"></canvas>`);\r\n            var labels = [];\r\n            var data = [];\r\n            var backgroundColor = [];\r\n\r\n            for(var key in result.Data.Chart){\r\n                labels.push(key);\r\n                data.push(result.Data.Chart[key]);\r\n                backgroundColor.push(getRandomColor())\r\n            }\r\n\r\n            var ctx = document.getElementById('myChart');\r\n            var myChart = new Chart(ctx, {\r\n                type: 'pie',\r\n                data: {\r\n                    labels: labels,\r\n                    datasets: [{\r\n                        data: data,\r\n                        backgroundColor: backgroundColor,\r\n                        responsive: true\r\n                    }]\r\n                },\r\n\r\n\r\n                options: {\r\n                    legend: {\r\n                        display: true,\r\n                        position: 'right',\r\n                        labels: {\r\n                            fontSize: 12,\r\n                            fontStyle: 'bold',\r\n                            fontColor: '#fff',\r\n                            fontFamily: 'Microsoft JhengHei',\r\n                            padding: 30,\r\n                            boxWidth: 24\r\n                        }\r\n                    },\r\n                }\r\n\r\n            });\r\n            window.$('#modal-product-cost-analysis').modal();\r\n        }\r\n    }\r\n}","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!./CostAnalysis.js?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!./CostAnalysis.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CostAnalysis.vue?vue&type=template&id=3cbd394e&\"\nimport script from \"./CostAnalysis.js?vue&type=script&lang=js&\"\nexport * from \"./CostAnalysis.js?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}