{"version":3,"sources":["webpack:///./src/components/Reports/InternationalPassengerMovementReports.vue?5ae7","webpack:///../../../src/components/VDataTable/VSimpleTable.ts","webpack:///./src/components/Reports/TrekkingRestrictedAreasProcessedReportTable.vue?8813","webpack:///./src/components/Reports/InternationalPassengerMovementReports.vue","webpack:///src/components/Reports/InternationalPassengerMovementReports.vue","webpack:///./src/components/Reports/InternationalPassengerMovementReports.vue?877b","webpack:///./src/components/Reports/InternationalPassengerMovementReports.vue?8487","webpack:///./src/components/Reports/TrekkingRestrictedAreasProcessedReportTable.vue","webpack:///src/components/Reports/TrekkingRestrictedAreasProcessedReportTable.vue","webpack:///./src/components/Reports/TrekkingRestrictedAreasProcessedReportTable.vue?4ddc","webpack:///./src/components/Reports/TrekkingRestrictedAreasProcessedReportTable.vue?ada7"],"names":["mixins","Themeable","extend","name","props","dense","Boolean","fixedHeader","height","Number","String","computed","classes","this","$slots","top","bottom","themeClasses","methods","genWrapper","wrapper","$createElement","staticClass","style","convertToUnit","default","render","h","class","attrs","_vm","model","value","serverParams","$set","expression","_c","FromDate","callback","$$v","reportIsMonthWise","scopedSlots","key","fn","on","snackbar","$event","stopPropagation","loadItems","arguments","_s","row","table2","_v","_e","staticStyle","staticRenderFns","components","JsonExcelVue","customYear","year","reportByYear","reportByMonth","items","text","exact","to","disabled","getNow","formResponse","console","data","onDownload","param","ReportType","ReportMode","ToDate","axios","url","method","responseType","link","document","response","dialogueClose","fetchData","children","then","catch","updateParams","onPageChange","page","onPerPageChange","perPage","onSortChange","sort","type","field","onColumnFilter","addModal","editItem","deleteItem","mounted","domesticReportModes","table1","isLoading","tab","callbackResponse","timeout","customHeader","columns","rows","ReportTypes","id","ReportModes","customMonth","dialogDelete","deleteFormData","formdata","historyData","totalRows","editItemIndex","search","columnFilters","color","formModal","createFormComponent","editFormComponent","menu1","menu2","dynamicComponent","current","component","$t","yearFromDate","yearToDate","reportIsCountryWise","index","column","message","downloadExcel","reportIsYearWise","loadCountryNames","clearInput","changeColumn","loading","json_fields","json_data","json_meta","CountryName","onResponse","label","excelData","responseData","CountryNames","trekker","gender","ageGroup","countryName","trekkingRoute"],"mappings":"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ACAlF,cAEA,CACAA,uBACAmF,gCAEA,CACAnF,0BACAmF,+BAEA,CACAnF,iBAEA,kBAEA,kDAnBA,IAqBA6C,qBAAA,4JAsCA,MApCA,sCACA,yBAGA,yBAEAyB,GACAC,qCACAC,qCACAtC,iCACAuC,8BAEAE,KACA,UACA,wCACA,eACA,YACA,YACAA,6DAEA,uCACA,eACA,YACA,YACAA,mEAEA,mDACA,eACA,YACA,YACAL,GACAC,qCACAC,qCACAtC,kCAEAyC,4DACA,SACAD,cACAU,kBACA,cAEA,aACA,kBAEAC,mBACAlB,eACA,kBACA,0CAjDA,IAoDAmB,yBACA,yDAGAC,yBACA,mBAAAC,qBACA,kBAGAC,4BACA,mBAAAC,kEACA,kBAGAC,yBACA,mBACAC,OACAC,eACAC,qBAGA,kBAGAC,2BACA,qBACA,kBAGAC,oBACA,2BACA,sCAGAC,qBACA,2BACA,mCACA,sDAGAC,uBACA,qBACA,8FAGAC,mBACA,cACA,kBAEA/B,gBACA,OACAgC,uBACAC,UACApD,UACAqD,aACAC,wBACAC,kBACAC,aAEAC,gBACAC,WACAC,QACAC,aACA,CACAC,cAAAjF,kBAEA,CACAiF,eAAAjF,mBAEA,CACAiF,0BAAAjF,8BAGAkF,aACA,CACAD,mBAAAjF,uBAEA,CACAiF,cAAAjF,mBAGAmF,aAEA,CACAF,QACAjF,iBAEA,CACAiF,QACAjF,kBACA,CACAiF,QACAjF,eACA,CACAiF,QACAjF,eACA,CACAiF,QACAjF,aACA,CACAiF,QACAjF,cACA,CACAiF,QACAjF,cACA,CACAiF,QACAjF,gBACA,CACAiF,QACAjF,mBACA,CACAiF,QACAjF,iBACA,CACAiF,QACAjF,kBACA,CACAiF,QACAjF,mBAGAoF,gBACAC,kBACAC,YACAC,aACAC,YACAC,oBAEAxF,cACAyF,UACAC,iBACA5B,MACA,CACAE,WACAD,cAGAL,OACAE,WACAxD,cACAuC,YACAF,sBACAC,2BAEA9B,UACA+E,SACA/E,YACAmB,QACA4C,YACAH,aACAoB,aACAC,uBACAC,qBACAC,SACAC,SAcAC,kBACAC,2BCl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tH,SACA4H,4BAAA,WACA,2CACAjE,0DACA,0BAIAkE,sBACA,kCACA,uBACA,sBAEAC,yBACA1E,gBAEAD,yBACAC,aAAAC,SACA,WACA,2BACA,qCACA,qBACA,mCACA,wBACA,0BACA,mBAEA,qCACA,qBACA,mCACA,6BAIAC,sBAAA,0JAcA,GAbA,aACAyE,WACAC,eACAC,aACAC,WACA,CACA,CACA1G,cACAV,kBAKAyC,KAGA,qDAIA,OAHAA,GACApC,iCACAqC,sCACA,SAEAG,KACAC,gDACAC,cACAC,oBACAT,SACA,kBACAD,oBAEA,qDACA,8BACAW,SACAA,2DACAC,6BACAD,aAEA,iCAEA,qDAMA,OAJAR,GACApC,iCACAuC,6BACAF,sCACA,UACAG,KACAC,+CACAC,cACAR,SACA,kBACA,uCACAY,+BACAb,qBACA,4CAEA,yCACA,yCAEAkB,mBACAlB,kBACA,QAEA,OAAAA,mCAAA,kBACA,kCAEA,wDAOA,OALAG,GACApC,iCACAuC,6BACAF,qCACA2E,wCACA,UAEAxE,KACAC,kDACAC,cACAC,oBACAT,SACA,kBACAD,oBACA,qDACA,8BACAW,SACAA,6DACAC,6BACAD,aAEA,2CA1FA,IA8FAqE,uBACA,MACA,qBACA,kBAEA,sBAIAlE,yBACA,oCACA,2BACA,qCACA,oCAEApC,qBAAA,8JAOA,GANA,yBAQA,mCAMA,OALA,eACA,0BACAyB,GACApC,iCACAqC,sCACA,SACAG,KACAC,+CACAC,cACAR,SACA,kBAGA,cAEA,aACA,WACA,CACAgF,sBACAtD,uBAEA,CACAsD,gBACAtD,iBAEA,CACAsD,iBACAtD,kBACA,CACAsD,cACAtD,eACA,CACAsD,cACAtD,eACA,CACAsD,YACAtD,aACA,CACAsD,aACAtD,cACA,CACAsD,aACAtD,cACA,CACAsD,eACAtD,gBACA,CACAsD,kBACAtD,mBACA,CACAsD,gBACAtD,iBACA,CACAsD,iBACAtD,kBACA,CACAsD,iBACAtD,kBACA,CACAsD,cACAtD,gBAGA,kBAQAT,mBACAlB,kBACA,WAIA,qCAOA,OANA,eACA,yBACAG,GACApC,iCACAuC,6BACAF,sCACA,UACAG,KACAC,8CACAC,cACAR,SACA,kBACAD,oBACA,uBACA,aACA,wBAEA,kBACA,CAAAiF,aAAAtD,eAEA,eACA,CAAAsD,cAAAtD,gBAGA,kBAGAT,mBACAlB,kBACA,YAGA,uCASA,OARA,eACA,4BAEAG,GACApC,iCACAuC,6BACAF,qCACA2E,wCACA,UACAxE,KACAC,iDACAC,cACAR,SACA,kBAEA,cACA,kBAEAiB,mBACAlB,kBACA,2CA7IA,IAiJAmB,yBACA,yDAGAC,yBACA,mBAAAC,qBACA,kBAGAC,4BACA,mBAAAC,kEACA,kBAGAC,yBACA,mBACAC,OACAC,eACAC,qBAGA,kBAGAC,2BACA,qBACA,kBAGAC,oBACA,2BACA,uCAGAG,mBACA,iBACA,4BAEA/B,gBACA,OACAkC,aAGA+C,WACAP,WACAC,eACAC,aACAC,WACA,CACA,CACA1G,cACAV,kBAKAgF,aACA,CACAC,YAAAjF,4BAGA,CACAiF,aAAAjF,6BAGA,CACAiF,eAAAjF,gCAGAsG,sCACAC,oCAGA5B,kBACAC,aAEA6C,gBACA1C,QACAD,WACAM,gBACAsC,gBACAzH,cACAyF,UACAC,iBACA5B,MACA,CACAE,sBACAD,cAGAL,OACAE,WACAxD,cACAuC,YACA+E,WACAC,UACAC,YACAC,eACAC,kBAEAlH,UACA+E,SACA/E,YACAmB,QACA4C,YACAH,aACAoB,aACAC,uBACAC,qBACAC,SACAC,aC5nBoY,I,wBCQhYG,EAAY,eACd,EACA,EACA5E,GACA,EACA,KACA,WACA,MAIa,aAAA4E,E","file":"js/InternationalPassengerMovementReports.d510394f.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InternationalPassengerMovementReports.vue?vue&type=style&index=0&id=4a794716&prod&lang=scss&scoped=true&\"","import './VSimpleTable.sass'\n\nimport { convertToUnit } from '../../util/helpers'\nimport Themeable from '../../mixins/themeable'\nimport mixins from '../../util/mixins'\nimport { VNode } from 'vue'\n\nexport default mixins(Themeable).extend({\n  name: 'v-simple-table',\n\n  props: {\n    dense: Boolean,\n    fixedHeader: Boolean,\n    height: [Number, String],\n  },\n\n  computed: {\n    classes (): Record<string, boolean> {\n      return {\n        'v-data-table--dense': this.dense,\n        'v-data-table--fixed-height': !!this.height && !this.fixedHeader,\n        'v-data-table--fixed-header': this.fixedHeader,\n        'v-data-table--has-top': !!this.$slots.top,\n        'v-data-table--has-bottom': !!this.$slots.bottom,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genWrapper () {\n      return this.$slots.wrapper || this.$createElement('div', {\n        staticClass: 'v-data-table__wrapper',\n        style: {\n          height: convertToUnit(this.height),\n        },\n      }, [\n        this.$createElement('table', this.$slots.default),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-data-table',\n      class: this.classes,\n    }, [\n      this.$slots.top,\n      this.genWrapper(),\n      this.$slots.bottom,\n    ])\n  },\n})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrekkingRestrictedAreasProcessedReportTable.vue?vue&type=style&index=0&id=ff8ae5f4&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-content',[_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-expansion-panels',{attrs:{\"multiple\":\"\",\"hover\":\"\"}},[_c('v-expansion-panel',[_c('v-expansion-panel-header',[_vm._v(_vm._s(_vm.$t('filter')))]),_c('v-expansion-panel-content',[_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('div',[_c('v-row',{staticClass:\"mt-4\",attrs:{\"align\":\"start\",\"justify\":\"start\"}},[_c('v-col',{staticClass:\"d-flex flex-sm-row flex-column\",attrs:{\"cols\":\"12\",\"sm\":\"4\"}},[_c('v-autocomplete',{attrs:{\"items\":_vm.ReportTypes,\"label\":_vm.$t('report_type'),\"clearable\":\"\",\"outlined\":\"\",\"dense\":\"\",\"single-line\":\"\",\"item-text\":\"value\",\"item-value\":\"value\"},model:{value:(_vm.serverParams.ReportType),callback:function ($$v) {_vm.$set(_vm.serverParams, \"ReportType\", $$v)},expression:\"serverParams.ReportType\"}})],1),_c('v-col',{staticClass:\"d-flex flex-sm-row flex-column\",attrs:{\"cols\":\"12\",\"sm\":\"4\"}},[_c('v-autocomplete',{attrs:{\"items\":_vm.ReportModes,\"label\":_vm.$t('report_category'),\"clearable\":\"\",\"outlined\":\"\",\"dense\":\"\",\"single-line\":\"\",\"item-text\":\"value\",\"item-value\":\"value\"},model:{value:(_vm.serverParams.ReportMode),callback:function ($$v) {_vm.$set(_vm.serverParams, \"ReportMode\", $$v)},expression:\"serverParams.ReportMode\"}})],1),_c('v-col',{staticClass:\"d-flex flex-sm-row flex-column\",attrs:{\"cols\":\"12\",\"sm\":\"2\"}},[_c('v-select',{attrs:{\"items\":_vm.customYear,\"label\":_vm.$t('select_year'),\"outlined\":\"\",\"dense\":\"\",\"prepend-inner-icon\":\"event\"},model:{value:(_vm.serverParams.FromDate),callback:function ($$v) {_vm.$set(_vm.serverParams, \"FromDate\", $$v)},expression:\"serverParams.FromDate\"}})],1),(!_vm.reportIsMonthWise)?_c('v-col',{staticClass:\"d-flex flex-sm-row flex-column\",attrs:{\"cols\":\"12\",\"sm\":\"3\"}},[_c('v-menu',{attrs:{\"nudge-right\":40,\"transition\":\"scale-transition\",\"offset-y\":\"\",\"min-width\":\"290px\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-text-field',_vm._g({attrs:{\"label\":_vm.$t('to_date'),\"clearable\":\"\",\"prepend-icon\":\"event\",\"readonly\":\"\"},model:{value:(_vm.serverParams.ToDate),callback:function ($$v) {_vm.$set(_vm.serverParams, \"ToDate\", $$v)},expression:\"serverParams.ToDate\"}},on))]}}],null,false,290627525),model:{value:(_vm.snackbar.menu2),callback:function ($$v) {_vm.$set(_vm.snackbar, \"menu2\", $$v)},expression:\"snackbar.menu2\"}},[_c('v-date-picker',{model:{value:(_vm.serverParams.ToDate),callback:function ($$v) {_vm.$set(_vm.serverParams, \"ToDate\", $$v)},expression:\"serverParams.ToDate\"}})],1)],1):_vm._e(),_c('v-col',{staticClass:\"d-flex flex-sm-row flex-column\",attrs:{\"cols\":\"12\",\"sm\":\"12\"}},[_c('v-spacer'),_c('v-btn',{staticClass:\"mx-2\",attrs:{\"dark\":\"\",\"small\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.loadItems.apply(null, arguments)}}},[_c('v-icon',{attrs:{\"dark\":\"\"}},[_vm._v(\" search \")]),_vm._v(\" \"+_vm._s(_vm.$t('search'))+\" \")],1),_c('JsonExcelVue',{attrs:{\"fetch\":_vm.fetchData,\"is-custom-header\":\"\",\"customHeader\":_vm.customHeader}},[_c('v-btn',{staticClass:\"success mx-4\",attrs:{\"small\":\"\"}},[_c('v-icon',[_vm._v(\"get_app\")]),_vm._v(\" \"+_vm._s(_vm.$t('download_to_excel'))+\" \")],1)],1),_c('v-spacer')],1)],1)],1)])],1)],1)],1),(_vm.isLoading)?_c('div',{staticClass:\"d-flex justify-center\"},[_c('v-progress-circular',{attrs:{\"size\":50,\"color\":\"primary\",\"indeterminate\":\"\"}})],1):_vm._e(),(_vm.table1)?_c('v-simple-table',{staticClass:\"table tbl\"},[_c('thead',[_c('tr',[_c('th',{attrs:{\"rowspan\":\"2\"}},[_vm._v(\" \"+_vm._s(_vm.$t('month')))]),_c('th',{attrs:{\"colspan\":\"3\"}},[_vm._v(\" \"+_vm._s(_vm.$t('flight_movement'))+\" \")]),_c('th',{attrs:{\"colspan\":\"3\"}},[_vm._v(\" \"+_vm._s(_vm.$t('passenger_movement')))]),(_vm.domesticReportModes == false)?_c('th',{attrs:{\"rowspan\":\"2\"}},[_vm._v(\" \"+_vm._s(_vm.$t('transit')))]):_vm._e()]),_c('tr',[_c('th',[_vm._v(_vm._s(_vm.$t('departure')))]),_c('th',[_vm._v(_vm._s(_vm.$t('arrival')))]),_c('th',[_vm._v(_vm._s(_vm.$t('total')))]),_c('th',[_vm._v(_vm._s(_vm.$t('out')))]),_c('th',[_vm._v(_vm._s(_vm.$t('in')))]),_c('th',[_vm._v(_vm._s(_vm.$t('total')))])])]),_c('tbody',_vm._l((_vm.rows),function(row){return _c('tr',{key:row},[_c('td',[_vm._v(_vm._s(row.month))]),_c('td',[_vm._v(_vm._s(row.dep))]),_c('td',[_vm._v(_vm._s(row.arr))]),_c('td',[_vm._v(_vm._s(row.totalFlight))]),_c('td',[_vm._v(_vm._s(row.in))]),_c('td',[_vm._v(_vm._s(row.out))]),_c('td',[_vm._v(_vm._s(row.totalPassenger))]),(_vm.domesticReportModes == false)?_c('td',[_vm._v(_vm._s(row.transit))]):_vm._e()])}),0)]):(_vm.table2)?_c('v-simple-table',{staticClass:\"table tbl\"},[_c('thead',[_c('tr',[_c('th',{attrs:{\"rowspan\":\"2\"}},[_vm._v(\" \"+_vm._s(_vm.$t('airline'))+\" \")]),_c('th',{attrs:{\"colspan\":\"3\"}},[_vm._v(\" \"+_vm._s(_vm.$t('flight_movement'))+\" \")]),_c('th',{attrs:{\"colspan\":\"3\"}},[_vm._v(\" \"+_vm._s(_vm.$t('passenger_movement')))]),(_vm.domesticReportModes == false)?_c('th',{attrs:{\"rowspan\":\"2\"}},[_vm._v(\" \"+_vm._s(_vm.$t('transit')))]):_vm._e()]),_c('tr',[_c('th',[_vm._v(\"DEP\")]),_c('th',[_vm._v(\"ARR\")]),_c('th',[_vm._v(_vm._s(_vm.$t('total')))]),_c('th',[_vm._v(_vm._s(_vm.$t('out')))]),_c('th',[_vm._v(_vm._s(_vm.$t('in')))]),_c('th',[_vm._v(_vm._s(_vm.$t('total')))])])]),_c('tbody',_vm._l((_vm.rows),function(row){return _c('tr',{key:row},[_c('td',[_vm._v(_vm._s(row.airLines))]),_c('td',[_vm._v(_vm._s(row.dep))]),_c('td',[_vm._v(_vm._s(row.arr))]),_c('td',[_vm._v(_vm._s(row.totalFlight))]),_c('td',[_vm._v(_vm._s(row.in))]),_c('td',[_vm._v(_vm._s(row.out))]),_c('td',[_vm._v(_vm._s(row.totalPassenger))]),(!_vm.domesticReportModes)?_c('td',[_vm._v(_vm._s(row.transit))]):_vm._e()])}),0)]):_vm._e(),_c('v-snackbar',{attrs:{\"color\":\"success\",\"timeout\":_vm.snackbar.timeout,\"top\":\"\"},model:{value:(_vm.snackbar.snackbar),callback:function ($$v) {_vm.$set(_vm.snackbar, \"snackbar\", $$v)},expression:\"snackbar.snackbar\"}},[_vm._v(\" \"+_vm._s(_vm.callbackResponse.message)+\" \"),_c('v-btn',{attrs:{\"dark\":\"\",\"text\":\"\"},on:{\"click\":function($event){_vm.snackbar.snackbar = false}}},[_vm._v(\" Close \")])],1)],1),_c('v-row',{staticClass:\"mt-7\"},[_c('div',{staticClass:\"col-12\",staticStyle:{\"color\":\"gray\",\"text-align\":\"right\"}},[_vm._v(\" \"+_vm._s(_vm.$t('source'))+\" : \"+_vm._s(_vm.$t('department_of_immigration'))+\" \")])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-content>\r\n        <v-container fluid>\r\n            <!-- <v-row no-gutters>\r\n        <v-col cols=\"10\"></v-col>\r\n        <v-col cols=\"2\">\r\n            <v-btn cols=\"2\" class=\"success\" @click.stop=\"onDownload\">\r\n                <v-icon>get_app</v-icon>\r\n                Export\r\n            </v-btn>\r\n        </v-col>\r\n    </v-row>-->\r\n            <v-expansion-panels multiple hover>\r\n                <v-expansion-panel>\r\n                    <v-expansion-panel-header>{{$t('filter')}}</v-expansion-panel-header>\r\n                    <v-expansion-panel-content>\r\n                        <v-container fluid>\r\n                            <div>\r\n                                <v-row align=\"start\" justify=\"start\" class=\"mt-4\">\r\n\r\n                                    <v-col class=\"d-flex flex-sm-row flex-column\" cols=\"12\" sm=\"4\">\r\n                                        <v-autocomplete v-model=\"serverParams.ReportType\"\r\n                                                        :items=\"ReportTypes\"\r\n                                                        :label=\"$t('report_type')\"\r\n                                                        clearable\r\n                                                        outlined\r\n                                                        dense\r\n                                                        single-line\r\n                                                        item-text=\"value\"\r\n                                                        item-value=\"value\"></v-autocomplete>\r\n                                    </v-col>\r\n                                    <v-col class=\"d-flex flex-sm-row flex-column\" cols=\"12\" sm=\"4\">\r\n                                        <v-autocomplete v-model=\"serverParams.ReportMode\"\r\n                                                        :items=\"ReportModes\"\r\n                                                        :label=\"$t('report_category')\"\r\n                                                        clearable\r\n                                                        outlined\r\n                                                        dense\r\n                                                        single-line\r\n                                                        item-text=\"value\"\r\n                                                        item-value=\"value\"></v-autocomplete>\r\n                                    </v-col>\r\n                                    <v-col class=\"d-flex flex-sm-row flex-column\" cols=\"12\" sm=\"2\">\r\n                                        <v-select :items=\"customYear\"\r\n                                                  :label=\"$t('select_year')\"\r\n                                                  outlined\r\n                                                  dense\r\n                                                  v-model=\"serverParams.FromDate\"\r\n                                                  prepend-inner-icon=\"event\"></v-select>\r\n                                    </v-col>\r\n                                    <!--<v-col class=\"d-flex mt-4\" cols=\"12\" sm=\"2\" v-if=\"reportByMonth\">\r\n                                <v-select\r\n                                          :items=\"customMonth\"\r\n                                          :label=\"$t('select_month')\"\r\n                                          v-model=\"serverParams.ToDate\"\r\n                                          prepend-icon=\"event\"\r\n                                          item-text=\"value\"\r\n                                          item-value=\"id\"\r\n                                          dense></v-select>\r\n                            </v-col>-->\r\n                                    <!--<v-select v-if=\"reportByMonth\"\r\n                                  class=\"mt-8\"\r\n                                  :items=\"customMonth\"\r\n                                  :label=\"$t('select_month')\"\r\n                                  v-model=\"serverParams.ToDate\"\r\n                                  prepend-icon=\"event\"\r\n                                  item-text=\"value\"\r\n                                  item-value=\"id\"\r\n                                  dense></v-select>-->\r\n                                    <!--<v-col class=\"d-flex\" cols=\"12\" sm=\"3\">\r\n                                <v-menu v-model=\"snackbar.menu1\"\r\n                                        :nudge-right=\"40\"\r\n                                        transition=\"scale-transition\"\r\n                                        offset-y\r\n                                        :close-on-content-click=\"false\"\r\n                                        min-width=\"290px\">\r\n                                    <template v-slot:activator=\"{ on }\">\r\n                                        <v-text-field v-model=\"serverParams.FromDate\"\r\n                                                      :label=\"$t('from_date')\"\r\n                                                      clearable\r\n                                                      prepend-icon=\"event\"\r\n                                                      readonly\r\n                                                      v-on=\"on\"></v-text-field>\r\n                                    </template>\r\n                                    <v-date-picker v-model=\"serverParams.FromDate\">\r\n\r\n                                    </v-date-picker>\r\n                                </v-menu>\r\n                            </v-col>-->\r\n\r\n                                    <v-col class=\"d-flex flex-sm-row flex-column\" cols=\"12\" sm=\"3\" v-if=\"!reportIsMonthWise\">\r\n                                        <v-menu v-model=\"snackbar.menu2\"\r\n                                                :nudge-right=\"40\"\r\n                                                transition=\"scale-transition\"\r\n                                                offset-y\r\n                                                min-width=\"290px\">\r\n                                            <template v-slot:activator=\"{ on }\">\r\n                                                <v-text-field v-model=\"serverParams.ToDate\"\r\n                                                              :label=\"$t('to_date')\"\r\n                                                              clearable\r\n                                                              prepend-icon=\"event\"\r\n                                                              readonly\r\n                                                              v-on=\"on\"></v-text-field>\r\n                                            </template>\r\n                                            <v-date-picker v-model=\"serverParams.ToDate\">\r\n\r\n                                            </v-date-picker>\r\n                                        </v-menu>\r\n                                    </v-col>\r\n\r\n                                    <v-col class=\"d-flex flex-sm-row flex-column\" cols=\"12\" sm=\"12\">\r\n                                        <v-spacer></v-spacer>\r\n                                        <v-btn class=\"mx-2\" dark small color=\"primary\" @click.stop=\"loadItems\">\r\n                                            <v-icon dark> search </v-icon>\r\n                                            {{$t('search')}}\r\n                                        </v-btn>\r\n                                        <!--<v-btn @click.stop=\"onDownload\" small class=\"success mx-4\">\r\n                                    <v-icon>get_app</v-icon>\r\n                                    {{$t('download_to_excel')}}\r\n                                </v-btn>-->\r\n                                        <JsonExcelVue :fetch=\"fetchData\" is-custom-header :customHeader=\"customHeader\">\r\n                                            <v-btn small class=\"success mx-4\">\r\n                                                <v-icon>get_app</v-icon>\r\n                                                {{$t('download_to_excel')}}\r\n                                            </v-btn>\r\n\r\n                                        </JsonExcelVue>\r\n                                        <v-spacer></v-spacer>\r\n                                    </v-col>\r\n                                </v-row>\r\n                            </div>\r\n                        </v-container>\r\n                    </v-expansion-panel-content>\r\n                </v-expansion-panel>\r\n            </v-expansion-panels>\r\n            <div class=\"d-flex justify-center\" v-if=\"isLoading\">\r\n                <v-progress-circular :size=\"50\"\r\n                                     color=\"primary\"\r\n                                     indeterminate></v-progress-circular>\r\n\r\n            </div>\r\n            <v-simple-table v-if=\"table1\" class=\"table tbl\">\r\n                <thead>\r\n                    <tr>\r\n                        <th rowspan=\"2\"> {{$t('month')}}</th>\r\n                        <th colspan=\"3\"> {{$t('flight_movement')}} </th>\r\n                        <th colspan=\"3\"> {{$t('passenger_movement')}}</th>\r\n                        <th v-if=\"domesticReportModes == false\" rowspan=\"2\"> {{$t('transit')}}</th>\r\n                    </tr>\r\n                    <tr>\r\n                        <th>{{$t('departure')}}</th>\r\n                        <th>{{$t('arrival')}}</th>\r\n                        <th>{{$t('total')}}</th>\r\n                        <th>{{$t('out')}}</th>\r\n                        <th>{{$t('in')}}</th>\r\n                        <th>{{$t('total')}}</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n\r\n                    <tr v-for=\"row in rows\" :key=\"row\">\r\n                        <td>{{row.month}}</td>\r\n                        <td>{{row.dep}}</td>\r\n                        <td>{{row.arr}}</td>\r\n                        <td>{{row.totalFlight}}</td>\r\n                        <td>{{row.in}}</td>\r\n                        <td>{{row.out}}</td>\r\n                        <td>{{row.totalPassenger}}</td>\r\n                        <td v-if=\"domesticReportModes == false\">{{row.transit}}</td>\r\n                    </tr>\r\n\r\n                </tbody>\r\n            </v-simple-table>\r\n\r\n            <v-simple-table v-else-if=\"table2\" class=\"table tbl\">\r\n                <thead>\r\n                    <tr>\r\n                        <th rowspan=\"2\"> {{$t('airline')}} </th>\r\n                        <th colspan=\"3\"> {{$t('flight_movement')}} </th>\r\n                        <th colspan=\"3\"> {{$t('passenger_movement')}}</th>\r\n                        <th v-if=\"domesticReportModes == false\" rowspan=\"2\"> {{$t('transit')}}</th>\r\n                    </tr>\r\n                    <tr>\r\n                        <th>DEP</th>\r\n                        <th>ARR</th>\r\n                        <th>{{$t('total')}}</th>\r\n                        <th>{{$t('out')}}</th>\r\n                        <th>{{$t('in')}}</th>\r\n                        <th>{{$t('total')}}</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n\r\n                    <tr v-for=\"row in rows\" :key=\"row\">\r\n                        <td>{{row.airLines}}</td>\r\n                        <td>{{row.dep}}</td>\r\n                        <td>{{row.arr}}</td>\r\n                        <td>{{row.totalFlight}}</td>\r\n                        <td>{{row.in}}</td>\r\n                        <td>{{row.out}}</td>\r\n                        <td>{{row.totalPassenger}}</td>\r\n                        <td v-if=\"!domesticReportModes\">{{row.transit}}</td>\r\n                    </tr>\r\n\r\n                </tbody>\r\n\r\n            </v-simple-table>\r\n\r\n            <v-snackbar v-model=\"snackbar.snackbar\"\r\n                        color=\"success\"\r\n                        :timeout=\"snackbar.timeout\"\r\n                        top>\r\n                {{ callbackResponse.message }}\r\n                <v-btn dark\r\n                       text\r\n                       @click=\"snackbar.snackbar = false\">\r\n                    Close\r\n                </v-btn>\r\n            </v-snackbar>\r\n        </v-container>\r\n        <v-row class=\"mt-7\">\r\n            <div class=\"col-12\" style=\"color: gray; text-align: right\">\r\n                {{$t('source')}} : {{$t('department_of_immigration')}}\r\n            </div>\r\n        </v-row>\r\n    </v-content>\r\n</template>\r\n\r\n<script>\r\n    import axios from \"axios\";\r\n    import JsonExcelVue from \"@/components/ImportExport/JsonExcel.vue\"\r\n    export default {\r\n        name: \"MountaineeringHistoryList\",\r\n        props: [\r\n            'moduleName'\r\n        ],\r\n        components: {\r\n            JsonExcelVue\r\n        },\r\n        computed: {\r\n            customYear() {\r\n                let year = []\r\n                for (let i = 0; i < 99; i++) {\r\n                    year.push(`20${i < 10 ? '0' : ''}${i}`)\r\n                }\r\n                return year\r\n            },\r\n            reportByYear() {\r\n                return this.serverParams.ReportType === 'yearwise';\r\n            },\r\n            reportByMonth() {\r\n                return this.serverParams.ReportType === 'monthwise';\r\n            },\r\n            reportIsMonthWise() {\r\n                return this.serverParams.ReportType === \"monthwise\" || \"AirlinewiseMovement\";\r\n            },\r\n            items() {\r\n                return [\r\n                    {\r\n                        text: this.$t('report'),\r\n                        exact: true,\r\n                        to: '/reportModules'\r\n                    },\r\n                    {\r\n                        text: this.$t('tourist_arrival_report_menu'),\r\n                        exact: true,\r\n                        to: '/reportModules/reportTourist-Arrival'\r\n                    },\r\n                    {\r\n                        text: this.$t('passenger_movement'),\r\n                        disabled: true,\r\n                        exact: true\r\n                    }\r\n                ]\r\n            }\r\n        },\r\n        methods: {\r\n            getNow: function () {\r\n                const today = new Date();\r\n                const date = today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate();\r\n                /* const time = today.getHours() + \":\" + today.getMinutes() + \":\" + today.getSeconds();*/\r\n                this.serverParams.FromDate = date;\r\n                this.serverParams.ToDate = date;\r\n            },\r\n            formResponse(data) {\r\n                console.log({data})\r\n                if (data.message) {\r\n                    this.snackbar.formModal = false\r\n                    this.snackbar.createFormComponent = false;\r\n                    this.dialogDelete = false;\r\n                    this.snackbar.editFormComponent = false;\r\n                    this.callbackResponse = data;\r\n                    this.snackbar.snackbar = true\r\n                    this.loadItems();\r\n                } else {\r\n                    this.snackbar.createFormComponent = false;\r\n                    this.dialogDelete = false;\r\n                    this.snackbar.editFormComponent = false;\r\n                    this.snackbar.formModal = false\r\n                }\r\n            },\r\n\r\n            async onDownload() {\r\n                let param = {\r\n                    ReportType: this.serverParams.ReportType,\r\n                    ReportMode: this.serverParams.ReportMode,\r\n                    FromDate: this.serverParams.FromDate,\r\n                    ToDate: this.serverParams.ToDate,\r\n                };\r\n                if (this.serverParams.ReportType === 'monthwise') {\r\n                    await axios({\r\n                        url: 'Immigration/DownloadFlightAndPassengerMovementReportListAsyc',\r\n                        method: 'POST',\r\n                        responseType: 'blob',\r\n                        data: param\r\n                    }).then((response) => {\r\n                        const url = window.URL.createObjectURL(new Blob([response.data]));\r\n                        const link = document.createElement('a');\r\n                        link.href = url;\r\n                        link.setAttribute('download', 'FlightAndPassengerMovementReportListAsyc.xlsx'); //or any other extension\r\n                        document.body.appendChild(link);\r\n                        link.click();\r\n\r\n                    });\r\n                }\r\n                else if (this.serverParams.ReportType === 'yearwise') {\r\n                    await axios({\r\n                        url: 'Immigration/DownloadYearlyFlightAndPassengerMovementReportListAsyc',\r\n                        method: 'POST',\r\n                        responseType: 'blob',\r\n                        data: param\r\n                    }).then((response) => {\r\n                        console.log('data', response)\r\n                         this.excelData.json_fields['Mountain'] = 'Mountain'\r\n                        response.data.header.map(res => {\r\n                            this.excelData.json_fields[res.label] = res.field\r\n                        })\r\n                        this.excelData.json_fields['Total'] = 'Total'\r\n                        this.excelData.json_data = response.data.dataList\r\n                    });\r\n                        return this.excelData.json_data\r\n                }\r\n                else {\r\n                    param = {\r\n                        ReportType: this.serverParams.ReportType,\r\n                        ReportMode: this.serverParams.ReportMode,\r\n                        FromDate: this.serverParams.FromDate,\r\n                    };\r\n                    await axios({\r\n                        url: 'Immigration/DownloadAirLineWiseFlightMovementReportListAsyc',\r\n                        method: 'POST',\r\n                        responseType: 'blob',\r\n                        data: param\r\n                    }).then((response) => {\r\n                        const url = window.URL.createObjectURL(new Blob([response.data]));\r\n                        const link = document.createElement('a');\r\n                        link.href = url;\r\n                        link.setAttribute('download', 'AirLineWiseFlightMovementReportListAsyc.xlsx'); //or any other extension\r\n                        document.body.appendChild(link);\r\n                        link.click();\r\n\r\n                    });\r\n                }\r\n                //await axios({\r\n                //    url: 'Report/DownloadSample',\r\n                //    method: 'POST',\r\n                //    responseType: 'blob'\r\n                //}).then((response) => {\r\n                //    const url = window.URL.createObjectURL(new Blob([response.data]));\r\n                //    const link = document.createElement('a');\r\n                //    link.href = url;\r\n                //    link.setAttribute('download', 'NationalParkFile.xlsx'); //or any other extension\r\n                //    document.body.appendChild(link);\r\n                //    link.click();\r\n                //});\r\n            },\r\n\r\n            dialogueClose() {\r\n                this.historyData.editItemIndex = null\r\n                this.snackbar.formModal = false\r\n                this.snackbar.createFormComponent = false\r\n                this.snackbar.editFormComponent = false\r\n            },\r\n            async fetchData() {\r\n                await this.loadItems();\r\n                this.customHeader = [\r\n                   {\r\n                        name: \"Month\"\r\n                   },\r\n                   {\r\n                       name: \"FLIGHT MOVEMENT\",\r\n                       children: [\"DEP\", \"ARR\", \"TOTAL\"]\r\n                   },\r\n                   {\r\n                       name: \"PASSENGER MOVEMENT\",\r\n                       children: [\"OUT\", 'IN', 'TOTAL']\r\n                    },\r\n                    {\r\n                        name: \"TRANSIT\"\r\n                    }\r\n                ]\r\n\r\n               return this.rows\r\n            },\r\n            async loadItems() {\r\n\r\n                if(this.serverParams.ReportMode == \"Domestic\"){\r\n                    this.domesticReportModes = true\r\n                }\r\n                else{\r\n                    this.domesticReportModes = false\r\n                }\r\n                let param = {\r\n                    ReportType: this.serverParams.ReportType,\r\n                    ReportMode: this.serverParams.ReportMode,\r\n                    FromDate: this.serverParams.FromDate,\r\n                    ToDate: this.serverParams.ToDate,\r\n                };\r\n                let url = \"\"\r\n                this.rows = []\r\n                if (this.serverParams.ReportType == \"monthwise\") {\r\n                    this.isLoading = true;\r\n                    this.table1=true\r\n                    this.table2=false\r\n                    url = 'Immigration/GetFlightAndPassengerMovementReportListAsyc'\r\n                }\r\n                else if (this.serverParams.ReportType == \"yearwise\") {\r\n                    this.isLoading = true;\r\n                    this.table1=true\r\n                    this.table2=false\r\n                    url = 'Immigration/GetYearlyFlightAndPassengerMovementReportListAsyc'\r\n                }\r\n                else if (this.serverParams.ReportType == \"AirlinewiseMovement\") {\r\n                    this.isLoading = true;\r\n                    this.table1=false\r\n                    this.table2 = true\r\n                    param = {\r\n                        ReportType: this.serverParams.ReportType,\r\n                        ReportMode: this.serverParams.ReportMode,\r\n                        FromDate: this.serverParams.FromDate,\r\n                    };\r\n                    url = 'Immigration/GetAirLineWiseFlightMovementReportListAsyc'\r\n                }\r\n                await axios.post(url, param)\r\n                    .then(response => {\r\n                        this.rows = response.data;\r\n                        // this.totalRecords = response.data.totalCount;\r\n                        this.columns = []\r\n                        this.isLoading = false;\r\n                    })\r\n                    .catch(err => {\r\n                        console.log(err)\r\n                        this.isLoading = false;\r\n                    });\r\n            },\r\n\r\n            updateParams(newProps) {\r\n                this.serverParams = Object.assign({}, this.serverParams, newProps);\r\n            },\r\n\r\n            onPageChange(params) {\r\n                this.updateParams({page: params.currentPage});\r\n                this.loadItems();\r\n            },\r\n\r\n            onPerPageChange(params) {\r\n                this.updateParams({perPage: params.currentPerPage==-1?this.totalRecords:params.currentPerPage});\r\n                this.loadItems();\r\n            },\r\n\r\n            onSortChange(params) {\r\n                this.updateParams({\r\n                    sort: [{\r\n                        type: params[0].type,\r\n                        field: params[0].field,\r\n                    }],\r\n                });\r\n                this.loadItems();\r\n            },\r\n\r\n            onColumnFilter(params) {\r\n                this.updateParams(params);\r\n                this.loadItems();\r\n            },\r\n\r\n            addModal() {\r\n                this.snackbar.formModal = true\r\n                this.snackbar.createFormComponent = true\r\n            },\r\n\r\n            editItem(item) {\r\n                this.snackbar.formModal = true\r\n                this.snackbar.editFormComponent = true\r\n                this.historyData.editItemIndex = item.personInformationID\r\n            },\r\n\r\n            deleteItem(props) {\r\n                this.dialogDelete = true;\r\n                this.deleteFormData.url = \"Mountain/DeleteHistoryInformationByIDAsync/\" + props.personInformationID;\r\n            },\r\n        },\r\n        mounted() {\r\n            this.getNow()\r\n            this.loadItems()\r\n        },\r\n        data() {\r\n            return {\r\n                domesticReportModes:false,\r\n                table1:false,\r\n                table2: false,\r\n                isLoading: false,\r\n                tab: 'tab-monthlyReport',\r\n                callbackResponse: {\r\n                    timeout: 6000\r\n                },\r\n                customHeader:[],\r\n                columns: [],\r\n                rows: [],\r\n                ReportTypes: [\r\n                    {\r\n                        id: \"yearwise\", value: \"yearwise\"\r\n                    },\r\n                    {\r\n                        id: \"monthwise\", value: \"monthwise\"\r\n                    },\r\n                    {\r\n                        id: \"AirlinewiseMovements\", value: \"AirlinewiseMovement\"\r\n                    }\r\n                ],\r\n                ReportModes: [\r\n                    {\r\n                        id: \"International\", value: \"International\"\r\n                    },\r\n                    {\r\n                        id: \"Domestic\", value: \"Domestic\"\r\n                    }\r\n                ],\r\n                customMonth: [\r\n\r\n                    {\r\n                        id: '01',\r\n                        value: 'january'\r\n                    },\r\n                    {\r\n                        id: '02',\r\n                        value: 'february'\r\n                    }, {\r\n                        id: '03',\r\n                        value: 'march'\r\n                    }, {\r\n                        id: '04',\r\n                        value: 'april'\r\n                    }, {\r\n                        id: '05',\r\n                        value: 'may'\r\n                    }, {\r\n                        id: '06',\r\n                        value: 'june'\r\n                    }, {\r\n                        id: '07',\r\n                        value: 'july'\r\n                    }, {\r\n                        id: '08',\r\n                        value: 'august'\r\n                    }, {\r\n                        id: '09',\r\n                        value: 'september'\r\n                    }, {\r\n                        id: '10',\r\n                        value: 'october'\r\n                    }, {\r\n                        id: '11',\r\n                        value: 'november'\r\n                    }, {\r\n                        id: '12',\r\n                        value: 'december'\r\n                    },\r\n                ],\r\n                dialogDelete: false,\r\n                deleteFormData: [],\r\n                formdata: [],\r\n                historyData: {\r\n                    totalRows: 0,\r\n                    editItemIndex: null\r\n                },\r\n                serverParams: {\r\n                    search: \"\",\r\n                    columnFilters: {},\r\n                    sort: [\r\n                        {\r\n                            field: \"id\",\r\n                            type: \"desc\"\r\n                        }\r\n                    ],\r\n                    page: 1,\r\n                    perPage: 10,\r\n                    FromDate: null,\r\n                    ToDate: null,\r\n                    ReportType: \"yearwise\",\r\n                    ReportMode: \"Inernational\"\r\n                },\r\n                snackbar: {\r\n                    color: '',\r\n                    snackbar: false,\r\n                    text: '',\r\n                    timeout: 6000,\r\n                    isLoading: false,\r\n                    formModal: false,\r\n                    createFormComponent: false,\r\n                    editFormComponent: false,\r\n                    menu1: false,\r\n                    menu2: false,\r\n                    /* breadcrumbsItem: [\r\n                         {\r\n                             text: 'Dashboard',\r\n                             disabled: false,\r\n                             to: 'MountaineeringDashboard',\r\n                             exact: true\r\n\r\n                         },\r\n                         {\r\n                             text: 'Mountaineering History Information',\r\n                             disabled: true,\r\n                         },\r\n                     ],*/\r\n                    dynamicComponent: {\r\n                        current: 'HistoryForm'\r\n                    }\r\n                }\r\n            };\r\n        },\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n    ::v-deep table{\r\n        th{\r\n            color: white !important;\r\n        }\r\n    }\r\n    .v-sheet--offset {\r\n        top: -24px;\r\n        position: relative;\r\n    }\r\n\r\n    .tbl {\r\n\r\n        th {\r\n            padding-top: 12px;\r\n            padding-bottom: 12px;\r\n            text-align: left;\r\n            background-color: #1e88e5;\r\n            color: white;\r\n            position: sticky;\r\n            top: 0px;\r\n            z-index: 1;\r\n        }\r\n    }\r\n\r\n    table, td, th {\r\n        border: 1px solid #ddd;\r\n        text-align: left;\r\n    }\r\n\r\n    table {\r\n        table-layout: fixed;\r\n        border-collapse: collapse;\r\n        width: 100%;\r\n\r\n    }\r\n\r\n    th, td {\r\n        padding: 15px;\r\n    }\r\n\r\n    .tfoot {\r\n        background-color: #d2d2d2;\r\n    }\r\n\r\n    .data-input {\r\n        .v-input {\r\n            max-width: 7.1em !important;\r\n        }\r\n    }\r\n\r\n    input {\r\n        max-width: 5.7em !important;\r\n    }\r\n\r\n    .employee-form-header {\r\n        background-color: #1e88e5;\r\n        height: 3em;\r\n        padding: .6em;\r\n\r\n        span {\r\n            color: #ffffff;\r\n            font-size: 1.4em;\r\n        }\r\n    }\r\n\r\n    #form_card {\r\n        text-align: center;\r\n    }\r\n\r\n    .box-border {\r\n        border: 1px solid;\r\n        padding: 1em;\r\n    }\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!./InternationalPassengerMovementReports.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!./InternationalPassengerMovementReports.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InternationalPassengerMovementReports.vue?vue&type=template&id=4a794716&scoped=true&\"\nimport script from \"./InternationalPassengerMovementReports.vue?vue&type=script&lang=js&\"\nexport * from \"./InternationalPassengerMovementReports.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InternationalPassengerMovementReports.vue?vue&type=style&index=0&id=4a794716&prod&lang=scss&scoped=true&\"\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  \"4a794716\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-content',[_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-expansion-panels',{attrs:{\"multiple\":\"\",\"hover\":\"\"}},[_c('v-expansion-panel',[_c('v-expansion-panel-header',[_vm._v(_vm._s(_vm.$t('filter')))]),_c('v-expansion-panel-content',[_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('div',{staticClass:\"text-center\"},[_c('v-row',[_c('v-col',{staticClass:\"d-flex mt-5\",attrs:{\"cols\":\"3\",\"sm\":\"3\"}},[_c('v-autocomplete',{staticClass:\"pa-0\",attrs:{\"items\":_vm.ReportTypes,\"close-on-content-click\":\"\",\"chips\":\"\",\"clearable\":\"\",\"dense\":\"\",\"outlined\":\"\",\"color\":\"blue-grey lighten-2\",\"label\":_vm.$t('report_type'),\"item-text\":\"value\",\"item-value\":\"id\"},on:{\"change\":_vm.loadCountryNames},model:{value:(_vm.serverParams.ReportType),callback:function ($$v) {_vm.$set(_vm.serverParams, \"ReportType\", $$v)},expression:\"serverParams.ReportType\"}})],1),_c('v-col',{staticClass:\"d-flex mt-5\",attrs:{\"cols\":\"2\",\"sm\":\"2\"}},[(_vm.reportIsMonthWise || _vm.reportIsYearWise || _vm.reportIsCountryWise)?_c('v-select',{attrs:{\"items\":_vm.customYear,\"dense\":\"\",\"outlined\":\"\",\"label\":_vm.$t('from_date'),\"prepend-inner-icon\":\"event\"},model:{value:(_vm.yearFromDate),callback:function ($$v) {_vm.yearFromDate=$$v},expression:\"yearFromDate\"}}):_vm._e()],1),_c('v-col',{staticClass:\"d-flex mt-5\",attrs:{\"cols\":\"2\",\"sm\":\"2\"}},[(_vm.reportIsMonthWise || _vm.reportIsCountryWise)?_c('v-select',{attrs:{\"items\":_vm.customYear,\"label\":_vm.$t('to_date'),\"dense\":\"\",\"outlined\":\"\",\"prepend-inner-icon\":\"event\"},model:{value:(_vm.yearToDate),callback:function ($$v) {_vm.yearToDate=$$v},expression:\"yearToDate\"}}):_vm._e()],1),_c('v-col',{staticClass:\"d-flex mt-5\",attrs:{\"cols\":\"5\",\"sm\":\"5\"}},[(_vm.reportIsCountryWise)?_c('v-autocomplete',{attrs:{\"items\":_vm.CountryNames,\"close-on-content-click\":\"\",\"chips\":\"\",\"clearable\":\"\",\"dense\":\"\",\"outlined\":\"\",\"color\":\"blue-grey lighten-2\",\"label\":_vm.$t('country_name'),\"item-text\":\"value\",\"item-value\":\"id\"},model:{value:(_vm.serverParams.CountryName),callback:function ($$v) {_vm.$set(_vm.serverParams, \"CountryName\", $$v)},expression:\"serverParams.CountryName\"}}):_vm._e()],1)],1),_c('v-row',{staticClass:\"mt-3\",attrs:{\"justify\":\"center\"}},[_c('v-col',{staticClass:\"d-flex\",attrs:{\"cols\":\"12\",\"sm\":\"2\"}},[_c('v-spacer'),_c('v-btn',{staticClass:\"mx-2\",attrs:{\"dark\":\"\",\"small\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.loadItems}},[_c('v-icon',{attrs:{\"dark\":\"\"}},[_vm._v(\"search\")]),_vm._v(\" \"+_vm._s(_vm.$t('search'))+\" \")],1)],1),_c('v-col',{staticClass:\"d-flex\",attrs:{\"cols\":\"12\",\"sm\":\"2\"}},[_c('download-excel',{attrs:{\"fields\":_vm.excelData.json_fields,\"fetch\":_vm.onDownload,\"worksheet\":\"My Worksheet\"}},[_c('v-btn',{staticClass:\"success mx-4\",attrs:{\"small\":\"\"}},[_c('v-icon',[_vm._v(\"get_app\")]),_vm._v(\" \"+_vm._s(_vm.$t('download_to_excel'))+\" \")],1)],1)],1)],1)],1)])],1)],1)],1),(_vm.reportIsCountryWise)?_c('div',{staticClass:\"table-container\"},[(_vm.isLoading)?_c('div',{staticClass:\"d-flex justify-center\"},[_c('v-progress-circular',{attrs:{\"size\":50,\"color\":\"primary\",\"indeterminate\":\"\"}})],1):_vm._e(),_c('table',{staticClass:\"myCustomTable\"},[_c('thead',[_c('tr',[_c('td',{attrs:{\"rowspan\":\"3\"}},[_vm._v(\" Country \")]),_c('td',{attrs:{\"rowspan\":\"3\"}},[_vm._v(\" Trekking Route \")]),_c('td',{attrs:{\"rowspan\":\"3\"}},[_vm._v(\" Total \")])]),_c('tr',[_c('td',{attrs:{\"colspan\":\"6\"}},[_vm._v(\" Gender\")])]),_c('tr',[_c('td',[_vm._v(\"Male\")]),_c('td',[_vm._v(\"Female\")]),_c('td',[_vm._v(\"Others\")])])]),_c('tbody',[_vm._l((_vm.rows),function(row,index){return [_c('tr',{key:index},[_c('td',[_vm._v(_vm._s(row.countryName))]),_c('td',[_vm._v(_vm._s(row.trekkingRoute))]),_c('td',[_vm._v(_vm._s(row.total))]),_c('td',[_vm._v(_vm._s(row.male))]),_c('td',[_vm._v(_vm._s(row.female))]),_c('td',[_vm._v(_vm._s(row.others))])])]})],2)])]):_c('div',[_c('vue-good-table',{attrs:{\"columns\":_vm.columns,\"rows\":_vm.rows,\"mode\":\"remote\",\"max-height\":\"500px\",\"styleClass\":\"vgt-table condensed\"},scopedSlots:_vm._u([{key:\"table-column\",fn:function(props){return [_c('span',[_vm._v(\" \"+_vm._s(_vm.$t(props.column.label))+\" \")])]}},{key:\"table-row\",fn:function(props){return [(props.column.field == 'datedOn')?_c('span',[_c('span',[_vm._v(_vm._s(_vm._f(\"moment\")(props.row.datedOn,\"DD-MMM-YYYY\")))])]):_vm._e()]}}])})],1),_c('v-snackbar',{attrs:{\"color\":\"success\",\"timeout\":_vm.snackbar.timeout,\"top\":\"\"},model:{value:(_vm.snackbar.snackbar),callback:function ($$v) {_vm.$set(_vm.snackbar, \"snackbar\", $$v)},expression:\"snackbar.snackbar\"}},[_vm._v(\" \"+_vm._s(_vm.callbackResponse.message)+\" \"),_c('v-btn',{attrs:{\"dark\":\"\",\"text\":\"\"},on:{\"click\":function($event){_vm.snackbar.snackbar = false}}},[_vm._v(\" Close \")])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-content>\r\n        <v-container fluid>\r\n            <v-expansion-panels multiple hover>\r\n                <v-expansion-panel>\r\n                    <v-expansion-panel-header>{{$t('filter')}}</v-expansion-panel-header>\r\n                    <v-expansion-panel-content>\r\n                        <v-container fluid>\r\n                            <div class=\"text-center\">\r\n                                <v-row>\r\n                                    <v-col class=\"d-flex mt-5\" cols=\"3\" sm=\"3\">\r\n                                        <v-autocomplete v-model=\"serverParams.ReportType\"\r\n                                                        :items=\"ReportTypes\"\r\n                                                        close-on-content-click\r\n                                                        chips\r\n                                                        clearable\r\n                                                        dense\r\n                                                        outlined\r\n                                                        color=\"blue-grey lighten-2\"\r\n                                                        :label=\"$t('report_type')\"\r\n                                                        item-text=\"value\"\r\n                                                        item-value=\"id\"\r\n                                                        @change=\"loadCountryNames\"\r\n                                                        class=\"pa-0\">\r\n                                        </v-autocomplete>\r\n\r\n\r\n                                    </v-col>\r\n\r\n                                    <v-col class=\"d-flex mt-5\" cols=\"2\" sm=\"2\">\r\n                                        <v-select v-if=\"reportIsMonthWise || reportIsYearWise || reportIsCountryWise\"\r\n                                                  :items=\"customYear\"\r\n                                                  dense\r\n                                                  outlined\r\n                                                  :label=\"$t('from_date')\"\r\n                                                  v-model=\"yearFromDate\"\r\n                                                  prepend-inner-icon=\"event\"></v-select>\r\n                                    </v-col>\r\n\r\n\r\n                                    <v-col class=\"d-flex mt-5\" cols=\"2\" sm=\"2\">\r\n                                        <v-select v-if=\"reportIsMonthWise || reportIsCountryWise\"\r\n                                                  :items=\"customYear\"\r\n                                                  :label=\"$t('to_date')\"\r\n                                                  dense\r\n                                                  outlined\r\n                                                  v-model=\"yearToDate\"\r\n                                                  prepend-inner-icon=\"event\"></v-select>\r\n                                    </v-col>\r\n                                    <v-col class=\"d-flex mt-5\" cols=\"5\" sm=\"5\">\r\n                                        <v-autocomplete v-if=\"reportIsCountryWise\"\r\n                                                        v-model=\"serverParams.CountryName\"\r\n                                                        :items=\"CountryNames\"\r\n                                                        close-on-content-click\r\n                                                        chips\r\n                                                        clearable\r\n                                                        dense\r\n                                                        outlined\r\n                                                        color=\"blue-grey lighten-2\"\r\n                                                        :label=\"$t('country_name')\"\r\n                                                        item-text=\"value\"\r\n                                                        item-value=\"id\">\r\n                                        </v-autocomplete>\r\n                                        </v-col>\r\n                                </v-row>\r\n                                <v-row class=\"mt-3\" justify=\"center\">\r\n                                    <v-col class=\"d-flex\" cols=\"12\" sm=\"2\">\r\n                                        <v-spacer></v-spacer>\r\n                                        <v-btn class=\"mx-2\" dark small color=\"primary\" @click=\"loadItems\">\r\n                                            <v-icon dark>search</v-icon>\r\n                                            {{$t('search')}}\r\n                                        </v-btn>\r\n                                    </v-col>\r\n                                    <v-col class=\"d-flex\" cols=\"12\" sm=\"2\">\r\n                                        <download-excel :fields=\"excelData.json_fields\"\r\n                                                        :fetch=\"onDownload\"\r\n                                                        worksheet=\"My Worksheet\">\r\n                                            <v-btn small class=\"success mx-4\">\r\n                                                <v-icon>get_app</v-icon>\r\n                                                {{$t('download_to_excel')}}\r\n                                            </v-btn>\r\n                                        </download-excel>\r\n                                    </v-col>\r\n\r\n                                </v-row>\r\n                            </div>\r\n                        </v-container>\r\n\r\n                    </v-expansion-panel-content>\r\n                </v-expansion-panel>\r\n            </v-expansion-panels>\r\n\r\n\r\n            <!--<vue-good-table :columns=\"columns\"\r\n                    :rows=\"rows\"\r\n                    mode=\"remote\"\r\n                    :isLoading.sync=\"isLoading\"\r\n                    styleClass=\"vgt-table condensed\"\r\n                    style=\"z-index:1\"\r\n                    max-height=\"500px\"\r\n                    :fixed-header=\"true\">\r\n        <template slot=\"table-column\" slot-scope=\"props\">\r\n            <span>\r\n                {{ $t(props.column.label) }}\r\n            </span>\r\n        </template>\r\n        <template slot=\"table-row\" slot-scope=\"props\">\r\n            <span v-if=\"props.column.field == 'datedOn'\">\r\n                <span>{{props.row.datedOn | moment(\"DD-MMM-YYYY\")}}</span>\r\n            </span>-->\r\n            <!--<span v-else-if=\"props.column.field == 'actions'\">\r\n        <v-icon small class=\"mr-2\" @click.stop=\"editItem(props.row, 'HistoryForm')\">edit</v-icon>\r\n        <v-icon small @click.stop=\"deleteItem(props.row)\">delete</v-icon>\r\n    </span>-->\r\n            <!--</template>\r\n    </vue-good-table>-->\r\n            <div v-if=\"reportIsCountryWise\" class=\"table-container\">\r\n                <div class=\"d-flex justify-center\" v-if=\"isLoading\">\r\n                    <v-progress-circular :size=\"50\"\r\n                                         color=\"primary\"\r\n                                         indeterminate></v-progress-circular>\r\n\r\n                </div>\r\n                <table class=\"myCustomTable\">\r\n                    <thead>\r\n                        <tr>\r\n                            <td rowspan=\"3\">\r\n                                Country\r\n                            </td>\r\n                            <td rowspan=\"3\">\r\n                                Trekking Route\r\n                            </td>\r\n                            <td rowspan=\"3\">\r\n                                Total\r\n                            </td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td colspan=\"6\"> Gender</td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>Male</td>\r\n                            <td>Female</td>\r\n                            <td>Others</td>\r\n                        </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                        <template v-for=\"(row,index) in rows\">\r\n                            <tr :key=\"index\">\r\n                                <td>{{row.countryName}}</td>\r\n                                <td>{{row.trekkingRoute}}</td>\r\n                                <td>{{row.total}}</td>\r\n                                <td>{{row.male}}</td>\r\n                                <td>{{row.female}}</td>\r\n                                <td>{{row.others}}</td>\r\n                            </tr>\r\n                        </template>\r\n                    </tbody>\r\n                </table>\r\n            </div>\r\n            <div v-else>\r\n                <vue-good-table :columns=\"columns\"\r\n                                :rows=\"rows\"\r\n                                mode=\"remote\"\r\n                                max-height=\"500px\"\r\n                                styleClass=\"vgt-table condensed\">\r\n                    <template slot=\"table-column\" slot-scope=\"props\">\r\n                        <span>\r\n                            {{ $t(props.column.label) }}\r\n                        </span>\r\n                    </template>\r\n                    <template slot=\"table-row\" slot-scope=\"props\">\r\n                        <span v-if=\"props.column.field == 'datedOn'\">\r\n                            <span>{{props.row.datedOn | moment(\"DD-MMM-YYYY\")}}</span>\r\n                        </span>\r\n                        <!--<span v-else-if=\"props.column.field == 'actions'\">\r\n                    <v-icon small class=\"mr-2\" @click.stop=\"editItem(props.row, 'HistoryForm')\">edit</v-icon>\r\n                    <v-icon small @click.stop=\"deleteItem(props.row)\">delete</v-icon>\r\n                </span>-->\r\n                    </template>\r\n                </vue-good-table>\r\n                </div>\r\n                <v-snackbar v-model=\"snackbar.snackbar\"\r\n                            color=\"success\"\r\n                            :timeout=\"snackbar.timeout\"\r\n                            top>\r\n                    {{ callbackResponse.message }}\r\n                    <v-btn dark\r\n                           text\r\n                           @click=\"snackbar.snackbar = false\">\r\n                        Close\r\n                    </v-btn>\r\n                </v-snackbar>\r\n        </v-container>\r\n    </v-content>\r\n</template>\r\n\r\n<script>\r\n    import axios from \"axios\";\r\n    import downloadExcel from \"vue-json-excel\";\r\n    export default {\r\n        name: \"RestrictedAreasReportList\",\r\n        props: [\r\n            'moduleName'\r\n        ],\r\n        components: { downloadExcel },\r\n        computed: {\r\n            customYear() {\r\n                let year = []\r\n                for (let i = 0; i < 99; i++) {\r\n                    year.push(`20${i < 10 ? '0' : ''}${i}`)\r\n                }\r\n                return year\r\n            },\r\n            reportIsYearWise() {\r\n                if (this.serverParams.ReportType == 'Year Wise') {\r\n                    return this.serverParams.ReportType === 'ByYear';\r\n                }\r\n                else {\r\n                    return this.serverParams.ReportType === 'ByMonth';\r\n                }\r\n            },\r\n            reportIsMonthWise() {\r\n                if (this.serverParams.ReportType == 'Month Wise') {\r\n                    return this.serverParams.ReportType === 'ByMonth';\r\n                }\r\n                else {\r\n                    return this.serverParams.ReportType === 'ByYear';\r\n                }\r\n            },\r\n            reportIsCountryWise() {\r\n                if (this.serverParams.ReportType == 'Country Wise') {\r\n                    return this.serverParams.ReportType === 'ByCountry';\r\n                }\r\n                else {\r\n                    return this.serverParams.ReportType === 'ByCountry';\r\n                }\r\n            },\r\n        },\r\n        methods: {\r\n            loadCountryNames() {\r\n                if (this.serverParams.ReportType == 'ByCountry') {\r\n                    axios.get('Trekking/DDLCountryListAsync').then(response => {\r\n                        this.CountryNames = response.data\r\n                    })\r\n                }\r\n            },\r\n            clearInput() {\r\n                this.serverParams.ReportType = null\r\n                this.yearFromDate = null\r\n                this.yearToDate = null\r\n            },\r\n            changeColumn(value) {\r\n                console.log(value)\r\n            },\r\n            formResponse(data) {\r\n                console.log({ data })\r\n                if (data.message) {\r\n                    this.snackbar.formModal = false\r\n                    this.snackbar.createFormComponent = false;\r\n                    this.dialogDelete = false;\r\n                    this.snackbar.editFormComponent = false;\r\n                    this.callbackResponse = data;\r\n                    this.snackbar.snackbar = true\r\n                    this.loadItems();\r\n                } else {\r\n                    this.snackbar.createFormComponent = false;\r\n                    this.dialogDelete = false;\r\n                    this.snackbar.editFormComponent = false;\r\n                    this.snackbar.formModal = false\r\n                }\r\n            },\r\n\r\n            async onDownload() {\r\n                this.excelData = {\r\n                    loading: false,\r\n                    json_fields: {},\r\n                    json_data: [],\r\n                    json_meta: [\r\n                        [\r\n                            {\r\n                                key: \"charset\",\r\n                                value: \"utf-8\",\r\n                            },\r\n                        ],\r\n                    ],\r\n                }\r\n                let param = {}\r\n\r\n\r\n                if (this.serverParams.ReportType == \"ByMonth\") {\r\n                    param = {\r\n                        FromDate: this.yearFromDate + '-01-01',\r\n                        ReportType: this.serverParams.ReportType,\r\n                    };\r\n\r\n                    await axios({\r\n                        url: 'Trekking/DownloadRestrictedAreasMonthWise',\r\n                        method: 'POST',\r\n                        responseType: 'blob',\r\n                        data: param\r\n                    }).then((response) => {\r\n                        console.log(response.data);\r\n                        //debugger;\r\n                        const url = window.URL.createObjectURL(new Blob([response.data]));\r\n                        const link = document.createElement('a');\r\n                        link.href = url;\r\n                        link.setAttribute('download', 'RestrictedAreasMonthWise.xlsx'); //or any other extension\r\n                        document.body.appendChild(link);\r\n                        link.click();\r\n\r\n                    });\r\n                }\r\n                else if (this.serverParams.ReportType == \"ByYear\") {\r\n\r\n                    param = {\r\n                        FromDate: this.yearFromDate + '-01-01',\r\n                        ToDate: this.yearToDate + '-01-01',\r\n                        ReportType: this.serverParams.ReportType,\r\n                    };\r\n                    await axios({\r\n                        url: 'Trekking/DownloadRestrictedAreasYearWise',\r\n                        method: 'POST',\r\n                        data: param\r\n                    }).then((response) => {\r\n                        this.excelData.json_fields['Year'] = 'Year'\r\n                        response.data.header.map(res => {\r\n                            console.log(res.field)\r\n                            this.excelData.json_fields[res.label] = res.field\r\n                        })\r\n                        this.excelData.json_fields['Total'] = 'Total'\r\n                        this.excelData.json_data = response.data.dataList\r\n                    })\r\n                        .catch(err => {\r\n                            console.log(err)\r\n                        });\r\n\r\n                    console.log(this.excelData.json_data);\r\n                    return this.excelData.json_data\r\n                }\r\n                else if (this.serverParams.ReportType == \"ByCountry\") {\r\n\r\n                    param = {\r\n                        FromDate: this.yearFromDate + '-01-01',\r\n                        ToDate: this.yearToDate + '-01-01',\r\n                        ReportType: this.serverParams.ReportType,\r\n                        CountryName: this.serverParams.CountryName,\r\n                    };\r\n\r\n                    await axios({\r\n                        url: 'Trekking/DownloadRestrictedAreasCountryWise',\r\n                        method: 'POST',\r\n                        responseType: 'blob',\r\n                        data: param\r\n                    }).then((response) => {\r\n                        console.log(response.data);\r\n                        const url = window.URL.createObjectURL(new Blob([response.data]));\r\n                        const link = document.createElement('a');\r\n                        link.href = url;\r\n                        link.setAttribute('download', 'RestrictedAreasCountryWise.xlsx'); //or any other extension\r\n                        document.body.appendChild(link);\r\n                        link.click();\r\n\r\n                    });\r\n                }\r\n            },\r\n\r\n            onResponse(data) {\r\n                if (data == true) {\r\n                    this.dialogDelete = false\r\n                    this.loadItems();\r\n                } else {\r\n                    this.dialogDelete = false\r\n                }\r\n            },\r\n\r\n            dialogueClose() {\r\n                this.historyData.editItemIndex = null\r\n                this.snackbar.formModal = false\r\n                this.snackbar.createFormComponent = false\r\n                this.snackbar.editFormComponent = false\r\n            },\r\n            async loadItems() {\r\n                this.snackbar.isLoading = true;\r\n                //let param = {}\r\n                //param = {\r\n                //    FromDate: this.serverParams.fromDate,\r\n                //    ToDate: this.serverParams.toDate,\r\n                //    Trekker: this.serverParams.trekker\r\n                //};\r\n\r\n                if (this.reportIsYearWise) {\r\n                    this.isLoading = true;\r\n                    this.header_title = 'By Month';\r\n                    let param = {\r\n                        FromDate: this.yearFromDate + '-01-01',\r\n                        ReportType: this.serverParams.ReportType\r\n                    };\r\n                    await axios({\r\n                        url: 'Trekking/GetRestrictedAreasMonthWiseList',\r\n                        method: 'POST',\r\n                        data: param\r\n                    }).then((response) => {\r\n                        //this.excelData.json_fields['TravelMonth'] = 'TravelMonth'\r\n\r\n                        this.rows = response.data;\r\n                        //this.totalRecords = response.data.totalCount;\r\n                        this.columns = [];\r\n                        this.columns = [\r\n                            {\r\n                                label: 'trekkingRoute',\r\n                                field: 'trekkingRoute'\r\n                            },\r\n                            {\r\n                                label: 'january',\r\n                                field: 'january'\r\n                            },\r\n                            {\r\n                                label: 'february',\r\n                                field: 'february'\r\n                            }, {\r\n                                label: 'march',\r\n                                field: 'march'\r\n                            }, {\r\n                                label: 'april',\r\n                                field: 'april'\r\n                            }, {\r\n                                label: 'may',\r\n                                field: 'may'\r\n                            }, {\r\n                                label: 'june',\r\n                                field: 'june'\r\n                            }, {\r\n                                label: 'july',\r\n                                field: 'july'\r\n                            }, {\r\n                                label: 'august',\r\n                                field: 'august'\r\n                            }, {\r\n                                label: 'september',\r\n                                field: 'september'\r\n                            }, {\r\n                                label: 'october',\r\n                                field: 'october'\r\n                            }, {\r\n                                label: 'november',\r\n                                field: 'november'\r\n                            }, {\r\n                                label: 'december',\r\n                                field: 'december'\r\n                            }, {\r\n                                label: 'total',\r\n                                field: 'total'\r\n                            }\r\n                        ]\r\n                        this.isLoading = false;\r\n\r\n                        //response.data.header.map(res => {\r\n                        //    this.excelData.json_fields[res.label] = res.field\r\n                        //})\r\n                        //this.excelData.json_fields['Total'] = 'Total'\r\n                        //this.excelData.json_data = response.data.dataList\r\n                    })\r\n                        .catch(err => {\r\n                            console.log(err)\r\n                        });\r\n                }\r\n\r\n               \r\n                if (this.reportIsMonthWise) {\r\n                    this.isLoading = true;\r\n                    this.header_title = 'By Year';\r\n                    let param = {\r\n                        FromDate: this.yearFromDate + '-01-01',\r\n                        ToDate: this.yearToDate + '-01-01',\r\n                        ReportType: this.serverParams.ReportType\r\n                    };\r\n                    await axios({\r\n                        url: 'Trekking/GetRestrictedAreasYearWiseList',\r\n                        method: 'POST',\r\n                        data: param\r\n                    }).then((response) => {\r\n                        console.log(response.data);\r\n                        this.rows = response.data.dataList\r\n                        this.columns = []\r\n                        this.columns = response.data.header\r\n\r\n                        this.columns.unshift(\r\n                            { label: 'Year', field: 'Year' }\r\n                        )\r\n                        this.columns.push(\r\n                            { label: 'Total', field: 'Total' }\r\n                        )\r\n\r\n                        this.isLoading = false;\r\n\r\n                    })\r\n                        .catch(err => {\r\n                            console.log(err)\r\n                        });\r\n                }\r\n\r\n                if (this.reportIsCountryWise) {\r\n                    this.isLoading = true;\r\n                    this.header_title = 'By Country';\r\n\r\n                    let param = {\r\n                        FromDate: this.yearFromDate + '-01-01',\r\n                        ToDate: this.yearToDate + '-01-01',\r\n                        ReportType: this.serverParams.ReportType,\r\n                        CountryName: this.serverParams.CountryName\r\n                    };\r\n                    await axios({\r\n                        url: 'Trekking/GetRestrictedAreasCountryWiseList',\r\n                        method: 'POST',\r\n                        data: param\r\n                    }).then((response) => {\r\n\r\n                        this.rows = response.data;\r\n                        this.isLoading = false;\r\n                    })\r\n                        .catch(err => {\r\n                            console.log(err)\r\n                        });\r\n                }\r\n            },\r\n\r\n            updateParams(newProps) {\r\n                this.serverParams = Object.assign({}, this.serverParams, newProps);\r\n            },\r\n\r\n            onPageChange(params) {\r\n                this.updateParams({ page: params.currentPage });\r\n                this.loadItems();\r\n            },\r\n\r\n            onPerPageChange(params) {\r\n                this.updateParams({ perPage: params.currentPerPage == -1 ? this.totalRecords : params.currentPerPage });\r\n                this.loadItems();\r\n            },\r\n\r\n            onSortChange(params) {\r\n                this.updateParams({\r\n                    sort: [{\r\n                        type: params[0].type,\r\n                        field: params[0].field,\r\n                    }],\r\n                });\r\n                this.loadItems();\r\n            },\r\n\r\n            onColumnFilter(params) {\r\n                this.updateParams(params);\r\n                this.loadItems();\r\n            },\r\n\r\n            addModal() {\r\n                this.snackbar.formModal = true\r\n                this.snackbar.createFormComponent = true\r\n            },\r\n        },\r\n        mounted() {\r\n            this.loadItems();\r\n            this.loadFilterListItems();\r\n        },\r\n        data() {\r\n            return {\r\n                isLoading: false\r\n                ,\r\n                \r\n                excelData: {\r\n                    loading: false,\r\n                    json_fields: {},\r\n                    json_data: [],\r\n                    json_meta: [\r\n                        [\r\n                            {\r\n                                key: \"charset\",\r\n                                value: \"utf-8\",\r\n                            },\r\n                        ],\r\n                    ],\r\n                },\r\n                ReportTypes: [\r\n                    {\r\n                        id: 'ByYear', value: this.$t('year_wise')\r\n\r\n                    },\r\n                    {\r\n                        id: 'ByMonth', value: this.$t('month_wise')\r\n\r\n                    },\r\n                    {\r\n                        id: 'ByCountry', value: this.$t('country_wise')\r\n\r\n                    }],\r\n                yearFromDate: new Date().getFullYear(),\r\n                yearToDate: new Date().getFullYear(),\r\n                //activeComponent: \"\",\r\n                //tab: 'tab-monthlyReport',\r\n                callbackResponse: {\r\n                    timeout: 6000\r\n                },\r\n                responseData: [],\r\n                rows: [],\r\n                columns: [],\r\n                dialogDelete: false,\r\n                CountryNames: [],\r\n                serverParams: {\r\n                    search: \"\",\r\n                    columnFilters: {},\r\n                    sort: [\r\n                        {\r\n                            field: \"TrekkingRoute\",\r\n                            type: \"desc\"\r\n                        }\r\n                    ],\r\n                    page: 1,\r\n                    perPage: 10,\r\n                    FromDate: null,\r\n                    ToDate: null,\r\n                    trekker: \"\",\r\n                    gender: \"\",\r\n                    ageGroup: \"\",\r\n                    countryName: \"\",\r\n                    trekkingRoute: \"\"\r\n                },\r\n                snackbar: {\r\n                    color: '',\r\n                    snackbar: false,\r\n                    text: '',\r\n                    timeout: 6000,\r\n                    isLoading: false,\r\n                    formModal: false,\r\n                    createFormComponent: false,\r\n                    editFormComponent: false,\r\n                    menu1: false,\r\n                    menu2: false,\r\n                }\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n    $blue: #265b93;\r\n\r\n    .myCustomTable {\r\n        text-align: center;\r\n        width: fit-content;\r\n        min-width: 100%;\r\n\r\n        thead, tbody {\r\n            width: 100%;\r\n        }\r\n\r\n        thead {\r\n            width: 100%;\r\n            background-color: $blue;\r\n            color: white;\r\n        }\r\n\r\n        td, th {\r\n            padding: 1rem\r\n        }\r\n\r\n        border: 1px solid #eee;\r\n\r\n        tr, td, th {\r\n            border: 1px solid #eee;\r\n        }\r\n    }\r\n\r\n    .table-container {\r\n        width: 100%;\r\n    }\r\n\r\n    .headerBackground {\r\n        background-color: $blue;\r\n        color: white;\r\n    }\r\n\r\n    .sticky-table-header {\r\n        thead {\r\n            position: sticky;\r\n            top: 60px;\r\n            z-index: 1;\r\n        }\r\n    }\r\n\r\n    .vgt-table {\r\n        th {\r\n            span {\r\n                font-size: 12px;\r\n                font-weight: bold;\r\n            }\r\n        }\r\n    }\r\n\r\n    .overflow-table {\r\n        overflow-x: unset !important;\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n        .table-container, .overflow-table {\r\n            overflow-x: scroll !important;\r\n        }\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!./TrekkingRestrictedAreasProcessedReportTable.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!./TrekkingRestrictedAreasProcessedReportTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TrekkingRestrictedAreasProcessedReportTable.vue?vue&type=template&id=ff8ae5f4&scoped=true&\"\nimport script from \"./TrekkingRestrictedAreasProcessedReportTable.vue?vue&type=script&lang=js&\"\nexport * from \"./TrekkingRestrictedAreasProcessedReportTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TrekkingRestrictedAreasProcessedReportTable.vue?vue&type=style&index=0&id=ff8ae5f4&prod&scoped=true&lang=scss&\"\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  \"ff8ae5f4\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}