From 1300030e03a5e84c0706729717011e88b33b24a7 Mon Sep 17 00:00:00 2001
From: renpy <peiyu_ren@163.com>
Date: Tue, 11 Jul 2023 14:01:49 +0800
Subject: [PATCH] =?UTF-8?q?soh=E3=80=81alerts=E3=80=81met=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97=E5=BC=80=E5=8F=91=EF=BC=8C=E5=8F=8A=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E8=81=94=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/statistics/detail.vue               |   2 +-
 src/views/statistics/imsData/met/index.vue    | 255 ++++++++++++++++++
 .../imsData/stateOfHealth/alerts.vue          | 239 ++++++++++++++++
 .../imsData/stateOfHealth/rmssoh.vue          | 235 ++++++++++++++++
 4 files changed, 730 insertions(+), 1 deletion(-)
 create mode 100644 src/views/statistics/imsData/met/index.vue
 create mode 100644 src/views/statistics/imsData/stateOfHealth/alerts.vue
 create mode 100644 src/views/statistics/imsData/stateOfHealth/rmssoh.vue

diff --git a/src/views/statistics/detail.vue b/src/views/statistics/detail.vue
index 351573f..68b3899 100644
--- a/src/views/statistics/detail.vue
+++ b/src/views/statistics/detail.vue
@@ -39,7 +39,7 @@
             </a-row>
             <a-row>
               <a-col :span="12" class="info-key">Spectrum Qualifier:</a-col>
-              <a-col :span="12" class="info-val">{{ allData.headerBlock.spectrumQualifier }}P</a-col>
+              <a-col :span="12" class="info-val">{{ allData.headerBlock.spectrumQualifier }}</a-col>
             </a-row>
             <a-row>
               <a-col :span="12" class="info-key">Sample Reference Identification:</a-col>
diff --git a/src/views/statistics/imsData/met/index.vue b/src/views/statistics/imsData/met/index.vue
new file mode 100644
index 0000000..a29a526
--- /dev/null
+++ b/src/views/statistics/imsData/met/index.vue
@@ -0,0 +1,255 @@
+<template>
+  <div style="height: 100%;">
+    <a-card :bordered="false" style="margin-left: 20px">
+      <search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
+        <a-space style="float: right" class="btn-group" slot="additional">
+          <a-button @click="handleEdit" type="primary">
+            <img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
+            Excel
+          </a-button>
+        </a-space>
+      </search-form>
+      <custom-table
+        size="middle"
+        rowKey="sampleId"
+        :columns="columns"
+        :list="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        :canSelect="false"
+        @change="handleTableChange"
+      >
+        <template slot="index" slot-scope="{ index }">
+          {{ index + 1 }}
+        </template>
+      </custom-table>
+    </a-card>
+  </div>
+</template>
+<script>
+const columns = [
+  {
+    title: 'NO',
+    align: 'left',
+    scopedSlots: {
+      customRender: 'index',
+    },
+    customHeaderCell: () => {
+      return {
+        style: {
+          'padding-left': '26px !important',
+        },
+      }
+    },
+    customCell: () => {
+      return {
+        style: {
+          'padding-left': '26px !important',
+        },
+      }
+    },
+  },
+  {
+    title: 'START TIME',
+    align: 'left',
+    dataIndex: 'startTime',
+  },
+  {
+    title: 'END TIME',
+    align: 'left',
+    dataIndex: 'endTime',
+  },
+  {
+    title: 'RAINFALL',
+    align: 'left',
+    dataIndex: 'rainfall',
+  },
+  {
+    title: 'AVG.REL.HUMIDITY',
+    align: 'left',
+    dataIndex: 'aveHumidity',
+  },
+  {
+    title: 'AVG.BAR.READING',
+    align: 'left',
+    dataIndex: 'avePressure',
+  },
+  {
+    title: 'AVG.TEMP.',
+    align: 'left',
+    dataIndex: 'avgtemperature',
+  },
+  {
+    title: 'AVG.WIND.DIRECTION',
+    align: 'left',
+    dataIndex: 'aveWindDir',
+  },
+  {
+    title: 'AVG.WIND.SPEED',
+    align: 'left',
+    dataIndex: 'aveWindSpeed',
+  }
+]
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import { getAction } from '../../../../api/manage'
+import dateFormat from '../../../../components/jeecg/JEasyCron/format-date'
+export default {
+  name: 'menuTree',
+  mixins: [JeecgListMixin],
+  data() {
+    return {
+      isImmediate:true,
+      columns,
+      queryParam: {
+        startTime: dateFormat(new Date(), 'yyyy-MM-dd'),
+        endTime: dateFormat(new Date(), 'yyyy-MM-dd'),
+        stationIds: []
+      },
+      url: {
+        list: '/webStatistics/findMetPage',
+        delete: '/gardsSampleData/deleteById',
+        findStationList: '/webStatistics/findStationList',
+        findParticulatePage: '/jeecg-web-statistics/webStatistics/findParticulatePage',
+      },
+      stationList: [],
+      dataSource: [],
+      strIds: "",
+      allChecked:false
+    }
+  },
+  created() {
+    this.findStationList()
+  },
+  methods: {
+    searchQueryData() {
+      this.isImmediate = false
+      this.queryParam = {
+        startTime: "2023-01-01",
+        endTime: "2023-07-10",
+        stationIds: [209, 210]
+      }
+      let params = {
+        ...this.queryParam,
+        pageNo: 1,
+        pageSize: 10
+      }
+      getAction(this.url.list, params).then((res) => {
+        if (res.success) {
+          this.ipagination.current = res.result.current
+          this.ipagination.pageSize = res.result.size
+          this.ipagination.total = res.result.total
+          this.dataSource = res.result.records
+        }
+      })
+    },
+    findStationList() {
+      getAction(this.url.findStationList, { menuName: '' }).then((res) => {
+        if (res.result.length>0) {
+          this.stationList = res.result.map((res) => ({ label: res.stationCode, value: res.stationId }))
+        } else {
+          this.stationList=[]
+        }
+      })
+    },
+    handleSelectChange(val) {
+      console.log(val);
+      let length = this.stationList.length
+      if (val.length === length) {
+        this.allChecked = true
+      } else {
+        this.allChecked = false
+      }
+    },
+    handleSelectChangeAll(val) {
+      this.allChecked = val
+      if (val) {
+        this.queryParam.stationIds = this.stationList.map(item => item.value)
+      } else {
+        this.queryParam.stationIds =[]
+      }
+    }
+  },
+  computed: {
+    formItems() {
+      return [
+        {
+          type: 'a-input',
+          label: '',
+          name: 'search',
+          props: {
+            placeholder: 'search...',
+            style: {
+              width: '166px',
+            },
+          },
+          style: {
+            width: 'auto',
+          },
+        },
+        {
+          type: 'custom-all-select',
+          label: 'Stations',
+          name: 'stationIds',
+          props: {
+            allChecked:this.allChecked,
+            placeholder: 'select stations',
+            mode: 'multiple',
+            maxTagCount: 1,
+            options: [
+              ...this.stationList,
+            ],
+            style: {
+              width: '200px',
+            },
+          },
+          on: {
+            change: this.handleSelectChange,
+            changeAll: this.handleSelectChangeAll
+          },
+          style: {
+            width: 'auto',
+          },
+        },
+        {
+          label: 'Start date',
+          type: 'custom-date-picker',
+          name: 'startTime',
+          props: {
+            format: 'YYYY-MM-DD',
+            valueFormat: 'YYYY-MM-DD',
+            style: {
+              minWidth: 'auto',
+              width: '200px',
+            },
+          },
+          style: {
+            width: 'auto',
+          },
+        },
+        {
+          label: 'End date',
+          type: 'custom-date-picker',
+          name: 'endTime',
+          props: {
+            format: 'YYYY-MM-DD',
+            valueFormat: 'YYYY-MM-DD',
+            style: {
+              minWidth: 'auto',
+              width: '200px',
+            },
+          },
+          style: {
+            width: 'auto',
+          },
+        },
+      ]
+    },
+  },
+}
+</script>
+<style lang="less" scoped>
+.icon-edit{
+  margin-right: 10px;
+}
+</style>
+  
\ No newline at end of file
diff --git a/src/views/statistics/imsData/stateOfHealth/alerts.vue b/src/views/statistics/imsData/stateOfHealth/alerts.vue
new file mode 100644
index 0000000..9e261f0
--- /dev/null
+++ b/src/views/statistics/imsData/stateOfHealth/alerts.vue
@@ -0,0 +1,239 @@
+<template>
+  <div style="height: 100%;">
+    <a-card :bordered="false" style="margin-left: 20px">
+      <search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
+        <a-space style="float: right" class="btn-group" slot="additional">
+          <a-button @click="handleEdit" type="primary">
+            <img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
+            Excel
+          </a-button>
+        </a-space>
+      </search-form>
+      <custom-table
+        size="middle"
+        rowKey="sampleId"
+        :columns="columns"
+        :list="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        :canSelect="false"
+        @change="handleTableChange"
+      >
+        <template slot="index" slot-scope="{ index }">
+          {{ index + 1 }}
+        </template>
+      </custom-table>
+    </a-card>
+  </div>
+</template>
+<script>
+const columns = [
+  {
+    title: 'NO',
+    align: 'left',
+    width:100,
+    scopedSlots: {
+      customRender: 'index',
+    },
+    customHeaderCell: () => {
+      return {
+        style: {
+          'padding-left': '26px !important',
+        },
+      }
+    },
+    customCell: () => {
+      return {
+        style: {
+          'padding-left': '26px !important',
+        },
+      }
+    },
+  },
+  {
+    title: 'TYPE',
+    align: 'left',
+    width:200,
+    dataIndex: 'alertType',
+  },
+  {
+    title: 'TIME',
+    align: 'left',
+    width:200,
+    dataIndex: 'time',
+  },
+  {
+    title: 'STATION',
+    align: 'left',
+    width:200,
+    dataIndex: 'stationCode',
+  },
+  {
+    title: 'ENTRIES',
+    align: 'left',
+    dataIndex: 'alertText',
+  }
+]
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import { getAction } from '../../../../api/manage'
+import dateFormat from '../../../../components/jeecg/JEasyCron/format-date'
+export default {
+  name: 'menuTree',
+  mixins: [JeecgListMixin],
+  data() {
+    return {
+      isImmediate:true,
+      columns,
+      queryParam: {
+        startTime: dateFormat(new Date(), 'yyyy-MM-dd'),
+        endTime: dateFormat(new Date(), 'yyyy-MM-dd'),
+        stationIds: []
+      },
+      url: {
+        list: '/webStatistics/findAlertSohPage',
+        delete: '/gardsSampleData/deleteById',
+        findStationList: '/webStatistics/findStationList',
+        findParticulatePage: '/jeecg-web-statistics/webStatistics/findParticulatePage',
+      },
+      stationList: [],
+      dataSource: [],
+      strIds: "",
+      allChecked:false
+    }
+  },
+  created() {
+    this.findStationList()
+  },
+  methods: {
+    searchQueryData() {
+      this.isImmediate = false
+      this.queryParam = {
+        startTime: "2023-01-01",
+        endTime: "2023-07-10",
+        stationIds: [209, 210]
+      }
+      let params = {
+        ...this.queryParam,
+        pageNo: 1,
+        pageSize: 10
+      }
+      getAction(this.url.list, params).then((res) => {
+        if (res.success) {
+          this.ipagination.current = res.result.current
+          this.ipagination.pageSize = res.result.size
+          this.ipagination.total = res.result.total
+          this.dataSource = res.result.records
+        }
+      })
+    },
+    findStationList() {
+      getAction(this.url.findStationList, { menuName: '' }).then((res) => {
+        if (res.result.length>0) {
+          this.stationList = res.result.map((res) => ({ label: res.stationCode, value: res.stationId }))
+        } else {
+          this.stationList=[]
+        }
+      })
+    },
+    handleSelectChange(val) {
+      console.log(val);
+      let length = this.stationList.length
+      if (val.length === length) {
+        this.allChecked = true
+      } else {
+        this.allChecked = false
+      }
+    },
+    handleSelectChangeAll(val) {
+      this.allChecked = val
+      if (val) {
+        this.queryParam.stationIds = this.stationList.map(item => item.value)
+      } else {
+        this.queryParam.stationIds =[]
+      }
+    }
+  },
+  computed: {
+    formItems() {
+      return [
+        {
+          type: 'a-input',
+          label: '',
+          name: 'search',
+          props: {
+            placeholder: 'search...',
+            style: {
+              width: '166px',
+            },
+          },
+          style: {
+            width: 'auto',
+          },
+        },
+        {
+          type: 'custom-all-select',
+          label: 'Stations',
+          name: 'stationIds',
+          props: {
+            allChecked:this.allChecked,
+            placeholder: 'select stations',
+            mode: 'multiple',
+            maxTagCount: 1,
+            options: [
+              ...this.stationList,
+            ],
+            style: {
+              width: '200px',
+            },
+          },
+          on: {
+            change: this.handleSelectChange,
+            changeAll: this.handleSelectChangeAll
+          },
+          style: {
+            width: 'auto',
+          },
+        },
+        {
+          label: 'Start date',
+          type: 'custom-date-picker',
+          name: 'startTime',
+          props: {
+            format: 'YYYY-MM-DD',
+            valueFormat: 'YYYY-MM-DD',
+            style: {
+              minWidth: 'auto',
+              width: '200px',
+            },
+          },
+          style: {
+            width: 'auto',
+          },
+        },
+        {
+          label: 'End date',
+          type: 'custom-date-picker',
+          name: 'endTime',
+          props: {
+            format: 'YYYY-MM-DD',
+            valueFormat: 'YYYY-MM-DD',
+            style: {
+              minWidth: 'auto',
+              width: '200px',
+            },
+          },
+          style: {
+            width: 'auto',
+          },
+        },
+      ]
+    },
+  },
+}
+</script>
+<style lang="less" scoped>
+.icon-edit{
+  margin-right: 10px;
+}
+</style>
+  
\ No newline at end of file
diff --git a/src/views/statistics/imsData/stateOfHealth/rmssoh.vue b/src/views/statistics/imsData/stateOfHealth/rmssoh.vue
new file mode 100644
index 0000000..78bb7e9
--- /dev/null
+++ b/src/views/statistics/imsData/stateOfHealth/rmssoh.vue
@@ -0,0 +1,235 @@
+<template>
+  <div style="height: 100%;">
+    <a-card :bordered="false" style="margin-left: 20px">
+      <search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
+        <a-space style="float: right" class="btn-group" slot="additional">
+          <a-button @click="handleEdit" type="primary">
+            <img class="icon-edit" src="@/assets/images/global/edit.png" alt="" />
+            Excel
+          </a-button>
+        </a-space>
+      </search-form>
+      <custom-table
+        size="middle"
+        rowKey="sampleId"
+        :columns="columns"
+        :list="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        :canSelect="false"
+        @change="handleTableChange"
+      >
+        <template slot="index" slot-scope="{ index }">
+          {{ index + 1 }}
+        </template>
+      </custom-table>
+    </a-card>
+  </div>
+</template>
+<script>
+const columns = [
+  {
+    title: 'NO',
+    align: 'left',
+    scopedSlots: {
+      customRender: 'index',
+    },
+    customHeaderCell: () => {
+      return {
+        style: {
+          'padding-left': '26px !important',
+        },
+      }
+    },
+    customCell: () => {
+      return {
+        style: {
+          'padding-left': '26px !important',
+        },
+      }
+    },
+  },
+  {
+    title: 'STATION',
+    align: 'left',
+    dataIndex: 'stationCode',
+  },
+  {
+    title: 'START TIME',
+    align: 'left',
+    dataIndex: 'startTime',
+  },
+  {
+    title: 'END TIME',
+    align: 'left',
+    dataIndex: 'endTime',
+  },
+  {
+    title: 'SID',
+    align: 'left',
+    dataIndex: 'sohId',
+  }
+]
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import { getAction } from '../../../../api/manage'
+import dateFormat from '../../../../components/jeecg/JEasyCron/format-date'
+export default {
+  name: 'menuTree',
+  mixins: [JeecgListMixin],
+  data() {
+    return {
+      isImmediate:true,
+      columns,
+      queryParam: {
+        startTime: dateFormat(new Date(), 'yyyy-MM-dd'),
+        endTime: dateFormat(new Date(), 'yyyy-MM-dd'),
+        stationIds: []
+      },
+      url: {
+        list: '/webStatistics/findSohPage',
+        delete: '/gardsSampleData/deleteById',
+        findStationList: '/webStatistics/findStationList',
+        findParticulatePage: '/jeecg-web-statistics/webStatistics/findParticulatePage',
+      },
+      stationList: [],
+      dataSource: [],
+      strIds: "",
+      allChecked:false
+    }
+  },
+  created() {
+    this.findStationList()
+  },
+  methods: {
+    searchQueryData() {
+      this.isImmediate = false
+      this.queryParam = {
+        startTime: "2023-01-01",
+        endTime: "2023-07-10",
+        stationIds: [209, 210]
+      }
+      let params = {
+        ...this.queryParam,
+        pageNo: 1,
+        pageSize: 10
+      }
+      getAction(this.url.list, params).then((res) => {
+        if (res.success) {
+          this.ipagination.current = res.result.current
+          this.ipagination.pageSize = res.result.size
+          this.ipagination.total = res.result.total
+          this.dataSource = res.result.records
+        }
+      })
+    },
+    findStationList() {
+      getAction(this.url.findStationList, { menuName: '' }).then((res) => {
+        if (res.result.length>0) {
+          this.stationList = res.result.map((res) => ({ label: res.stationCode, value: res.stationId }))
+        } else {
+          this.stationList=[]
+        }
+      })
+    },
+    handleSelectChange(val) {
+      console.log(val);
+      let length = this.stationList.length
+      if (val.length === length) {
+        this.allChecked = true
+      } else {
+        this.allChecked = false
+      }
+    },
+    handleSelectChangeAll(val) {
+      this.allChecked = val
+      if (val) {
+        this.queryParam.stationIds = this.stationList.map(item => item.value)
+      } else {
+        this.queryParam.stationIds =[]
+      }
+    }
+  },
+  computed: {
+    formItems() {
+      return [
+        {
+          type: 'a-input',
+          label: '',
+          name: 'search',
+          props: {
+            placeholder: 'search...',
+            style: {
+              width: '166px',
+            },
+          },
+          style: {
+            width: 'auto',
+          },
+        },
+        {
+          type: 'custom-all-select',
+          label: 'Stations',
+          name: 'stationIds',
+          props: {
+            allChecked:this.allChecked,
+            placeholder: 'select stations',
+            mode: 'multiple',
+            maxTagCount: 1,
+            options: [
+              ...this.stationList,
+            ],
+            style: {
+              width: '200px',
+            },
+          },
+          on: {
+            change: this.handleSelectChange,
+            changeAll: this.handleSelectChangeAll
+          },
+          style: {
+            width: 'auto',
+          },
+        },
+        {
+          label: 'Start date',
+          type: 'custom-date-picker',
+          name: 'startTime',
+          props: {
+            format: 'YYYY-MM-DD',
+            valueFormat: 'YYYY-MM-DD',
+            style: {
+              minWidth: 'auto',
+              width: '200px',
+            },
+          },
+          style: {
+            width: 'auto',
+          },
+        },
+        {
+          label: 'End date',
+          type: 'custom-date-picker',
+          name: 'endTime',
+          props: {
+            format: 'YYYY-MM-DD',
+            valueFormat: 'YYYY-MM-DD',
+            style: {
+              minWidth: 'auto',
+              width: '200px',
+            },
+          },
+          style: {
+            width: 'auto',
+          },
+        },
+      ]
+    },
+  },
+}
+</script>
+<style lang="less" scoped>
+.icon-edit{
+  margin-right: 10px;
+}
+</style>
+  
\ No newline at end of file