ooo

src/views/components/common/cascaderSelect.vue

+<template>
+  <a-cascader :options="options" :show-search="{ filter }" :display-render="displayRender" expand-trigger="hover" placeholder="Please select" @change="onChange" />
+</template>
+<script>
+import { specList } from "@/views/components/common/config"
+export default {
+  name: "cascaderSelect",
+  data () {
+    return {
+      options: specList
+    };
+  },
+  created () {
+    console.log(this.options)
+  },
+  methods: {
+    onChange (value, selectedOptions) {
+      console.log(value, selectedOptions);
+    },
+    displayRender({ labels }) {
+      return labels[labels.length - 1];
+    },
+    filter (inputValue, path) {
+      return path.some(option => option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1);
+    },
+  },
+};
+</script>

src/views/query/project/Index.vue

@@ -16,6 +16,7 @@
       <a-form-item>
         <a-button type="primary" icon="search" @click="search">搜索</a-button>
         <a-button icon="reload" style="margin-left: 10px" @click="reset" class="bt-normal">重置</a-button>
+        <cascader-select/>
       </a-form-item>
     </a-form>
     <a-divider style="height: 1px; background-color: #e8e8e8;" />
@@ -52,15 +53,12 @@ import { getType } from '@/views/utils/auth'
 import moment from 'moment'
 import { isEmptyParams, filterExportExcelData, tableColumnsName } from "@/views/utils/common";
 import projectView from '@/views/report/project/components/projectView'
-
 import scoreEdit from '@/views/evaluation/components/scoreEdit'
-
-import paraSelect from '@/views/components/common/paraSelect'
-import baseSelect from '@/views/components/common/baseSelect'
+import cascaderSelect from '@/views/components/common/cascaderSelect'
 export default {
   name: 'queryProject',
   components: {
-    projectView, scoreEdit, paraSelect, baseSelect
+    projectView, scoreEdit, cascaderSelect
   },
   data () {
     return {

src/views/report/expert/index.vue

@@ -87,6 +87,7 @@ import expertView from './components/expertView'
 import expertEdit from './components/expertEdit';
 import expertImport from './components/expertImport';
 
+
 export default {
   name: 'expertReport',
   components: { expertView, expertEdit, expertImport },