{"version":3,"sources":["webpack:///./src/components/PointComponent.vue?9205","webpack:///./src/components/AreaCsvComponent.vue?0a7c","webpack:///./src/components/PointSensorComponent.vue?0305","webpack:///../../../src/components/VTooltip/VTooltip.ts","webpack:///./src/views/AreaUnitView.vue?4eb3","webpack:///./src/store/mixin.point.ts","webpack:///./src/components/PointComponent.vue?7f26","webpack:///./src/components/PointSensorComponent.vue?c7c7","webpack:///src/components/PointSensorComponent.vue","webpack:///./src/components/PointSensorComponent.vue?0774","webpack:///./src/components/PointSensorComponent.vue?6e97","webpack:///src/components/PointComponent.vue","webpack:///./src/components/PointComponent.vue?4266","webpack:///./src/components/PointComponent.vue?7a8e","webpack:///./src/components/AreaCsvComponent.vue?c690","webpack:///src/components/AreaCsvComponent.vue","webpack:///./src/components/AreaCsvComponent.vue?28ce","webpack:///./src/components/AreaCsvComponent.vue?6f72","webpack:///src/views/AreaUnitView.vue","webpack:///./src/views/AreaUnitView.vue?6525","webpack:///../../../src/components/VCheckbox/VCheckbox.ts","webpack:///./src/views/AreaUnitView.vue?f5c9","webpack:///./src/views/AreaUnitView.vue?5408"],"names":["mixins","Colorable","Delayable","Dependent","Detachable","Menuable","Toggleable","extend","name","props","closeDelay","type","Number","String","default","disabled","Boolean","fixed","openDelay","openOnHover","tag","transition","data","calculatedMinWidth","closeDependents","computed","calculatedLeft","activator","content","this","dimensions","unknown","bottom","left","top","right","activatorLeft","attach","offsetLeft","width","nudgeLeft","parseInt","nudgeRight","calcXOverflow","calculatedTop","activatorTop","offsetTop","height","nudgeTop","nudgeBottom","calcYOverflow","pageYOffset","classes","computedTransition","isActive","offsetY","offsetX","styles","maxWidth","convertToUnit","minWidth","opacity","zIndex","activeZIndex","beforeMount","$nextTick","value","callActivate","mounted","getSlotType","consoleError","methods","activate","updateDimensions","requestAnimationFrame","startTransition","deactivate","runDelay","genActivatorListeners","listeners","Activatable","options","call","focus","e","getActivator","blur","keydown","keyCode","keyCodes","esc","genActivatorAttributes","genTransition","genContent","$createElement","setBackgroundColor","color","staticClass","class","contentClass","menuable__content__active","activatorFixed","style","attrs","getScopeIdAttrs","directives","isContentActive","ref","getContentSlot","render","h","showLazyContent","genActivator","_vm","_h","_c","_self","loading","header","on","searchLatestArea","model","callback","$$v","searchLatestCheckbox","expression","_v","_s","hierarchy","lowerYellow","lowerRed","selectPeriodSearch","searchPeriodCheckbox","user","searchDateStart","disabledPeriodSearch","setSearchDateStart","searchDateEnd","setSearchDateEnd","scopedSlots","_u","key","fn","_g","_b","dialog","$event","searchTimeStart","disabledTimeSelect","setSearchTimeStart","searchTimeEnd","setSearchTimeEnd","setAlldaySearchTime","searchAlldayCheckbox","disabledSearch","searchPeriodArea","containerKey","_l","gridRow","i","gridColMax","j","area","getPoint","stopAreaSearchInterval","dispTimestamp","propArea","getLoading","staticRenderFns","RateHeader","RateList","px","val","mixinPoint","bindStylePoint","getColWidth","getPointHeight","getPointWidth","getPointBorderRadius","getListHeight","getListWidth","constant","green","yellow","red","maxSensorHeightCount","pointPercentHeight","getHeight","percent","innerHeight","getWidth","innerWidth","pointPercentWidth","getColHeight","getPointMargin","getGrid","gridMaxColCount","gridCount","getPointCount","gridRowCount","Math","ceil","pow","point","isNotEmpty","dbclick","hierarchyName","maxSensorCountByRow","_e","ps","bindStylePointSensor","click","then","event","$set","sensor","location","dispPercentRed","dispPercentYellow","dispPercentGreen","vm","propPoint","propSensorCount","timeout","bindStyle","pointSensorList","pointSensorHeight","pointSensorWidth","pointSensorSize","pointSensorMargin","getPercent","dispPercent","dispPercentTotal","getTotalGap","getGreenGap","getYellowGap","getRedGap","resolve","console","clearTimeout","maxSensorWidth","tooltip","push","params","propSensorNumber","propHierarchy","propSearchDate","propSearchPeriodValue","query","catch","component","VTooltip","components","PointSensorComponent","propGetPoint","propRow","propCol","propColMax","maxCount","pointHeaderFontSize","transitionRanking","propUser","propSummary","propSearchUnit","propRotationSelectNo","VMain","isIphone","downloadDialog","staticStyle","processing","searchDate","targetDate","getSearchPeriod","changeSearchPeriod","downloadCsv","isCreatedCsv","csvInfoDownloadUrl","keyDialogContent","csvInfoSearchDate","csvInfoExecutedDatetime","csvInfoDownloadExpired","csvInfoSearchPeriod","csvInfoFileSize","DatePickerComponent","SearchPeriodComponent","propDownloadable","propGetLoading","propConfigDialog","unprocessed","processed","searchPeriod","unsubscribe","enabled","downloadable","showFab","csvInfo","init","condition","sensorCount","getCsvName","createSearchCondition","ret","saveZip","link","watch","created","subscribe","bind","beforeDestroy","VBtn","VCard","VDialog","VFlex","VIcon","VLayout","VSpacer","LoadingComponent","HeaderComponent","TimePickerComponent","PointComponent","AreaCsvComponent","geCo2c","gePercent","mixinApp","Object","bindSearchLatelStyle","store","startAreaSearchInterval","clearInterval","createAreaSearchCondition","createLatestAreaSearchCondition","createGeCo2c","text","createGeCo2cDefault","getGeCo2cList","createGePercent","createGePercentDefault","getGePercentList","afterResize","Selectable","indeterminate","indeterminateIcon","offIcon","onIcon","inputIndeterminate","VInput","computedIcon","validationState","isDisabled","hasError","shouldValidate","hasSuccess","hasColor","computedColor","$emit","genCheckbox","setTextColor","dense","dark","light","genInput","attrs$","toString","genRipple","rippleState","genDefaultSlot","genLabel","VCardActions","VCheckbox","VCol","VContainer","VRow"],"mappings":"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","file":"js/chunk-ba747630.d206a086.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PointComponent.vue?vue&type=style&index=0&id=59c28687&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AreaCsvComponent.vue?vue&type=style&index=0&id=6b7a6e2e&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PointSensorComponent.vue?vue&type=style&index=0&scope=true&lang=css&\"","import './VTooltip.sass'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Colorable from '../../mixins/colorable'\nimport Delayable from '../../mixins/delayable'\nimport Dependent from '../../mixins/dependent'\nimport Detachable from '../../mixins/detachable'\nimport Menuable from '../../mixins/menuable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Helpers\nimport { convertToUnit, keyCodes, getSlotType } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Colorable, Delayable, Dependent, Detachable, Menuable, Toggleable).extend({\n  name: 'v-tooltip',\n\n  props: {\n    closeDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    disabled: Boolean,\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n    openDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    openOnHover: {\n      type: Boolean,\n      default: true,\n    },\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    transition: String,\n  },\n\n  data: () => ({\n    calculatedMinWidth: 0,\n    closeDependents: false,\n  }),\n\n  computed: {\n    calculatedLeft (): string {\n      const { activator, content } = this.dimensions\n      const unknown = !this.bottom && !this.left && !this.top && !this.right\n      const activatorLeft = this.attach !== false ? activator.offsetLeft : activator.left\n      let left = 0\n\n      if (this.top || this.bottom || unknown) {\n        left = (\n          activatorLeft +\n          (activator.width / 2) -\n          (content.width / 2)\n        )\n      } else if (this.left || this.right) {\n        left = (\n          activatorLeft +\n          (this.right ? activator.width : -content.width) +\n          (this.right ? 10 : -10)\n        )\n      }\n\n      if (this.nudgeLeft) left -= parseInt(this.nudgeLeft)\n      if (this.nudgeRight) left += parseInt(this.nudgeRight)\n\n      return `${this.calcXOverflow(left, this.dimensions.content.width)}px`\n    },\n    calculatedTop (): string {\n      const { activator, content } = this.dimensions\n      const activatorTop = this.attach !== false ? activator.offsetTop : activator.top\n      let top = 0\n\n      if (this.top || this.bottom) {\n        top = (\n          activatorTop +\n          (this.bottom ? activator.height : -content.height) +\n          (this.bottom ? 10 : -10)\n        )\n      } else if (this.left || this.right) {\n        top = (\n          activatorTop +\n          (activator.height / 2) -\n          (content.height / 2)\n        )\n      }\n\n      if (this.nudgeTop) top -= parseInt(this.nudgeTop)\n      if (this.nudgeBottom) top += parseInt(this.nudgeBottom)\n\n      return `${this.calcYOverflow(top + this.pageYOffset)}px`\n    },\n    classes (): object {\n      return {\n        'v-tooltip--top': this.top,\n        'v-tooltip--right': this.right,\n        'v-tooltip--bottom': this.bottom,\n        'v-tooltip--left': this.left,\n        'v-tooltip--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      }\n    },\n    computedTransition (): string {\n      if (this.transition) return this.transition\n\n      return this.isActive ? 'scale-transition' : 'fade-transition'\n    },\n    offsetY (): boolean {\n      return this.top || this.bottom\n    },\n    offsetX (): boolean {\n      return this.left || this.right\n    },\n    styles (): object {\n      return {\n        left: this.calculatedLeft,\n        maxWidth: convertToUnit(this.maxWidth),\n        minWidth: convertToUnit(this.minWidth),\n        opacity: this.isActive ? 0.9 : 0,\n        top: this.calculatedTop,\n        zIndex: this.zIndex || this.activeZIndex,\n      }\n    },\n  },\n\n  beforeMount () {\n    this.$nextTick(() => {\n      this.value && this.callActivate()\n    })\n  },\n\n  mounted () {\n    if (getSlotType(this, 'activator', true) === 'v-slot') {\n      consoleError(`v-tooltip's activator slot must be bound, try '<template #activator=\"data\"><v-btn v-on=\"data.on>'`, this)\n    }\n  },\n\n  methods: {\n    activate () {\n      // Update coordinates and dimensions of menu\n      // and its activator\n      this.updateDimensions()\n      // Start the transition\n      requestAnimationFrame(this.startTransition)\n    },\n    deactivate () {\n      this.runDelay('close')\n    },\n    genActivatorListeners () {\n      const listeners = Activatable.options.methods.genActivatorListeners.call(this)\n\n      listeners.focus = (e: Event) => {\n        this.getActivator(e)\n        this.runDelay('open')\n      }\n      listeners.blur = (e: Event) => {\n        this.getActivator(e)\n        this.runDelay('close')\n      }\n      listeners.keydown = (e: KeyboardEvent) => {\n        if (e.keyCode === keyCodes.esc) {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      }\n\n      return listeners\n    },\n    genActivatorAttributes () {\n      return {\n        'aria-haspopup': true,\n        'aria-expanded': String(this.isActive),\n      }\n    },\n    genTransition () {\n      const content = this.genContent()\n\n      if (!this.computedTransition) return content\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.computedTransition,\n        },\n      }, [content])\n    },\n    genContent () {\n      return this.$createElement(\n        'div',\n        this.setBackgroundColor(this.color, {\n          staticClass: 'v-tooltip__content',\n          class: {\n            [this.contentClass]: true,\n            menuable__content__active: this.isActive,\n            'v-tooltip__content--fixed': this.activatorFixed,\n          },\n          style: this.styles,\n          attrs: this.getScopeIdAttrs(),\n          directives: [{\n            name: 'show',\n            value: this.isContentActive,\n          }],\n          ref: 'content',\n        }),\n        this.getContentSlot()\n      )\n    },\n  },\n\n  render (h): VNode {\n    return h(this.tag, {\n      staticClass: 'v-tooltip',\n      class: this.classes,\n    }, [\n      this.showLazyContent(() => [this.genTransition()]),\n      this.genActivator(),\n    ])\n  },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-main',{staticClass:\"main\"},[_c('loading-component',{attrs:{\"propLoading\":_vm.loading}}),_c('header-component',{attrs:{\"propHeader\":_vm.header}}),_c('div',[_c('div',{staticClass:\"sub-header-latest-search\"},[_c('div',[_c('v-checkbox',{staticClass:\"search-type-checkbox\",attrs:{\"on-icon\":'mdi-checkbox-marked-circle-outline',\"off-icon\":'mdi-checkbox-blank-circle-outline',\"color\":\"white\",\"hide-details\":\"ture\"},on:{\"click\":_vm.searchLatestArea},model:{value:(_vm.searchLatestCheckbox),callback:function ($$v) {_vm.searchLatestCheckbox=$$v},expression:\"searchLatestCheckbox\"}}),_c('span',{staticClass:\"search-type-label\"},[_vm._v(\"リアルタイム表示\")])],1),_c('div',{staticClass:\"usage-guide\",style:(_vm.bindStyle)},[_c('div',{staticClass:\"sensor sensor-green\"}),_c('div',{staticClass:\"message\"},[_vm._v(_vm._s(_vm.hierarchy.lowerYellow)+\"ppm未満\")]),_c('div',{staticClass:\"sensor sensor-yellow\"}),_c('div',{staticClass:\"message\"},[_vm._v(_vm._s(_vm.hierarchy.lowerYellow)+\"ppm以上\")]),_c('div',{staticClass:\"sensor sensor-red\"}),_c('div',{staticClass:\"message\"},[_vm._v(_vm._s(_vm.hierarchy.lowerRed)+\"ppm以上\")])])]),_c('div',[_c('v-checkbox',{staticClass:\"search-type-checkbox\",attrs:{\"on-icon\":'mdi-checkbox-marked-circle-outline',\"off-icon\":'mdi-checkbox-blank-circle-outline',\"color\":\"white\",\"hide-details\":\"ture\"},on:{\"click\":_vm.selectPeriodSearch},model:{value:(_vm.searchPeriodCheckbox),callback:function ($$v) {_vm.searchPeriodCheckbox=$$v},expression:\"searchPeriodCheckbox\"}}),_c('span',{staticClass:\"search-type-label\"},[_vm._v(\"期間指定表示\")]),_c('span',{staticClass:\"search-label\",style:(_vm.bindSearchLatelStyle)},[_vm._v(\"▼検索条件\")])],1),_c('div',{staticClass:\"search-condition\"},[_c('date-picker-component',{staticClass:\"search-condition-item\",attrs:{\"propLabel\":\"開始日付\",\"propUser\":_vm.user,\"propDate\":_vm.searchDateStart,\"propDisabled\":_vm.disabledPeriodSearch},on:{\"targetDate\":_vm.setSearchDateStart}}),_c('date-picker-component',{staticClass:\"search-condition-item\",attrs:{\"propLabel\":\"終了日付\",\"propUser\":_vm.user,\"propDate\":_vm.searchDateEnd,\"propDisabled\":_vm.disabledPeriodSearch},on:{\"targetDate\":_vm.setSearchDateEnd}}),_c('v-dialog',{attrs:{\"max-width\":\"70%\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('div',_vm._g(_vm._b({staticClass:\"time-label\"},'div',attrs,false),on),[_c('v-icon',{staticClass:\"time-label-icon\",style:(_vm.bindSearchLatelStyle),attrs:{\"color\":\"white\"}},[_vm._v(\" mdi-alert-circle \")]),_c('span',{style:(_vm.bindSearchLatelStyle)},[_vm._v(\"時間帯指定\")])],1)]}}]),model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',{attrs:{\"dark\":\"\"}},[_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"dialog-close-button\",attrs:{\"color\":\"transparent\",\"tile\":\"\"},on:{\"click\":function($event){_vm.dialog = false}}},[_c('v-icon',{attrs:{\"color\":\"white\",\"large\":\"\"}},[_vm._v(\"mdi-close\")])],1)],1),_c('img',{staticClass:\"dialog-img\",attrs:{\"src\":require(\"../assets/area-time-caution.png\")}})],1)],1),_c('time-picker-component',{staticClass:\"search-condition-item\",attrs:{\"propLabel\":\"開始時刻\",\"propTime\":_vm.searchTimeStart,\"propDisabled\":_vm.disabledTimeSelect},on:{\"targetTime\":_vm.setSearchTimeStart}}),_c('time-picker-component',{staticClass:\"search-condition-item\",attrs:{\"propLabel\":\"終了時刻\",\"propTime\":_vm.searchTimeEnd,\"propDisabled\":_vm.disabledTimeSelect},on:{\"targetTime\":_vm.setSearchTimeEnd}}),_c('v-checkbox',{staticClass:\"search-condition-item\",attrs:{\"on-icon\":'mdi-checkbox-marked-outline',\"color\":\"white\",\"hide-details\":\"ture\",\"disabled\":_vm.disabledPeriodSearch},on:{\"click\":_vm.setAlldaySearchTime},model:{value:(_vm.searchAlldayCheckbox),callback:function ($$v) {_vm.searchAlldayCheckbox=$$v},expression:\"searchAlldayCheckbox\"}}),_c('span',{style:(_vm.bindSearchLatelStyle)},[_vm._v(\"終日\")]),_c('v-btn',{staticClass:\"search-button\",style:(_vm.bindSearchLatelStyle),attrs:{\"disabled\":_vm.disabledSearch,\"color\":\"transparent\",\"tile\":\"\",\"large\":\"\"},on:{\"click\":_vm.searchPeriodArea}},[_c('img',{staticClass:\"search-image\",attrs:{\"src\":require(\"../assets/icon-search.png\")}}),_c('span',{style:(_vm.bindSearchLatelStyle)},[_vm._v(\"検索する\")])])],1)]),_c('v-container',{key:_vm.containerKey,staticClass:\"container\",style:(_vm.bindStyle),attrs:{\"fluid\":\"\"}},[_vm._l((_vm.gridRow()),function(i){return _c('v-row',{key:i,attrs:{\"align\":\"center\",\"justify\":\"center\",\"no-gutters\":\"\"}},_vm._l((_vm.gridColMax()),function(j){return _c('v-col',{key:j,staticClass:\"grid-col\",style:(_vm.bindStyle)},[_c('point-component',{style:(_vm.bindStyle),attrs:{\"propUser\":_vm.user,\"propArea\":_vm.area,\"propGetPoint\":_vm.getPoint,\"propRow\":i,\"propCol\":j,\"propColMax\":_vm.gridColMax()},on:{\"stopAreaSearchInterval\":_vm.stopAreaSearchInterval}})],1)}),1)}),_c('div',{staticClass:\"footer\"},[_c('div',[_vm._v(_vm._s(_vm.header.dispTimestamp())+\" 更新\")])])],2),_c('area-csv-component',{attrs:{\"propUser\":_vm.user,\"propArea\":_vm.propArea,\"propDownloadable\":true,\"propGetLoading\":_vm.getLoading}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import constant from \"./constant\";\r\n\r\n\r\nconst RateHeader = 0.2;\r\nconst RateList = 1.0 - RateHeader;\r\nconst px = (val) => val + \"px\";\r\nconst mixinPoint = {\r\n    computed: {\r\n        bindStylePoint() {\r\n            return {\r\n                //\"--col-height\": px(this.getColHeight()),\r\n                \"--col-height\": \"auto\",\r\n                \"--col-width\": px(this.getColWidth()),\r\n                \"--point-height\": px(this.getPointHeight()),\r\n                \"--point-width\": px(this.getPointWidth()),\r\n                //\"--point-header-font-size\": px(this.getHeaderFontSize()),\r\n                \"--point-border-radius\": px(this.getPointBorderRadius()),\r\n                \"--list-height\": px(this.getListHeight()),\r\n                \"--list-width\": px(this.getListWidth()),\r\n                \"--background-color-green\": constant.green(),\r\n                \"--background-color-yellow\": constant.yellow(),\r\n                \"--background-color-red\": constant.red(),  \r\n                \"--point-sensor-height\":px(this.maxSensorHeightCount),\r\n                // \"--point-Header-FontSize\":(this.pointHeaderFontSize) +\"vw\",\r\n                \"--point-Header-FontSize\":px(this.getPointWidth()/18),\r\n                \"--scroll-height\":(constant.pointPercentHeight() * 100) + \"vh\",                \r\n            };\r\n        },\r\n        \r\n    },\r\n    methods: {\r\n        getHeight(percent) {\r\n            return (this.innerHeight * constant.pointPercentHeight() * (percent || 1.0));\r\n        },\r\n        getWidth(percent) {\r\n            return (this.innerWidth * constant.pointPercentWidth() * (percent || 1.0));\r\n        },\r\n        getColHeight(percent) {\r\n            return this.getHeight(percent) / this.gridColMax();\r\n        },\r\n        getColWidth(percent) {\r\n            return this.getWidth(percent)  / this.gridColMax();\r\n        },\r\n        getPointMargin(percent) {\r\n            return this.getColHeight(percent) / 10;\r\n        },\r\n        getPointHeight(percent) {\r\n            return this.getColHeight(percent) - this.getPointMargin(percent);\r\n        },\r\n        getPointWidth(percent) {\r\n            return this.getColWidth(percent);\r\n        },\r\n        // getHeaderFontSize() {\r\n        //     if (this.point) {\r\n        //         const len = constant.getLength(this.point.hierarchyName);\r\n        //         const marginWidth = 0.85;\r\n        //         const maxHeightSize = this.getPointHeight() / 6.5;\r\n\r\n        //         const fontSize = (this.getPointHeight(RateHeader) * len) > (this.getPointWidth()) ? (this.getPointWidth() * marginWidth) / len : this.getPointHeight(RateHeader);\r\n        //         return fontSize > maxHeightSize ? maxHeightSize : fontSize\r\n        //     }\r\n        //     return this.getPointHeight(RateHeader);\r\n        // },\r\n        getListHeight() {\r\n            return this.getPointHeight(RateList);\r\n        },\r\n        getListWidth() {\r\n            return this.getPointWidth(0.95);\r\n        },\r\n        getPointBorderRadius() {\r\n            return this.getPointHeight() / 15;\r\n        },\r\n        \r\n        gridColMax() {\r\n            // 画面の横幅(innerWidth)渡す\r\n            return this.area ? this.area.getGrid(innerWidth) : 1;\r\n        },\r\n        gridRow() {\r\n            const gridMaxColCount = this.gridColMax();\r\n            const gridCount = this.area ? this.area.getPointCount() : 1;\r\n            const gridRowCount = gridMaxColCount + Math.ceil((Math.pow(gridCount,2) - Math.pow(gridMaxColCount,2)) / gridMaxColCount) ;\r\n            return gridRowCount;\r\n        },\r\n\r\n    },\r\n};\r\n\r\nexport default mixinPoint;","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-main',{staticClass:\"main\"},[(_vm.point.isNotEmpty())?_c('div',{staticClass:\"point\",style:(_vm.bindStyle)},[_c('span',{staticClass:\"point-header\",style:(_vm.bindStyle),on:{\"dblclick\":function($event){return _vm.dbclick()}}},[_vm._v(\" \"+_vm._s(_vm.point.hierarchyName)+\" \")]),_c('point-sensor-component',{attrs:{\"propUser\":_vm.user,\"propArea\":_vm.area,\"propPoint\":_vm.point,\"propSensorCount\":_vm.maxSensorCountByRow},on:{\"stopAreaSearchInterval\":_vm.stopAreaSearchInterval}})],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"point-sensor-list\",style:(_vm.bindStyle)},_vm._l((_vm.pointSensorList),function(ps,i){return _c('div',{key:i},[_c('v-tooltip',{attrs:{\"top\":\"\",\"open-on-click\":false,\"open-on-hover\":false},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar attrs = ref.attrs;\nreturn [_c('div',_vm._b({staticClass:\"point-sensor\",style:(_vm.bindStylePointSensor(ps)),on:{\"click\":function($event){_vm.click().then(function (event) { return event(ps); })},\"dblclick\":function($event){_vm.dbclick().then(function (event) { return event(ps); })}}},'div',attrs,false))]}}],null,true),model:{value:(ps.visibleTooltip),callback:function ($$v) {_vm.$set(ps, \"visibleTooltip\", $$v)},expression:\"ps.visibleTooltip\"}},[_c('div',{staticClass:\"tooltip\"},[_c('div',[_vm._v(_vm._s(ps.sensor.location))]),_c('div',{staticClass:\"tooltip-percent\"},[_c('div',{staticClass:\"tooltip-color sensor-red\",style:(_vm.bindStyle)}),_c('span',[_vm._v(_vm._s(_vm.dispPercentRed(ps)))])]),_c('div',{staticClass:\"tooltip-percent\"},[_c('div',{staticClass:\"tooltip-color sensor-yellow\",style:(_vm.bindStyle)}),_c('span',[_vm._v(_vm._s(_vm.dispPercentYellow(ps)))])]),_c('div',{staticClass:\"tooltip-percent\"},[_c('div',{staticClass:\"tooltip-color sensor-green\",style:(_vm.bindStyle)}),_c('span',[_vm._v(_vm._s(_vm.dispPercentGreen(ps)))])])])])],1)}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"point-sensor-list\" :style=\"bindStyle\">\r\n    <div v-for=\"(ps, i) in pointSensorList\" :key=\"i\">\r\n      <v-tooltip\r\n        top\r\n        :open-on-click=\"false\"\r\n        :open-on-hover=\"false\"\r\n        v-model=\"ps.visibleTooltip\"\r\n      >\r\n        <template v-slot:activator=\"{ attrs }\">\r\n          <div\r\n            class=\"point-sensor\"\r\n            v-bind=\"attrs\"\r\n            :style=\"bindStylePointSensor(ps)\"\r\n            @click=\"click().then((event) => event(ps))\"\r\n            @dblclick=\"dbclick().then((event) => event(ps))\"\r\n          />\r\n        </template>\r\n        <div class=\"tooltip\">\r\n          <div>{{ ps.sensor.location }}</div>\r\n          <div class=\"tooltip-percent\">\r\n            <div class=\"tooltip-color sensor-red\" :style=\"bindStyle\" />\r\n            <span>{{ dispPercentRed(ps) }}</span>\r\n          </div>\r\n          <div class=\"tooltip-percent\">\r\n            <div class=\"tooltip-color sensor-yellow\" :style=\"bindStyle\" />\r\n            <span>{{ dispPercentYellow(ps) }}</span>\r\n          </div>\r\n          <div class=\"tooltip-percent\">\r\n            <div class=\"tooltip-color sensor-green\" :style=\"bindStyle\" />\r\n            <span>{{ dispPercentGreen(ps) }}</span>\r\n          </div>\r\n        </div>\r\n      </v-tooltip>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport constant from \"../store/constant\";\r\nimport mixinApp from \"../store/mixin.app\";\r\nimport mixinPoint from \"../store/mixin.point\";\r\nimport store from \"../store\";\r\n\r\nconst vm = {\r\n  mixins: [mixinApp, mixinPoint],\r\n  props: {\r\n    propPoint: null,\r\n    propSensorCount: 0,\r\n  },\r\n  data() {\r\n    return {\r\n      timeout: null,\r\n    };\r\n  },\r\n  computed: {\r\n    bindStyle() {\r\n      return Object.assign(this.bindStylePoint, {\r\n        \"--point-sensor-size\": this.pointSensorSize() + \"px\",\r\n        \"--point-sensor-margin\": this.pointSensorMargin() + \"px\",\r\n        \"--sub-background-color\": \"black\",\r\n        \"--point-sensor-width\": this.pointSensorSize() * this.maxSensorWidth(this.propSensorCount) + \"px\",\r\n      });\r\n    },\r\n    area() {\r\n      return this.propArea;\r\n    },\r\n    point() {\r\n      return this.propPoint;\r\n    },\r\n    pointSensorList() {\r\n      return this.point.filterPointSensorList(\r\n        this.area.condition,\r\n        this.hierarchy\r\n      );\r\n    },\r\n  },\r\n  methods: {\r\n    bindStylePointSensor(ps) {\r\n      return Object.assign({}, this.bindStyle, {\r\n        \"--point-sensor-color\": ps.getColor(),\r\n      });\r\n    },\r\n    pointSensorHeight() {\r\n      const h = this.getListHeight();\r\n\r\n      return h - h * 0.3;\r\n    },\r\n    pointSensorWidth() {\r\n      const w = this.getListWidth() / this.area.countMax(this.hierarchy);\r\n\r\n      return w - w * 0.3;\r\n    },\r\n    pointSensorSize() {\r\n      return this.pointSensorHeight() < this.pointSensorWidth()\r\n        ? this.pointSensorHeight()\r\n        : this.pointSensorWidth();\r\n    },\r\n    pointSensorMargin() {\r\n      return this.pointSensorSize() * 0.1;\r\n    },\r\n    getPercent(val) {\r\n      return Math.floor(val * 100);\r\n    },\r\n    dispPercent(val) {\r\n      return val + \"%\";\r\n    },\r\n    dispPercentTotal(ps){\r\n      return this.getPercent(ps.getPercentGreen()) +\r\n            this.getPercent(ps.getPercentYellow()) +\r\n            this.getPercent(ps.getPercentRed());\r\n    },\r\n    getTotalGap(ps){\r\n      if (this.dispPercentTotal(ps) == 0)\r\n      {\r\n        return 0;\r\n      }\r\n      return 100 - this.dispPercentTotal(ps);\r\n    },\r\n    getGreenGap(ps){\r\n      return ps.getPercentGreen() - this.getPercent(ps.getPercentGreen());\r\n    },\r\n    getYellowGap(ps){\r\n      return ps.getPercentYellow() - this.getPercent(ps.getPercentYellow());\r\n    },\r\n    getRedGap(ps){\r\n      return ps.getPercentRed() - this.getPercent(ps.getPercentRed());\r\n    },    \r\n    /** 緑の割合算出。切り捨ての余り値を寄せないため合計しても100%にはならない場合がある。\r\n     * @see model.point.sensor.js => getPercentRed / getPercentYellow / getPercentGreen */\r\n    dispPercentGreen(ps) {\r\n      let percent = this.getPercent(ps.getPercentGreen());\r\n      if(this.getTotalGap(ps) >= 2 && (\r\n       this.getGreenGap(ps) >= this.getYellowGap(ps) ||\r\n       this.getGreenGap(ps) >= this.getRedGap(ps))){\r\n        percent =  percent + 1;\r\n      } else if(this.getTotalGap(ps) >= 1 && \r\n       this.getGreenGap(ps) >= this.getYellowGap(ps) &&\r\n       this.getGreenGap(ps) >= this.getRedGap(ps)){\r\n        percent =  percent + 1;\r\n      }\r\n\r\n      return this.dispPercent(percent);\r\n    },\r\n    /** 黄の割合算出 */\r\n    dispPercentYellow(ps) {\r\n      let percent = this.getPercent(ps.getPercentYellow());\r\n      if(this.getTotalGap(ps) >= 2 && (\r\n        this.getYellowGap(ps) > this.getGreenGap(ps) ||\r\n        this.getYellowGap(ps) > this.getRedGap(ps))){\r\n        percent =  percent + 1;\r\n      } else if(this.getTotalGap(ps) >= 1 && \r\n        this.getYellowGap(ps) > this.getGreenGap(ps) &&\r\n        this.getYellowGap(ps) > this.getRedGap(ps)){\r\n        percent =  percent + 1;\r\n      }\r\n      return this.dispPercent(percent);\r\n    },\r\n    /** 赤の割合算出 */\r\n    dispPercentRed(ps) {\r\n      let percent = this.getPercent(ps.getPercentRed());\r\n      if(this.getTotalGap(ps) >= 2 && (\r\n        this.getRedGap(ps) > this.getGreenGap(ps) ||\r\n        this.getRedGap(ps) > this.getYellowGap(ps)) ){\r\n        percent =  percent + 1;\r\n      } else if(this.getTotalGap(ps) >= 1 && \r\n        this.getRedGap(ps) > this.getGreenGap(ps) &&\r\n        this.getRedGap(ps) > this.getYellowGap(ps) ){\r\n        percent =  percent + 1;\r\n      }\r\n      return this.dispPercent(percent);\r\n    },\r\n    // /** 緑の割合算出。切り捨ての余り値を寄せないため合計しても100%にはならない場合がある。\r\n    //  * @see model.point.sensor.js => getPercentRed / getPercentYellow / getPercentGreen */\r\n    // dispPercentGreen(ps) {\r\n    //   return this.dispPercent(this.getPercent(ps.getPercentGreen()));\r\n    // },\r\n    // /** 黄の割合算出 */\r\n    // dispPercentYellow(ps) {\r\n    //   return this.dispPercent(this.getPercent(ps.getPercentYellow()));\r\n    // },\r\n    // /** 赤の割合算出 */\r\n    // dispPercentRed(ps) {\r\n    //   return this.dispPercent(this.getPercent(ps.getPercentRed()));\r\n    // },\r\n    click() {\r\n      return new Promise((resolve) => {\r\n        if (!this.timeout) {\r\n          // click\r\n          this.timeout = setTimeout(() => {\r\n            this.timeout = null;\r\n            resolve(this.tooltip);\r\n          }, 200);\r\n        }\r\n      });\r\n    },\r\n    dbclick() {\r\n      return new Promise((resolve) => {\r\n        if (this.timeout) {\r\n          // doubleClick\r\n          console.log(\"doubleClick\");\r\n          this.$emit(\"stopAreaSearchInterval\");\r\n          clearTimeout(this.timeout);\r\n          resolve(this.transition);\r\n        }\r\n      });\r\n    },\r\n\r\n    maxSensorWidth(){ \r\n      var maxSensor = this.area.getMaxSensorCount() >= 10 ? 10 : this.area.getMaxSensorCount();\r\n      return 1.2 * maxSensor;\r\n    },\r\n\r\n    tooltip(ps) {\r\n      const temp = !ps.visibleTooltip; \r\n\r\n      this.area.initVisibleTooltip();\r\n      ps.visibleTooltip = temp;\r\n    },\r\n    transition(ps) {\r\n      console.log(\"transition(ps)\", ps, this.point);\r\n      this.area.initVisibleTooltip();\r\n\r\n      this.area.currentSensor = ps.sensor;\r\n      this.area.currentHierarchy = this.user.findHierarchy(\r\n        this.point.hierarchyCode\r\n      );\r\n\r\n\r\n      console.log(constant, store);\r\n\r\n      this.$router\r\n        .push({\r\n          name: \"sensor\",\r\n          params: {\r\n            propSensorNumber: ps.sensor.sensorNumber,\r\n            propHierarchy: this.area.currentHierarchy,\r\n            propArea: this.area,\r\n            propSearchDate: this.area.condition.searchDateEnd,\r\n            propSearchPeriodValue: this.area.condition.getSearchPeriodValue(),\r\n          },\r\n          query: this.getQuery(),\r\n        })\r\n        .catch((error) => console.log(error));\r\n\r\n    },\r\n  },\r\n};\r\n\r\nexport default vm;\r\n</script>\r\n\r\n<style scope>\r\n.point-sensor-list {\r\n  margin: auto;\r\n  margin-bottom: 1vh;\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  /* align-items: flex-start; */\r\n  align-content: baseline;\r\n  flex-wrap: wrap;\r\n  width: var(--point-sensor-width);\r\n  min-height: inherit;\r\n}\r\n\r\n.point-sensor {\r\n  cursor: pointer;\r\n  margin: var(--point-sensor-margin);\r\n  height: var(--point-sensor-size);\r\n  width: var(--point-sensor-size);\r\n  background-color: var(--point-sensor-color);\r\n}\r\n\r\n.tooltip-percent {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: left;\r\n  margin-top: 1vh;\r\n  margin-bottom: 1vh;\r\n}\r\n\r\n.tooltip-percent span {\r\n  display: block;\r\n  margin-left: 1vh;\r\n}\r\n\r\n.tooltip-color {\r\n  height: 3vh;\r\n  width: 3vh;\r\n}\r\n\r\n.sensor-green {\r\n  background-color: var(--background-color-green);\r\n}\r\n\r\n.sensor-yellow {\r\n  background-color: var(--background-color-yellow);\r\n}\r\n\r\n.sensor-red {\r\n  background-color: var(--background-color-red);\r\n}\r\n\r\n.v-tooltip__content {\r\n  font-size: x-large;\r\n  opacity: 1 !important;\r\n  background-color: #181818;\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!./PointSensorComponent.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!./PointSensorComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PointSensorComponent.vue?vue&type=template&id=5583b14a&\"\nimport script from \"./PointSensorComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./PointSensorComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PointSensorComponent.vue?vue&type=style&index=0&scope=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  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 { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VTooltip})\n","<template>\r\n    <v-main class=\"main\">\r\n        <div class=\"point\" :style=\"bindStyle\" v-if=\"point.isNotEmpty()\">\r\n            <span class=\"point-header\" :style=\"bindStyle\" @dblclick=\"dbclick()\">\r\n                {{ point.hierarchyName }}\r\n            </span>\r\n            <point-sensor-component\r\n                :propUser=\"user\"\r\n                :propArea=\"area\"\r\n                :propPoint=\"point\"\r\n                @stopAreaSearchInterval=\"stopAreaSearchInterval\"\r\n                :propSensorCount=\"maxSensorCountByRow\" \r\n            />\r\n        </div>\r\n    </v-main>\r\n</template>\r\n\r\n<script>\r\nimport mixinApp from \"../store/mixin.app\";\r\nimport mixinPoint from \"../store/mixin.point\";\r\nimport PointSensorComponent from \"../components/PointSensorComponent\";\r\nimport constant from \"../store/constant\";\r\n\r\nconst vm = {\r\n    mixins: [mixinApp, mixinPoint],\r\n    components: {\r\n        PointSensorComponent,\r\n    },\r\n    props: {\r\n        propGetPoint: null,\r\n        propRow: null,\r\n        propCol: null,\r\n        propArea: null,\r\n        propColMax: null,\r\n    },\r\n    computed: {\r\n        bindStyle() {\r\n            return Object.assign(this.bindStylePoint, {});\r\n        },\r\n        area() {\r\n            return this.propArea;\r\n        },\r\n        point() {\r\n            return this.propGetPoint(this.propRow, this.propCol, this.propColMax);\r\n        },\r\n        maxSensorCountByRow(){\r\n            let maxCount = 0;\r\n            for(let i=0; i<= this.propColMax;i++){\r\n                const point = this.propGetPoint(this.propRow, i, this.propColMax);\r\n                if (point == undefined || point == null){\r\n                    continue;\r\n                }\r\n                const count = point.pointSensorList.length;\r\n                maxCount = count > maxCount ? count : maxCount;\r\n            }\r\n            return maxCount;\r\n        },       \r\n        maxSensorHeightCount(){\r\n            //Todo:1セル当たりの高さの取得方法の見直し\r\n            return (Math.floor(this.maxSensorCountByRow / 10) + 1) * this.pointSensorSize() / 0.82;\r\n            //return 8 * this.pointSensorSize() / 0.82;\r\n        },       \r\n        pointHeaderFontSize(){\r\n            return 2/((this.propColMax/3)*1.1);\r\n        },\r\n    },\r\n    methods: {\r\n        dbclick() {\r\n            this.user.setCurrentHierarchy(\r\n                this.user.findHierarchy(this.point.hierarchyCode)\r\n            );\r\n            this.transitionRanking();\r\n            this.stopAreaSearchInterval();\r\n        },\r\n        transitionRanking() {\r\n            this.$router.push({\r\n                name: \"ranking\",\r\n                params: {\r\n                    propUser: this.user,\r\n                    propSummary: null,\r\n                    propArea: this.area,\r\n                    propSearchUnit: constant.searchUnitFloor(),\r\n                    propRotationSelectNo: this.propRotation?.no,\r\n\r\n                },\r\n                query: this.getQuery(),\r\n            });\r\n        },\r\n        /** 一定間隔で検索、を停止 */\r\n        stopAreaSearchInterval() {\r\n            this.$emit(\"stopAreaSearchInterval\");\r\n        },\r\n        pointSensorHeight() {\r\n      const h = this.getListHeight();\r\n\r\n      return h - h * 0.3;\r\n    },\r\n    pointSensorWidth() {\r\n      const w = this.getListWidth() / this.area.countMax(this.hierarchy);\r\n\r\n      return w - w * 0.3;\r\n    },\r\n    pointSensorSize() {\r\n      return this.pointSensorHeight() < this.pointSensorWidth()\r\n        ? this.pointSensorHeight()\r\n        : this.pointSensorWidth();\r\n    },          \r\n    },\r\n};\r\n\r\nexport default vm;\r\n</script>\r\n\r\n<style scoped>\r\n.point {\r\n    border: 1px solid;\r\n    border-radius: var(--point-border-radius);\r\n    min-height: var(--point-sensor-height);\r\n    width: var(--point-width);\r\n    margin:auto;\r\n    border-color: var(--grid-background-color);\r\n}\r\n\r\n.point-header {\r\n    display: block;\r\n    cursor: pointer;\r\n    text-align: center;\r\n    font-size: var(--point-Header-FontSize);\r\n    white-space: nowrap;\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!./PointComponent.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!./PointComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PointComponent.vue?vue&type=template&id=59c28687&scoped=true&\"\nimport script from \"./PointComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./PointComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PointComponent.vue?vue&type=style&index=0&id=59c28687&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  \"59c28687\",\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 { VMain } from 'vuetify/lib/components/VMain';\ninstallComponents(component, {VMain})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.showFab)?_c('div',[(_vm.enabled)?_c('div',{staticClass:\"fab-operation\"},[_c('v-dialog',{staticClass:\"download-dialog\",attrs:{\"persistent\":\"\",\"width\":\"600px\",\"scrollable\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [(_vm.downloadable)?_c('div',{staticClass:\"fab-button\"},[_c('v-btn',_vm._g(_vm._b({attrs:{\"color\":\"transparent\",\"fab\":\"\",\"small\":_vm.isIphone},on:{\"click\":function($event){_vm.downloadDialog = true}}},'v-btn',attrs,false),on),[(_vm.processing)?_c('img',{attrs:{\"src\":require(\"../assets/icon-progress-download.png\")}}):_c('img',{attrs:{\"src\":require(\"../assets/icon-download.png\")}})])],1):_vm._e()]}}],null,false,3627523607),model:{value:(_vm.downloadDialog),callback:function ($$v) {_vm.downloadDialog=$$v},expression:\"downloadDialog\"}},[_c('v-card',{staticStyle:{\"height\":\"300px\"},attrs:{\"dark\":\"\"}},[_c('div',{staticClass:\"dialog-header\"},[_c('v-layout',{attrs:{\"wrap\":\"\"}},[_c('v-flex',{staticStyle:{\"padding-top\":\"0.6em\"},attrs:{\"text-left\":\"\"}},[_c('span',[_vm._v(\"CSVファイルダウンロード\")])]),_c('v-flex',{attrs:{\"text-right\":\"\",\"mt-2\":\"\"}},[_c('v-btn',{staticClass:\"dialog-button-close\",attrs:{\"color\":\"transparent\",\"tile\":\"\"},on:{\"click\":function($event){_vm.downloadDialog = false}}},[_c('v-icon',{attrs:{\"color\":\"white\",\"large\":\"\"}},[_vm._v(\"mdi-close\")])],1)],1)],1)],1),_c('div',{staticClass:\"csv-sub-header\",style:(_vm.bindStyle)},[_c('v-layout',{attrs:{\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"text-right\":\"\",\"ml-5\":\"\",\"my-0\":\"\"}},[_c('date-picker-component',{attrs:{\"propDisabled\":_vm.processing,\"propUser\":_vm.propUser,\"propDate\":_vm.searchDate,\"propLabel\":\"検索日時\"},on:{\"targetDate\":_vm.targetDate}})],1),_c('v-flex',{attrs:{\"text-center\":\"\"}},[_c('search-period-component',{attrs:{\"propDisabled\":_vm.processing,\"propSearchPeriod\":_vm.getSearchPeriod()},on:{\"change\":_vm.changeSearchPeriod}})],1),_c('v-flex',{attrs:{\"text-center\":\"\",\"mr-16\":\"\",\"my-3\":\"\",\"ml-3\":\"\"}},[_c('v-btn',{attrs:{\"disabled\":_vm.processing,\"color\":\"\",\"tile\":\"\"},on:{\"click\":function($event){return _vm.downloadCsv()}}},[_c('v-icon',{attrs:{\"color\":\"white\",\"large\":\"\"}},[_vm._v(\"mdi-note-plus-outline\")]),_vm._v(\" CSVファイル準備 \")],1)],1)],1)],1),_c('div',{staticClass:\"csv-sub-header\",style:(_vm.bindStyle)},[_c('v-flex',{attrs:{\"text-center\":\"\"}},[_c('v-btn',{staticClass:\"m-3\",attrs:{\"disabled\":!_vm.isCreatedCsv || _vm.processing,\"color\":\"\",\"tile\":\"\",\"href\":_vm.csvInfoDownloadUrl,\"download\":\"\"}},[(_vm.processing)?_c('span',[_c('v-icon',{attrs:{\"color\":\"white\",\"large\":\"\"}},[_vm._v(\"mdi-progress-download\")]),_vm._v(\" CSVファイル作成中 \")],1):_c('span',[_c('v-icon',{attrs:{\"color\":\"white\",\"large\":\"\"}},[_vm._v(\"mdi-download\")]),_vm._v(\" ダウンロード \")],1)])],1)],1),_c('div',{key:_vm.keyDialogContent,staticClass:\"dialog-content\"},[_c('v-layout',{attrs:{\"row\":\"\",\"mx-3\":\"\"}},[_c('v-flex',[_c('v-flex',[_vm._v(\"検索日\")]),_c('v-flex',[_vm._v(\"作成開始時間\")]),_c('v-flex',[_vm._v(\"有効期限\")])],1),_c('v-flex',[_c('v-flex',[_vm._v(_vm._s(_vm.csvInfoSearchDate))]),_c('v-flex',[_vm._v(_vm._s(_vm.csvInfoExecutedDatetime))]),_c('v-flex',[_vm._v(_vm._s(_vm.csvInfoDownloadExpired))])],1),_c('v-flex',[_c('v-flex',[_vm._v(\"期間\")]),_c('v-flex',[_vm._v(\"ファイルサイズ\")]),_c('v-spacer')],1),_c('v-flex',[_c('v-flex',[_vm._v(_vm._s(_vm.csvInfoSearchPeriod))]),_c('v-flex',[_vm._v(\" \"+_vm._s(_vm.csvInfoFileSize)+\" \")]),_c('v-spacer')],1)],1)],1),_c('div',{staticClass:\"dialog-footer\",staticStyle:{\"margin-bottom\":\"0.5em\"}},[_c('v-layout',{attrs:{\"row\":\"\",\"mx-3\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\"}},[_vm._v(\"有効期限を過ぎると、CSVは削除されます。\")]),_c('v-flex',{attrs:{\"xs12\":\"\"}},[_vm._v(\"再作成すると、CSVは上書きされます。\")])],1)],1)])],1)],1):_vm._e()]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div v-if=\"showFab\">\r\n    <div v-if=\"enabled\" class=\"fab-operation\">\r\n      <v-dialog\r\n        v-model=\"downloadDialog\"\r\n        class=\"download-dialog\"\r\n        persistent\r\n        width=\"600px\"\r\n        \r\n        scrollable\r\n      >\r\n        <template v-slot:activator=\"{ on, attrs }\">\r\n          <div class=\"fab-button\" v-if=\"downloadable\">\r\n            <v-btn\r\n              v-bind=\"attrs\"\r\n              v-on=\"on\"\r\n              color=\"transparent\"\r\n              fab\r\n              :small=\"isIphone\"\r\n              @click=\"downloadDialog = true\"\r\n            >\r\n              <img\r\n                v-if=\"processing\"\r\n                src=\"../assets/icon-progress-download.png\"\r\n              />\r\n              <img v-else src=\"../assets/icon-download.png\" />\r\n            </v-btn>\r\n          </div>\r\n        </template>\r\n        <v-card class=\"\" dark style=\"height: 300px;\">\r\n          <div class=\"dialog-header\">\r\n            <v-layout wrap>\r\n              <v-flex text-left  style=\"padding-top: 0.6em;\">\r\n                <span>CSVファイルダウンロード</span>\r\n              </v-flex>\r\n              <v-flex text-right mt-2>\r\n                <v-btn\r\n                  class=\"dialog-button-close\"\r\n                  color=\"transparent\"\r\n                  tile\r\n                  @click=\"downloadDialog = false\"\r\n                >\r\n                  <v-icon color=\"white\" large>mdi-close</v-icon>\r\n                </v-btn>\r\n              </v-flex>\r\n            </v-layout>\r\n          </div>\r\n          <div class=\"csv-sub-header\" :style=\"bindStyle\">\r\n            <v-layout wrap>\r\n              <v-flex text-right ml-5 my-0>\r\n                <date-picker-component\r\n                  :propDisabled=\"processing\"\r\n                  :propUser=\"propUser\"\r\n                  :propDate=\"searchDate\"\r\n                  propLabel=\"検索日時\"\r\n                  @targetDate=\"targetDate\"\r\n                />\r\n              </v-flex>\r\n              <v-flex text-center>\r\n                <search-period-component\r\n                  :propDisabled=\"processing\"\r\n                  :propSearchPeriod=\"getSearchPeriod()\"\r\n                  @change=\"changeSearchPeriod\"\r\n                />\r\n              </v-flex>\r\n              <v-flex text-center mr-16 my-3 ml-3>\r\n                <v-btn\r\n                  :disabled=\"processing\"\r\n                  class=\"\"\r\n                  color=\"\"\r\n                  tile\r\n                  @click=\"downloadCsv()\"\r\n                >\r\n                  <v-icon color=\"white\" large>mdi-note-plus-outline</v-icon>\r\n                  CSVファイル準備\r\n                </v-btn>\r\n              </v-flex>\r\n            </v-layout>\r\n          </div>\r\n          <div class=\"csv-sub-header\" :style=\"bindStyle\">\r\n            <v-flex text-center>\r\n              <v-btn\r\n                :disabled=\"!isCreatedCsv || processing\"\r\n                class=\"m-3\"\r\n                color=\"\"\r\n                tile\r\n                :href=\"csvInfoDownloadUrl\"\r\n                download\r\n              >\r\n                <span v-if=\"processing\">\r\n                  <v-icon color=\"white\" large>mdi-progress-download</v-icon>\r\n                  CSVファイル作成中\r\n                </span>\r\n                <span v-else>\r\n                  <v-icon color=\"white\" large>mdi-download</v-icon>\r\n                  ダウンロード\r\n                </span>\r\n              </v-btn>\r\n            </v-flex>\r\n          </div>\r\n          <div\r\n            class=\"dialog-content\"\r\n            :key=\"keyDialogContent\"\r\n            style=\"\"\r\n          >\r\n            <v-layout row mx-3>\r\n              <v-flex>\r\n                <v-flex>検索日</v-flex>\r\n                <v-flex>作成開始時間</v-flex>\r\n                <v-flex>有効期限</v-flex>\r\n              </v-flex>\r\n              <v-flex>\r\n                <v-flex>{{ csvInfoSearchDate }}</v-flex>\r\n                <v-flex>{{ csvInfoExecutedDatetime }}</v-flex>\r\n                <v-flex>{{ csvInfoDownloadExpired }}</v-flex>\r\n              </v-flex>\r\n              <v-flex>\r\n                <v-flex>期間</v-flex>\r\n                <v-flex>ファイルサイズ</v-flex>\r\n                <v-spacer></v-spacer>\r\n              </v-flex>\r\n              <v-flex>\r\n                <v-flex>{{ csvInfoSearchPeriod }}</v-flex>\r\n                <v-flex> {{ csvInfoFileSize }} </v-flex>\r\n                <v-spacer></v-spacer>\r\n              </v-flex>\r\n            </v-layout>\r\n          </div>\r\n          <div class=\"dialog-footer\" style=\"margin-bottom: 0.5em;\">\r\n            <v-layout row mx-3>\r\n              <v-flex xs12>有効期限を過ぎると、CSVは削除されます。</v-flex>\r\n              <v-flex xs12>再作成すると、CSVは上書きされます。</v-flex>\r\n            </v-layout>\r\n          </div>\r\n        </v-card>\r\n    </v-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport constant from \"../store/constant\";\r\nimport models from \"../store/models\";\r\nimport store from \"../store\";\r\nimport mixinApp from \"../store/mixin.app\";\r\nimport DatePickerComponent from \"../components/DatePickerComponent\";\r\nimport SearchPeriodComponent from \"../components/SearchPeriodComponent\";\r\n\r\nconst vm = {\r\n  mixins: [mixinApp],\r\n  components: {\r\n    DatePickerComponent,\r\n    SearchPeriodComponent,\r\n  },\r\n  props: {\r\n    propDownloadable: false,\r\n    propGetLoading: null,\r\n    propConfigDialog: null\r\n  },\r\n  data() {\r\n    return {\r\n      downloadDialog: false,\r\n      unprocessed: true,\r\n      processing: false,\r\n      processed: false,\r\n      searchDate: null,\r\n      searchPeriod: null,\r\n      keyDialogContent: false,\r\n      unsubscribe: () => { },\r\n    };\r\n  },\r\n  computed: {\r\n    enabled() {\r\n      return this.user ? this.user.strategy.enabled() : false;\r\n    },\r\n    downloadable() {\r\n      return this.propDownloadable;\r\n    },\r\n    showFab() {\r\n      return !this.propGetLoading();\r\n    },\r\n\r\n    /**\r\n      * CSV情報\r\n      */\r\n    csvInfo() {\r\n      return store.getters[constant.storeDownloadAreaCsvGettersCsvInfo()];\r\n    },\r\n    isCreatedCsv() {\r\n      return this.csvInfoDownloadUrl != null;\r\n    },\r\n    // 以後CSVダウンロードの情報のStore Getter\r\n    /** CSV情報:DownloadUrl */\r\n    csvInfoDownloadUrl() {\r\n      if (this.csvInfo == null || this.csvInfo.downloadUrl == null) {\r\n        return null;\r\n      } else {\r\n        return this.csvInfo.downloadUrl;\r\n      }\r\n    },\r\n    /** CSV情報:SearchDate */\r\n    csvInfoSearchDate() {\r\n      if (this.csvInfo == null || this.csvInfo.condition.searchDate == null) {\r\n        return \"-\";\r\n      } else {\r\n        const value = this.csvInfo.condition.searchDate;\r\n        const valueDate = constant.toDate(value);\r\n        const valueYmdString = valueDate.toLocaleString(\r\n          \"ja\",\r\n          constant.toLocaleStringYmdOptions()\r\n        );\r\n        return valueYmdString;\r\n      }\r\n    },\r\n    /** CSV情報:SearchPeriod */\r\n    csvInfoSearchPeriod() {\r\n      if (this.csvInfo == null || this.csvInfo.condition.searchPeriod == null) {\r\n        return \"-\";\r\n      } else {\r\n        return \"直近 \" + this.csvInfo.condition.searchPeriod + \" 日\";\r\n      }\r\n    },\r\n    /** CSV情報:ExecutedDatetime */\r\n    csvInfoExecutedDatetime() {\r\n      if (\r\n        this.csvInfo == null ||\r\n        this.csvInfo.condition.executedDatetime == null\r\n      ) {\r\n        return \"-\";\r\n      } else {\r\n        const valueDate = constant.toDate(\r\n          this.csvInfo.condition.executedDatetime\r\n        );\r\n        const valueYmdString = valueDate.toLocaleString(\r\n          \"ja\",\r\n          constant.toLocaleStringDateTimeOptions()\r\n        );\r\n        return valueYmdString;\r\n      }\r\n    },\r\n    /** CSV情報:FileSize */\r\n    csvInfoFileSize() {\r\n      if (this.csvInfo == null || this.csvInfo.fileSize == null) {\r\n        return \"-\";\r\n      } else {\r\n        const valueSize = this.csvInfo.fileSize / 1000;\r\n        return valueSize.toFixed(1) + \" KByte\";\r\n      }\r\n    },\r\n    /** CSV情報:DownloadExpired */\r\n    csvInfoDownloadExpired() {\r\n      if (this.csvInfo == null || this.csvInfo.downloadExpired == null) {\r\n        return \"-\";\r\n      } else {\r\n        const valueDate = new Date(this.csvInfo.downloadExpired);\r\n        //const valueDate = constant.toDate(value);\r\n        const valueYmdString = valueDate.toLocaleString(\r\n          \"ja\",\r\n          constant.toLocaleStringDateTimeOptions()\r\n        );\r\n        return valueYmdString;\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.unprocessed = true;\r\n      this.processing = false;\r\n      this.processed = false;\r\n      this.searchDate = constant.toUnixTime(constant.today());\r\n      this.searchPeriod = constant.createSearchPeriodDefault();\r\n      this.keyDialogContent = !this.keyDialogContent;\r\n    },\r\n\r\n    async downloadCsv() {\r\n      this.unprocessed = false;\r\n      this.processing = true;\r\n      const param = {\r\n        condition: this.createSearchCondition(),\r\n        sensorCount: 0, // ToDo: あとで取得処理を入れる\r\n      };\r\n      await store.dispatch(constant.storeDownloadCsvAreaAsync(), param);\r\n\r\n      //\r\n      this.unprocessed = true;\r\n\r\n      this.processing = false;\r\n    },\r\n    getCsvName(filename) {\r\n      return filename ? filename : new Date().toLocaleString() + \".zip\";\r\n    },\r\n    targetDate(date) {\r\n      this.searchDate = date;\r\n    },\r\n    changeSearchPeriod(searchPeriod) {\r\n      this.searchPeriod = searchPeriod;\r\n    },\r\n    createSearchCondition() {\r\n      const ret = models.createSearchCondition();\r\n\r\n      ret.userKind = this.user.userKind;\r\n      // 追加\r\n      ret.userCode = this.user.userCode;\r\n      ret.searchUnit = constant.searchUnitCsvArea();\r\n      ret.hierarchyCode = this.user.getCurrentHierarchy().hierarchyCode;\r\n      ret.searchDate = this.searchDate;\r\n      ret.searchPeriod = this.searchPeriod.value;\r\n      ret.executedDatetime = constant.toUnixTime(new Date());\r\n\r\n      return ret;\r\n    },\r\n    getSearchPeriod() {\r\n      return constant.searchPeriodDefault();\r\n    },\r\n    saveZip(csv, filename) {\r\n      const blob = new Blob([csv], { type: \"application/zip\" });\r\n      const link = document.createElement(\"a\");\r\n\r\n      link.href = window.URL.createObjectURL(blob);\r\n      link.download = this.getCsvName(filename);\r\n      link.click();\r\n    },\r\n  },\r\n  watch: {\r\n    downloadDialog() {\r\n      if (this.downloadDialog) {\r\n        this.init();\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    this.init();\r\n    this.unsubscribe = store\r\n      .subscribe((mutation, state) => {\r\n        if (mutation.type === constant.storeDownloadCsvAreaAsync()) {\r\n          this.saveZip(state.downloadArea.csv, state.downloadArea.filename);\r\n          this.processing = false;\r\n          this.processed = true;\r\n        }\r\n      })\r\n      .bind(this);\r\n  },\r\n  beforeDestroy() {\r\n    this.unsubscribe();\r\n  },\r\n};\r\n\r\nexport default vm;\r\n</script>\r\n\r\n<style scoped>\r\n.fab-operation {\r\n  position: fixed;\r\n  top: 16vh;\r\n  right: 1vw;\r\n}\r\n\r\n.fab-button {\r\n  cursor: pointer;\r\n  height: 8vh;\r\n  width: 8vh;\r\n  margin-top: var(--fab-button-margin-top);\r\n}\r\n\r\n.fab-button-large {\r\n  cursor: pointer;\r\n  height: 20vh;\r\n  width: 20vh;\r\n  margin-top: 1vh;\r\n}\r\n\r\n.fab-button img {\r\n  height: 6vh;\r\n  width: 6vh;\r\n}\r\n\r\n.progress {\r\n  width: 20vw;\r\n}\r\n\r\n.progress span {\r\n  display: inline-block;\r\n  margin: 1vh;\r\n}\r\n\r\n.checkbox {\r\n  position: absolute;\r\n  top: 4vh;\r\n  font-size: 3vh;\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!./AreaCsvComponent.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!./AreaCsvComponent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AreaCsvComponent.vue?vue&type=template&id=6b7a6e2e&scoped=true&\"\nimport script from \"./AreaCsvComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./AreaCsvComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AreaCsvComponent.vue?vue&type=style&index=0&id=6b7a6e2e&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  \"6b7a6e2e\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VDialog,VFlex,VIcon,VLayout,VSpacer})\n","<template>\r\n    <v-main class=\"main\">\r\n        <loading-component :propLoading=\"loading\" />\r\n        <header-component :propHeader=\"header\" />\r\n        <div>\r\n            <!-- 動作としては本来はラジオボタンだが、チェックボックスで処理を作成していたためそのままチェックボックスを採用 -->\r\n            <div class=\"sub-header-latest-search\">\r\n                <div>\r\n                    <v-checkbox\r\n                        :on-icon=\"'mdi-checkbox-marked-circle-outline'\"\r\n                        :off-icon=\"'mdi-checkbox-blank-circle-outline'\"\r\n                        class=\"search-type-checkbox\"\r\n                        v-model=\"searchLatestCheckbox\"\r\n                        color=\"white\"\r\n                        hide-details=ture\r\n                        @click=\"searchLatestArea\"\r\n                    >\r\n                    </v-checkbox>\r\n                    <span class=\"search-type-label\">リアルタイム表示</span>\r\n                </div>\r\n                <div class=\"usage-guide\" :style=\"bindStyle\">\r\n                    <div class=\"sensor sensor-green\" />\r\n                    <div class=\"message\">{{ hierarchy.lowerYellow }}ppm未満</div>\r\n                    <div class=\"sensor sensor-yellow\" />\r\n                    <div class=\"message\">{{ hierarchy.lowerYellow }}ppm以上</div>\r\n                    <div class=\"sensor sensor-red\" />\r\n                    <div class=\"message\">{{ hierarchy.lowerRed }}ppm以上</div>\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <v-checkbox\r\n                    :on-icon=\"'mdi-checkbox-marked-circle-outline'\"\r\n                    :off-icon=\"'mdi-checkbox-blank-circle-outline'\"\r\n                    class=\"search-type-checkbox\"\r\n                    v-model=\"searchPeriodCheckbox\"\r\n                    color=\"white\"\r\n                    hide-details=ture\r\n                    @click=\"selectPeriodSearch\"\r\n                >\r\n                </v-checkbox>\r\n                <span class=\"search-type-label\">期間指定表示</span>\r\n                <span class=\"search-label\" :style=\"bindSearchLatelStyle\">▼検索条件</span>\r\n            </div>\r\n            <div class=\"search-condition\">\r\n                <date-picker-component\r\n                    class=\"search-condition-item\"\r\n                    propLabel=\"開始日付\"\r\n                    :propUser=\"user\"\r\n                    :propDate=\"searchDateStart\"\r\n                    :propDisabled=\"disabledPeriodSearch\"\r\n                    @targetDate=\"setSearchDateStart\"\r\n                />\r\n                <date-picker-component\r\n                    class=\"search-condition-item\"\r\n                    propLabel=\"終了日付\"\r\n                    :propUser=\"user\"\r\n                    :propDate=\"searchDateEnd\"\r\n                    :propDisabled=\"disabledPeriodSearch\"\r\n                    @targetDate=\"setSearchDateEnd\"\r\n                />\r\n                <v-dialog\r\n                    v-model=\"dialog\"\r\n                    max-width=\"70%\"\r\n                >\r\n                    <template v-slot:activator=\"{ on, attrs }\">\r\n                        <div class=\"time-label\"\r\n                            v-bind=\"attrs\"\r\n                            v-on=\"on\"\r\n                        >\r\n                            <v-icon \r\n                                class=\"time-label-icon\"\r\n                                color=\"white\"\r\n                                :style=\"bindSearchLatelStyle\"\r\n                            >\r\n                                mdi-alert-circle\r\n                            </v-icon>\r\n                            <span :style=\"bindSearchLatelStyle\">時間帯指定</span>\r\n                        </div>\r\n                    </template>\r\n                    <v-card dark>\r\n                    \r\n                        <v-card-actions>\r\n                            <v-spacer></v-spacer>\r\n                            <v-btn\r\n                                class=\"dialog-close-button\"\r\n                                color=\"transparent\"\r\n                                tile\r\n                                @click=\"dialog = false\"\r\n                            >\r\n                                <v-icon color=\"white\" large>mdi-close</v-icon>\r\n                            </v-btn>\r\n                        </v-card-actions>\r\n                        <img class=\"dialog-img\" src=\"../assets/area-time-caution.png\" />\r\n                    </v-card>\r\n                </v-dialog>\r\n                <time-picker-component\r\n                    class=\"search-condition-item\"\r\n                    propLabel=\"開始時刻\"\r\n                    :propTime=\"searchTimeStart\"\r\n                    :propDisabled=\"disabledTimeSelect\"\r\n                    @targetTime=\"setSearchTimeStart\"\r\n                />\r\n                <time-picker-component\r\n                    class=\"search-condition-item\"\r\n                    propLabel=\"終了時刻\"\r\n                    :propTime=\"searchTimeEnd\"\r\n                    :propDisabled=\"disabledTimeSelect\"\r\n                    @targetTime=\"setSearchTimeEnd\"\r\n                />\r\n                <v-checkbox\r\n                    :on-icon=\"'mdi-checkbox-marked-outline'\"\r\n                    class=\"search-condition-item\"\r\n                    v-model=\"searchAlldayCheckbox\"\r\n                    color=\"white\"\r\n                    hide-details=ture\r\n                    :disabled=\"disabledPeriodSearch\"\r\n                    @click=\"setAlldaySearchTime\"\r\n                >\r\n                </v-checkbox>\r\n                <span :style=\"bindSearchLatelStyle\">終日</span>\r\n                <!-- TODO:関連関数を削除するタイミングで削除する -->\r\n                <!-- <span class=\"search-label\">CO2濃度が</span>\r\n                <v-select\r\n                    class=\"search-condition-geco2c\"\r\n                    v-model=\"geCo2c\"\r\n                    :items=\"getGeCo2cList()\"\r\n                    return-object\r\n                />\r\n                <span class=\"search-label\">の期間が</span>\r\n                <v-select\r\n                    class=\"search-condition-gepercent\"\r\n                    v-model=\"gePercent\"\r\n                    :items=\"getGePercentList()\"\r\n                    return-object\r\n                /> -->\r\n                <v-btn\r\n                    :disabled=\"disabledSearch\"\r\n                    class=\"search-button\"\r\n                    color=\"transparent\"\r\n                    tile\r\n                    large \r\n                    :style=\"bindSearchLatelStyle\"\r\n                    @click=\"searchPeriodArea\"\r\n                >\r\n                    <img class=\"search-image\" src=\"../assets/icon-search.png\" />\r\n                    <span :style=\"bindSearchLatelStyle\">検索する</span>\r\n                </v-btn>\r\n                \r\n            </div>\r\n        </div>\r\n        <v-container class=\"container\" fluid :style=\"bindStyle\" :key=\"containerKey\">\r\n            <v-row v-for=\"i in gridRow()\" :key=\"i\" align=\"center\" justify=\"center\" no-gutters>\r\n            \r\n                <v-col v-for=\"j in gridColMax()\" class=\"grid-col\" :key=\"j\" :style=\"bindStyle\">\r\n                    <point-component\r\n                        :propUser=\"user\"\r\n                        :propArea=\"area\"\r\n                        :propGetPoint=\"getPoint\"\r\n                        :propRow=\"i\"\r\n                        :propCol=\"j\"\r\n                        :propColMax=\"gridColMax()\"\r\n                        :style=\"bindStyle\"\r\n                        @stopAreaSearchInterval=\"stopAreaSearchInterval\"\r\n                    />\r\n                </v-col>\r\n            </v-row>\r\n            <div class=\"footer\">\r\n                <div>{{ header.dispTimestamp() }} 更新</div>                                           \r\n            </div>\r\n        </v-container>\r\n        <area-csv-component\r\n            :propUser=\"user\"\r\n            :propArea=\"propArea\"\r\n            :propDownloadable=\"true\"\r\n            :propGetLoading=\"getLoading\"\r\n        />        \r\n    </v-main>\r\n</template>\r\n\r\n<script>\r\nimport mixinApp from \"../store/mixin.app\";\r\nimport mixinSensor from \"../store/mixin.sensor\";\r\nimport mixinPoint from \"../store/mixin.point\";\r\nimport LoadingComponent from \"../components/LoadingComponent\";\r\nimport HeaderComponent from \"../components/HeaderComponent\";\r\nimport DatePickerComponent from \"../components/DatePickerComponent\";\r\nimport TimePickerComponent from \"../components/TimePickerComponent\";\r\nimport PointComponent from \"../components/PointComponent\";\r\nimport AreaCsvComponent from \"../components/AreaCsvComponent\";\r\nimport models from \"../store/models\";\r\nimport store from \"../store\";\r\nimport constant from \"../store/constant\";\r\n\r\nconst vm = {\r\n    mixins: [mixinApp, mixinSensor, mixinPoint],\r\n    components: {\r\n        LoadingComponent,\r\n        HeaderComponent,\r\n        DatePickerComponent,\r\n        TimePickerComponent,        \r\n        PointComponent,\r\n        AreaCsvComponent,\r\n    },\r\n    data() {\r\n        return {\r\n            area: this.propArea,\r\n            searchDateStart: constant.toUnixTime(constant.today()),\r\n            searchDateEnd: constant.toUnixTime(constant.today()),\r\n            searchTimeStart: constant.totime(constant.getNowUnixTime()),\r\n            searchTimeEnd: constant.totime(constant.getNowUnixTime()),\r\n            geCo2c: null,\r\n            gePercent: null,\r\n            containerKey: false,\r\n            processing: false,\r\n            searchLatestCheckbox: false,\r\n            searchPeriodCheckbox: false,\r\n            searchAlldayCheckbox: false,\r\n            dialog: false,\r\n        };\r\n    },\r\n    /*\r\n    注意：\r\n    エリア画面戻るボタン障害対応\r\n    戻った際、本来ならthis.hierarchyとthis.user.hierarchyが同じものをさすことが前提になっているが、これがthis.hierarchyの中身が前の画面のものになっている。\r\n    this.hierarchyを使っている箇所をthis.user.hierarchyにすることで対応\r\n    */\r\n    computed: {\r\n        loading() {\r\n            return this.processing;\r\n        },\r\n        header() {\r\n            return models.createHeader(this.user?.hierarchy?.hierarchyName, \"icon-area\", this.summary?.getLatestTimestamp);\r\n        },       \r\n        bindStyle() {\r\n            return Object.assign(\r\n                mixinApp.computed.bindStyle.call(this),\r\n                Object.assign(this.bindStylePoint, {\r\n                    \"--font-size-message\": this.innerWidth > 1024 ? \"medium\" : \"x-small\",\r\n                })\r\n            );            \r\n        },\r\n        disabledSearch() {\r\n            return this.processing || this.searchLatestCheckbox || !this.searchPeriodCheckbox;\r\n        },\r\n        disabledTimeSelect() {\r\n            return this.searchLatestCheckbox || this.searchAlldayCheckbox || !this.searchPeriodCheckbox;\r\n        },\r\n        disabledPeriodSearch() {\r\n            return this.searchLatestCheckbox || !this.searchPeriodCheckbox;\r\n        },\r\n        bindSearchLatelStyle() {\r\n            if(this.searchLatestCheckbox || !this.searchPeriodCheckbox){\r\n                return {\r\n                    \"--search-condition-label-opacity\": 0.5,\r\n                    \"--search-button-background-color\": this.getMainBackgroundColor(),\r\n                };\r\n            }else{\r\n                return {\r\n                    \"--search-condition-label-opacity\": 1,\r\n                };\r\n            }\r\n        },\r\n    },\r\n    methods: {\r\n        setAlldaySearchTime() {\r\n            if(this.searchAlldayCheckbox){\r\n                this.searchTimeStart = \"00:00\";\r\n                this.searchTimeEnd = \"00:00\";\r\n            }\r\n        },\r\n        searchPeriodArea() {\r\n            this.processing = true;\r\n            store.dispatch(constant.storeAreaSearch(), this.createAreaSearchCondition());\r\n        },\r\n        /** エリアの最新検索 */\r\n        searchLatestArea() {\r\n            if(this.searchLatestCheckbox){\r\n                this.searchPeriodCheckbox = false;\r\n                this.searchAlldayCheckbox = false;\r\n                this.processing = true;\r\n                //検索\r\n                store.dispatch(\r\n                    constant.storeAreaSearch(),\r\n                    this.createLatestAreaSearchCondition()\r\n                );\r\n                //一定間隔で検索\r\n                this.startAreaSearchInterval(this.createLatestAreaSearchCondition);\r\n            }else{\r\n                this.searchPeriodCheckbox = true;\r\n                //一定間隔で検索、を停止\r\n                this.stopAreaSearchInterval();\r\n\r\n            }\r\n        },\r\n        /** 一定間隔で検索 */\r\n        startAreaSearchInterval(createSearchCondition) {\r\n            if (this.intervalAreaSearch) {\r\n                return;\r\n            }\r\n\r\n            this.intervalAreaSearch = setInterval(\r\n                (\r\n                    () => {\r\n                        store.dispatch(constant.storeAreaSearch(), createSearchCondition());\r\n                    }).bind(this),\r\n                constant.intervalMs()\r\n            );\r\n        },\r\n        selectPeriodSearch() {\r\n            if(this.searchPeriodCheckbox){\r\n                this.searchLatestCheckbox = false;\r\n                //一定間隔で検索、を停止\r\n                this.stopAreaSearchInterval();\r\n            }else{\r\n                this.searchLatestCheckbox = true;\r\n                // エリアの最新検索\r\n                this.searchLatestArea();\r\n            }\r\n\r\n        },\r\n        /** 一定間隔で検索、を停止 */\r\n        stopAreaSearchInterval() {\r\n            clearInterval(this.intervalAreaSearch);\r\n            this.intervalAreaSearch = null;\r\n        },        \r\n        createAreaSearchCondition() {\r\n            const ret = models.createAreaSearchCondition();\r\n\r\n            ret.userCode = this.user.userCode;\r\n            ret.userKind = this.user.userKind;\r\n            // Area画面への戻るボタン遷移時に対応\r\n            ret.hierarchyCode = this.user.hierarchy.hierarchyCode;\r\n            ret.searchDateStart = this.searchDateStart;\r\n            ret.searchDateEnd = this.searchDateEnd;\r\n            ret.searchTimeStart = this.searchTimeStart;\r\n            ret.searchTimeEnd = this.searchTimeEnd;\r\n            ret.geCo2c = this.geCo2c.value;\r\n            ret.gePercent = this.gePercent.value;\r\n\r\n            return ret;\r\n        },\r\n        /** エリアの最新検索の検索条件 */\r\n        createLatestAreaSearchCondition() {\r\n            const ret = models.createAreaSearchCondition();\r\n\r\n            ret.userCode = this.user.userCode;\r\n            ret.userKind = this.user.userKind;\r\n            // Area画面への戻るボタン遷移時に対応\r\n            ret.hierarchyCode = this.user.hierarchy.hierarchyCode;\r\n            ret.hierarchyName = this.user.hierarchy.hierarchyName;\r\n\r\n\r\n\r\n            const latestTime = 10 * 90;\r\n            const nowUnixTime = constant.getNowUnixTime();\r\n            ret.searchDateStart = constant.getNormalizeUnixtime(nowUnixTime - latestTime);\r\n            ret.searchDateEnd = constant.getNormalizeUnixtime(nowUnixTime);\r\n            ret.searchTimeStart = constant.totime(nowUnixTime - latestTime);\r\n            ret.searchTimeEnd = constant.totime(nowUnixTime);\r\n            // CO2濃度と期間の条件は常に「全て(0)」とする\r\n            ret.geCo2c = 0;\r\n            ret.gePercent = 0;\r\n\r\n            this.searchDateStart = ret.searchDateStart;\r\n            this.searchDateEnd = ret.searchDateEnd;\r\n            this.searchTimeStart = ret.searchTimeStart;\r\n            this.searchTimeEnd = ret.searchTimeEnd;\r\n            \r\n            return ret;\r\n        },\r\n        getPoint(i, j, colMax) {\r\n            return this.area ? this.area.getPoint(i, j, colMax) : models.createPoint();\r\n        },\r\n        setSearchDateStart(date) {\r\n            this.searchDateStart = date;\r\n        },\r\n        setSearchDateEnd(date) {\r\n            this.searchDateEnd = date;\r\n        },\r\n        setSearchTimeStart(time) {\r\n            this.searchTimeStart = time;\r\n        },\r\n        setSearchTimeEnd(time) {\r\n            this.searchTimeEnd = time;\r\n        },\r\n        createGeCo2c(value) {\r\n            return {\r\n                text: value > 0 ? value + \"ppm以上\" : \"全て\",\r\n                value: value,\r\n            };\r\n        },\r\n        createGeCo2cDefault() {\r\n            return this.createGeCo2c(this.user.hierarchy.lowerYellow);\r\n        },\r\n        getGeCo2cList() {\r\n            return [\r\n                this.createGeCo2c(0),\r\n                this.createGeCo2cDefault(),\r\n                this.createGeCo2c(this.user.hierarchy.lowerRed),\r\n            ];\r\n        },\r\n        createGePercent(value) {\r\n            return { text: Math.floor(value * 100) + \"%以上\", value: value };\r\n        },\r\n        createGePercentDefault() {\r\n            return this.createGePercent(0.5);\r\n        },\r\n        getGePercentList() {\r\n            return [\r\n                this.createGePercent(0.3),\r\n                this.createGePercentDefault(),\r\n                this.createGePercent(0.7),\r\n                this.createGePercent(0.9),\r\n            ];\r\n        },\r\n        afterResize() {\r\n            this.containerKey = !this.containerlKey;\r\n        },\r\n    },\r\n    created() {\r\n        if (!this.user || this.user.unauthorized()) {\r\n            this.transitionRoot();\r\n            return;\r\n        }\r\n\r\n        this.unsubscribe = store\r\n            .subscribe((mutation, state) => {\r\n                if (mutation.type === constant.storeAreaSearch()) {\r\n                    this.area = state.area.area;\r\n                    // this.area.sort();\r\n                    this.processing = false;\r\n                } \r\n            })\r\n            .bind(this);\r\n\r\n        if (this.area) {\r\n            this.searchDateStart = this.area.condition.searchDateStart;\r\n            this.searchDateEnd = this.area.condition.searchDateEnd;\r\n            this.searchTimeStart = this.area.condition.searchTimeStart;\r\n            this.searchTimeEnd = this.area.condition.searchTimeEnd;\r\n            this.geCo2c = this.createGeCo2c(this.area.condition.geCo2c);\r\n            this.gePercent = this.createGePercent(this.area.condition.gePercent);\r\n            // 画面遷移の場合は期間指定表示をdefaultとする\r\n            this.searchPeriodCheckbox = true;\r\n        } else {\r\n            // CO2濃度と期間の条件は常に「全て(0)」とする\r\n            this.geCo2c = this.createGeCo2c(0);\r\n            this.gePercent = this.createGePercent(0);\r\n            // リアルタイム表示をdefaultにする;\r\n            this.searchLatestCheckbox = true;\r\n            this.searchLatestArea();\r\n        }\r\n\r\n    },\r\n};\r\n\r\nexport default vm;\r\n</script>\r\n\r\n<style scoped>\r\n.sub-header-latest-search {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.search-type-checkbox {\r\n    display: inline-block;\r\n    margin:  0 0 0 1vw;\r\n}\r\n\r\n.search-type-label {\r\n    font-size: x-large;\r\n}\r\n\r\n.search-condition {\r\n    margin-left: 2vw;\r\n}\r\n\r\n.search-condition-item {\r\n    display: inline-block;\r\n    margin-left: 0.5vw;\r\n}\r\n\r\n.time-label-icon {\r\n    display: block;\r\n}\r\n\r\n.time-label {\r\n    display: inline-block;\r\n    margin-left: 1vw;\r\n}\r\n\r\n.search-condition-geco2c {\r\n    display: inline-block;\r\n    max-width: 144px;\r\n    margin-left: 0.5vw;\r\n}\r\n\r\n.search-condition-gepercent {\r\n    display: inline-block;\r\n    max-width: 112px;\r\n    margin-left: 0.5vw;\r\n}\r\n\r\n\r\n.search-label {\r\n    margin-left: 1vw;\r\n    opacity: var(--search-condition-label-opacity);\r\n}\r\n\r\n.search-condition .v-icon,\r\n.search-condition .v-btn,\r\n.search-condition span {\r\n    opacity: var(--search-condition-label-opacity);\r\n}\r\n\r\n.search-button {\r\n    margin-left: 1vw;\r\n    margin-right: 0.5vw;\r\n}\r\n\r\n.search-image {\r\n    height: 6vh;\r\n    width: 6vh;\r\n}\r\n\r\n.theme--dark.v-btn.v-btn--disabled.v-btn--has-bg{\r\n    background-color: var(--search-button-background-color) !important;\r\n}\r\n\r\n.dialog-img {\r\n    margin: 2vw;\r\n    max-width: 90%;\r\n}\r\n\r\n.dialog-close-button {\r\n    cursor: pointer;\r\n    height: 20vh;\r\n    width: 20vh;\r\n    margin-top: 1vh;\r\n}\r\n\r\n.usage-guide {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: right;\r\n    margin-left: auto;\r\n    margin-right: 2vw;\r\n}\r\n\r\n.usage-guide .sensor {\r\n    height: 1.5vw;\r\n    width: 1.5vw;\r\n    margin: 0.5vw;\r\n    margin-left: 1vw;\r\n}\r\n\r\n.usage-guide .sensor-green {\r\n    background-color: var(--background-color-green);\r\n}\r\n\r\n.usage-guide .sensor-yellow {\r\n    background-color: var(--background-color-yellow);\r\n}\r\n\r\n.usage-guide .sensor-red {\r\n    background-color: var(--background-color-red);\r\n}\r\n\r\n.usage-guide .message {\r\n    font-size: var(--font-size-message);\r\n}\r\n\r\n.grid-col {\r\n    height: var(--col-height);\r\n    width: var(--col-width);\r\n    margin-bottom: 30px;\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!./AreaUnitView.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!./AreaUnitView.vue?vue&type=script&lang=js&\"","// Styles\nimport './VCheckbox.sass'\nimport '../../styles/components/_selection-controls.sass'\n\n// Components\nimport VIcon from '../VIcon'\nimport VInput from '../VInput'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\n\n/* @vue/component */\nexport default Selectable.extend({\n  name: 'v-checkbox',\n\n  props: {\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n  },\n\n  data () {\n    return {\n      inputIndeterminate: this.indeterminate,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VInput.options.computed.classes.call(this),\n        'v-input--selection-controls': true,\n        'v-input--checkbox': true,\n        'v-input--indeterminate': this.inputIndeterminate,\n      }\n    },\n    computedIcon (): string {\n      if (this.inputIndeterminate) {\n        return this.indeterminateIcon\n      } else if (this.isActive) {\n        return this.onIcon\n      } else {\n        return this.offIcon\n      }\n    },\n    // Do not return undefined if disabled,\n    // according to spec, should still show\n    // a color when disabled and active\n    validationState (): string | undefined {\n      if (this.isDisabled && !this.inputIndeterminate) return undefined\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor !== null) return this.computedColor\n      return undefined\n    },\n  },\n\n  watch: {\n    indeterminate (val) {\n      // https://github.com/vuetifyjs/vuetify/issues/8270\n      this.$nextTick(() => (this.inputIndeterminate = val))\n    },\n    inputIndeterminate (val) {\n      this.$emit('update:indeterminate', val)\n    },\n    isActive () {\n      if (!this.indeterminate) return\n      this.inputIndeterminate = false\n    },\n  },\n\n  methods: {\n    genCheckbox () {\n      return this.$createElement('div', {\n        staticClass: 'v-input--selection-controls__input',\n      }, [\n        this.$createElement(VIcon, this.setTextColor(this.validationState, {\n          props: {\n            dense: this.dense,\n            dark: this.dark,\n            light: this.light,\n          },\n        }), this.computedIcon),\n        this.genInput('checkbox', {\n          ...this.attrs$,\n          'aria-checked': this.inputIndeterminate\n            ? 'mixed'\n            : this.isActive.toString(),\n        }),\n        this.genRipple(this.setTextColor(this.rippleState)),\n      ])\n    },\n    genDefaultSlot () {\n      return [\n        this.genCheckbox(),\n        this.genLabel(),\n      ]\n    },\n  },\n})\n","import { render, staticRenderFns } from \"./AreaUnitView.vue?vue&type=template&id=25006cfc&scoped=true&\"\nimport script from \"./AreaUnitView.vue?vue&type=script&lang=js&\"\nexport * from \"./AreaUnitView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AreaUnitView.vue?vue&type=style&index=0&id=25006cfc&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  \"25006cfc\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCheckbox } from 'vuetify/lib/components/VCheckbox';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VMain } from 'vuetify/lib/components/VMain';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCheckbox,VCol,VContainer,VDialog,VIcon,VMain,VRow,VSpacer})\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AreaUnitView.vue?vue&type=style&index=0&id=25006cfc&scoped=true&lang=css&\""],"sourceRoot":""}