update

config/menu-config.js

@@ -44,6 +44,11 @@ export const devMenu = [
         name: '班级管理',
         module: 'center',
       },
+      {
+        path: '/subject/index',
+        name: '科目管理',
+        module: 'center',
+      },
     ],
   },
   {

layout/admin/list-frame.vue

@@ -27,17 +27,17 @@
           <el-form :inline="true">
             <el-form-item v-for="(item, index) in filter" :key="index" :label="item.label">
               <template v-if="item.type === `select`">
-                <el-select v-model="searchInfo[`${item.model}`]" size="mini">
+                <el-select v-model="searchInfo[`${item.model}`]" size="mini" clearable>
                   <!-- <el-option v-for="(select, sIndex) in item.list" :key="sIndex" :label="select.label" :value="select.value"></el-option> -->
                   <slot name="options" v-bind="{ item }"></slot>
                 </el-select>
               </template>
               <template v-else>
-                <el-input v-model="searchInfo[`${item.model}`]" size="mini"></el-input>
+                <el-input v-model="searchInfo[`${item.model}`]" size="mini" clearable></el-input>
               </template>
             </el-form-item>
             <el-form-item>
-              <el-button type="primary" size="mini">查询</el-button>
+              <el-button type="primary" size="mini" @click="toQuery()">查询</el-button>
             </el-form-item>
           </el-form>
         </slot>
@@ -98,6 +98,11 @@ export default {
     changePage(page) {
       this.$emit('query', { skip: (page - 1) * this.limit, limit: this.limit, ...this.searchInfo });
     },
+    toQuery() {
+      let keys = Object.keys(this.searchInfo);
+      for (const key of keys) if (this.searchInfo[key] === '' || !this.searchInfo[key]) delete this.searchInfo[key];
+      this.$emit('query', this.searchInfo);
+    },
   },
 };
 </script>