优化

src/components/Dict/DictSelection.vue

@@ -4,6 +4,7 @@
     style="width: 100%"
     v-bind="$attrs"
     v-on="$listeners"
+    filterable
   >
     <el-option
       v-for="item in dictList"

src/views/technology/production/components/WorkCenter.vue

@@ -1,48 +1,30 @@
 <template>
-  <el-dialog
-    title="选择工作中心"
-    :visible.sync="centerVisible"
-    :before-close="handleClose"
-    :close-on-click-modal="false"
-    :close-on-press-escape="false"
-    append-to-body
-    width="60%"
-  >
+  <el-dialog title="选择工作中心" :visible.sync="centerVisible" :before-close="handleClose" :close-on-click-modal="false"
+    :close-on-press-escape="false" append-to-body width="60%">
     <div>
+      <workCenter-search @search="reload" />
       <el-row>
         <el-col :span="24" class="table_col">
-          <el-table
-            :data="tableData"
-            height="450"
-            highlight-current-row
-            @row-click="single"
-          >
+          <el-table :data="tableData" height="520" highlight-current-row @row-click="single">
             <el-table-column label="工作中心编码" prop="code" width="200"></el-table-column>
             <el-table-column label="工作中心名称" prop="name"></el-table-column>
             <el-table-column label="工作中心类别" prop="categoryType">
-               <template slot-scope="scope">
-                 {{ checkcategoryType(scope.row.categoryType) }}
-               </template>
+              <template slot-scope="scope">
+                {{ checkcategoryType(scope.row.categoryType) }}
+              </template>
             </el-table-column>
             <el-table-column label="负责人" prop="leaderUserName">
             </el-table-column>
             <el-table-column label="选择" align="center">
-               <template slot-scope="scope">
-            	 <el-radio class="radio" v-model="radio" :label="scope.row.id"><i></i></el-radio>
-               </template>
+              <template slot-scope="scope">
+                <el-radio class="radio" v-model="radio" :label="scope.row.id"><i></i></el-radio>
+              </template>
             </el-table-column>
           </el-table>
-         <div class="pagination">
-            <el-pagination
-              background
-              layout="total, sizes, prev, pager, next, jumper"
-              :total="total"
-              :page-sizes="[10, 20, 50, 100]"
-              :page-size="pagination.size"
-              :current-page.sync="pagination.pageNum"
-              @current-change="handleCurrent"
-              @size-change="handleSize"
-            >
+          <div class="pagination">
+            <el-pagination background layout="total, sizes, prev, pager, next, jumper" :total="total"
+              :page-sizes="[10, 20, 50, 100]" :page-size="pagination.size" :current-page.sync="pagination.pageNum"
+              @current-change="handleCurrent" @size-change="handleSize">
             </el-pagination>
           </div>
         </el-col>
@@ -56,20 +38,25 @@
 </template>
 
 <script>
- import work from '@/api/technology/work';
+import work from '@/api/technology/work';
+import workCenterSearch from './workCenter-search';
 export default {
-  data () {
+  components: {
+    workCenterSearch
+  },
+  data() {
     return {
       centerVisible: false,
       tableData: [],
-      search:{},
+      search: {},
       pagination: {
         pageNum: 1,
         size: 10,
       },
+      where: null,
       total: 0,
       radio: '',
-      current:null,
+      current: null,
       categoryTypes: [
         { label: '设备', value: 0 },
         { label: '设备组', value: 1 },
@@ -85,10 +72,10 @@ export default {
 
   },
   methods: {
-    open(item){
-      if(item){
+    open(item) {
+      if (item) {
         this.current = {
-          id:item.workCenterId,
+          id: item.workCenterId,
           name: item.workCenterName
         }
         this.radio = item.workCenterId
@@ -98,42 +85,52 @@ export default {
     },
 
     // 单击获取id
-    single (row) {
-        this.current = row
-        this.radio = row.id
+    single(row) {
+      this.current = row
+      this.radio = row.id
     },
 
-    handleClose () {
+    handleClose() {
       this.centerVisible = false
       this.current = null
       this.radio = ''
     },
-    handleCurrent (page) {
+    handleCurrent(page) {
       this.pagination.pageNum = page
       this.getList()
     },
-    handleSize (size) {
+    handleSize(size) {
       this.pagination.pageNum = 1
       this.pagination.size = size
       this.getList()
     },
-    getList(){
-      let params = {...this.pagination}
-      work.list(params).then(res=>{
-         this.tableData = res.list
-         this.total = res.count
+    getList() {
+      let params = { ...this.pagination }
+      if(this.where) {
+        params = { ...this.where }
+      }
+      work.list(params).then(res => {
+        this.tableData = res.list
+        this.total = res.count
       })
     },
-    selected(){
-       if(!this.current){
-         return this.$message.warning('请选择工作中心')
-       }
-       this.$emit('changeCenter',this.current)
-       this.handleClose()
+
+    /* 刷新表格 */
+    reload(where) {
+     this.where = where
+     this.getList()
+    },
+
+    selected() {
+      if (!this.current) {
+        return this.$message.warning('请选择工作中心')
+      }
+      this.$emit('changeCenter', this.current)
+      this.handleClose()
     },
 
     /*回显类别 */
-    checkcategoryType (value) {
+    checkcategoryType(value) {
       return this.categoryTypes.find((f) => f.value == value).label;
     },
 
@@ -149,21 +146,26 @@ export default {
   height: 500px;
   overflow: auto;
 }
+
 .table_col {
   padding-left: 10px;
+
   ::v-deep .el-table th.el-table__cell {
     background: #f2f2f2;
   }
 }
+
 .pagination {
   text-align: right;
   padding: 10px 0;
 }
+
 .btns {
   text-align: center;
   padding: 10px 0;
 }
-.topsearch{
-	margin-bottom:15px;
+
+.topsearch {
+  margin-bottom: 15px;
 }
 </style>

src/views/technology/production/components/workCenter-search.vue

@@ -0,0 +1,77 @@
+<!-- 搜索表单 -->
+<template>
+    <el-form
+      label-width="120px"
+      class="ele-form-search"
+      @keyup.enter.native="search"
+      @submit.native.prevent
+    >
+      <el-row :gutter="24">
+
+        <el-col v-bind="styleResponsive ? { sm: 10 } : { span: 10 }">
+          <el-form-item label="工作中心编码:">
+            <el-input clearable v-model="where.code" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+        <el-col v-bind="styleResponsive ? { sm: 10 } : { span: 10 }">
+          <el-form-item label="工作中心名称:">
+            <el-input clearable v-model="where.name" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+  
+
+  
+        <el-col v-bind="styleResponsive ? { sm: 4 } : { span: 4 }">
+          <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 }
+        };
+      },
+      props: {
+
+      },
+      computed: {
+        // 是否开启响应式布局
+        styleResponsive() {
+          return this.$store.state.theme.styleResponsive;
+        }
+      },
+      methods: {
+        /* 搜索 */
+        search() {
+          this.$emit('search', this.where);
+        },
+        /*  重置 */
+        reset() {
+          this.where = { ...this.defaultWhere };
+          this.search();
+        }
+      }
+    };
+  </script>
+  

src/views/technology/work/index.vue

@@ -23,7 +23,7 @@
             type="primary"
             icon="el-icon-plus"
             class="ele-btn-icon"
-            @click="openEdit"
+            @click="openEdit()"
           >
             新建
           </el-button>