{"version":3,"sources":["webpack:///./src/components/common/CalenderSelect.vue?f301","webpack:///src/components/common/CalenderSelect.vue","webpack:///./src/components/common/CalenderSelect.vue?6ae9","webpack:///./src/components/common/CalenderSelect.vue?143c","webpack:///./src/components/charts/DoughnutChart.js","webpack:///./src/components/common/DeviceFilterDropDown.vue?1600","webpack:///src/components/common/DeviceFilterDropDown.vue","webpack:///./src/components/common/DeviceFilterDropDown.vue?298b","webpack:///./src/components/common/DeviceFilterDropDown.vue?b931","webpack:///./src/components/common/DeviceFilterDropDown.vue?7518","webpack:///./src/views/Chart/operator.vue?287a","webpack:///./src/components/common/CalenderSelect.vue?dae8","webpack:///./src/views/Chart/operator.vue?7cb0","webpack:///src/views/Chart/operator.vue","webpack:///./src/views/Chart/operator.vue?d595","webpack:///./src/views/Chart/operator.vue?36b4"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_v","model","value","callback","$$v","from","expression","to","staticRenderFns","name","data","methods","clearFrom","clearTo","component","VCol","VRow","reactiveProp","mixins","extends","Doughnut","props","mounted","console","log","options","renderChart","chartData","complexes","on","getSubComplexes","selectedComplexId","subComplexes","$event","getDevices","selectedSubComplexId","devices","deviceId","created","getComplexes","VSelect","ref","loading","getRates","staticStyle","_l","item","key","operator","_s","rate","toFixed","datacollection","components","DoughnutChart","deviceFilterDropDown","calenderSelect","hasData","phone","items","request","getRandomInt","Math","floor","random","VBtn","VContainer"],"mappings":"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","file":"js/chunk-2c90030c.af9a0b37.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-row',[_c('v-col',{attrs:{\"cols\":\"3\"}},[_c('p',[_vm._v(\"از :\")]),_c('date-picker',{attrs:{\"simple\":\"\",\"editable\":\"\"},model:{value:(_vm.from),callback:function ($$v) {_vm.from=$$v},expression:\"from\"}})],1),_c('v-col',{attrs:{\"cols\":\"3\"}},[_c('p',[_vm._v(\"تا :\")]),_c('date-picker',{attrs:{\"simple\":\"\",\"editable\":\"\"},model:{value:(_vm.to),callback:function ($$v) {_vm.to=$$v},expression:\"to\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-row>\r\n    <v-col cols=\"3\">\r\n      <p>از :</p>\r\n      <date-picker simple editable v-model=\"from\"></date-picker>\r\n    </v-col>\r\n\r\n    <v-col cols=\"3\">\r\n      <p>تا :</p>\r\n      <date-picker simple editable v-model=\"to\"></date-picker>\r\n    </v-col>\r\n  </v-row>\r\n</template>\r\n\r\n<script>\r\nimport request from \"@/utils/request\";\r\n\r\nexport default {\r\n  name: \"DeviceFilterDropDown\",\r\n  data() {\r\n    return {\r\n      from: \"\",\r\n      to: \"\",\r\n    };\r\n  },\r\n  methods: {\r\n    clearFrom() {\r\n      this.from = null;\r\n    },\r\n    clearTo() {\r\n      this.to = null;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/* Modal Content (image) */\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CalenderSelect.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!./CalenderSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CalenderSelect.vue?vue&type=template&id=436e73b5&scoped=true&\"\nimport script from \"./CalenderSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./CalenderSelect.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CalenderSelect.vue?vue&type=style&index=0&id=436e73b5&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  \"436e73b5\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCol,VRow})\n","import { Doughnut, mixins } from 'vue-chartjs'\r\n\r\nconst { reactiveProp } = mixins\r\n\r\nexport default {\r\n  extends: Doughnut,\r\n  mixins: [reactiveProp],\r\n  props: ['options'],\r\n  mounted () {\r\n    console.log(this.options)\r\n    // this.chartData is created in the mixin.\r\n    // If you want to pass options please create a local options object\r\n    this.renderChart(this.chartData, this.options)\r\n  }\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-row',[_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('v-select',{attrs:{\"items\":_vm.complexes,\"item-value\":\"id\",\"item-text\":\"text\",\"label\":\"مجموعه\",\"solo\":\"\"},on:{\"change\":_vm.getSubComplexes},model:{value:(_vm.selectedComplexId),callback:function ($$v) {_vm.selectedComplexId=$$v},expression:\"selectedComplexId\"}})],1),_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('v-select',{attrs:{\"items\":_vm.subComplexes,\"item-value\":\"id\",\"item-text\":\"text\",\"label\":\"زیر مجموعه\",\"solo\":\"\"},on:{\"change\":function($event){return _vm.getDevices(_vm.selectedSubComplexId)}},model:{value:(_vm.selectedSubComplexId),callback:function ($$v) {_vm.selectedSubComplexId=$$v},expression:\"selectedSubComplexId\"}})],1),_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('v-select',{attrs:{\"items\":_vm.devices,\"item-value\":\"id\",\"item-text\":\"text\",\"label\":\"دستگاه\",\"solo\":\"\"},model:{value:(_vm.deviceId),callback:function ($$v) {_vm.deviceId=$$v},expression:\"deviceId\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-row>\r\n    <v-col cols=\"4\">\r\n      <v-select\r\n        v-model=\"selectedComplexId\"\r\n        :items=\"complexes\"\r\n        item-value=\"id\"\r\n        item-text=\"text\"\r\n        label=\"مجموعه\"\r\n        @change=\"getSubComplexes\"\r\n        solo\r\n      ></v-select>\r\n    </v-col>\r\n\r\n    <v-col cols=\"4\">\r\n      <v-select\r\n        v-model=\"selectedSubComplexId\"\r\n        :items=\"subComplexes\"\r\n        item-value=\"id\"\r\n        item-text=\"text\"\r\n        label=\"زیر مجموعه\"\r\n        @change=\"getDevices(selectedSubComplexId)\"\r\n        solo\r\n      ></v-select>\r\n    </v-col>\r\n    <v-col cols=\"4\">\r\n      <v-select\r\n        v-model=\"deviceId\"\r\n        :items=\"devices\"\r\n        item-value=\"id\"\r\n        item-text=\"text\"\r\n        label=\"دستگاه\"\r\n        solo\r\n      ></v-select>\r\n    </v-col>\r\n  </v-row>\r\n</template>\r\n\r\n<script>\r\nimport request from \"@/utils/request\";\r\n\r\nexport default {\r\n  name: \"DeviceFilterDropDown\",\r\n  data() {\r\n    return {\r\n      selectedComplexId: null,\r\n      selectedSubComplexId: null,\r\n      deviceId: null,\r\n      subComplexes:[],\r\n      complexes: [],\r\n      devices: [],\r\n    };\r\n  },\r\n  created() {\r\n    this.getComplexes();\r\n  },\r\n  methods: {\r\n    async getComplexes() {\r\n      await request.get(`/publicData/main-complexes`).then((response) => {\r\n        var data = response.data.result;\r\n        this.complexes = data;\r\n        this.complexes.unshift({ id: null, text: \"انتخاب...\" });\r\n      });\r\n    },\r\n    async getSubComplexes() {\r\n      if (this.selectedComplexId) {\r\n        await request\r\n          .get(`/publicData/sub-complexes/${this.selectedComplexId}`)\r\n          .then((response) => {\r\n            var data = response.data.result;\r\n            this.subComplexes = data;\r\n            this.subComplexes.unshift({ id: null, text: \"انتخاب...\" });\r\n            this.getDevices(this.selectedComplexId);\r\n          });\r\n      }\r\n    },\r\n    async getDevices(complexId) {\r\n      if (complexId) {\r\n        await request\r\n          .get(`/publicData/main-complexes-devices/${complexId}`)\r\n          .then((response) => {\r\n            var data = response.data.result;\r\n            this.devices = data;\r\n            this.devices.unshift({ id: null, text: \"انتخاب...\" });\r\n          });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/* Modal Content (image) */\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DeviceFilterDropDown.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!./DeviceFilterDropDown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DeviceFilterDropDown.vue?vue&type=template&id=625d8eab&scoped=true&\"\nimport script from \"./DeviceFilterDropDown.vue?vue&type=script&lang=js&\"\nexport * from \"./DeviceFilterDropDown.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DeviceFilterDropDown.vue?vue&type=style&index=0&id=625d8eab&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  \"625d8eab\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\ninstallComponents(component, {VCol,VRow,VSelect})\n","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!./DeviceFilterDropDown.vue?vue&type=style&index=0&id=625d8eab&scoped=true&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!./operator.vue?vue&type=style&index=0&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!./CalenderSelect.vue?vue&type=style&index=0&id=436e73b5&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_c('deviceFilterDropDown',{ref:\"complex\"}),_c('calenderSelect',{ref:\"dateRef\"}),_c('v-row',[_c('v-btn',{attrs:{\"loading\":_vm.loading,\"color\":\"blue darken-1\"},on:{\"click\":function($event){return _vm.getRates()}}},[_vm._v(\"مشاهد\")])],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('table',{staticStyle:{\"margin-top\":\"80px\"}},[_c('tr',[_c('th',[_vm._v(\"operator\")]),_c('th',[_vm._v(\"%\")])]),_vm._l((_vm.items),function(item){return _c('tr',{key:item.operator},[_c('td',[_vm._v(_vm._s(item.operator))]),_c('td',[_vm._v(_vm._s(item.rate.toFixed(2))+\"%\")])])})],2)]),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('doughnut-chart',{attrs:{\"chart-data\":_vm.datacollection,\"options\":_vm.datacollection.options}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container>\r\n    <deviceFilterDropDown ref=\"complex\" />\r\n    <calenderSelect ref=\"dateRef\" />\r\n\r\n    <v-row>\r\n      <v-btn :loading=\"loading\" color=\"blue darken-1\" @click=\"getRates()\"\r\n        >مشاهد</v-btn\r\n      >\r\n    </v-row>\r\n    <v-row>\r\n      <v-col cols=\"6\">\r\n        <table style=\"margin-top: 80px\">\r\n          <tr>\r\n            <th>operator</th>\r\n            <th>%</th>\r\n          </tr>\r\n          <tr v-for=\"item in items\" :key=\"item.operator\">\r\n            <td>{{ item.operator }}</td>\r\n            <td>{{ item.rate.toFixed(2) }}%</td>\r\n          </tr>\r\n        </table>\r\n      </v-col>\r\n      <v-col cols=\"6\">\r\n        <doughnut-chart\r\n          :chart-data=\"datacollection\"\r\n          :options=\"datacollection.options\"\r\n        ></doughnut-chart>\r\n      </v-col>\r\n    </v-row>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport DoughnutChart from \"../../components/charts/DoughnutChart.js\";\r\nimport request from \"@/utils/request\";\r\nimport deviceFilterDropDown from \"@/components/common/DeviceFilterDropDown.vue\";\r\nimport calenderSelect from \"@/components/common/CalenderSelect.vue\";\r\nimport qs from \"qs\";\r\n\r\nexport default {\r\n  components: {\r\n    DoughnutChart,\r\n    deviceFilterDropDown,\r\n    calenderSelect,\r\n  },\r\n  data() {\r\n    return {\r\n       loading: false,\r\n      hasData: false,\r\n      phone: null,\r\n      datacollection: {},\r\n      items: [],\r\n    };\r\n  },\r\n\r\n  methods: {\r\n    getRates() {\r\n       this.loading = true;\r\n      request\r\n        .get(\"/chart/operator\", {\r\n          params: {\r\n            from: this.$refs.dateRef.from,\r\n            to: this.$refs.dateRef.to,\r\n            complexId: this.$refs.complex.selectedSubComplexId\r\n              ? this.$refs.complex.selectedSubComplexId\r\n              : this.$refs.complex.selectedComplexId,\r\n            deviceId: this.$refs.complex.deviceId,\r\n          },\r\n          paramsSerializer: (params) => {\r\n            return qs.stringify(params, { arrayFormat: \"repeat\" });\r\n          },\r\n        })\r\n        .then((response) => {\r\n          var data = response.data.result;\r\n          this.items = data.items;\r\n          this.datacollection = {\r\n            labels: data.yValues,\r\n            datasets: [\r\n              {\r\n                label: \"operator\",\r\n                data: data.xValues,\r\n                backgroundColor: data.color,\r\n              },\r\n            ],\r\n          };\r\n        }).finally((a) => {\r\n          this.loading = false;\r\n        });\r\n    },\r\n\r\n    getRandomInt() {\r\n      return Math.floor(Math.random() * (50 - 5 + 1)) + 5;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n.small {\r\n  max-width: 600px;\r\n  margin: 150px auto;\r\n}\r\ntable {\r\n  font-family: arial, sans-serif;\r\n  border-collapse: collapse;\r\n  width: 100%;\r\n}\r\n\r\ntd,\r\nth {\r\n  border: 1px solid #dddddd;\r\n  text-align: left;\r\n  padding: 8px;\r\n}\r\n\r\ntr:nth-child(even) {\r\n  background-color: #dddddd;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./operator.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!./operator.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./operator.vue?vue&type=template&id=2c902cbc&\"\nimport script from \"./operator.vue?vue&type=script&lang=js&\"\nexport * from \"./operator.vue?vue&type=script&lang=js&\"\nimport style0 from \"./operator.vue?vue&type=style&index=0&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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCol,VContainer,VRow})\n"],"sourceRoot":""}