新增工艺文件可以搜索

src/views/material/BOMmanage/file/fileSearch.vue

@@ -0,0 +1,82 @@
+<!-- 搜索表单 -->
+<template>
+  <el-form
+    label-width="77px"
+    class="ele-form-search"
+    @keyup.enter.native="search"
+    @submit.native.prevent
+  >
+    <el-row :gutter="15">
+      <el-col v-bind="styleResponsive ? { lg: 5, md: 12 } : { span: 6 }">
+        <el-form-item label="编码:">
+          <el-input clearable v-model.trim="where.code" placeholder="请输入" />
+        </el-form-item>
+      </el-col>
+      <el-col v-bind="styleResponsive ? { lg: 5, md: 12 } : { span: 6 }">
+        <el-form-item label="文档名称:">
+          <el-input clearable v-model.trim="where.name" placeholder="请输入" />
+        </el-form-item>
+      </el-col>
+
+      <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
+        <div class="ele-form-actions">
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            class="ele-btn-icon"
+            @click="search"
+          >
+            查询
+          </el-button>
+          <el-button @click="reset">重置</el-button>
+        </div>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+<script>
+  export default {
+    data() {
+      // 默认表单数据
+      const defaultWhere = {
+        code: '',
+        name: ''
+      };
+      return {
+        // 表单数据
+        where: { ...defaultWhere }
+        // controlList: []
+      };
+    },
+    computed: {
+      // 是否开启响应式布局
+      styleResponsive() {
+        return this.$store.state.theme.styleResponsive;
+      }
+    },
+    created() {
+      // this.getControlList();
+    },
+    methods: {
+      /* 搜索 */
+      search() {
+        this.$emit('search', this.where);
+      },
+      /*  重置 */
+      reset() {
+        this.where = { ...this.defaultWhere };
+        this.search();
+      }
+
+      // getControlList() {
+      //   const params = {
+      //     pageNum: 1,
+      //     size: -1
+      //   };
+      //   control.list().then((res) => {
+      //     this.controlList = res.list;
+      //   });
+      // }
+    }
+  };
+</script>

src/views/material/BOMmanage/file/index.vue

@@ -11,6 +11,7 @@
   >
     <div>
       <el-card shadow="never" v-loading="loading">
+        <file-search @search="reload" />
         <ele-split-layout
           width="240px"
           allow-collapse
@@ -73,11 +74,12 @@
 <script>
   import { getDocTreeListAPI, filePageAPI } from '@/api/material/file';
   import { mapGetters } from 'vuex';
+  import fileSearch from './fileSearch.vue';
 
   import fileBrowse from '../file/fileBrowse.vue';
 
   export default {
-    components: { fileBrowse },
+    components: { fileBrowse, fileSearch },
     mixins: [],
 
     data() {
@@ -243,9 +245,10 @@
         });
       },
       /* 刷新表格 */
-      reload() {
+      reload(where) {
         this.$refs.table.reload({
-          pageNum: 1
+          pageNum: 1,
+          where
         });
       },