From c2b4318c5665c957c6365f18c0c197655f44a49c Mon Sep 17 00:00:00 2001
From: renpy <peiyu_ren@163.com>
Date: Wed, 2 Aug 2023 18:05:46 +0800
Subject: [PATCH] =?UTF-8?q?analysisMonitor=20=E6=A8=A1=E5=9D=97=20alarm=20?=
 =?UTF-8?q?History=20=E9=A1=B5=E9=9D=A2=E5=88=9B=E5=BB=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |   2 +-
 .../images/abnormalAlarm/return-active.png    | Bin 0 -> 1324 bytes
 src/assets/images/abnormalAlarm/return.png    | Bin 0 -> 1324 bytes
 .../analysisMonitor/alarmHistory/index.vue    | 374 ++++++++++++++++++
 .../abnormalAlarm/components/searchBar.vue    | 120 +++++-
 5 files changed, 494 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/images/abnormalAlarm/return-active.png
 create mode 100644 src/assets/images/abnormalAlarm/return.png
 create mode 100644 src/views/abnormalAlarm/analysisMonitor/alarmHistory/index.vue

diff --git a/.env.development b/.env.development
index 83f4b20..848a991 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 NODE_ENV=development
-VUE_APP_API_BASE_URL=http://182.92.183.230:9999
+VUE_APP_API_BASE_URL=http://nieziyan.natapp1.cc
 VUE_APP_CAS_BASE_URL=http://cas.example.org:8443/cas
 VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview
 
diff --git a/src/assets/images/abnormalAlarm/return-active.png b/src/assets/images/abnormalAlarm/return-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..eec7f1ba0a44c0824e9c0e8ce9019e6024b64c91
GIT binary patch
literal 1324
zcmaJ>ZA=?=9KHf$lebm3MeR2C=h*NC+Pf>IrAIsZa%D7Io2JyPq9E7aAGpB1cz3J?
zi5Vc$j%2`yW?NLkd|#ANi7{qV$>fV!mT6r4uo;pS6Q^IaZt=s^;gwP52l0}-|4W|d
z`Mo{4WWax*v`ANkAV{gVi3+OgF7<t6OQHJx`Smx3)a6md6IPmq4kboQ5OFd>1OhKd
zcfuf~nZ6gkhBgGruV6!ACG0yyMg`75XEBC2C#q}&u{Fd+I@%2t5P_X6Z%2PU|0N1o
z#*QAY_2E9z4ZGN;ehD`B`$N(G?x>YP8}<WRoKyuksL&wJ_3$zox1+1Nq`J>uV<=dK
zDBX7SUQ%IS0JsGS0<!_vM{(Q;ELH<yHkr(LH8A2v9K&ld!l)<AByJ)J3s`$lHJZe9
zkU^?(EtYz+qg{$3k{A|?#SF0;gCKQcgw<-ra3f|k>Q#hZ?&B3YuIJ^7oB{>qsKkm2
zEASwzNJoTT#g3|(-YbC<*JXKmtxamfusAJZgaOZ%lmq&F{}1K3b+oJm;r)F7Q&<l5
zi4Y4yS?HCb>fkymvY|xMEkRllq>v!=<hmH>5)?u15=3Am3`X$8VU}lvnEd1_!RI5r
zysXfC6nZH;s!AAGmLY3h9;d}^w0aux8iMdpE?1q?W5KCL3q{pfE#@4T5~95v<dqzk
zxzBZO$jy3z6V=ERl-MJXX_N#Gtkz7j8|Px#P;ZUPY@AEohFnZd2Fp(NUz5&VsrJck
z*L|xV)}0S|)$Wq&>yf>u-$oG4w3l**;@2X7t*kT*|Md5G36<vtekA>YV_<BsWWhDm
z5(7&bIQ(4r!10ko)Y*gXk4p;f;u8-fQgg+L&NInLu6zcxmM)fu7oQJaclp6m+2S8{
zKTZvv+?_b5$&`YZoXL@=92bfcJ2E%tUyg)-Ys*W&>bS5yF@55p(b>S|V|!mY@t`)A
zm&pfhWxXb6@$$_6Wd`gyT0M@WuRDGix^l4vv@JMV1Eq`4eq%@G=aPfwg`J7<$UJ^(
z@CXvxHS7FTd`w%f$;5Qe=t>s9xS8x|FnwY_Gx^R`3Kj<{zt^OvDBbUyT7DVW=laN|
z{WDs1upvLSNqg?%TYcNK^+?L3y@aH;YtK7xrR!~XBAFdaH|E+G=o?OOw?NN2Zu4Lk
ziR=S!4!frfGuP0qiCd|}*z&jeXRDfLp4O2QmGAbSE+~4@M3kYoFBhh(rK<LTR_AWr
znztu$)v`PBUU_DPn4I|ViY8U5eLS74=m9%h-k<6z-(nkm?X&5os}FA;E2=EKbM!06
kz_t+k-6fayqy|OuN)WTo-*enF`g!*M<@NZfSy%heKO5!43;+NC

literal 0
HcmV?d00001

diff --git a/src/assets/images/abnormalAlarm/return.png b/src/assets/images/abnormalAlarm/return.png
new file mode 100644
index 0000000000000000000000000000000000000000..de37da31a2d046a050ec582d20a658a190223ec3
GIT binary patch
literal 1324
zcmeAS@N?(olHy`uVBq!ia0vp^GC(ZB!3HE>&Y9Z;q$EpRBT9nv(@M${i&7aJQ}UBi
z6+Ckj(^G>|6H_V+Po~;1Ffc1;hD4M^`1)8S=jZArg4F0$<Q4#RGcefLR}>^BXQ!4Z
zB&DWj=GiK}-@RW+Av48RDcsc8z_-9TH6zobswg$M$}c3jDm&RSMakYy!KT6rXh3di
zNuokUZcbjYRfVk**jy_h8zii+qySb@l5ML5aa4qFfP!;=QL2KOo`G(%fq{{Nxuu?=
znTd&+fsTTafsui}fvLWsk*=Ycm4S(sp}7JSC;@FNN=dT{a&d#&1?1T(Wt5Z@Sn2DR
zmzV368|&p4rRy77T3YHG80i}s=>k>g7FXt#Bv$C=6)VF`a7isrF3Kz@$;{7F0GXJW
zlwVq6s|0i@#0$9vaAWg|p}_<UF#U?e0)0b01CW<s3VnU?E6vS?t1d1HN=3LAtHH$~
zl?AE#L8-<0rA5iWh)YujSyf==T$Gwvl3x^(pPvH@#ej_blKkR~`~n3dLp>t}jquF8
zl>G8yO|S-EUn|eN;*!L?<Wx@=TP2_odYPFiR;JFzCaz9SF0O6{#)gKjE|yM?295?!
zPR@?z=1vAirZBxO`N^fZsd*(Zy(tL2t~m9A(n4+l&}Ns^qRg_?6t|-MTm`V7tuk@D
z#R;c*P`xR*-QtW>uRhQ*`k<IaifNb-F!_L(@N^60z*Bx|9x%BV0n_#U9le4K42<(V
zT^vIyZYBNs|KI-bk;Cee9V~4Qa~O^UH~tV~mTYKc+4|055A&&i97jr@M4WJ0vdcu}
zw8H~_=9vu=+`Ahp)MiQC6cggQbk#wo$@P!wR^2BokKQ`u^gG*0cHC_IAti91;gR^1
zh!spnb~i)__S<=Dw6VTdRfyv};@$W|Q?u{|*VQ#1Ng9%jh3W$K43C}$xC?JFkb7n9
z$M%Ww#3v4geY{6>f9R}XeZ<Ohh4re#9@e|e2HdkHGMM)?{?IVvo-CQc?r`*>R0;QU
z#*M-P^~)zNJ?QYJdtSyj=iuAQQju1Y(c2hOlVlatw*C6Sq+7aAXknOK$KQ=pm(Fjz
z!PF7{@ZuiM4%vnXsgBf!2(FI13o1X#%GGZC!S%i%!r;M%4+;YHP18&is>}t#88!+D
zoIkkGe|kXfMD`;;BaR&X_=553)Rh;scx63=gKd48T5V@ZunYc5V=ffiDQcj>(YtUR
zdn3QgtJ!=<E>HOJe};$0wdV~H!X3gNj|iGg;MKk2xlMp&p7ZHD{wlA!n_XFjnQIRu
oD(vH2wdG~1BF7m9K?X)PhJ;Ig1?l?xctPctr>mdKI;Vst0G$=ad;kCd

literal 0
HcmV?d00001

diff --git a/src/views/abnormalAlarm/analysisMonitor/alarmHistory/index.vue b/src/views/abnormalAlarm/analysisMonitor/alarmHistory/index.vue
new file mode 100644
index 0000000..46dd640
--- /dev/null
+++ b/src/views/abnormalAlarm/analysisMonitor/alarmHistory/index.vue
@@ -0,0 +1,374 @@
+<template>
+  <div style="height: 100%;">
+    <div v-if="!isDetail" style="height: 100%;">
+      <SearchBar type="analysisMonitor" :options="stationOptions" @search="handleSearch"></SearchBar>
+      <div class="analysis-main">
+        <TableList
+          size="middle"
+          rowKey="id"
+          :columns="columns"
+          :list="dataSource"
+          :loading="loading"
+          :pagination="false"
+          :canSelect="false"
+        >
+          <template slot="info" slot-scope="{ record}">
+            <div class="info-alarm">{{ record.alarmValue }}{{ JSON.parse(record.operator).units }}</div>
+            <div>{{ JSON.parse(record.operator).name }} {{ JSON.parse(record.operator).operator }} {{ JSON.parse(record.operator).threshold }}{{ JSON.parse(record.operator).units }}</div>
+          </template>
+        </TableList>
+        <a-pagination 
+          size="small"
+          v-model="ipagination.current" 
+          :pageSize="ipagination.pageSize"
+          :page-size-options="ipagination.pageSizeOptions"
+          show-size-changer
+          show-quick-jumper
+          :total="ipagination.total"
+          :show-total="(total, range) => `Total ${total} items　Page ${ipagination.current} / ${Math.ceil(total / ipagination.pageSize)}`"
+          show-less-items 
+          @change="handlePageChange"
+          @showSizeChange="handleSizeChange"
+        />
+      </div>
+    </div>
+    <div v-if="isDetail" style="height: 100%;margin-left: 20px;">
+      <div class="detail-top">
+        <div class="top-back" @click="handleback">
+          <span title="Return" class="actions-back"></span>
+          <span style="margin-left: 10px;">return</span>
+        </div>
+      </div>
+      <div class="detail-main">
+        <div class="pane-title">GENERAL INFORMATION</div>
+        <div style="padding: 15px 15px 20px;">
+          <a-row>
+            <a-col :span="13">
+              <a-row>
+                <a-col :span="12" class="info-key">Site Code:</a-col>
+                <a-col :span="12" class="info-val">ARPO1</a-col>
+              </a-row>
+            </a-col>
+            <a-col :span="11">
+              <a-row>
+                <a-col :span="14" class="info-key">Sample Geometry:</a-col>
+                <a-col :span="10" class="info-val">DISK 50X5_3M</a-col>
+              </a-row></a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="13">
+              <a-row>
+                <a-col :span="12" class="info-key">Detector Code:</a-col>
+                <a-col :span="12" class="info-val">ARPO1 001</a-col>
+              </a-row>
+            </a-col>
+            <a-col :span="11">
+              <a-row>
+                <a-col :span="14" class="info-key">Spectrum Qualifier:</a-col>
+                <a-col :span="10" class="info-val">FULL</a-col>
+              </a-row></a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="13">
+              <a-row>
+                <a-col :span="12" class="info-key">System Type:</a-col>
+                <a-col :span="12" class="info-val">P</a-col>
+              </a-row>
+            </a-col>
+            <a-col :span="11">
+              <a-row>
+                <a-col :span="14" class="info-key">Sample Reference Identification:</a-col>
+                <a-col :span="10" class="info-val">01888888880003</a-col>
+              </a-row></a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="13">
+              <a-row>
+                <a-col :span="12" class="info-key">Measurement Identification:</a-col>
+                <a-col :span="12" class="info-val">ARP01_001-2023 / 03 / 21-14 : 10 : 55.0</a-col>
+              </a-row>
+            </a-col>
+            <a-col :span="11">
+              <a-row>
+                <a-col :span="14" class="info-key">Gas Background Measurement Identification:</a-col>
+                <a-col :span="10" class="info-val">asdfasdf</a-col>
+              </a-row></a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="13">
+              <a-row>
+                <a-col :span="12" class="info-key">Detector Background Measurement Identification:</a-col>
+                <a-col :span="12" class="info-val">ARP01_001-2019 / 01 / 11-19 : 09 : 42.02</a-col>
+              </a-row>
+            </a-col>
+            <a-col :span="11">
+              <a-row>
+                <a-col :span="14" class="info-key">Transmit Time:</a-col>
+                <a-col :span="10" class="info-val">2023 / 03 / 21 14:30:01</a-col>
+              </a-row></a-col>
+          </a-row>
+        </div>
+        <div class="pane-title">ACQUISITION</div>
+        <div style="padding: 15px 15px 20px;">
+          <a-row>
+            <a-col :span="13">
+              <a-row>
+                <a-col :span="12" class="info-key">Acquisition Time:</a-col>
+                <a-col :span="12" class="info-val">2023 / 03 / 21 14:10:55</a-col>
+              </a-row>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="13">
+              <a-row>
+                <a-col :span="12" class="info-key">Acquisition Real Time:</a-col>
+                <a-col :span="12" class="info-val">938</a-col>
+              </a-row>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="13">
+              <a-row>
+                <a-col :span="12" class="info-key">Acquisition Live Time:</a-col>
+                <a-col :span="12" class="info-val">900</a-col>
+              </a-row>
+            </a-col>
+          </a-row>
+        </div>
+        <a-table
+          size="middle"
+          rowKey="id"
+          :columns="columns_acq"
+          :list="dataSource_acq"
+        >
+        </a-table>
+        <!-- <TableList
+          size="middle"
+          rowKey="id"
+          :columns="columns_acq"
+          :list="dataSource_acq"
+          :loading="false"
+          :pagination="false"
+          :canSelect="false"
+        >
+        </TableList> -->
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import dateFormat from '@/components/jeecg/JEasyCron/format-date'
+import SearchBar from '../../components/searchBar';
+import TableList from '../../components/tableList.vue';
+import { getAction, postAction, httpAction, deleteAction } from '@/api/manage'
+const columns = [{
+    title: 'STATION',
+    align: 'left',
+    dataIndex: 'station',
+    width: 250,
+  },{
+    title: 'COLLECTION START',
+    align: 'left',
+    dataIndex: 'station',
+    width: 250,
+  },{
+    title: 'ALARM TIME',
+    align: 'left',
+    dataIndex: 'alarmTime',
+    width: 250,
+  },{
+    title: 'DATA SOURCES ',
+    align: 'left',
+    dataIndex: 'dataSources',
+    width: 250,
+  },{
+    title: 'ALARM INFO',
+    align: 'left',
+    dataIndex: 'alarmInfo',
+    scopedSlots: {
+      customRender: 'info',
+    }
+  }
+]
+const columns_acq = [{
+    title: 'NUCLIDE',
+    align: 'center',
+    dataIndex: 'nuclide',
+    width:"25%"
+  },{
+    title: 'THRESHOLD ',
+    align: 'center',
+    dataIndex: 'threshold',
+    width:"25%"
+  },{
+    title: 'IDC',
+    align: 'center',
+    dataIndex: 'idc',
+    width:"25%"
+  },{
+    title: 'ARMD',
+    align: 'center',
+    dataIndex: 'armd',
+    width:"25%"
+  }
+]
+export default {
+  components: {
+    SearchBar,
+    TableList,
+  },
+  data() {
+    return {
+      stationOptions: [],
+      paramsArg: {},
+      columns,
+      dataSource: [],
+      loading: false,
+      ipagination:{
+        current: 1,
+        pageSize: 10,
+        pageSizeOptions: ['10', '20', '30'],
+        showTotal: (total, range) => {
+          const { current, pageSize } = this.ipagination
+          return `Total ${total} items　Page ${current} / ${Math.ceil(total / pageSize)}`
+        },
+        showQuickJumper: true,
+        showSizeChanger: true,
+        total: 0
+      },
+      isDetail: true,
+      columns_acq,
+      dataSource_acq:[]
+    }
+  },
+  mounted () {
+    this.getStationList();
+  },
+  methods: {
+    getStationList() {
+      getAction("/webStatistics/findStationList",{menuName:""}).then(res => {
+        if (res.success) {
+          if (res.result.length>0) {
+            this.stationOptions = res.result.map(item => {
+              return {
+                label: item.stationCode,
+                value: item.stationId
+              }
+            })
+          } else {
+            this.stationOptions=[]
+          }
+        } else {
+          this.$message.warning("This operation fails. Contact your system administrator")
+        }
+      })
+    },
+    handleSearch({ startDate, endDate, stations, sources }) {
+      this.paramsArg = {
+        startDate,
+        endDate,
+        stations,
+        sources
+      }
+      // this.getServerAlarmHistory({ startDate, endDate, names })
+    },
+    handlePageChange(page, pageSize) {
+      this.ipagination.current = page
+      this.ipagination.pageSize = pageSize
+      // this.getServerAlarmHistory(this.paramsArg)
+    },
+    handleSizeChange(current, size) {
+      this.ipagination.current = current
+      this.ipagination.pageSize = size
+      // this.getServerAlarmHistory(this.paramsArg)
+    },
+    handleback() {
+      this.isDetail = false
+    }
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.analysis-main{
+  width: 100%;
+  height: calc(100% - 50px);
+  overflow: hidden;
+  padding-top: 15px;
+  margin-left: 20px;
+  position: relative;
+}
+.ant-pagination{
+  position: absolute;
+  left: 50%;
+  bottom: 0;
+  transform: translateX(-50%);
+}
+.detail-top{
+  width: 100%;
+  height: 50px;
+  padding: 0 10px;
+  background-color: rgba(12, 235, 201, 0.05);
+  border-top: 1px solid rgba(12, 235, 201, 0.3);
+  border-bottom: 1px solid rgba(12, 235, 201, 0.3);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16px;
+  .top-back{
+    font-family: MicrosoftYaHei;
+    font-size: 16px;
+    color: #69a19f;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    span{
+      display: inline-block;
+      width: 28px;
+      height: 24px;
+    }
+    .actions-back{
+      background: url(~@/assets/images/abnormalAlarm/return.png) no-repeat;
+      background-size: 100% 100%;
+      &:hover{
+        background: url(~@/assets/images/abnormalAlarm/return-active.png) no-repeat;
+        background-size: 100% 100%;
+      }
+    }
+  }
+}
+.detail-main{
+  height: calc(100% - 67px);
+  margin-top: 15px;
+  overflow: hidden;
+  background-color: rgba(2, 40, 43, 0.5);
+	border: solid 1px #416f7f;
+  padding: 15px 20px;
+  .pane-title{
+    height: 40px;
+    background-color: rgba(12, 235, 201, 0.05);
+    line-height: 40px;
+    font-family: ArialMT;
+    font-size: 18px;
+    font-weight: bold;
+    font-stretch: normal;
+    letter-spacing: 1px;
+    color: #0cebc9;
+    padding: 0 0 0 18px;
+  }
+  .info-key{
+    font-family: ArialMT;
+    font-size: 14px;
+    font-weight: bold;
+    line-height: 36px;
+    color: #ffffff;
+  }
+  .info-val{
+    font-family: ArialMT;
+    font-size: 14px;
+    line-height: 36px;
+    color: #ade6ee;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/abnormalAlarm/components/searchBar.vue b/src/views/abnormalAlarm/components/searchBar.vue
index da0610e..6360281 100644
--- a/src/views/abnormalAlarm/components/searchBar.vue
+++ b/src/views/abnormalAlarm/components/searchBar.vue
@@ -28,7 +28,7 @@
           </a-select>
         </a-form-model-item>
       </a-col>
-      <a-col flex="310px" v-if="type!=='alarmCenter'">
+      <a-col flex="310px" v-if="type!=='alarmCenter' && type!=='analysisMonitor'">
         <a-form-model-item label="Name">
           <a-select 
             :value="queryParams.names" 
@@ -53,6 +53,57 @@
           </a-select>
         </a-form-model-item>
       </a-col>
+      <a-col flex="270px" v-if="type ==='analysisMonitor'">
+        <a-form-model-item label="Station">
+          <a-select style="width:180px"
+            :value="queryParams.stations" 
+            mode="multiple" 
+            placeholder="select..."
+            :maxTagCount="1" 
+            :filter-option="filterOption"
+            show-arrow 
+            :options="options" 
+            @change="onStationChange"
+          >
+            <img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
+            <div slot="dropdownRender" slot-scope="menu">
+              <v-nodes :vnodes="menu" />
+              <a-divider style="margin: 0;" />
+              <div
+                style="padding: 4px 12px; cursor: pointer;"
+                @mousedown="e => e.preventDefault()"
+              >
+                <a-checkbox v-model="allVal_station" @change="handleAllClickBox_station"><span @click.prevent="handleAllClick_station">ALL</span></a-checkbox>
+              </div>
+            </div>
+          </a-select>
+        </a-form-model-item>
+      </a-col>
+      <a-col flex="310px" v-if="type ==='analysisMonitor'">
+        <a-form-model-item label="Data Sources ">
+          <a-select style="width:180px"
+            :value="queryParams.sources" 
+            mode="multiple" 
+            placeholder="select..."
+            :maxTagCount="1" 
+            show-arrow 
+            :options="sourceOptions" 
+            @change="onSourceChange"
+          >
+            <img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
+            <div slot="dropdownRender" slot-scope="menu">
+              <v-nodes :vnodes="menu" />
+              <a-divider style="margin: 0;" />
+              <div
+                style="padding: 4px 12px; cursor: pointer;"
+                @mousedown="e => e.preventDefault()"
+              >
+                <a-checkbox v-model="allVal_source" @change="handleAllClickBox_source"><span @click.prevent="handleAllClick_source">ALL</span></a-checkbox>
+              </div>
+            </div>
+          </a-select>
+        </a-form-model-item>
+      </a-col>
       <a-col flex="380px">
         <a-form-model-item label="Alarm date">
           <a-range-picker
@@ -96,6 +147,8 @@ export default {
     return {
       allVal: true,
       allVal_name: false,
+      allVal_station: false,
+      allVal_source: false,
       typeOptions: [
         {
           label: "Server",
@@ -110,9 +163,21 @@ export default {
           value: "Email"
         },
       ],
+      sourceOptions: [
+        {
+          label: "IDC",
+          value: "idc"
+        },
+        {
+          label: "ARMD",
+          value: "armd"
+        }
+      ],
       queryParams: {
         types: ["Server","Database","Email"],
         names: undefined,
+        stations: undefined,
+        sources: undefined,
         startDate: dateFormat(new Date(), 'yyyy-MM-dd'),
         endDate: dateFormat(new Date(), 'yyyy-MM-dd')
       }
@@ -150,6 +215,41 @@ export default {
         this.queryParams.names = []
       }
     },
+    handleAllClickBox_station(e) {
+      this.allVal_station = e.target.checked
+      this.setSelectVal_station()
+    },
+    handleAllClick_station(e) {
+      this.allVal_station = !this.allVal_station
+      this.setSelectVal_station()
+    },
+    setSelectVal_station() {
+      if (this.allVal_station) {
+        this.queryParams.stations = this.options.map(item => item.value)
+      } else {
+        this.queryParams.stations = []
+      }
+    },
+    filterOption(input, option) {
+      return (
+        option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      );
+    },
+    handleAllClickBox_source(e) {
+      this.allVal_source = e.target.checked
+      this.setSelectVal_source()
+    },
+    handleAllClick_source(e) {
+      this.allVal_source = !this.allVal_source
+      this.setSelectVal_source()
+    },
+    setSelectVal_source() {
+      if (this.allVal_source) {
+        this.queryParams.sources = this.sourceOptions.map(item => item.value)
+      } else {
+        this.queryParams.sources = []
+      }
+    },
     onTypeChange(val) {
       this.queryParams.types = val
       let length = this.typeOptions.length
@@ -168,6 +268,24 @@ export default {
         this.allVal_name = false
       }
     },
+    onStationChange(val) {
+      this.queryParams.stations = val
+      let length = this.options.length
+      if (val.length === length) {
+        this.allVal_station = true
+      } else {
+        this.allVal_station = false
+      }
+    },
+    onSourceChange(val) {
+      this.queryParams.sources = val
+      let length = this.sourceOptions.length
+      if (val.length === length) {
+        this.allVal_source = true
+      } else {
+        this.allVal_source = false
+      }
+    },
     onRangeDateChange(date, dateString) {
       this.queryParams.startDate = dateString[0]
       this.queryParams.endDate = dateString[1]