{"version":3,"sources":["webpack:///./src/assets/banners/11-22_728_x_90-ServicePortal.png","webpack:///./src/components/parts_usage_stepper/index.vue?bde5","webpack:///./src/views/parts_usage/index.vue?9d63","webpack:///./src/views/parts_usage/index.vue?0660","webpack:///./src/components/parts_usage_stepper/index.vue?0167","webpack:///./src/components/parts_usage_stepper/usage_report.vue?469e","webpack:///src/components/parts_usage_stepper/usage_report.vue","webpack:///./src/components/parts_usage_stepper/usage_report.vue?beac","webpack:///./src/components/parts_usage_stepper/usage_report.vue","webpack:///src/components/parts_usage_stepper/index.vue","webpack:///./src/components/parts_usage_stepper/index.vue?d715","webpack:///./src/components/parts_usage_stepper/index.vue","webpack:///src/views/parts_usage/index.vue","webpack:///./src/views/parts_usage/index.vue?b014","webpack:///./src/views/parts_usage/index.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","noOrgInfo","$apollo","loading","staticStyle","noModels","errors","_e","models","_v","on","toRegister","_s","errorMessage","staticRenderFns","viewReport","model","value","callback","$$v","e1","expression","$event","slot","_l","item","index","key","iwQty","oowQty","isTraining","getSNList","unitImg","selectedModel","parts","serials","scopedSlots","_u","fn","ref","sn","assetTag","selectedSerials","headers","useParts","smId","partSpec","invQty","_b","snackbar","snackbarMessage","search","panel","$emit","exportReport","querySMCustomerPartsUsage","Date","lastReplenishedDate","toLocaleString","name","apollo","query","variables","queryAll","props","data","text","align","sortable","methods","downloadJsonAsExcel","Customer","ModelFamily","PartNumber","Category","PartSpec","ReceivedQty","UsedQty","StockQty","LastReplenishedDate","e","component","components","UsageReport","type","required","querySMInv","skip","update","stock","loader","useItems","computed","process","fileName","then","partName","quantity","mutate","mutation","catch","PartsUsageStepper","OrgOverlay","queryOrg","querySMModel","created","path"],"mappings":"mGAAAA,EAAOC,QAAU,IAA0B,iD,gFCA3C,W,kCCAA,W,yCCAA,I,cAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAcC,MAAM,CAAC,GAAK,mBAAmB,CAACH,EAAG,YAAY,CAACG,MAAM,CAAC,UAAW,EAAK,MAAQP,EAAIQ,YAAY,CAACJ,EAAG,gBAAgB,GAAGA,EAAG,YAAY,CAACG,MAAM,CAAC,UAAW,EAAK,MAAQP,EAAIS,QAAQC,UAAU,CAACN,EAAG,sBAAsB,CAACG,MAAM,CAAC,cAAgB,GAAG,MAAQ,cAAc,GAAGH,EAAG,cAAc,CAACA,EAAG,eAAe,CAACO,YAAY,CAAC,QAAU,QAAQ,OAAS,QAAQJ,MAAM,CAAC,YAAY,OAAO,MAAQ,SAAS,CAAGP,EAAIY,UAAaZ,EAAIa,OAAgEb,EAAIc,KAA5DV,EAAG,sBAAsB,CAACG,MAAM,CAAC,OAASP,EAAIe,UAAoBf,EAAY,SAAEI,EAAG,SAAS,CAACO,YAAY,CAAC,aAAa,SAAS,CAACP,EAAG,eAAe,CAACE,YAAY,WAAW,CAACN,EAAIgB,GAAG,6BAA6BZ,EAAG,kBAAkB,CAACJ,EAAIgB,GAAG,8CAA8CZ,EAAG,MAAMJ,EAAIgB,GAAG,kBAAkBZ,EAAG,IAAI,CAACa,GAAG,CAAC,MAAQjB,EAAIkB,aAAa,CAAClB,EAAIgB,GAAG,2CAA6ChB,EAAIgB,GAAG,iCAAiC,GAAGhB,EAAIc,KAAMd,EAAIa,SAAWb,EAAIQ,UAAWJ,EAAG,SAAS,CAACO,YAAY,CAAC,aAAa,SAAS,CAACP,EAAG,eAAe,CAACE,YAAY,WAAW,CAACN,EAAIgB,GAAG,2CAA2CZ,EAAG,kBAAkB,CAACJ,EAAIgB,GAAGhB,EAAImB,GAAGnB,EAAIoB,kBAAkB,GAAGpB,EAAIc,MAAM,IAAI,IAAI,IAChvCO,EAAkB,G,wBCDlB,EAAS,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAAGJ,EAAIsB,WAeqNtB,EAAIc,KAf7MV,EAAG,YAAY,CAACE,YAAY,cAAcK,YAAY,CAAC,WAAa,eAAeY,MAAM,CAACC,MAAOxB,EAAM,GAAEyB,SAAS,SAAUC,GAAM1B,EAAI2B,GAAGD,GAAKE,WAAW,OAAO,CAACxB,EAAG,kBAAkB,CAACA,EAAG,oBAAoB,CAACO,YAAY,CAAC,MAAQ,MAAM,MAAQ,SAASJ,MAAM,CAAC,KAAO,MAAM,CAACH,EAAG,MAAM,CAACG,MAAM,CAAC,GAAK,yBAAyB,CAACH,EAAG,KAAK,CAACE,YAAY,oBAAoB,CAACN,EAAIgB,GAAG,oBAAoBZ,EAAG,KAAK,CAACE,YAAY,oBAAoB,CAACN,EAAIgB,GAAG,cAAcZ,EAAG,KAAK,CAACE,YAAY,sBAAsB,CAACN,EAAIgB,GAAG,0BAA0BZ,EAAG,MAAM,CAACO,YAAY,CAAC,aAAa,SAAS,CAACP,EAAG,QAAQ,CAACG,MAAM,CAAC,MAAQ,UAAU,UAAY,IAAI,SAAW,IAAIU,GAAG,CAAC,MAAQ,SAASY,GAAQ7B,EAAIsB,YAAa,KAAQ,CAAClB,EAAG,sBAAsB,CAACG,MAAM,CAAC,KAAO,SAAS,cAAgB,GAAG,QAAUP,EAAIU,QAAQ,MAAQ,WAAWoB,KAAK,WAAW1B,EAAG,KAAK,CAACE,YAAY,qBAAqB,CAACF,EAAG,IAAI,CAACJ,EAAIgB,GAAG,0BAA0B,GAAGZ,EAAG,MAAM,CAACO,YAAY,CAAC,MAAQ,OAAO,aAAa,SAAS,CAACP,EAAG,IAAI,CAACG,MAAM,CAAC,KAAO,uEAAuE,OAAS,WAAW,CAACH,EAAG,MAAM,CAACO,YAAY,CAAC,MAAQ,OAAOJ,MAAM,CAAC,IAAM,EAAQ,gBAAiE,KAAKH,EAAG,SAAS,CAACE,YAAY,oBAAoBK,YAAY,CAAC,mBAAmB,gBAAgB,CAACP,EAAG,iBAAiB,CAACG,MAAM,CAAC,GAAK,kBAAkB,KAAO,KAAK,CAACH,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,eAAe,CAACN,EAAIgB,GAAG,iBAAiBZ,EAAG,KAAK,CAACE,YAAY,eAAe,CAACN,EAAIgB,GAAG,qBAAqBZ,EAAG,KAAK,CAACE,YAAY,eAAe,CAACN,EAAIgB,GAAG,aAAaZ,EAAG,KAAK,CAACE,YAAY,oBAAoBF,EAAG,QAAQJ,EAAI+B,GAAI/B,EAAU,QAAE,SAASgC,EAAKC,GAAO,OAAO7B,EAAG,KAAK,CAAC8B,IAAID,GAAO,CAAC7B,EAAG,KAAK,CAACE,YAAY,eAAe,CAACN,EAAIgB,GAAG,IAAIhB,EAAImB,GAAGa,EAAKG,UAAU/B,EAAG,KAAK,CAACE,YAAY,eAAe,CAACN,EAAIgB,GAAG,IAAIhB,EAAImB,GAAGa,EAAKI,WAAWhC,EAAG,KAAK,CAACE,YAAY,eAAe,CAACN,EAAIgB,GAAGhB,EAAImB,GAAGa,EAAKT,UAAUnB,EAAG,KAAK,CAACE,YAAY,eAAe,CAACF,EAAG,QAAQ,CAACG,MAAM,CAAC,UAAY,IAAI,MAAQ,UAAU,KAAO,GAAG,SAA0B,IAAfyB,EAAKG,QAAgBnC,EAAIqC,YAAYpB,GAAG,CAAC,MAAQ,SAASY,GAAQ7B,EAAI2B,GAAK,EACloE3B,EAAIsC,UAAUN,EAAKT,UAAU,CAACvB,EAAIgB,GAAG,aAAa,QAAO,MAAM,IAAI,GAAGZ,EAAG,oBAAoB,CAACG,MAAM,CAAC,KAAO,MAAM,CAACH,EAAG,MAAM,CAACE,YAAY,eAAeK,YAAY,CAAC,aAAa,KAAK,OAAS,SAAS,CAACP,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACO,YAAY,CAAC,QAAU,OAAO,iBAAiB,QAAQ,CAACP,EAAG,MAAM,CAACO,YAAY,CAAC,MAAQ,QAAQ,gBAAgB,MAAMJ,MAAM,CAAC,IAAM,EAAQ,WAAwCH,EAAG,MAAM,CAACE,YAAY,wBAAwBK,YAAY,CAAC,aAAa,SAAS,CAACX,EAAIgB,GAAG,mBAAmBZ,EAAG,YAAY,CAACO,YAAY,CAAC,gBAAgB,KAAK,eAAe,UAAUP,EAAG,MAAM,CAACA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACO,YAAY,CAAC,QAAU,OAAO,iBAAiB,QAAQ,CAAEX,EAAiB,cAAEI,EAAG,qBAAqB,CAACG,MAAM,CAAC,KAAO,GAAG,KAAO,UAAU,CAACH,EAAG,QAAQ,CAACO,YAAY,CAAC,YAAY,OAAO,OAAS,QAAQJ,MAAM,CAAC,IAAMP,EAAIuC,YAAY,GAAGvC,EAAIc,KAAKV,EAAG,MAAM,CAACO,YAAY,CAAC,QAAU,OAAO,iBAAiB,WAAW,CAACP,EAAG,KAAK,CAACO,YAAY,CAAC,YAAY,OAAO,iBAAiB,aAAa,CAACX,EAAIgB,GAAG,oBAAoBhB,EAAImB,GAAGnB,EAAIwC,eAAe,OAAOpC,EAAG,IAAI,CAACJ,EAAIgB,GAAG,8FAA8FZ,EAAG,MAAM,CAACO,YAAY,CAAC,QAAU,OAAO,iBAAiB,QAAQ,CAACP,EAAG,QAAQ,CAACO,YAAY,CAAC,eAAe,QAAQJ,MAAM,CAAC,KAAO,GAAG,SAAW,IAAIU,GAAG,CAAC,MAAQ,SAASY,GAAQ7B,EAAI2B,GAAK,EACt1C3B,EAAIwC,cAAgB,KACpBxC,EAAIyC,MAAQ,MAAM,CAACzC,EAAIgB,GAAG,6BAA6B,MAAM,KAAKZ,EAAG,YAAY,CAACO,YAAY,CAAC,gBAAgB,KAAK,eAAe,WAAW,GAAGP,EAAG,KAAK,CAACE,YAAY,oBAAoB,CAACN,EAAIgB,GAAG,6BAA6BZ,EAAG,iBAAiB,CAACG,MAAM,CAAC,MAAQP,EAAI0C,QAAQ,YAAY,KAAK,KAAO,GAAG,UAAY,GAAG,MAAQ,GAAG,OAAS,IAAIC,YAAY3C,EAAI4C,GAAG,CAAC,CAACV,IAAI,OAAOW,GAAG,SAASC,GAC7X,IAAId,EAAOc,EAAId,KACnE,MAAO,CAAC5B,EAAG,sBAAsB,CAACA,EAAG,oBAAoB,CAACJ,EAAIgB,GAAG,IAAIhB,EAAImB,GAAGa,EAAKe,IAAI,OAAO3C,EAAG,uBAAuB,CAACJ,EAAIgB,GAAG,IAAIhB,EAAImB,GAAGa,EAAKgB,UAAU,QAAQ,OAAO,MAAK,EAAM,YAAYzB,MAAM,CAACC,MAAOxB,EAAmB,gBAAEyB,SAAS,SAAUC,GAAM1B,EAAIiD,gBAAgBvB,GAAKE,WAAW,qBAAqBxB,EAAG,eAAe,CAACG,MAAM,CAAC,GAAK,kBAAkB,MAAQ,GAAG,QAAUP,EAAIkD,QAAQ,MAAQlD,EAAIyC,MAAM,iBAAiB,GAAG,WAAW,OAAO,KAAO,IAAIE,YAAY3C,EAAI4C,GAAG,CAAC,CAACV,IAAI,aAAaW,GAAG,SAASC,GACtc,IAAId,EAAOc,EAAId,KACnE,MAAO,CAAC5B,EAAG,QAAQ,CAACO,YAAY,CAAC,QAAU,QAAQ,OAAS,QAAQJ,MAAM,CAAC,YAAY,MAAM,IAAO,yBAA4ByB,EAAW,aAAS,CAACE,IAAI,cAAcW,GAAG,SAASC,GAC/H,IAAId,EAAOc,EAAId,KACnE,MAAO,CAAC5B,EAAG,QAAQ,CAACE,YAAY,cAAcC,MAAM,CAAC,MAAQ,WAAWU,GAAG,CAAC,MAAQ,SAASY,GAAQ,OAAO7B,EAAImD,SACpEnB,EAAKoB,KACLpB,EAAKqB,SACLrB,EAAKsB,WACJ,CAACtD,EAAIgB,GAAG,aAAa,MAAK,EAAM,eAAe,OAAOZ,EAAG,aAAa,CAACuC,YAAY3C,EAAI4C,GAAG,CAAC,CAACV,IAAI,SAASW,GAAG,SAASC,GAC1H,IAAIvC,EAAQuC,EAAIvC,MACxD,MAAO,CAACH,EAAG,QAAQJ,EAAIuD,GAAG,CAAChD,MAAM,CAAC,KAAO,GAAG,MAAQ,SAASU,GAAG,CAAC,MAAQ,SAASY,GAAQ7B,EAAIwD,UAAW,KAAS,QAAQjD,GAAM,GAAO,CAACP,EAAIgB,GAAG,iBAAiB,MAAK,EAAM,YAAYO,MAAM,CAACC,MAAOxB,EAAY,SAAEyB,SAAS,SAAUC,GAAM1B,EAAIwD,SAAS9B,GAAKE,WAAW,aAAa,CAAC5B,EAAIgB,GAAG,IAAIhB,EAAImB,GAAGnB,EAAIyD,iBAAiB,QAAQ,IAAI,GAAazD,EAAc,WAAEI,EAAG,eAAe,CAACa,GAAG,CAAC,KAAO,SAASY,GAAQ7B,EAAIsB,YAAa,MAAUtB,EAAIc,MAAM,IACvb,EAAkB,G,4EChBlB,EAAS,WAAa,IAAId,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,eAAe,CAACO,YAAY,CAAC,QAAU,YAAY,CAACP,EAAG,MAAM,CAACO,YAAY,CAAC,QAAU,OAAO,iBAAiB,QAAQ,CAACP,EAAG,MAAM,CAACO,YAAY,CAAC,MAAQ,QAAQ,gBAAgB,MAAMJ,MAAM,CAAC,IAAM,EAAQ,WAAwCH,EAAG,MAAM,CAACE,YAAY,wBAAwBK,YAAY,CAAC,aAAa,OAAO,cAAc,QAAQ,CAACX,EAAIgB,GAAG,mBAAmBZ,EAAG,YAAYA,EAAG,eAAe,CAACO,YAAY,CAAC,MAAQ,OAAO,gBAAgB,OAAO,aAAa,QAAQJ,MAAM,CAAC,GAAK,kBAAkB,cAAc,cAAc,MAAQ,SAAS,cAAc,GAAG,MAAQ,GAAG,eAAe,GAAG,UAAY,GAAG,SAAW,GAAG,KAAO,IAAIgB,MAAM,CAACC,MAAOxB,EAAU,OAAEyB,SAAS,SAAUC,GAAM1B,EAAI0D,OAAOhC,GAAKE,WAAW,aAAa,GAAGxB,EAAG,YAAY,CAACO,YAAY,CAAC,gBAAgB,KAAK,eAAe,UAAUP,EAAG,qBAAqB,CAACE,YAAY,kBAAkBC,MAAM,CAAC,KAAO,GAAG,UAAY,GAAG,UAAY,IAAIgB,MAAM,CAACC,MAAOxB,EAAS,MAAEyB,SAAS,SAAUC,GAAM1B,EAAI2D,MAAMjC,GAAKE,WAAW,UAAU,CAACxB,EAAG,oBAAoB,CAACA,EAAG,2BAA2B,CAACE,YAAY,yBAAyBC,MAAM,CAAC,cAAc,KAAK,CAACH,EAAG,KAAK,CAACO,YAAY,CAAC,YAAY,OAAO,iBAAiB,aAAa,CAACX,EAAIgB,GAAG,4BAA4BZ,EAAG,MAAM,CAACO,YAAY,CAAC,QAAU,OAAO,kBAAkB,kBAAkB,CAACP,EAAG,QAAQ,CAACG,MAAM,CAAC,MAAQ,UAAU,UAAY,KAAKU,GAAG,CAAC,MAAQ,SAASY,GAAQ,OAAO7B,EAAI4D,MAAM,WAAW,CAAC5D,EAAIgB,GAAG,6BAA6BZ,EAAG,QAAQ,CAACG,MAAM,CAAC,YAAY,QAAQ,MAAQ,UAAU,UAAY,IAAI,SAAW,IAAIU,GAAG,CAAC,MAAQjB,EAAI6D,eAAe,CAAC7D,EAAIgB,GAAG,oBAAoB,KAAKZ,EAAG,4BAA4B,CAACE,YAAY,eAAeK,YAAY,CAAC,QAAU,OAAO,gBAAgB,QAAQ,CAACP,EAAG,eAAe,CAACG,MAAM,CAAC,GAAK,qBAAqB,KAAO,GAAG,iBAAiB,GAAG,OAASP,EAAI0D,OAAO,QAAU1D,EAAIkD,QAAQ,MAAQlD,EAAI8D,0BAA0B,QAAU9D,EAAIS,QAAQC,QAAQ,eAAe,uBAAuB,kBAAkB,wBAAwBiC,YAAY3C,EAAI4C,GAAG,CAAC,CAACV,IAAI,aAAaW,GAAG,SAASC,GACprE,IAAId,EAAOc,EAAId,KACf,MAAO,CAAC5B,EAAG,QAAQ,CAACO,YAAY,CAAC,QAAU,QAAQ,OAAS,QAAQJ,MAAM,CAAC,YAAY,MAAM,IAAO,oEAAuEyB,EAAO,SAAS,CAACE,IAAI,2BAA2BW,GAAG,SAASC,GACvO,IAAId,EAAOc,EAAId,KACf,MAAO,CAAChC,EAAIgB,GAAG,IAAIhB,EAAImB,GAAG,IAAI4C,KAAM/B,EAAKgC,qBAAsBC,kBAAkB,aAAa,IAAI,IAAI,IAAI,QACtG,EAAkB,G,wBCqHP,GACfC,mBACAC,QACAL,2BACAM,mjBAeAC,WACAC,eAIAC,SACAC,KAzBA,WA0BA,OACAd,UACAC,QACAT,SACA,CACAuB,QACAC,eACAC,YACAnD,eAEA,CACAiD,aACAC,cACAC,YACAnD,qBAEA,CACAiD,gBACAjD,iBACAmD,YACAD,eAEA,CACAD,iBACAjD,iBACAmD,YACAD,eAEA,CACAD,cACAjD,WACAmD,YACAD,eAEA,CACAD,gBACAjD,oBACAmD,YACAD,gBAEA,CACAD,aACAjD,iBACAmD,YACAD,gBAEA,CACAD,YACAjD,gBACAmD,YACAD,gBAEA,CACAD,wBACAjD,4BACAmD,YACAD,mBAKAE,SACAf,aADA,WAEAgB,6DAGA,uDACAC,oBACAC,0BACAC,gBACAC,oBACAC,oBACAC,0BACAC,kBACAC,oBACAC,6BACAC,uBACAtB,yBCjOqW,I,YCOjWuB,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QCuPA,GACftB,yBACAuB,YAAAC,eACAnB,OACAxD,QACA4E,WACAC,cAGAzB,QACA0B,YACAC,KADA,WAEA,OACA,sBACA,gCACA,oBAGA1B,gZAaA2B,OArBA,SAqBAvB,GAAA,WACA,eACA,YACA,gDAEA,iDACA,sDAKAA,KA1CA,WA2CA,OACA7C,KACAa,mBACAE,WACAsD,SACAC,YACAvF,WACAuC,mBACAO,YACAC,mBACAnC,cACA4B,SACA,CACAuB,aACAC,eACAC,YACAnD,eAEA,CACAiD,qBACAjD,iBACAmD,YACAD,eAEA,CACAD,iBACAjD,iBACAmD,YACAD,eAEA,CACAD,qBACAjD,eACAmD,YACAD,gBAEA,CACAD,cACAjD,eACAmD,YACAD,iBAGAjC,SACAyD,cAGAC,UACA5D,QADA,WAEA,oCACA,0BACA,MACA6D,sDACAC,EADA,SAIAhE,WATA,WAUA,OACA,iBACA,uDAIAuC,SACAtC,UADA,SACAE,GAAA,WACA,kBACA,aACA4B,MAAA,CACAA,4VAQAC,WACA9C,WAGA+E,MAAA,YACA,uCACA,8CACA,sBAGAnD,SAvBA,SAuBAC,EAAAmD,EAAAC,GAAA,WACA,4BACA,MACA,iBACA,aACAC,OAAA,CACAC,2QAKArC,WACAjB,OACAL,2BAGAuD,MAAA,YACA,4BACA,2CACA,cACA,kBACA,qBACAC,EACA,mCAEA,4CACA,kBAGAI,OAAA,WACA,cACA,kBACA,oCAGA,iBACA,oDAGA,iBACA,yDClb8V,ICQ1V,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCiCA,GACfzC,kBAEAuB,YACAmB,oBACAC,mBAEA1C,QACA2C,UACA1C,8QASA2B,OAVA,SAUAvB,GACA,aACA,qBAIAuC,cACA3C,6QAWAI,KApCA,WAqCA,OACAzD,UACAH,YACAC,UACAO,gBACAZ,eAGAwG,QA7CA,WA6CA,WACA,aACA5C,MAAA,CACAA,6SAUAkC,MAAA,YACA,iCACA,eAEA,gCAEAK,OAAA,YACA,YACA,6BAGA/B,SACA1D,WADA,WAEA,mBAAA+F,+CC3H8V,ICQ1V,G,UAAY,eACd,EACAlH,EACAsB,GACA,EACA,KACA,WACA,OAIa,e","file":"js/chunk-962fe3ea.e119870c.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/11-22_728_x_90-ServicePortal.afb859a8.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=398b829a&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=640463d5&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"fill-height\",attrs:{\"id\":\"parts-usage-bg\"}},[_c('v-overlay',{attrs:{\"absolute\":true,\"value\":_vm.noOrgInfo}},[_c('org-overlay')],1),_c('v-overlay',{attrs:{\"absolute\":true,\"value\":_vm.$apollo.loading}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}})],1),_c('v-container',[_c('v-responsive',{staticStyle:{\"display\":\"block\",\"margin\":\"auto\"},attrs:{\"max-width\":\"1000\",\"width\":\"100%\"}},[(!_vm.noModels && !_vm.errors)?_c('parts-usage-stepper',{attrs:{\"models\":_vm.models}}):_vm._e(),(_vm.noModels)?_c('v-card',{staticStyle:{\"margin-top\":\"25px\"}},[_c('v-card-title',{staticClass:\"text-h5\"},[_vm._v(\" No registered devices \")]),_c('v-card-subtitle',[_vm._v(\"You currently have no registered devices. \"),_c('br'),_vm._v(\" Please visit \"),_c('a',{on:{\"click\":_vm.toRegister}},[_vm._v(\"\\\"Your Account > Product Registration\\\"\")]),_vm._v(\" to register your devices.\")])],1):_vm._e(),(_vm.errors && !_vm.noOrgInfo)?_c('v-card',{staticStyle:{\"margin-top\":\"25px\"}},[_c('v-card-title',{staticClass:\"text-h5\"},[_vm._v(\" Error retrieving registered devices \")]),_c('v-card-subtitle',[_vm._v(_vm._s(_vm.errorMessage))])],1):_vm._e()],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[(!_vm.viewReport)?_c('v-stepper',{staticClass:\"elevation-0\",staticStyle:{\"background\":\"transparent\"},model:{value:(_vm.e1),callback:function ($$v) {_vm.e1=$$v},expression:\"e1\"}},[_c('v-stepper-items',[_c('v-stepper-content',{staticStyle:{\"width\":\"50%\",\"float\":\"right\"},attrs:{\"step\":\"1\"}},[_c('div',{attrs:{\"id\":\"model-select-heading\"}},[_c('h2',{staticClass:\"heading-line-one\"},[_vm._v(\" Please select\")]),_c('h2',{staticClass:\"heading-line-two\"},[_vm._v(\" a model\")]),_c('h2',{staticClass:\"heading-line-three\"},[_vm._v(\" to see parts usage.\")]),_c('div',{staticStyle:{\"margin-top\":\"50px\"}},[_c('v-btn',{attrs:{\"color\":\"primary\",\"elevation\":\"0\",\"outlined\":\"\"},on:{\"click\":function($event){_vm.viewReport = true}}},[_c('v-progress-circular',{attrs:{\"slot\":\"loader\",\"indeterminate\":\"\",\"loading\":_vm.loading,\"color\":\"primary\"},slot:\"loader\"}),_c('h5',{staticClass:\"heading-line-four\"},[_c('a',[_vm._v(\"View Usage Report\")])])],1),_c('div',{staticStyle:{\"width\":\"100%\",\"margin-top\":\"15px\"}},[_c('a',{attrs:{\"href\":\"https://getac.podbean.com/?utm_source=internalsite&utm_medium=banner\",\"target\":\"_blank\"}},[_c('img',{staticStyle:{\"width\":\"90%\"},attrs:{\"src\":require(\"../../assets/banners/11-22_728_x_90-ServicePortal.png\")}})])])],1)]),_c('v-card',{staticClass:\"mb-12 elevation-0\",staticStyle:{\"background-color\":\"transparent\"}},[_c('v-simple-table',{attrs:{\"id\":\"demo-data-table\",\"dark\":\"\"}},[_c('thead',[_c('tr',[_c('th',{staticClass:\"text-center\"},[_vm._v(\"In Warranty\")]),_c('th',{staticClass:\"text-center\"},[_vm._v(\"Out of Warranty\")]),_c('th',{staticClass:\"text-center\"},[_vm._v(\" Model \")]),_c('th',{staticClass:\"text-center\"})])]),_c('tbody',_vm._l((_vm.models),function(item,index){return _c('tr',{key:index},[_c('td',{staticClass:\"text-center\"},[_vm._v(\" \"+_vm._s(item.iwQty))]),_c('td',{staticClass:\"text-center\"},[_vm._v(\" \"+_vm._s(item.oowQty))]),_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(item.model))]),_c('td',{staticClass:\"text-center\"},[_c('v-btn',{attrs:{\"elevation\":\"0\",\"color\":\"primary\",\"text\":\"\",\"disabled\":item.iwQty === 0 && !_vm.isTraining},on:{\"click\":function($event){_vm.e1 = 2\n                                            _vm.getSNList(item.model)}}},[_vm._v(\"Select\")])],1)])}),0)])],1)],1),_c('v-stepper-content',{attrs:{\"step\":\"2\"}},[_c('div',{staticClass:\"container-bg\",staticStyle:{\"margin-top\":\"1%\",\"margin\":\"auto\"}},[_c('div',{staticClass:\"container-fg\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"row\"}},[_c('img',{staticStyle:{\"width\":\"130px\",\"margin-bottom\":\"1%\"},attrs:{\"src\":require(\"../../assets/logos/getac-logo.svg\")}}),_c('div',{staticClass:\"text-h7 nav-font pl-3\",staticStyle:{\"margin-top\":\"1.3%\"}},[_vm._v(\"PARTS USAGE\")])]),_c('v-divider',{staticStyle:{\"margin-bottom\":\"1%\",\"border-color\":\"gray\"}}),_c('div',[_c('div',[_c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"row\"}},[(_vm.selectedModel)?_c('v-list-item-avatar',{attrs:{\"tile\":\"\",\"size\":\"150px\"}},[_c('v-img',{staticStyle:{\"max-width\":\"100%\",\"height\":\"auto\"},attrs:{\"src\":_vm.unitImg}})],1):_vm._e(),_c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"column\"}},[_c('h1',{staticStyle:{\"font-size\":\"36px\",\"letter-spacing\":\"-0.08rem\"}},[_vm._v(\" Selected Model: \"+_vm._s(_vm.selectedModel)+\" \")]),_c('p',[_vm._v(\"Please select a serial number then use the button to apply usage to the selected serial.\")]),_c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"row\"}},[_c('v-btn',{staticStyle:{\"margin-right\":\"15px\"},attrs:{\"dark\":\"\",\"outlined\":\"\"},on:{\"click\":function($event){_vm.e1 = 1\n                                                    _vm.selectedModel = null\n                                                    _vm.parts = []}}},[_vm._v(\" Select Another Model \")])],1)])],1)]),_c('v-divider',{staticStyle:{\"margin-bottom\":\"1%\",\"border-color\":\"gray\"}})],1),_c('h5',{staticClass:\"white--text mb-2\"},[_vm._v(\"Select Serial Number(s)\")]),_c('v-autocomplete',{attrs:{\"items\":_vm.serials,\"item-text\":\"sn\",\"dark\":\"\",\"clearable\":\"\",\"dense\":\"\",\"filled\":\"\"},scopedSlots:_vm._u([{key:\"item\",fn:function(ref){\n                                                    var item = ref.item;\nreturn [_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\" \"+_vm._s(item.sn)+\" \")]),_c('v-list-item-subtitle',[_vm._v(\" \"+_vm._s(item.assetTag)+\" \")])],1)]}}],null,false,1487169511),model:{value:(_vm.selectedSerials),callback:function ($$v) {_vm.selectedSerials=$$v},expression:\"selectedSerials\"}}),_c('v-data-table',{attrs:{\"id\":\"demo-data-table\",\"dense\":\"\",\"headers\":_vm.headers,\"items\":_vm.parts,\"items-per-page\":15,\"item-key\":\"smId\",\"dark\":\"\"},scopedSlots:_vm._u([{key:\"item.photo\",fn:function(ref){\n                                                    var item = ref.item;\nreturn [_c('v-img',{staticStyle:{\"display\":\"block\",\"margin\":\"auto\"},attrs:{\"max-width\":\"150\",\"src\":(\"https://rma.getac.com/\" + (item.imgUrl))}})]}},{key:\"item.action\",fn:function(ref){\n                                                    var item = ref.item;\nreturn [_c('v-btn',{staticClass:\"elevation-0\",attrs:{\"color\":\"primary\"},on:{\"click\":function($event){return _vm.useParts(\n                                            item.smId,\n                                            item.partSpec,\n                                            item.invQty\n                                        )}}},[_vm._v(\"Use\")])]}}],null,false,3529530451)})],1)])]),_c('v-snackbar',{scopedSlots:_vm._u([{key:\"action\",fn:function(ref){\n                                        var attrs = ref.attrs;\nreturn [_c('v-btn',_vm._b({attrs:{\"text\":\"\",\"color\":\"white\"},on:{\"click\":function($event){_vm.snackbar = false}}},'v-btn',attrs,false),[_vm._v(\" Close \")])]}}],null,false,1369790933),model:{value:(_vm.snackbar),callback:function ($$v) {_vm.snackbar=$$v},expression:\"snackbar\"}},[_vm._v(\" \"+_vm._s(_vm.snackbarMessage)+\" \")])],1)],1):_vm._e(),(_vm.viewReport)?_c('usage-report',{on:{\"back\":function($event){_vm.viewReport = false}}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_c('div',{staticClass:\"container-bg\"},[_c('div',{staticClass:\"container-fg\"},[_c('v-card-title',{staticStyle:{\"padding\":\"5px 5px\"}},[_c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"row\"}},[_c('img',{staticStyle:{\"width\":\"130px\",\"margin-bottom\":\"1%\"},attrs:{\"src\":require(\"../../assets/logos/getac-logo.svg\")}}),_c('div',{staticClass:\"text-h7 nav-font pl-3\",staticStyle:{\"margin-top\":\"10px\",\"font-weight\":\"400\"}},[_vm._v(\"PARTS USAGE\")])]),_c('v-spacer'),_c('v-text-field',{staticStyle:{\"width\":\"10px\",\"margin-bottom\":\"15px\",\"margin-top\":\"15px\"},attrs:{\"id\":\"data-text-field\",\"append-icon\":\"mdi-magnify\",\"label\":\"Search\",\"single-line\":\"\",\"dense\":\"\",\"hide-details\":\"\",\"clearable\":\"\",\"outlined\":\"\",\"dark\":\"\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_c('v-divider',{staticStyle:{\"margin-bottom\":\"1%\",\"border-color\":\"gray\"}}),_c('v-expansion-panels',{staticClass:\"expanded-panels\",attrs:{\"dark\":\"\",\"mandatory\":\"\",\"accordion\":\"\"},model:{value:(_vm.panel),callback:function ($$v) {_vm.panel=$$v},expression:\"panel\"}},[_c('v-expansion-panel',[_c('v-expansion-panel-header',{staticClass:\"expansion-header-first\",attrs:{\"expand-icon\":\"\"}},[_c('h1',{staticStyle:{\"font-size\":\"36px\",\"letter-spacing\":\"-0.08rem\"}},[_vm._v(\" Viewing Usage Report \")]),_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('v-btn',{attrs:{\"color\":\"primary\",\"elevation\":\"0\"},on:{\"click\":function($event){return _vm.$emit('back')}}},[_vm._v(\"Back To Model Selection\")]),_c('v-btn',{attrs:{\"max-width\":\"200px\",\"color\":\"primary\",\"elevation\":\"0\",\"outlined\":\"\"},on:{\"click\":_vm.exportReport}},[_vm._v(\"Export Report\")])],1)]),_c('v-expansion-panel-content',{staticClass:\"container-fg\",staticStyle:{\"padding\":\"25px\",\"border-radius\":\"0px\"}},[_c('v-data-table',{attrs:{\"id\":\"request-data-table\",\"dark\":\"\",\"items-per-page\":10,\"search\":_vm.search,\"headers\":_vm.headers,\"items\":_vm.querySMCustomerPartsUsage,\"loading\":_vm.$apollo.loading,\"no-data-text\":\"No results available\",\"no-results-text\":\"No results available\"},scopedSlots:_vm._u([{key:\"item.photo\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-img',{staticStyle:{\"display\":\"block\",\"margin\":\"auto\"},attrs:{\"max-width\":\"100\",\"src\":(\"https://rma.getac.com//MSS/downloadFileAction.do?REFERENCE_ID=SM_\" + (item.pn))}})]}},{key:\"item.lastReplenishedDate\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(\" \"+_vm._s(new Date( item.lastReplenishedDate ).toLocaleString())+\" \")]}}])})],1)],1)],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container>\r\n        <div class=\"container-bg\">\r\n            <div class=\"container-fg\">\r\n                <v-card-title style=\"padding: 5px 5px\">\r\n                    <div style=\"display: flex; flex-direction: row\">\r\n                        <img\r\n                            style=\"width: 130px; margin-bottom: 1%\"\r\n                            src=\"../../assets/logos/getac-logo.svg\"\r\n                        />\r\n                        <div\r\n                            class=\"text-h7 nav-font pl-3\"\r\n                            style=\"margin-top: 10px; font-weight: 400\"\r\n                            >PARTS USAGE</div\r\n                        >\r\n                    </div>\r\n                    <v-spacer></v-spacer>\r\n                    <v-text-field\r\n                        id=\"data-text-field\"\r\n                        v-model=\"search\"\r\n                        style=\"\r\n                            width: 10px;\r\n                            margin-bottom: 15px;\r\n                            margin-top: 15px;\r\n                        \"\r\n                        append-icon=\"mdi-magnify\"\r\n                        label=\"Search\"\r\n                        single-line\r\n                        dense\r\n                        hide-details\r\n                        clearable\r\n                        outlined\r\n                        dark\r\n                    ></v-text-field>\r\n                </v-card-title>\r\n                <v-divider style=\"margin-bottom: 1%; border-color: gray\" />\r\n                <v-expansion-panels\r\n                    v-model=\"panel\"\r\n                    class=\"expanded-panels\"\r\n                    dark\r\n                    mandatory\r\n                    accordion\r\n                >\r\n                    <v-expansion-panel>\r\n                        <v-expansion-panel-header\r\n                            class=\"expansion-header-first\"\r\n                            expand-icon=\"\"\r\n                        >\r\n                            <h1\r\n                                style=\"\r\n                                    font-size: 36px;\r\n                                    letter-spacing: -0.08rem;\r\n                                \"\r\n                            >\r\n                                Viewing Usage Report\r\n                            </h1>\r\n                            <div\r\n                                style=\"\r\n                                    display: flex;\r\n                                    justify-content: space-between;\r\n                                \"\r\n                            >\r\n                                <v-btn\r\n                                    color=\"primary\"\r\n                                    elevation=\"0\"\r\n                                    @click=\"$emit('back')\"\r\n                                    >Back To Model Selection</v-btn\r\n                                >\r\n                                <v-btn\r\n                                    max-width=\"200px\"\r\n                                    color=\"primary\"\r\n                                    elevation=\"0\"\r\n                                    outlined\r\n                                    @click=\"exportReport\"\r\n                                    >Export Report</v-btn\r\n                                >\r\n                            </div>\r\n                        </v-expansion-panel-header>\r\n                        <v-expansion-panel-content\r\n                            style=\"padding: 25px; border-radius: 0px\"\r\n                            class=\"container-fg\"\r\n                        >\r\n                            <v-data-table\r\n                                id=\"request-data-table\"\r\n                                dark\r\n                                :items-per-page=\"10\"\r\n                                :search=\"search\"\r\n                                :headers=\"headers\"\r\n                                :items=\"querySMCustomerPartsUsage\"\r\n                                :loading=\"$apollo.loading\"\r\n                                no-data-text=\"No results available\"\r\n                                no-results-text=\"No results available\"\r\n                            >\r\n                                <template v-slot:item.photo=\"{ item }\">\r\n                                    <v-img\r\n                                        max-width=\"100\"\r\n                                        style=\"display: block; margin: auto\"\r\n                                        :src=\"`https://rma.getac.com//MSS/downloadFileAction.do?REFERENCE_ID=SM_${item.pn}`\"\r\n                                    />\r\n                                </template>\r\n                                <template\r\n                                    v-slot:item.lastReplenishedDate=\"{ item }\"\r\n                                >\r\n                                    {{\r\n                                        new Date(\r\n                                            item.lastReplenishedDate\r\n                                        ).toLocaleString()\r\n                                    }}\r\n                                </template>\r\n                            </v-data-table>\r\n                        </v-expansion-panel-content>\r\n                    </v-expansion-panel>\r\n                </v-expansion-panels>\r\n            </div>\r\n        </div>\r\n    </v-container>\r\n</template>\r\n\r\n<script>\r\nimport gql from 'graphql-tag'\r\nimport { downloadJsonAsExcel } from '@/utils/excel'\r\n\r\nexport default {\r\n    name: 'UsageReport',\r\n    apollo: {\r\n        querySMCustomerPartsUsage: {\r\n            query: gql`\r\n                query QuerySMCustomerPartsUsage($queryAll: Boolean) {\r\n                    querySMCustomerPartsUsage(queryAll: $queryAll) {\r\n                        customer\r\n                        modelFamily\r\n                        pn\r\n                        category\r\n                        partSpec\r\n                        receivedQty\r\n                        usedQty\r\n                        stockQty\r\n                        lastReplenishedDate\r\n                    }\r\n                }\r\n            `,\r\n            variables: {\r\n                queryAll: false\r\n            }\r\n        }\r\n    },\r\n    props: {},\r\n    data() {\r\n        return {\r\n            search: '',\r\n            panel: 0,\r\n            headers: [\r\n                {\r\n                    text: '',\r\n                    align: 'center',\r\n                    sortable: false,\r\n                    value: 'photo'\r\n                },\r\n                {\r\n                    text: 'Model',\r\n                    align: 'start',\r\n                    sortable: false,\r\n                    value: 'modelFamily'\r\n                },\r\n                {\r\n                    text: 'Category',\r\n                    value: 'category',\r\n                    sortable: false,\r\n                    align: 'start'\r\n                },\r\n                {\r\n                    text: 'Part Spec',\r\n                    value: 'partSpec',\r\n                    sortable: false,\r\n                    align: 'start'\r\n                },\r\n                {\r\n                    text: 'Part #',\r\n                    value: 'pn',\r\n                    sortable: false,\r\n                    align: 'start'\r\n                },\r\n                {\r\n                    text: 'Received',\r\n                    value: 'receivedQty',\r\n                    sortable: false,\r\n                    align: 'center'\r\n                },\r\n                {\r\n                    text: 'Stock',\r\n                    value: 'stockQty',\r\n                    sortable: false,\r\n                    align: 'center'\r\n                },\r\n                {\r\n                    text: 'Used',\r\n                    value: 'usedQty',\r\n                    sortable: false,\r\n                    align: 'center'\r\n                },\r\n                {\r\n                    text: 'Last Replenished',\r\n                    value: 'lastReplenishedDate',\r\n                    sortable: false,\r\n                    align: 'center'\r\n                }\r\n            ]\r\n        }\r\n    },\r\n    methods: {\r\n        exportReport() {\r\n            downloadJsonAsExcel(\r\n                `SMCustomerPartsUsage`,\r\n                `SMCustomerPartsUsage`,\r\n                this.querySMCustomerPartsUsage.map((e) => ({\r\n                    Customer: e.customer,\r\n                    ModelFamily: e.modelFamily,\r\n                    PartNumber: e.pn,\r\n                    Category: e.category,\r\n                    PartSpec: e.partSpec,\r\n                    ReceivedQty: e.receivedQty,\r\n                    UsedQty: e.usedQty,\r\n                    StockQty: e.stockQty,\r\n                    LastReplenishedDate: new Date(\r\n                        e.lastReplenishedDate\r\n                    ).toLocaleString()\r\n                }))\r\n            )\r\n        }\r\n    }\r\n}\r\n</script>\r\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!./usage_report.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!./usage_report.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./usage_report.vue?vue&type=template&id=7bd07079&\"\nimport script from \"./usage_report.vue?vue&type=script&lang=js&\"\nexport * from \"./usage_report.vue?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","<template>\r\n    <v-container>\r\n        <v-stepper\r\n            v-if=\"!viewReport\"\r\n            v-model=\"e1\"\r\n            class=\"elevation-0\"\r\n            style=\"background: transparent\"\r\n        >\r\n            <v-stepper-items>\r\n                <v-stepper-content style=\"width: 50%; float: right\" step=\"1\">\r\n                    <div id=\"model-select-heading\">\r\n                        <h2 class=\"heading-line-one\"> Please select</h2>\r\n                        <h2 class=\"heading-line-two\"> a model</h2>\r\n                        <h2 class=\"heading-line-three\"> to see parts usage.</h2>\r\n                        <div style=\"margin-top: 50px\">\r\n                            <v-btn\r\n                                color=\"primary\"\r\n                                elevation=\"0\"\r\n                                outlined\r\n                                @click=\"viewReport = true\"\r\n                            >\r\n                                <v-progress-circular\r\n                                    slot=\"loader\"\r\n                                    indeterminate\r\n                                    :loading=\"loading\"\r\n                                    color=\"primary\"\r\n                                ></v-progress-circular>\r\n                                <h5 class=\"heading-line-four\"\r\n                                    ><a>View Usage Report</a></h5\r\n                                >\r\n                            </v-btn>\r\n                            <div style=\"width: 100%; margin-top: 15px\">\r\n                                <a\r\n                                    href=\"https://getac.podbean.com/?utm_source=internalsite&utm_medium=banner\"\r\n                                    target=\"_blank\"\r\n                                    ><img\r\n                                        style=\"width: 90%\"\r\n                                        src=\"../../assets/banners/11-22_728_x_90-ServicePortal.png\"\r\n                                /></a>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <v-card\r\n                        class=\"mb-12 elevation-0\"\r\n                        style=\"background-color: transparent\"\r\n                    >\r\n                        <v-simple-table id=\"demo-data-table\" dark>\r\n                            <thead>\r\n                                <tr>\r\n                                    <th class=\"text-center\">In Warranty</th>\r\n                                    <th class=\"text-center\">Out of Warranty</th>\r\n                                    <th class=\"text-center\"> Model </th>\r\n                                    <th class=\"text-center\"></th>\r\n                                </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                                <tr\r\n                                    v-for=\"(item, index) in models\"\r\n                                    :key=\"index\"\r\n                                >\r\n                                    <td class=\"text-center\">\r\n                                        {{ item.iwQty }}</td\r\n                                    >\r\n                                    <td class=\"text-center\">\r\n                                        {{ item.oowQty }}</td\r\n                                    >\r\n                                    <td class=\"text-center\">{{\r\n                                        item.model\r\n                                    }}</td>\r\n                                    <td class=\"text-center\"\r\n                                        ><v-btn\r\n                                            elevation=\"0\"\r\n                                            color=\"primary\"\r\n                                            text\r\n                                            :disabled=\"\r\n                                                item.iwQty === 0 && !isTraining\r\n                                            \"\r\n                                            @click=\"\r\n                                                e1 = 2\r\n                                                getSNList(item.model)\r\n                                            \"\r\n                                            >Select</v-btn\r\n                                        ></td\r\n                                    >\r\n                                </tr>\r\n                            </tbody>\r\n                        </v-simple-table>\r\n                    </v-card>\r\n                </v-stepper-content>\r\n\r\n                <v-stepper-content step=\"2\">\r\n                    <div\r\n                        class=\"container-bg\"\r\n                        style=\"margin-top: 1%; margin: auto\"\r\n                    >\r\n                        <div class=\"container-fg\">\r\n                            <div style=\"display: flex; flex-direction: row\">\r\n                                <img\r\n                                    style=\"width: 130px; margin-bottom: 1%\"\r\n                                    src=\"../../assets/logos/getac-logo.svg\"\r\n                                />\r\n                                <div\r\n                                    class=\"text-h7 nav-font pl-3\"\r\n                                    style=\"margin-top: 1.3%\"\r\n                                    >PARTS USAGE</div\r\n                                >\r\n                            </div>\r\n                            <v-divider\r\n                                style=\"margin-bottom: 1%; border-color: gray\"\r\n                            />\r\n                            <div>\r\n                                <div>\r\n                                    <div\r\n                                        style=\"\r\n                                            display: flex;\r\n                                            flex-direction: row;\r\n                                        \"\r\n                                    >\r\n                                        <v-list-item-avatar\r\n                                            v-if=\"selectedModel\"\r\n                                            tile\r\n                                            size=\"150px\"\r\n                                        >\r\n                                            <v-img\r\n                                                style=\"\r\n                                                    max-width: 100%;\r\n                                                    height: auto;\r\n                                                \"\r\n                                                :src=\"unitImg\"\r\n                                            ></v-img>\r\n                                        </v-list-item-avatar>\r\n                                        <div\r\n                                            style=\"\r\n                                                display: flex;\r\n                                                flex-direction: column;\r\n                                            \"\r\n                                        >\r\n                                            <h1\r\n                                                style=\"\r\n                                                    font-size: 36px;\r\n                                                    letter-spacing: -0.08rem;\r\n                                                \"\r\n                                            >\r\n                                                Selected Model:\r\n                                                {{ selectedModel }}\r\n                                            </h1>\r\n                                            <p\r\n                                                >Please select a serial number\r\n                                                then use the button to apply\r\n                                                usage to the selected serial.</p\r\n                                            >\r\n                                            <div\r\n                                                style=\"\r\n                                                    display: flex;\r\n                                                    flex-direction: row;\r\n                                                \"\r\n                                            >\r\n                                                <v-btn\r\n                                                    dark\r\n                                                    outlined\r\n                                                    style=\"margin-right: 15px\"\r\n                                                    @click=\"\r\n                                                        e1 = 1\r\n                                                        selectedModel = null\r\n                                                        parts = []\r\n                                                    \"\r\n                                                >\r\n                                                    Select Another Model\r\n                                                </v-btn>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <v-divider\r\n                                    style=\"\r\n                                        margin-bottom: 1%;\r\n                                        border-color: gray;\r\n                                    \"\r\n                                />\r\n                            </div>\r\n                            <h5 class=\"white--text mb-2\"\r\n                                >Select Serial Number(s)</h5\r\n                            >\r\n                            <v-autocomplete\r\n                                v-model=\"selectedSerials\"\r\n                                :items=\"serials\"\r\n                                item-text=\"sn\"\r\n                                dark\r\n                                clearable\r\n                                dense\r\n                                filled\r\n                            >\r\n                                <template v-slot:item=\"{ item }\">\r\n                                    <v-list-item-content>\r\n                                        <v-list-item-title>\r\n                                            {{ item.sn }}\r\n                                        </v-list-item-title>\r\n                                        <v-list-item-subtitle>\r\n                                            {{ item.assetTag }}\r\n                                        </v-list-item-subtitle>\r\n                                    </v-list-item-content>\r\n                                </template>\r\n                            </v-autocomplete>\r\n\r\n                            <v-data-table\r\n                                id=\"demo-data-table\"\r\n                                dense\r\n                                :headers=\"headers\"\r\n                                :items=\"parts\"\r\n                                :items-per-page=\"15\"\r\n                                item-key=\"smId\"\r\n                                dark\r\n                            >\r\n                                <template v-slot:item.photo=\"{ item }\">\r\n                                    <v-img\r\n                                        max-width=\"150\"\r\n                                        style=\"display: block; margin: auto\"\r\n                                        :src=\"`https://rma.getac.com/${item.imgUrl}`\"\r\n                                    />\r\n                                </template>\r\n                                <template v-slot:item.action=\"{ item }\">\r\n                                    <v-btn\r\n                                        class=\"elevation-0\"\r\n                                        color=\"primary\"\r\n                                        @click=\"\r\n                                            useParts(\r\n                                                item.smId,\r\n                                                item.partSpec,\r\n                                                item.invQty\r\n                                            )\r\n                                        \"\r\n                                        >Use</v-btn\r\n                                    >\r\n                                </template>\r\n                            </v-data-table>\r\n                        </div>\r\n                    </div>\r\n                </v-stepper-content>\r\n                <v-snackbar v-model=\"snackbar\">\r\n                    {{ snackbarMessage }}\r\n\r\n                    <template v-slot:action=\"{ attrs }\">\r\n                        <v-btn\r\n                            text\r\n                            v-bind=\"attrs\"\r\n                            color=\"white\"\r\n                            @click=\"snackbar = false\"\r\n                        >\r\n                            Close\r\n                        </v-btn>\r\n                    </template>\r\n                </v-snackbar>\r\n            </v-stepper-items>\r\n        </v-stepper>\r\n        <usage-report\r\n            v-if=\"viewReport\"\r\n            @back=\"viewReport = false\"\r\n        ></usage-report>\r\n    </v-container>\r\n</template>\r\n\r\n<script>\r\nimport gql from 'graphql-tag'\r\nimport UsageReport from './usage_report.vue'\r\n\r\nexport default {\r\n    name: 'PartsUsageStepper',\r\n    components: { UsageReport },\r\n    props: {\r\n        models: {\r\n            type: Array,\r\n            required: true\r\n        }\r\n    },\r\n    apollo: {\r\n        querySMInv: {\r\n            skip() {\r\n                return (\r\n                    !this.selectedSerials ||\r\n                    this.selectedSerials.length < 1 ||\r\n                    !this.selectedModel\r\n                )\r\n            },\r\n            query: gql`\r\n                query Query {\r\n                    querySMInv {\r\n                        model\r\n                        partSpec\r\n                        category\r\n                        partNumber\r\n                        invQty\r\n                        smId\r\n                        imgUrl\r\n                    }\r\n                }\r\n            `,\r\n            update(data) {\r\n                const inv = data.querySMInv\r\n                const filtered = inv.filter(\r\n                    (e) => e.model === this.selectedModel\r\n                )\r\n                this.parts = [...filtered].sort((current, next) => {\r\n                    return current.partNumber.localeCompare(next.partNumber)\r\n                })\r\n            }\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            e1: 1,\r\n            selectedModel: null,\r\n            serials: [],\r\n            stock: [],\r\n            loader: null,\r\n            loading: false,\r\n            selectedSerials: [],\r\n            snackbar: false,\r\n            snackbarMessage: '',\r\n            viewReport: false,\r\n            headers: [\r\n                {\r\n                    text: 'Photo',\r\n                    align: 'center',\r\n                    sortable: false,\r\n                    value: 'photo'\r\n                },\r\n                {\r\n                    text: 'Part Category',\r\n                    value: 'category',\r\n                    sortable: false,\r\n                    align: 'start'\r\n                },\r\n                {\r\n                    text: 'Part Spec',\r\n                    value: 'partSpec',\r\n                    sortable: false,\r\n                    align: 'start'\r\n                },\r\n                {\r\n                    text: 'Stock Balance',\r\n                    value: 'invQty',\r\n                    sortable: false,\r\n                    align: 'center'\r\n                },\r\n                {\r\n                    text: 'Action',\r\n                    value: 'action',\r\n                    sortable: false,\r\n                    align: 'center'\r\n                }\r\n            ],\r\n            parts: [],\r\n            useItems: []\r\n        }\r\n    },\r\n    computed: {\r\n        unitImg() {\r\n            const name = this.selectedModel.split(`-`)\r\n            const fileName = (`` + name[0]).toLowerCase()\r\n            return (\r\n                process.env.VUE_APP_PUBLIC_ASSETS_URL +\r\n                `/images/units/${fileName}.png`\r\n            )\r\n        },\r\n        isTraining() {\r\n            return (\r\n                this.$auth.user &&\r\n                this.$auth.user.email === 'getaccomputing@usgetac.com'\r\n            )\r\n        }\r\n    },\r\n    methods: {\r\n        getSNList(selectedModel) {\r\n            this.partsList = []\r\n            this.$apollo\r\n                .query({\r\n                    query: gql`\r\n                        query QueryRegisteredSNList($model: String!) {\r\n                            queryRegisteredSNList(model: $model) {\r\n                                sn\r\n                                assetTag\r\n                            }\r\n                        }\r\n                    `,\r\n                    variables: {\r\n                        model: selectedModel\r\n                    }\r\n                })\r\n                .then((data) => {\r\n                    this.serials = data.data.queryRegisteredSNList\r\n                    this.modelSerial = data.data.queryRegisteredSNList[0]\r\n                    this.selectedModel = selectedModel\r\n                })\r\n        },\r\n        useParts(smId, partName, quantity) {\r\n            if (this.selectedSerials.length) {\r\n                if (quantity >= 0) {\r\n                    this.snackbar = false\r\n                    this.$apollo\r\n                        .mutate({\r\n                            mutation: gql`\r\n                                mutation UseItem($smId: String!, $sn: String!) {\r\n                                    useItem(smId: $smId, sn: $sn)\r\n                                }\r\n                            `,\r\n                            variables: {\r\n                                smId: smId,\r\n                                sn: this.selectedSerials\r\n                            }\r\n                        })\r\n                        .then((data) => {\r\n                            if (data.data.useItem === 'success') {\r\n                                this.$apollo.queries.querySMInv.fetchMore({})\r\n                                this.snackbar = true\r\n                                this.snackbarMessage =\r\n                                    'Stock balance for ' +\r\n                                    partName +\r\n                                    ' has been updated successfully'\r\n                            } else {\r\n                                this.snackbarMessage = `${data.data.useItem}`\r\n                                this.snackbar = true\r\n                            }\r\n                        })\r\n                        .catch(() => {\r\n                            this.snackbar = true\r\n                            this.snackbarMessage =\r\n                                'Error updating stock balance'\r\n                        })\r\n                } else {\r\n                    this.snackbar = true\r\n                    this.snackbarMessage = 'Stock balance is already 0'\r\n                }\r\n            } else {\r\n                this.snackbar = true\r\n                this.snackbarMessage = 'Please select a serial number'\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n#parts-select {\r\n    margin-right: 100px;\r\n}\r\n.product-card {\r\n    margin: auto;\r\n    backdrop-filter: blur(5px);\r\n    -webkit-backdrop-filter: blur(5px);\r\n    background-image: linear-gradient(\r\n        155deg,\r\n        rgba(90, 90, 90, 0.6),\r\n        rgba(255, 255, 255, 0)\r\n    );\r\n    border-radius: 10px;\r\n    margin-bottom: 10px;\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n}\r\n.product-card-bg {\r\n    background: rgba(0, 0, 0, 0.349);\r\n    border-radius: 16px;\r\n    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\r\n    backdrop-filter: blur(5px);\r\n    -webkit-backdrop-filter: blur(5px);\r\n}\r\n#model-select-heading {\r\n    font-size: 36px;\r\n    line-height: 0.9;\r\n    letter-spacing: -0.1rem;\r\n    margin-left: 10px;\r\n    position: fixed;\r\n    left: 0;\r\n    /* bottom: 0; */\r\n    margin-bottom: 100px;\r\n    color: white;\r\n}\r\n.heading-line-two {\r\n    color: #db5120 !important;\r\n}\r\n</style>\r\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=398b829a&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=398b829a&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  \"398b829a\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div id=\"parts-usage-bg\" class=\"fill-height\">\r\n        <v-overlay :absolute=\"true\" :value=\"noOrgInfo\">\r\n            <org-overlay></org-overlay>\r\n        </v-overlay>\r\n        <v-overlay :absolute=\"true\" :value=\"$apollo.loading\">\r\n            <v-progress-circular\r\n                indeterminate\r\n                color=\"primary\"\r\n            ></v-progress-circular>\r\n        </v-overlay>\r\n        <v-container>\r\n            <v-responsive\r\n                max-width=\"1000\"\r\n                width=\"100%\"\r\n                style=\"display: block; margin: auto\"\r\n            >\r\n                <parts-usage-stepper\r\n                    v-if=\"!noModels && !errors\"\r\n                    :models=\"models\"\r\n                ></parts-usage-stepper>\r\n                <v-card v-if=\"noModels\" style=\"margin-top: 25px\">\r\n                    <v-card-title class=\"text-h5\">\r\n                        No registered devices\r\n                    </v-card-title>\r\n\r\n                    <v-card-subtitle\r\n                        >You currently have no registered devices. <br />\r\n                        Please visit\r\n                        <a @click=\"toRegister\"\r\n                            >\"Your Account > Product Registration\"</a\r\n                        >\r\n                        to register your devices.</v-card-subtitle\r\n                    >\r\n                </v-card>\r\n                <v-card v-if=\"errors && !noOrgInfo\" style=\"margin-top: 25px\">\r\n                    <v-card-title class=\"text-h5\">\r\n                        Error retrieving registered devices\r\n                    </v-card-title>\r\n\r\n                    <v-card-subtitle>{{ errorMessage }}</v-card-subtitle>\r\n                </v-card>\r\n            </v-responsive>\r\n        </v-container>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport OrgOverlay from '../../components/no_org_overlay'\r\nimport PartsUsageStepper from '../../components/parts_usage_stepper/index.vue'\r\nimport gql from 'graphql-tag'\r\n\r\nexport default {\r\n    name: `PartsUsage`,\r\n\r\n    components: {\r\n        PartsUsageStepper,\r\n        OrgOverlay\r\n    },\r\n    apollo: {\r\n        queryOrg: {\r\n            query: gql`\r\n                query QueryOrg {\r\n                    queryOrg {\r\n                        gssOrgId\r\n                        orgId\r\n                        orgName\r\n                    }\r\n                }\r\n            `,\r\n            update(data) {\r\n                if (!data.queryOrg) {\r\n                    this.noOrgInfo = true\r\n                }\r\n            }\r\n        },\r\n        querySMModel: {\r\n            query: gql`\r\n                query Query {\r\n                    querySMModel {\r\n                        model\r\n                        iwQty\r\n                        oowQty\r\n                    }\r\n                }\r\n            `\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            models: [],\r\n            noModels: false,\r\n            errors: false,\r\n            errorMessage: '',\r\n            noOrgInfo: false\r\n        }\r\n    },\r\n    created() {\r\n        this.$apollo\r\n            .query({\r\n                query: gql`\r\n                    query Query {\r\n                        querySMModel {\r\n                            model\r\n                            iwQty\r\n                            oowQty\r\n                        }\r\n                    }\r\n                `\r\n            })\r\n            .then((data) => {\r\n                if (data.data.querySMModel.length === 0) {\r\n                    this.noModels = true\r\n                }\r\n                this.models = data.data.querySMModel\r\n            })\r\n            .catch((errors) => {\r\n                this.errors = true\r\n                this.errorMessage = errors.message\r\n            })\r\n    },\r\n    methods: {\r\n        toRegister() {\r\n            this.$router.push({ path: '/your-account/product-registration' })\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n#parts-usage-bg {\r\n    background-color: #485461;\r\n    background-image: linear-gradient(315deg, #485461 0%, #28313b 74%);\r\n}\r\n</style>\r\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=640463d5&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=640463d5&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  \"640463d5\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}