功能

src/components/search-form/index.vue

@@ -0,0 +1,3 @@
+<template>
+  <div></div>
+</template>

src/pages.json

@@ -129,6 +129,15 @@
             }
             
         }
+        ,{
+            "path" : "pages/index/insect-monitors",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "昆虫性诱监测",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "white",

src/pages/index/index.vue

@@ -45,6 +45,10 @@
 								label:'水质监控',
 								url:'/pages/index/water-quality'
 							},
+							{
+								label:'昆虫性诱监测',
+								url:'/pages/index/insect-monitors'
+							},
 						],
 					},
 					{

src/pages/index/insect-monitors.vue

@@ -0,0 +1,32 @@
+<template>
+  <div>
+    <SearchForm :schemas="searchFormSchema"></SearchForm>
+  </div>
+</template>
+<script>
+import SearchForm from '@/components/search-form'
+export default {
+  components: {
+    SearchForm,
+  },
+  data() {
+    return {
+      searchFormSchema: [
+        {
+          field: 'base',
+          label: '基地',
+          components: 'ApiSelect',
+          componentProps: {
+            api: async () => {
+              // const { data } = await getAgriculturalBasic()
+              return {}
+            },
+            labelField: 'name',
+            valueField: 'id',
+          },
+        },
+      ],
+    }
+  },
+}
+</script>