WIP: load from db 接口对接

src/views/spectrumAnalysis/components/Modals/LoadFromDBModal.vue

@@ -91,30 +91,32 @@ export default {
   mixins: [JeecgListMixin],
   data() {
     this.columns = columns
+    this.disableMixinCreated = true
     return {
       selectedRowKeys: [],
       stationList: [],
       detectorList: [],
       url: {
-        list: '/gardsSampleData/findPage'
+        list: '/spectrumAnalysis/getDBSpectrumList'
       },
-
       isLoadingSample: false // 正在加载样例
     }
   },
-  created() {
-    this.getStationList()
-    this.getDetectorList()
-  },
   methods: {
     loadData(arg) {
+      const params = this.getQueryParams() //查询条件
+      if (!params.menuTypes || !params.menuTypes.length) {
+        this.$message.warn('Please Select MenuTypes First')
+        return
+      }
+
+      params.menuTypes = params.menuTypes.join(',')
+
       //加载数据 若传入参数1则加载第一页的内容
       if (arg === 1) {
         this.ipagination.current = 1
       }
-      this.onClearSelected()
 
-      const params = this.getQueryParams() //查询条件
       if (params.checkboxGroup) {
         params.checkboxGroup.forEach(item => {
           params[item] = true
@@ -122,6 +124,8 @@ export default {
         delete params.checkboxGroup
       }
 
+      this.onClearSelected()
+
       this.loading = true
       getAction(this.url.list, params)
         .then(res => {
@@ -156,11 +160,16 @@ export default {
       this.visible = false
     },
 
-    async getStationList() {
+    async getStationAndDetectorList() {
+      const params = this.getQueryParams() //查询条件
+      if (!params.menuTypes || !params.menuTypes.length) {
+        return
+      }
+      params.menuTypes = params.menuTypes.join(',')
+
       try {
-        const { success, result, message } = await getAction('/gardsStations/findPage', {
+        const { success, result, message } = await getAction('/spectrumAnalysis/getDBSearchList', {
-          pageIndex: 1,
+          menuTypes: []
-          pageSize: 10000
         })
         if (success) {
           this.stationList = result.records.map(record => ({ label: record.stationCode, value: record.stationId }))
@@ -172,22 +181,6 @@ export default {
       }
     },
 
-    async getDetectorList() {
-      try {
-        const { success, result, message } = await getAction('/gardsDetectors/findPage', {
-          pageIndex: 1,
-          pageSize: 10000
-        })
-        if (success) {
-          this.detectorList = result.records.map(record => ({ label: record.detectorCode, value: record.detectorId }))
-        } else {
-          this.$message.error(message)
-        }
-      } catch (error) {
-        console.error(error)
-      }
-    },
-
     filterOption(input, option) {
       return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
     }
@@ -204,14 +197,29 @@ export default {
     formItems() {
       return [
         {
-          label: 'SampleID',
+          label: 'MenuType',
-          type: 'a-input',
+          type: 'custom-select',
-          name: 'sampleId',
+          name: 'menuTypes',
           props: {
-            allowClear: true
+            mode: 'multiple',
+            options: [
+              {
+                label: 'Gamma',
+                value: 'G'
+              },
+              {
+                label: 'Beta',
+                value: 'B'
+              }
+            ]
           },
           style: {
-            width: '20%'
+            width: '16.6%'
+          },
+          on: {
+            change: () => {
+              this.getStationAndDetectorList()
+            }
           }
         },
         {
@@ -231,7 +239,7 @@ export default {
             allowClear: true
           },
           style: {
-            width: '18%'
+            width: '16.6%'
           }
         },
         {
@@ -251,13 +259,122 @@ export default {
             allowClear: true
           },
           style: {
-            width: '18%'
+            width: '16.6%'
+          }
+        },
+        {
+          label: 'Sample',
+          type: 'custom-select',
+          name: 'sample',
+          props: {
+            options: [
+              {
+                label: 'P',
+                value: 'P'
+              },
+              {
+                label: 'B',
+                value: 'B'
+              },
+              {
+                label: 'G',
+                value: 'G'
+              }
+            ],
+            allowClear: true
+          },
+          style: {
+            width: '16.6%'
+          }
+        },
+        {
+          label: 'DataType',
+          type: 'custom-select',
+          name: 'dataType',
+          props: {
+            options: [
+              {
+                label: 'S',
+                value: 'S'
+              },
+              {
+                label: 'G',
+                value: 'G'
+              },
+              {
+                label: 'D',
+                value: 'D'
+              },
+              {
+                label: 'Q',
+                value: 'Q'
+              },
+              {
+                label: 'B',
+                value: 'B'
+              },
+              {
+                label: 'C',
+                value: 'C'
+              }
+            ],
+            allowClear: true
+          },
+          style: {
+            width: '16.6%'
+          }
+        },
+        {
+          label: 'Qualifier',
+          type: 'custom-select',
+          name: 'dataType',
+          props: {
+            options: [
+              {
+                label: 'FULL',
+                value: 'FULL'
+              },
+              {
+                label: 'PREL',
+                value: 'PREL'
+              }
+            ],
+            allowClear: true
+          },
+          style: {
+            width: '16.6%'
+          }
+        },
+        {
+          label: 'SampleID',
+          type: 'a-input',
+          name: 'sampleId',
+          props: {
+            allowClear: true
+          },
+          style: {
+            width: '20%'
+          }
+        },
+        {
+          label: '',
+          type: 'a-checkbox-group',
+          name: 'checkboxGroup',
+          props: {
+            options: [
+              { label: 'All User', value: 'allUser' },
+              { label: 'Collect Stop', value: 'collectStop' },
+              { label: 'Acq.Start', value: 'acqDotStart' }
+            ]
+          },
+          style: {
+            width: '315px'
           }
         },
         {
           label: 'From',
           type: 'custom-date-picker',
-          name: 'collectStart',
+          name: 'startDate',
           props: {
             showTime: { format: 'HH:mm' },
             format: 'YYYY-MM-DD HH:mm',
@@ -267,13 +384,13 @@ export default {
             }
           },
           style: {
-            width: '22%'
+            width: '20%'
           }
         },
         {
           label: 'To',
           type: 'custom-date-picker',
-          name: 'collectStop',
+          name: 'endDate',
           props: {
             showTime: { format: 'HH:mm' },
             format: 'YYYY-MM-DD HH:mm',
@@ -284,21 +401,8 @@ export default {
           },
           style: {
             paddingRight: 0,
-            width: '22%'
+            marginRight: '16px',
-          }
+            width: '20%'
-        },
-        {
-          label: '',
-          type: 'a-checkbox-group',
-          name: 'checkboxGroup',
-          props: {
-            options: [
-              { label: 'Collect Stop', value: 'collectStop' },
-              { label: 'Acq.Start', value: 'acqDotStart' }
-            ]
-          },
-          style: {
-            width: '230px'
           }
         }
       ]