diff --git a/src/views/dashboard/components/AlarmByDays.vue b/src/views/dashboard/components/AlarmByDays.vue index 4a558d1..9dcc38f 100644 --- a/src/views/dashboard/components/AlarmByDays.vue +++ b/src/views/dashboard/components/AlarmByDays.vue @@ -34,15 +34,9 @@ }, mounted() { this.fetchData() - // 模拟数据 - // this.chartData.rows = [ - // { 'date': '9月20日', 'alarmTimes': 153, 'alarmWells': 43 }, - // { 'date': '9月21日', 'alarmTimes': 150, 'alarmWells': 30 }, - // { 'date': '9月22日', 'alarmTimes': 143, 'alarmWells': 23 }, - // { 'date': '9月23日', 'alarmTimes': 173, 'alarmWells': 23 }, - // { 'date': '9月24日', 'alarmTimes': 272, 'alarmWells': 52 }, - // { 'date': '9月25日', 'alarmTimes': 253, 'alarmWells': 53 } - // ] + }, + activated() { + this.fetchData() }, methods: { fetchData() { diff --git a/src/views/dashboard/components/AlarmByDays.vue b/src/views/dashboard/components/AlarmByDays.vue index 4a558d1..9dcc38f 100644 --- a/src/views/dashboard/components/AlarmByDays.vue +++ b/src/views/dashboard/components/AlarmByDays.vue @@ -34,15 +34,9 @@ }, mounted() { this.fetchData() - // 模拟数据 - // this.chartData.rows = [ - // { 'date': '9月20日', 'alarmTimes': 153, 'alarmWells': 43 }, - // { 'date': '9月21日', 'alarmTimes': 150, 'alarmWells': 30 }, - // { 'date': '9月22日', 'alarmTimes': 143, 'alarmWells': 23 }, - // { 'date': '9月23日', 'alarmTimes': 173, 'alarmWells': 23 }, - // { 'date': '9月24日', 'alarmTimes': 272, 'alarmWells': 52 }, - // { 'date': '9月25日', 'alarmTimes': 253, 'alarmWells': 53 } - // ] + }, + activated() { + this.fetchData() }, methods: { fetchData() { diff --git a/src/views/dashboard/components/AlarmNowList.vue b/src/views/dashboard/components/AlarmNowList.vue deleted file mode 100644 index 890325f..0000000 --- a/src/views/dashboard/components/AlarmNowList.vue +++ /dev/null @@ -1,35 +0,0 @@ - - - diff --git a/src/views/dashboard/components/AlarmByDays.vue b/src/views/dashboard/components/AlarmByDays.vue index 4a558d1..9dcc38f 100644 --- a/src/views/dashboard/components/AlarmByDays.vue +++ b/src/views/dashboard/components/AlarmByDays.vue @@ -34,15 +34,9 @@ }, mounted() { this.fetchData() - // 模拟数据 - // this.chartData.rows = [ - // { 'date': '9月20日', 'alarmTimes': 153, 'alarmWells': 43 }, - // { 'date': '9月21日', 'alarmTimes': 150, 'alarmWells': 30 }, - // { 'date': '9月22日', 'alarmTimes': 143, 'alarmWells': 23 }, - // { 'date': '9月23日', 'alarmTimes': 173, 'alarmWells': 23 }, - // { 'date': '9月24日', 'alarmTimes': 272, 'alarmWells': 52 }, - // { 'date': '9月25日', 'alarmTimes': 253, 'alarmWells': 53 } - // ] + }, + activated() { + this.fetchData() }, methods: { fetchData() { diff --git a/src/views/dashboard/components/AlarmNowList.vue b/src/views/dashboard/components/AlarmNowList.vue deleted file mode 100644 index 890325f..0000000 --- a/src/views/dashboard/components/AlarmNowList.vue +++ /dev/null @@ -1,35 +0,0 @@ - - - diff --git a/src/views/dashboard/components/DeviceCount.vue b/src/views/dashboard/components/DeviceCount.vue index 7ff9ba3..0b2776a 100644 --- a/src/views/dashboard/components/DeviceCount.vue +++ b/src/views/dashboard/components/DeviceCount.vue @@ -52,6 +52,9 @@ // { 'deviceType': '流量监测仪', 'deviceCount': 2, '下单用户': 4293, '下单率': 0.78 } // ] }, + activated() { + this.fetchData() + }, methods: { fetchData() { deviceStaticsByType().then(response => { diff --git a/src/views/dashboard/components/AlarmByDays.vue b/src/views/dashboard/components/AlarmByDays.vue index 4a558d1..9dcc38f 100644 --- a/src/views/dashboard/components/AlarmByDays.vue +++ b/src/views/dashboard/components/AlarmByDays.vue @@ -34,15 +34,9 @@ }, mounted() { this.fetchData() - // 模拟数据 - // this.chartData.rows = [ - // { 'date': '9月20日', 'alarmTimes': 153, 'alarmWells': 43 }, - // { 'date': '9月21日', 'alarmTimes': 150, 'alarmWells': 30 }, - // { 'date': '9月22日', 'alarmTimes': 143, 'alarmWells': 23 }, - // { 'date': '9月23日', 'alarmTimes': 173, 'alarmWells': 23 }, - // { 'date': '9月24日', 'alarmTimes': 272, 'alarmWells': 52 }, - // { 'date': '9月25日', 'alarmTimes': 253, 'alarmWells': 53 } - // ] + }, + activated() { + this.fetchData() }, methods: { fetchData() { diff --git a/src/views/dashboard/components/AlarmNowList.vue b/src/views/dashboard/components/AlarmNowList.vue deleted file mode 100644 index 890325f..0000000 --- a/src/views/dashboard/components/AlarmNowList.vue +++ /dev/null @@ -1,35 +0,0 @@ - - - diff --git a/src/views/dashboard/components/DeviceCount.vue b/src/views/dashboard/components/DeviceCount.vue index 7ff9ba3..0b2776a 100644 --- a/src/views/dashboard/components/DeviceCount.vue +++ b/src/views/dashboard/components/DeviceCount.vue @@ -52,6 +52,9 @@ // { 'deviceType': '流量监测仪', 'deviceCount': 2, '下单用户': 4293, '下单率': 0.78 } // ] }, + activated() { + this.fetchData() + }, methods: { fetchData() { deviceStaticsByType().then(response => { diff --git a/src/views/dashboard/components/DeviceCountByOnline.vue b/src/views/dashboard/components/DeviceCountByOnline.vue index b30e092..295c995 100644 --- a/src/views/dashboard/components/DeviceCountByOnline.vue +++ b/src/views/dashboard/components/DeviceCountByOnline.vue @@ -31,7 +31,9 @@ } }, mounted() { - // TODO:待调试真接口 + this.fetchData() + }, + activated() { this.fetchData() }, methods: { diff --git a/src/views/dashboard/components/AlarmByDays.vue b/src/views/dashboard/components/AlarmByDays.vue index 4a558d1..9dcc38f 100644 --- a/src/views/dashboard/components/AlarmByDays.vue +++ b/src/views/dashboard/components/AlarmByDays.vue @@ -34,15 +34,9 @@ }, mounted() { this.fetchData() - // 模拟数据 - // this.chartData.rows = [ - // { 'date': '9月20日', 'alarmTimes': 153, 'alarmWells': 43 }, - // { 'date': '9月21日', 'alarmTimes': 150, 'alarmWells': 30 }, - // { 'date': '9月22日', 'alarmTimes': 143, 'alarmWells': 23 }, - // { 'date': '9月23日', 'alarmTimes': 173, 'alarmWells': 23 }, - // { 'date': '9月24日', 'alarmTimes': 272, 'alarmWells': 52 }, - // { 'date': '9月25日', 'alarmTimes': 253, 'alarmWells': 53 } - // ] + }, + activated() { + this.fetchData() }, methods: { fetchData() { diff --git a/src/views/dashboard/components/AlarmNowList.vue b/src/views/dashboard/components/AlarmNowList.vue deleted file mode 100644 index 890325f..0000000 --- a/src/views/dashboard/components/AlarmNowList.vue +++ /dev/null @@ -1,35 +0,0 @@ - - - diff --git a/src/views/dashboard/components/DeviceCount.vue b/src/views/dashboard/components/DeviceCount.vue index 7ff9ba3..0b2776a 100644 --- a/src/views/dashboard/components/DeviceCount.vue +++ b/src/views/dashboard/components/DeviceCount.vue @@ -52,6 +52,9 @@ // { 'deviceType': '流量监测仪', 'deviceCount': 2, '下单用户': 4293, '下单率': 0.78 } // ] }, + activated() { + this.fetchData() + }, methods: { fetchData() { deviceStaticsByType().then(response => { diff --git a/src/views/dashboard/components/DeviceCountByOnline.vue b/src/views/dashboard/components/DeviceCountByOnline.vue index b30e092..295c995 100644 --- a/src/views/dashboard/components/DeviceCountByOnline.vue +++ b/src/views/dashboard/components/DeviceCountByOnline.vue @@ -31,7 +31,9 @@ } }, mounted() { - // TODO:待调试真接口 + this.fetchData() + }, + activated() { this.fetchData() }, methods: { diff --git a/src/views/dashboard/components/JobByStatus.vue b/src/views/dashboard/components/JobByStatus.vue index 9e0d75f..1109bb0 100644 --- a/src/views/dashboard/components/JobByStatus.vue +++ b/src/views/dashboard/components/JobByStatus.vue @@ -32,17 +32,10 @@ } }, mounted() { - // TODO:待调试真接口 this.fetchData() - // this.chartData.rows = [ - // { 'deptName': '电力公司', 'beforeGet': 139, 'beforeConfirm': 109, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '开拓热力', 'beforeGet': 353, 'beforeConfirm': 323, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '市政集团', 'beforeGet': 292, 'beforeConfirm': 262, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '博大网信', 'beforeGet': 172, 'beforeConfirm': 142, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '信息办', 'beforeGet': 379, 'beforeConfirm': 349, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '燃气四分', 'beforeGet': 459, 'beforeConfirm': 429, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '其他', 'beforeGet': 459, 'beforeConfirm': 429, 'inHandle': 123, 'over': 456 } - // ] + }, + activated() { + this.fetchData() }, methods: { fetchData() { diff --git a/src/views/dashboard/components/AlarmByDays.vue b/src/views/dashboard/components/AlarmByDays.vue index 4a558d1..9dcc38f 100644 --- a/src/views/dashboard/components/AlarmByDays.vue +++ b/src/views/dashboard/components/AlarmByDays.vue @@ -34,15 +34,9 @@ }, mounted() { this.fetchData() - // 模拟数据 - // this.chartData.rows = [ - // { 'date': '9月20日', 'alarmTimes': 153, 'alarmWells': 43 }, - // { 'date': '9月21日', 'alarmTimes': 150, 'alarmWells': 30 }, - // { 'date': '9月22日', 'alarmTimes': 143, 'alarmWells': 23 }, - // { 'date': '9月23日', 'alarmTimes': 173, 'alarmWells': 23 }, - // { 'date': '9月24日', 'alarmTimes': 272, 'alarmWells': 52 }, - // { 'date': '9月25日', 'alarmTimes': 253, 'alarmWells': 53 } - // ] + }, + activated() { + this.fetchData() }, methods: { fetchData() { diff --git a/src/views/dashboard/components/AlarmNowList.vue b/src/views/dashboard/components/AlarmNowList.vue deleted file mode 100644 index 890325f..0000000 --- a/src/views/dashboard/components/AlarmNowList.vue +++ /dev/null @@ -1,35 +0,0 @@ - - - diff --git a/src/views/dashboard/components/DeviceCount.vue b/src/views/dashboard/components/DeviceCount.vue index 7ff9ba3..0b2776a 100644 --- a/src/views/dashboard/components/DeviceCount.vue +++ b/src/views/dashboard/components/DeviceCount.vue @@ -52,6 +52,9 @@ // { 'deviceType': '流量监测仪', 'deviceCount': 2, '下单用户': 4293, '下单率': 0.78 } // ] }, + activated() { + this.fetchData() + }, methods: { fetchData() { deviceStaticsByType().then(response => { diff --git a/src/views/dashboard/components/DeviceCountByOnline.vue b/src/views/dashboard/components/DeviceCountByOnline.vue index b30e092..295c995 100644 --- a/src/views/dashboard/components/DeviceCountByOnline.vue +++ b/src/views/dashboard/components/DeviceCountByOnline.vue @@ -31,7 +31,9 @@ } }, mounted() { - // TODO:待调试真接口 + this.fetchData() + }, + activated() { this.fetchData() }, methods: { diff --git a/src/views/dashboard/components/JobByStatus.vue b/src/views/dashboard/components/JobByStatus.vue index 9e0d75f..1109bb0 100644 --- a/src/views/dashboard/components/JobByStatus.vue +++ b/src/views/dashboard/components/JobByStatus.vue @@ -32,17 +32,10 @@ } }, mounted() { - // TODO:待调试真接口 this.fetchData() - // this.chartData.rows = [ - // { 'deptName': '电力公司', 'beforeGet': 139, 'beforeConfirm': 109, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '开拓热力', 'beforeGet': 353, 'beforeConfirm': 323, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '市政集团', 'beforeGet': 292, 'beforeConfirm': 262, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '博大网信', 'beforeGet': 172, 'beforeConfirm': 142, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '信息办', 'beforeGet': 379, 'beforeConfirm': 349, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '燃气四分', 'beforeGet': 459, 'beforeConfirm': 429, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '其他', 'beforeGet': 459, 'beforeConfirm': 429, 'inHandle': 123, 'over': 456 } - // ] + }, + activated() { + this.fetchData() }, methods: { fetchData() { diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue index bbda98e..bdbe5cc 100644 --- a/src/views/dashboard/components/PanelGroup.vue +++ b/src/views/dashboard/components/PanelGroup.vue @@ -55,6 +55,12 @@ this.getAlarmCount() this.getJobCount() }, + activated(){ + this.getWellCount() + this.getDeviceCount() + this.getAlarmCount() + this.getJobCount() + }, methods: { goPage(path) { this.$router.push(path) diff --git a/src/views/dashboard/components/AlarmByDays.vue b/src/views/dashboard/components/AlarmByDays.vue index 4a558d1..9dcc38f 100644 --- a/src/views/dashboard/components/AlarmByDays.vue +++ b/src/views/dashboard/components/AlarmByDays.vue @@ -34,15 +34,9 @@ }, mounted() { this.fetchData() - // 模拟数据 - // this.chartData.rows = [ - // { 'date': '9月20日', 'alarmTimes': 153, 'alarmWells': 43 }, - // { 'date': '9月21日', 'alarmTimes': 150, 'alarmWells': 30 }, - // { 'date': '9月22日', 'alarmTimes': 143, 'alarmWells': 23 }, - // { 'date': '9月23日', 'alarmTimes': 173, 'alarmWells': 23 }, - // { 'date': '9月24日', 'alarmTimes': 272, 'alarmWells': 52 }, - // { 'date': '9月25日', 'alarmTimes': 253, 'alarmWells': 53 } - // ] + }, + activated() { + this.fetchData() }, methods: { fetchData() { diff --git a/src/views/dashboard/components/AlarmNowList.vue b/src/views/dashboard/components/AlarmNowList.vue deleted file mode 100644 index 890325f..0000000 --- a/src/views/dashboard/components/AlarmNowList.vue +++ /dev/null @@ -1,35 +0,0 @@ - - - diff --git a/src/views/dashboard/components/DeviceCount.vue b/src/views/dashboard/components/DeviceCount.vue index 7ff9ba3..0b2776a 100644 --- a/src/views/dashboard/components/DeviceCount.vue +++ b/src/views/dashboard/components/DeviceCount.vue @@ -52,6 +52,9 @@ // { 'deviceType': '流量监测仪', 'deviceCount': 2, '下单用户': 4293, '下单率': 0.78 } // ] }, + activated() { + this.fetchData() + }, methods: { fetchData() { deviceStaticsByType().then(response => { diff --git a/src/views/dashboard/components/DeviceCountByOnline.vue b/src/views/dashboard/components/DeviceCountByOnline.vue index b30e092..295c995 100644 --- a/src/views/dashboard/components/DeviceCountByOnline.vue +++ b/src/views/dashboard/components/DeviceCountByOnline.vue @@ -31,7 +31,9 @@ } }, mounted() { - // TODO:待调试真接口 + this.fetchData() + }, + activated() { this.fetchData() }, methods: { diff --git a/src/views/dashboard/components/JobByStatus.vue b/src/views/dashboard/components/JobByStatus.vue index 9e0d75f..1109bb0 100644 --- a/src/views/dashboard/components/JobByStatus.vue +++ b/src/views/dashboard/components/JobByStatus.vue @@ -32,17 +32,10 @@ } }, mounted() { - // TODO:待调试真接口 this.fetchData() - // this.chartData.rows = [ - // { 'deptName': '电力公司', 'beforeGet': 139, 'beforeConfirm': 109, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '开拓热力', 'beforeGet': 353, 'beforeConfirm': 323, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '市政集团', 'beforeGet': 292, 'beforeConfirm': 262, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '博大网信', 'beforeGet': 172, 'beforeConfirm': 142, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '信息办', 'beforeGet': 379, 'beforeConfirm': 349, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '燃气四分', 'beforeGet': 459, 'beforeConfirm': 429, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '其他', 'beforeGet': 459, 'beforeConfirm': 429, 'inHandle': 123, 'over': 456 } - // ] + }, + activated() { + this.fetchData() }, methods: { fetchData() { diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue index bbda98e..bdbe5cc 100644 --- a/src/views/dashboard/components/PanelGroup.vue +++ b/src/views/dashboard/components/PanelGroup.vue @@ -55,6 +55,12 @@ this.getAlarmCount() this.getJobCount() }, + activated(){ + this.getWellCount() + this.getDeviceCount() + this.getAlarmCount() + this.getJobCount() + }, methods: { goPage(path) { this.$router.push(path) diff --git a/src/views/dashboard/components/WellCountByBfzt.vue b/src/views/dashboard/components/WellCountByBfzt.vue index ae8b829..1fc15f6 100644 --- a/src/views/dashboard/components/WellCountByBfzt.vue +++ b/src/views/dashboard/components/WellCountByBfzt.vue @@ -30,7 +30,9 @@ } }, mounted() { - // TODO:待调试真接口 + this.fetchData() + }, + activated() { this.fetchData() }, methods: { diff --git a/src/views/dashboard/components/AlarmByDays.vue b/src/views/dashboard/components/AlarmByDays.vue index 4a558d1..9dcc38f 100644 --- a/src/views/dashboard/components/AlarmByDays.vue +++ b/src/views/dashboard/components/AlarmByDays.vue @@ -34,15 +34,9 @@ }, mounted() { this.fetchData() - // 模拟数据 - // this.chartData.rows = [ - // { 'date': '9月20日', 'alarmTimes': 153, 'alarmWells': 43 }, - // { 'date': '9月21日', 'alarmTimes': 150, 'alarmWells': 30 }, - // { 'date': '9月22日', 'alarmTimes': 143, 'alarmWells': 23 }, - // { 'date': '9月23日', 'alarmTimes': 173, 'alarmWells': 23 }, - // { 'date': '9月24日', 'alarmTimes': 272, 'alarmWells': 52 }, - // { 'date': '9月25日', 'alarmTimes': 253, 'alarmWells': 53 } - // ] + }, + activated() { + this.fetchData() }, methods: { fetchData() { diff --git a/src/views/dashboard/components/AlarmNowList.vue b/src/views/dashboard/components/AlarmNowList.vue deleted file mode 100644 index 890325f..0000000 --- a/src/views/dashboard/components/AlarmNowList.vue +++ /dev/null @@ -1,35 +0,0 @@ - - - diff --git a/src/views/dashboard/components/DeviceCount.vue b/src/views/dashboard/components/DeviceCount.vue index 7ff9ba3..0b2776a 100644 --- a/src/views/dashboard/components/DeviceCount.vue +++ b/src/views/dashboard/components/DeviceCount.vue @@ -52,6 +52,9 @@ // { 'deviceType': '流量监测仪', 'deviceCount': 2, '下单用户': 4293, '下单率': 0.78 } // ] }, + activated() { + this.fetchData() + }, methods: { fetchData() { deviceStaticsByType().then(response => { diff --git a/src/views/dashboard/components/DeviceCountByOnline.vue b/src/views/dashboard/components/DeviceCountByOnline.vue index b30e092..295c995 100644 --- a/src/views/dashboard/components/DeviceCountByOnline.vue +++ b/src/views/dashboard/components/DeviceCountByOnline.vue @@ -31,7 +31,9 @@ } }, mounted() { - // TODO:待调试真接口 + this.fetchData() + }, + activated() { this.fetchData() }, methods: { diff --git a/src/views/dashboard/components/JobByStatus.vue b/src/views/dashboard/components/JobByStatus.vue index 9e0d75f..1109bb0 100644 --- a/src/views/dashboard/components/JobByStatus.vue +++ b/src/views/dashboard/components/JobByStatus.vue @@ -32,17 +32,10 @@ } }, mounted() { - // TODO:待调试真接口 this.fetchData() - // this.chartData.rows = [ - // { 'deptName': '电力公司', 'beforeGet': 139, 'beforeConfirm': 109, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '开拓热力', 'beforeGet': 353, 'beforeConfirm': 323, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '市政集团', 'beforeGet': 292, 'beforeConfirm': 262, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '博大网信', 'beforeGet': 172, 'beforeConfirm': 142, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '信息办', 'beforeGet': 379, 'beforeConfirm': 349, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '燃气四分', 'beforeGet': 459, 'beforeConfirm': 429, 'inHandle': 123, 'over': 456 }, - // { 'deptName': '其他', 'beforeGet': 459, 'beforeConfirm': 429, 'inHandle': 123, 'over': 456 } - // ] + }, + activated() { + this.fetchData() }, methods: { fetchData() { diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue index bbda98e..bdbe5cc 100644 --- a/src/views/dashboard/components/PanelGroup.vue +++ b/src/views/dashboard/components/PanelGroup.vue @@ -55,6 +55,12 @@ this.getAlarmCount() this.getJobCount() }, + activated(){ + this.getWellCount() + this.getDeviceCount() + this.getAlarmCount() + this.getJobCount() + }, methods: { goPage(path) { this.$router.push(path) diff --git a/src/views/dashboard/components/WellCountByBfzt.vue b/src/views/dashboard/components/WellCountByBfzt.vue index ae8b829..1fc15f6 100644 --- a/src/views/dashboard/components/WellCountByBfzt.vue +++ b/src/views/dashboard/components/WellCountByBfzt.vue @@ -30,7 +30,9 @@ } }, mounted() { - // TODO:待调试真接口 + this.fetchData() + }, + activated() { this.fetchData() }, methods: { diff --git a/src/views/dashboard/components/WellCountByType.vue b/src/views/dashboard/components/WellCountByType.vue index 0eef65f..6694f4d 100644 --- a/src/views/dashboard/components/WellCountByType.vue +++ b/src/views/dashboard/components/WellCountByType.vue @@ -42,6 +42,9 @@ mounted() { this.fetchData() }, + activated() { + this.fetchData() + }, methods: { fetchData() { wellStaticByType().then(response => {