\n \n \n \n Report Mutasi Stock
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n
\n \n \n \n \n \n\n
\n \n \n \n \n \n \n \n
\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MutasiStockReport.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MutasiStockReport.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MutasiStockReport.vue?vue&type=template&id=1800fce4&scoped=true\"\nimport script from \"./MutasiStockReport.vue?vue&type=script&lang=js\"\nexport * from \"./MutasiStockReport.vue?vue&type=script&lang=js\"\nimport style0 from \"./MutasiStockReport.vue?vue&type=style&index=0&id=1800fce4&prod&scoped=true&lang=css\"\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 \"1800fce4\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('CCard',{staticClass:\"w-100\"},[_c('CCardHeader',[_c('h2',[_vm._v(\"Reporting Maintenance\")])]),_c('CCardBody',[_c('CRow',[_c('CCol',{staticClass:\"sm-3\"},[_c('CRow',[_c('CCol',{staticClass:\"sm-2\"},[_c('label',{staticClass:\"form-label font-weight-bold\"},[_vm._v(\"Tipe Tanggal\")]),_c('label',{staticClass:\"form-label font-weight-bold\",staticStyle:{\"float\":\"right\"}},[_vm._v(\": \")])]),_c('CCol',{staticClass:\"sm-3\"},[_c('CSelect',{staticClass:\"font-weight-bold\",attrs:{\"id\":\"DateType\",\"options\":_vm.DateTypeData,\"value\":_vm.DateType},on:{\"change\":function($event){return _vm.onChangeDateType()},\"update:value\":function($event){_vm.DateType=$event}}}),_c('label',{staticClass:\"form-error pb-2\",staticStyle:{\"display\":\"none\",\"color\":\"red\"},attrs:{\"id\":\"errorDateType\"}})],1)],1),_c('CRow',[_c('CCol',{staticClass:\"sm-2\"},[_c('label',{staticClass:\"form-label font-weight-bold\"},[_vm._v(\"Mesin\")]),_c('label',{staticClass:\"form-label font-weight-bold\",staticStyle:{\"float\":\"right\"}},[_vm._v(\": \")])]),_c('CCol',{staticClass:\"sm-3\"},[_c('CSelect',{staticClass:\"font-weight-bold\",attrs:{\"id\":\"Machine\",\"options\":_vm.MachineData,\"value\":_vm.Machine},on:{\"change\":function($event){return _vm.onChangeMachine()},\"update:value\":function($event){_vm.Machine=$event}}}),_c('label',{staticClass:\"form-error pb-2\",staticStyle:{\"display\":\"none\",\"color\":\"red\"},attrs:{\"id\":\"errorMachine\"}})],1)],1)],1),_c('CCol',{staticClass:\"sm-3\"},[_c('CRow',[_c('CCol',{staticClass:\"sm-2\"},[_c('label',{staticClass:\"form-label font-weight-bold\"},[_vm._v(\"Tanggal Mulai\")]),_c('label',{staticClass:\"form-label font-weight-bold\",staticStyle:{\"float\":\"right\"}},[_vm._v(\": \")])]),_c('CCol',{staticClass:\"sm-3\"},[_c('date-picker',{staticStyle:{\"width\":\"100%\"},attrs:{\"format\":\"DD MMM YYYY\",\"type\":\"date\",\"placeholder\":\"Pilih tanggal\",\"value-type\":\"YYYY-MM-DD\",\"clearable\":false},on:{\"change\":_vm.onChangeDateFrom},model:{value:(_vm.DateFrom),callback:function ($$v) {_vm.DateFrom=$$v},expression:\"DateFrom\"}}),_c('label',{staticClass:\"form-error pb-2\",staticStyle:{\"display\":\"none\",\"color\":\"red\"},attrs:{\"id\":\"errorDateFrom\"}})],1)],1)],1),_c('CCol',{staticClass:\"sm-3\"},[_c('CRow',[_c('CCol',{staticClass:\"sm-2\"},[_c('label',{staticClass:\"form-label font-weight-bold\"},[_vm._v(\"Tanggal Akhir\")]),_c('label',{staticClass:\"form-label font-weight-bold\",staticStyle:{\"float\":\"right\"}},[_vm._v(\": \")])]),_c('CCol',{staticClass:\"sm-3\"},[_c('date-picker',{staticStyle:{\"width\":\"100%\"},attrs:{\"format\":\"DD MMM YYYY\",\"type\":\"date\",\"placeholder\":\"Pilih tanggal\",\"value-type\":\"YYYY-MM-DD\",\"clearable\":false},on:{\"change\":_vm.onChangeDateTo},model:{value:(_vm.DateTo),callback:function ($$v) {_vm.DateTo=$$v},expression:\"DateTo\"}}),_c('label',{staticClass:\"form-error pb-2\",staticStyle:{\"display\":\"none\",\"color\":\"red\"},attrs:{\"id\":\"errorDateTo\"}})],1)],1)],1)],1),_c('hr'),_c('CRow',[_c('CCol',{staticClass:\"sm-3\"},[_c('button',{staticClass:\"btn btn-primary\",staticStyle:{\"float\":\"left\"},attrs:{\"id\":\"view\"},on:{\"click\":function($event){return _vm.exportExcel()}}},[_c('i',{staticClass:\"fa fa-file-excel-o\"}),_vm._v(\" Excel \")])])],1),_c('hr'),_c('CRow',[_c('CCol',[_c('maintenance-report-grid',{key:_vm.gridReload,ref:\"maintenanceReportGrid\",attrs:{\"dateTo\":_vm.DateToChangest,\"dateFrom\":_vm.DateFromChangest,\"machine\":_vm.MachineChangest}})],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import gql from 'graphql-tag';\nimport { globalfunc } from '../../../../shared/GlobalFunction.js';\nimport moment from 'moment';\n\nclass MaintenanceService {\n readQuery(){\n var query = `\n query ($startDate:String!, $endDate:String!, $machineId:Int!) {\n GetMaintenanceReport(start_date:$startDate, end_date:$endDate, machine_id:$machineId) {\n maintenance_code\n maintenance_type\n downtime\n maintenance_date\n maintenance_end_date\n notes\n product_code\n item_name\n quantity\n type_detail\n approved_by\n } \n }\n `;\n return query;\n }\n\n async getMachineQuery(){\n var query = gql`\n query {\n GetMachine {\n machine {\n machine_id\n machine_code\n machine_name\n }\n }\n }\n `;\n var result = await globalfunc.defaultApolloQueryDefault(query);\n var arrayData = [];\n\n if (result.data.GetMachine != null) {\n for (let i = 0; i < result.data.GetMachine.machine.length; i++) {\n var str = { \n value: result.data.GetMachine.machine[i].machine_id, \n label: result.data.GetMachine.machine[i].machine_code + ' (' + result.data.GetMachine.machine[i].machine_name + ')'\n }\n arrayData.push(str);\n }\n }\n return arrayData;\n } \n\n maintenanceReportExcelHeaderSize(){\n var size = [\n {width: 25}, //colA\n {width: 25}, //colB\n {width: 25}, //colC\n {width: 25}, //colD\n {width: 25}, //colE\n {width: 25}, //colF\n {width: 25}, //colG\n {width: 25}, //colH\n {width: 25}, //colI\n {width: 25}, //colJ\n {width: 25}, //colK\n ];\n return size;\n }\n\n maintenanceReportExcel(data, variables){\n var arrayObject = [];\n var date = 'Tanggal ' + moment(variables.startDate).format('DD MMM YYYY') + ' - ' + moment(variables.endDate).format('DD MMM YYYY');\n var numberFormat = '_(* #,##0.00_);_(* (#,##0.00);_(* \"-\"_);_(@_)';\n\n var startIndex = 6;\n var lastIndex = startIndex;\n\n if(data != null){\n lastIndex = lastIndex + data.length - 1;\n }\n\n //Header\n var row1 = {colA : 'PT BOJONG WESTPLAS',};\n arrayObject.push(row1);\n\n var row2 = {colA : 'Maintenance Report',};\n arrayObject.push(row2);\n\n var row3 = {colA : date};\n arrayObject.push(row3);\n\n var spaceRow = {colA : null};\n arrayObject.push(spaceRow);\n\n var row6 = {\n colA : 'KODE MAINTENANCE',\n colB : 'TIPE MAINTENANCE',\n colC : 'DOWNTIME',\n colD : 'TANGGAL MAINTENANCE',\n colE : 'TANGGAL SELESAI MAINTENANCE',\n colF : 'KODE BARANG',\n colG : 'NAMA BARANG',\n colH : 'QUANTITY',\n colI : 'TIPE DETAIL',\n colJ : 'CATATAN',\n colK : 'APPROVE OLEH',\n };\n arrayObject.push(row6);\n\n if(data != null){\n for (let i = 0; i < data.length; i++){\n var row = {\n colA : data[i].maintenance_code,\n colB : data[i].maintenance_type,\n colC : { v: data[i].downtime, z: numberFormat },\n colD : kendo.toString(kendo.parseDate(data[i].maintenance_date, 'yyyy-MM-dd'), 'dd-MM-yyyy'),\n colE : kendo.toString(kendo.parseDate(data[i].maintenance_end_date, 'yyyy-MM-dd'), 'dd-MM-yyyy'),\n colF : data[i].product_code,\n colG : data[i].item_name,\n colH : { v: data[i].quantity, z: numberFormat },\n colI : data[i].type_detail,\n colJ : data[i].notes,\n colK : data[i].approved_by,\n };\n \n arrayObject.push(row);\n }\n }\n\n return arrayObject;\n }\n}\n\n\nexport default new MaintenanceService();","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('kendo-grid',{ref:\"grid\",attrs:{\"data-source\":_vm.MaintenanceReport,\"filterable\":_vm.filterableConfig,\"sortable\":true,\"pageable\":_vm.pageableConfig,\"columns\":_vm.columns,\"resizable\":true}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","