{"version":3,"sources":["webpack:///./src/pages/formula/ConfigInit.vue","webpack:///./src/components/formula/InitSidebar.vue","webpack:///src/components/formula/InitSidebar.vue","webpack:///./src/components/formula/InitSidebar.vue?47d0","webpack:///./src/components/formula/InitSidebar.vue?e324","webpack:///./src/components/formula/InitContent.vue","webpack:///src/components/formula/InitContent.vue","webpack:///./src/components/formula/InitContent.vue?8989","webpack:///./src/components/formula/InitContent.vue?d45b","webpack:///src/pages/formula/ConfigInit.vue","webpack:///./src/pages/formula/ConfigInit.vue?9116","webpack:///./src/pages/formula/ConfigInit.vue?d296","webpack:///./src/components/formula/InitContent.vue?15c0","webpack:///./src/components/formula/InitSidebar.vue?6042"],"names":["render","_vm","this","_c","_self","staticClass","sidebarOpen","_e","staticStyle","attrs","on","$event","setSidebarOpen","_v","directives","name","rawName","value","loading","expression","class","deviceData","customer","form","reset","deviceGroupSelected","fetchDevice","content","sensorData","sensorsSelected","nextPage","staticRenderFns","$emit","isCustomer","model","customerId","callback","$$v","$set","_l","item","key","DcoId","Company","filterText","ref","dataTree","defaultProps","filterNode","props","type","mounted","data","selectedTree","selectedCust","children","label","methods","validateDate","setDefaultCustomerId","watch","Array","computed","user","component","_m","getHeaders","customizationPage","options","customerSensorIds","onSelectionChanged","components","SimpleTable","required","viewData","viewDataDialog","editForm","editFormDialog","actionTable","selectedTable","selectedIds","allowToRefetch","allowToNextStep","allowMultipleSelect","autoWidth","showData","params","id","editRow","text","Sidebar","Content","deviceDceIds","setFormData","query","lastnode","pushParameters","DeviceDceId","console"],"mappings":"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CAb,qBACAC,SACAa,kBACAC,mBACAC,uBACAC,gBAIA3B,SACA4B,YACA,mBACAtE,oBACAuE,QAAAC,uBAEA,iBAGAC,WACA,yCACA,iBAGAlB,sBACA,YACA,gCAEA,gCAEA,qBAEA,+CACA,iCAEAxC,WACA,WACA,WACA,2CAGAoC,aACA,OACA,CACAhB,cACAuC,YACAxE,oBAEA,CACAiC,cACAuC,YACAxE,oBAEA,CACAiC,cACAuC,mBACAxE,oBAEA,CACAiC,cACAuC,cACAxE,qBAEA,CACAiC,cACAuC,uBACAxE,uBAEA,CACAiC,cACAuC,mBACAxE,oBAEA,CACAiC,cACAuC,aACAxE,wBCpIoW,ICQhW,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,OAIa,I,QCgCA,GACfsD,YACAmB,UACAC,WAEAvC,OACA,OACA9B,YACAD,cACAO,cACAgE,gBACArE,MACAqE,gBACAvB,qBACAlC,eAEAR,WACAT,WACAZ,iBAGA6C,UAIA,GAHA,mBAGA,sEACA,+BACA,kCAIA,wBACA,sCAIAM,SACAoC,eACA,aAEA/D,YAEA,mBACAf,sBACA+E,OACAF,oCACAvB,8CACAlC,oCAIAN,mBAEA,qBACAwC,sBAGA,+BAEA5C,yBACA,SACA2B,oCACA,yCAEA2C,oBAKA,qBACAH,eACAzD,kCAGA,yBACA,qCAEAvB,kBACA,oBAEAoF,kBAEA,mBACAF,+CAIA,gBACA,IAGA,GAFA,gBAEA,YACA,+BACA,4DACA,CACAG,gBAGA,wCAEA,OADAzD,mBACA,UAGA,mBAEA,gBAEA,SACA,gBACA0D,iBAGA,oBACA,IACA,gBACA,iEACA,qBACA,gBACA,SACA,gBACAA,iBAGA,qBACA,IACA,gBACA,8BACA,yDACA,qBAEA,uBACA,uBACA,gBACA,SACAA,iBAGA,cACA,iBACA,mBACA,yBACA,qBAGApC,UACA7B,aACA,0CAEA8B,OACA,0CCxMmW,ICO/V,EAAY,eACd,EACA/D,EACA+B,GACA,EACA,KACA,KACA,MAIa,e,oEClBf,W,kCCAA,W","file":"js/chunk-5601d88d.96aa3d97.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"py-2 px-0 text-xs\"},[(!_vm.sidebarOpen)?_c('el-button',{staticClass:\"mb-2\",staticStyle:{\"height\":\"40px\"},attrs:{\"id\":\"collapse-button\",\"size\":\"mini\",\"icon\":\"el-icon-s-unfold\"},on:{\"click\":function($event){return _vm.setSidebarOpen(true)}}},[_vm._v(\"Display Explorer\")]):_vm._e(),_c('div',{staticClass:\"w-full flex flex-col lg:flex-row space-x-0 space-y-2 lg:space-x-2 lg:space-y-0\"},[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"w-full lg:w-1/3\",class:!_vm.sidebarOpen ? 'hidden' : ''},[_c('Sidebar',{attrs:{\"loading\":_vm.loading,\"data-tree\":_vm.deviceData,\"customer\":_vm.customer,\"form\":_vm.form},on:{\"reset\":_vm.reset,\"deviceGroupSelected\":_vm.deviceGroupSelected,\"fetchCustomerDevice\":_vm.fetchDevice,\"showSidebar\":_vm.setSidebarOpen}})],1),_c('div',{staticClass:\"pr-0 lg:pr-4\",class:!_vm.sidebarOpen ? 'w-full' : 'lg:w-2/3 w-full'},[_c('Content',{attrs:{\"content\":_vm.content,\"loading\":_vm.loading,\"sensor-data\":_vm.sensorData,\"form\":_vm.form},on:{\"sensorsSelected\":_vm.sensorsSelected,\"nextPage\":_vm.nextPage}})],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"border rounded-lg flex flex-col w-full h-full bg-white\"},[_c('div',{staticClass:\"h-12 bg-report-bell text-white w-full rounded-t-lg flex justify-between items-center px-4\"},[_c('h5',{staticClass:\"text-base font-bold\"},[_vm._v(\"Explorer\")]),_c('el-tooltip',{staticClass:\"item\",attrs:{\"effect\":\"dark\",\"content\":\"Hide Explorer\",\"placement\":\"top-start\"}},[_c('div',{staticClass:\"cursor-pointer border-white p-1\",on:{\"click\":function($event){return _vm.$emit('showSidebar', false)}}},[_c('i',{staticClass:\"el-icon-close text-lg font-bold\"})])])],1),_c('div',{staticClass:\"px-4 flex flex-col mt-2\"},[(!_vm.isCustomer)?_c('div',{staticClass:\"flex flex-col mt-2\"},[_c('h5',{staticClass:\"text-base font-bold text-black\"},[_vm._v(\"Tenant\")]),_c('div',{staticClass:\"w-full mt-2\"},[_c('el-select',{attrs:{\"filterable\":\"\",\"clearable\":\"\",\"remote\":\"\",\"reserve-keyword\":\"\",\"placeholder\":\"Select Customer\"},model:{value:(_vm.form.customerId),callback:function ($$v) {_vm.$set(_vm.form, \"customerId\", $$v)},expression:\"form.customerId\"}},_vm._l((_vm.customer),function(item){return _c('el-option',{key:item.DcoId,attrs:{\"label\":item.Company,\"value\":item.DcoId}})}),1)],1)]):_vm._e(),_c('div',{staticClass:\"flex flex-col\"},[_c('h5',{staticClass:\"text-base font-bold text-black mt-2\"},[_vm._v(\"Device Groups\")]),_c('el-input',{staticClass:\"mt-2\",attrs:{\"placeholder\":\"Search\"},model:{value:(_vm.filterText),callback:function ($$v) {_vm.filterText=$$v},expression:\"filterText\"}}),_c('div',{staticClass:\"border mt-2 max-h-72 overflow-auto\"},[_c('el-tree',{ref:\"tree\",attrs:{\"data\":_vm.dataTree,\"props\":_vm.defaultProps,\"node-key\":\"Dce_id\",\"default-expand-all\":\"\",\"show-checkbox\":\"\",\"highlight-current\":\"\",\"empty-text\":\"No Data\",\"check-on-click-node\":true,\"filter-node-method\":_vm.filterNode},on:{\"check\":_vm.deviceGroupSelected}})],1)],1)]),_c('div',{staticClass:\"flex mt-4 mb-4 justify-end px-4\"},[_c('el-button',{attrs:{\"type\":\"danger\"},on:{\"click\":function($event){return _vm.reset()}}},[_vm._v(\"Reset\")])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"border rounded-lg flex flex-col w-full h-full bg-white\">\n    <div\n      class=\"h-12 bg-report-bell text-white w-full rounded-t-lg flex justify-between items-center px-4\"\n    >\n      <h5 class=\"text-base font-bold\">Explorer</h5>\n\n      <el-tooltip\n        class=\"item\"\n        effect=\"dark\"\n        content=\"Hide Explorer\"\n        placement=\"top-start\"\n      >\n        <div\n          class=\"cursor-pointer border-white p-1\"\n          @click=\"$emit('showSidebar', false)\"\n        >\n          <i class=\"el-icon-close text-lg font-bold\"></i>\n        </div>\n      </el-tooltip>\n    </div>\n    <div class=\"px-4 flex flex-col mt-2\">\n      <div class=\"flex flex-col mt-2\" v-if=\"!isCustomer\">\n        <h5 class=\"text-base font-bold text-black\">Tenant</h5>\n        <div class=\"w-full mt-2\">\n          <el-select\n            v-model=\"form.customerId\"\n            filterable\n            clearable\n            remote\n            reserve-keyword\n            placeholder=\"Select Customer\"\n          >\n            <el-option\n              v-for=\"item in customer\"\n              :key=\"item.DcoId\"\n              :label=\"item.Company\"\n              :value=\"item.DcoId\"\n            >\n            </el-option>\n          </el-select>\n        </div>\n      </div>\n      <div class=\"flex flex-col\">\n        <h5 class=\"text-base font-bold text-black mt-2\">Device Groups</h5>\n        <el-input class=\"mt-2\" placeholder=\"Search\" v-model=\"filterText\">\n        </el-input>\n\n        <div class=\"border mt-2 max-h-72 overflow-auto\">\n          <el-tree\n            :data=\"dataTree\"\n            :props=\"defaultProps\"\n            ref=\"tree\"\n            node-key=\"Dce_id\"\n            default-expand-all\n            show-checkbox\n            highlight-current\n            empty-text=\"No Data\"\n            :check-on-click-node=\"true\"\n            :filter-node-method=\"filterNode\"\n            @check=\"deviceGroupSelected\"\n          >\n          </el-tree>\n        </div>\n      </div>\n    </div>\n    <div class=\"flex mt-4 mb-4 justify-end px-4\">\n      <el-button type=\"danger\" @click=\"reset()\">Reset</el-button>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    dataTree: {\n      type: Array\n    },\n    customer: {\n      type: Array\n    },\n    form: {\n      type: Object\n    }\n  },\n  mounted() {\n    this.setDefaultCustomerId()\n  },\n  data() {\n    return {\n      selectedTree: [],\n      selectedCust: [],\n      filterText: '',\n      defaultProps: {\n        children: 'children',\n        label: 'Name'\n      }\n    }\n  },\n  methods: {\n    reset() {\n      this.form.customerId = ''\n      this.form.tenant = ''\n      this.$emit('reset')\n    },\n    validateDate() {\n      if (this.form.startDate != '' && this.form.endDate != '') {\n        let temp1 = new Date(this.startDate)\n        let temp2 = new Date(this.endDate)\n        if (temp1 > temp2) {\n          this.form.endDate = ''\n          this.alertMessage('End Period must be greater than Start Period')\n        }\n      }\n    },\n    filterNode(value, data) {\n      if (!value) return true\n      return data.Name.indexOf(value) !== -1\n    },\n    deviceGroupSelected(value, data) {\n      this.$emit('deviceGroupSelected', value, data)\n    },\n    setDefaultCustomerId() {\n      if (this.isCustomer) {\n        this.form.customerId = this.user.CustomerName\n          ? this.user.CustomerName[0]\n          : ''\n\n        this.$emit('fetchCustomerDevice', this.form.customerId)\n      }\n    }\n  },\n  watch: {\n    filterText(val) {\n      this.$refs.tree.filter(val)\n    },\n    dataTree(val) {\n      if (val) {\n        this.$refs.tree.setCheckedKeys(\n          Array.isArray(this.form.deviceDceIds)\n            ? this.form.deviceDceIds\n            : [this.form.deviceDceIds]\n        )\n      }\n    },\n    'form.customerId': function (val) {\n      if (val) {\n        this.$emit('fetchCustomerDevice', val)\n      }\n    }\n  },\n  computed: {\n    isCustomer() {\n      return this.$store.state.auth.isCustomer\n    },\n    user() {\n      return this.$store.state.auth.userData\n    }\n  }\n}\n</script>\n\n<style scoped>\n.el-select {\n  width: 100% !important;\n}\n\n.max-h-72 {\n  max-height: 18rem;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InitSidebar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InitSidebar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InitSidebar.vue?vue&type=template&id=0268374f&scoped=true&\"\nimport script from \"./InitSidebar.vue?vue&type=script&lang=js&\"\nexport * from \"./InitSidebar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InitSidebar.vue?vue&type=style&index=0&id=0268374f&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0268374f\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"border rounded-lg w-full h-full flex flex-col bg-white overflow-auto\"},[_vm._m(0),(_vm.content)?_c('div',[_c('div',{staticClass:\"px-4 pb-8 mt-2 flex flex-col w-full\"},[_c('SimpleTable',{attrs:{\"headers\":_vm.getHeaders(),\"items\":_vm.sensorData,\"customizationPage\":_vm.customizationPage,\"options\":_vm.options,\"selectedIds\":_vm.form.customerSensorIds},on:{\"selection-changed\":_vm.onSelectionChanged,\"next-step\":_vm.nextPage}})],1)]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"h-12 bg-report-bell text-white w-full rounded-t-lg flex items-center px-4\"},[_c('h5',{staticClass:\"text-base font-bold\"},[_vm._v(\"Sensor List\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"border rounded-lg w-full h-full flex flex-col bg-white overflow-auto\"\n    v-loading=\"loading\"\n  >\n    <div\n      class=\"h-12 bg-report-bell text-white w-full rounded-t-lg flex items-center px-4\"\n    >\n      <h5 class=\"text-base font-bold\">Sensor List</h5>\n    </div>\n    <div v-if=\"content\">\n      <div class=\"px-4 pb-8 mt-2 flex flex-col w-full\">\n        <SimpleTable\n          :headers=\"getHeaders()\"\n          :items=\"sensorData\"\n          :customizationPage=\"customizationPage\"\n          :options=\"options\"\n          :selectedIds=\"form.customerSensorIds\"\n          @selection-changed=\"onSelectionChanged\"\n          @next-step=\"nextPage\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport SimpleTable from '@/components/dx/SimpleTable'\n// import { dataDummy as dummy } from './dataDummy'\nexport default {\n  components: {\n    SimpleTable\n  },\n  props: {\n    content: {\n      type: Boolean,\n      required: true\n    },\n    loading: {\n      type: Boolean\n    },\n    sensorData: {\n      type: Array\n    },\n    form: {\n      type: Object\n    }\n  },\n  data() {\n    return {\n      viewData: [],\n      viewDataDialog: false,\n      editForm: [],\n      editFormDialog: false,\n      actionTable: false,\n      selectedTable: [],\n      selectedIds: [],\n      customizationPage: '',\n      options: {\n        allowToRefetch: true,\n        allowToNextStep: false,\n        allowMultipleSelect: true,\n        autoWidth: true\n      }\n    }\n  },\n  methods: {\n    showData(val) {\n      this.$router.push({\n        name: 'TenantSensor',\n        params: { id: `${val.DceDeviceId}` }\n      })\n      this.viewData = val\n      // console.log({ val })\n    },\n    editRow(val) {\n      this.editFormDialog = !this.editFormDialog\n      this.viewData = val\n      // console.log({ val })\n    },\n    onSelectionChanged(selectedRowsData) {\n      if (selectedRowsData.length == 0) {\n        this.options.allowToNextStep = false\n      } else {\n        this.options.allowToNextStep = true\n      }\n      this.selectedTable = selectedRowsData\n\n      var dceSensorIds = this.selectedTable.map((x) => x.DceSensorId)\n      this.$emit('sensorsSelected', dceSensorIds)\n    },\n    nextPage() {\n      this.$emit(\n        'nextPage',\n        this.selectedTable.map((x) => x.DceSensorId)\n      )\n    },\n    getHeaders() {\n      return [\n        {\n          type: 'string',\n          text: 'Name',\n          value: 'SensorName'\n        },\n        {\n          type: 'string',\n          text: 'Type',\n          value: 'SensorType'\n        },\n        {\n          type: 'string',\n          text: 'Server Code',\n          value: 'ServerCode'\n        },\n        {\n          type: 'string',\n          text: 'Region',\n          value: 'DceLocation'\n        },\n        {\n          type: 'string',\n          text: 'Device DCE Name',\n          value: 'DeviceDceName'\n        },\n        {\n          type: 'string',\n          text: 'Device Type',\n          value: 'TypeDevice'\n        },\n        {\n          type: 'string',\n          text: 'Value',\n          value: 'AverageVal'\n        }\n      ]\n    }\n  }\n}\n</script>\n\n<style>\n.row-custom {\n  grid-template-rows: 40px 200px 300px repeat(3, 1fr) 20px;\n}\n\n.selection-custom {\n  background-color: transparent !important;\n  color: #1a202c !important;\n  border: none !important;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InitContent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InitContent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InitContent.vue?vue&type=template&id=5170efc8&\"\nimport script from \"./InitContent.vue?vue&type=script&lang=js&\"\nexport * from \"./InitContent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InitContent.vue?vue&type=style&index=0&id=5170efc8&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"py-2 px-0 text-xs\">\n    <el-button\n      id=\"collapse-button\"\n      size=\"mini\"\n      icon=\"el-icon-s-unfold\"\n      style=\"height: 40px\"\n      class=\"mb-2\"\n      @click=\"setSidebarOpen(true)\"\n      v-if=\"!sidebarOpen\"\n      >Display Explorer</el-button\n    >\n    <div\n      class=\"w-full flex flex-col lg:flex-row space-x-0 space-y-2 lg:space-x-2 lg:space-y-0\"\n    >\n      <div\n        class=\"w-full lg:w-1/3\"\n        :class=\"!sidebarOpen ? 'hidden' : ''\"\n        v-loading=\"loading\"\n      >\n        <Sidebar\n          :loading=\"loading\"\n          :data-tree=\"deviceData\"\n          :customer=\"customer\"\n          :form=\"form\"\n          @reset=\"reset\"\n          @deviceGroupSelected=\"deviceGroupSelected\"\n          @fetchCustomerDevice=\"fetchDevice\"\n          @showSidebar=\"setSidebarOpen\"\n        />\n      </div>\n      <div\n        class=\"pr-0 lg:pr-4\"\n        :class=\"!sidebarOpen ? 'w-full' : 'lg:w-2/3 w-full'\"\n      >\n        <Content\n          :content=\"content\"\n          :loading=\"loading\"\n          :sensor-data=\"sensorData\"\n          :form=\"form\"\n          @sensorsSelected=\"sensorsSelected\"\n          @nextPage=\"nextPage\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Sidebar from '@/components/formula/InitSidebar'\nimport Content from '@/components/formula/InitContent'\nexport default {\n  components: {\n    Sidebar,\n    Content\n  },\n  data() {\n    return {\n      customer: [],\n      deviceData: [],\n      sensorData: [],\n      deviceDceIds: [],\n      form: {\n        deviceDceIds: [],\n        customerSensorIds: [],\n        customerId: ''\n      },\n      content: true,\n      loading: false,\n      sidebarOpen: true\n    }\n  },\n  mounted() {\n    this.getCustomer()\n\n    // set filter data from query parameter\n    if (Object.prototype.hasOwnProperty.call(this.$route.query, 'customerId')) {\n      for (var prop in this.$route.query) {\n        this.form[prop] = this.$route.query[prop]\n      }\n\n      // submit data\n      if (this.form.deviceDceIds) {\n        this.submit(this.form.deviceDceIds)\n      }\n    }\n  },\n  methods: {\n    setFormData(val) {\n      this.form = val\n    },\n    nextPage(customerSensorIds) {\n      // move to others page\n      this.$router.push({\n        name: 'formula-config',\n        query: {\n          deviceDceIds: this.form.deviceDceIds,\n          customerSensorIds: this.form.customerSensorIds,\n          customerId: this.form.customerId\n        }\n      })\n    },\n    sensorsSelected(customerSensorIds) {\n      // push parameters to url\n      this.pushParameters({\n        customerSensorIds: customerSensorIds\n      })\n\n      this.form.customerSensorIds = customerSensorIds\n    },\n    deviceGroupSelected(value, data) {\n      let lastnode = []\n      data.checkedNodes.forEach(function (item) {\n        if (item.children.length == 0 || item.children === null) {\n          //last node\n          lastnode.push(item.Dce_id)\n        }\n      })\n\n      // push parameters to url\n      this.pushParameters({\n        deviceDceIds: lastnode,\n        customerId: this.form.customerId\n      })\n\n      this.form.deviceDceIds = lastnode\n      this.submit(this.form.deviceDceIds)\n    },\n    setSidebarOpen(val) {\n      this.sidebarOpen = val\n    },\n    pushParameters(newObject) {\n      // push parameter\n      this.$router.push({\n        query: Object.assign({}, this.$route.query, newObject)\n      })\n    },\n\n    async submit(DeviceDceId) {\n      try {\n        this.loading = true\n\n        if (DeviceDceId.length > 0) {\n          const res = await this.$axios.post(\n            this.$appInfo.api.treeGroupDevice.getListSensorByDevicePost,\n            {\n              DeviceDceId: DeviceDceId\n            }\n          )\n          this.sensorData = res.data.map(function (item) {\n            item.Id = item.DceSensorId\n            return item\n          })\n        } else {\n          this.sensorData = []\n        }\n        this.loading = false\n        // console.log(res.data.SensorName)\n      } catch (err) {\n        this.loading = false\n        console.log(err)\n      }\n    },\n    async getCustomer() {\n      try {\n        this.loading = true\n        const res = await this.$axios.get(this.$appInfo.api.customer.getAll)\n        this.customer = res.data\n        this.loading = false\n      } catch (e) {\n        this.loading = false\n        console.log(e)\n      }\n    },\n    async fetchDevice(CustomerDcoId) {\n      try {\n        this.loading = true\n        const res = await this.$axios.get(\n          this.$appInfo.api.treeGroupDevice.getCustTreeDeviceLevel +\n            `?CustomerDcoId=${CustomerDcoId}`\n        )\n        this.deviceData = res.data\n        this.form.customerId = CustomerDcoId\n        this.loading = false\n      } catch (e) {\n        console.log(e)\n      }\n    },\n    async reset() {\n      this.customer = []\n      this.deviceData = []\n      this.sensorData = []\n      await this.getCustomer()\n    }\n  },\n  computed: {\n    isCustomer() {\n      return this.$store.state.auth.isCustomer\n    },\n    user() {\n      return this.$store.state.auth.userData\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConfigInit.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConfigInit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConfigInit.vue?vue&type=template&id=a3f438bc&\"\nimport script from \"./ConfigInit.vue?vue&type=script&lang=js&\"\nexport * from \"./ConfigInit.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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InitContent.vue?vue&type=style&index=0&id=5170efc8&prod&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InitSidebar.vue?vue&type=style&index=0&id=0268374f&prod&scoped=true&lang=css&\""],"sourceRoot":""}