编排对照表分类查询的界面修改

src/api/mes/md/itemtype.js

@@ -9,6 +9,16 @@ export function listItemType(query) {
   })
 }
 
+
+// 查询部门列表
+export function listItemTypes(query) {
+  return request({
+    url: '/mes/md/itemtype/lists',
+    method: 'get',
+    params: query
+  })
+}
+
 // 查询部门列表（排除节点）
 export function listItemTypeExcludeChild(itemTypeId) {
   return request({

src/components/itemType/single.vue

@@ -7,33 +7,7 @@
     width="80%"
     append-to-body
   >
-    <el-row :gutter="20" style="max-height: 600px; overflow-y: auto;">
-      <!--分类数据-->
-      <el-col :span="4" :xs="24">
-        <div class="head-container">
-          <el-input
-            v-model="itemTypeName"
-            placeholder="请输入分类名称"
-            clearable
-            size="small"
-            prefix-icon="el-icon-search"
-            style="margin-bottom: 20px"
-          />
-        </div>
-        <div class="head-container">
-          <el-tree
-            :data="itemTypeOptions"
-            :props="defaultProps"
-            :expand-on-click-node="false"
-            :filter-node-method="filterNode"
-            ref="tree"
-            default-expand-all
-            @node-click="handleNodeClick"
-          />
-        </div>
-      </el-col>
-      <!--物料数据-->
-      <el-col :span="20" :xs="24">
+  
         <el-form
           :model="queryParams"
           ref="queryForm"
@@ -42,18 +16,18 @@
           v-show="showSearch"
           label-width="68px"
         >
-         <!-- <el-form-item label="排序" prop="orderNum">
+        <el-form-item label="分类" prop="itemTypeName">
             <el-input
-              v-model="queryParams.orderNum"
-              placeholder="请输入排序"
+              v-model="queryParams.itemTypeName"
+              placeholder="请输入分类"
               clearable
               style="width: 240px"
               @keyup.enter.native="handleQuery"
             />
           </el-form-item>
-           <el-form-item label="物料/产品" prop="itemOrProduct">
+         <el-form-item label="排序" prop="orderNum">
             <el-input
-              v-model="queryParams.itemOrProduct"
+              v-model="queryParams.orderNum"
               placeholder="请输入排序"
               clearable
               style="width: 240px"
@@ -71,8 +45,9 @@
             <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
               >重置</el-button
             >
-          </el-form-item>  -->
+          </el-form-item> 
         </el-form>
+ 
         <el-table
           v-loading="loading"
           :data="itemList"
@@ -125,16 +100,13 @@
 
         </el-table>
 
-        <pagination
-          v-show="total > 0"
-          :total="total"
-          :page.sync="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
-          @pagination="getList"
-        />
-      </el-col>
-    </el-row>
-    <div slot="footer" class="dialog-footer">
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+
+
+            
+      <div slot="footer" class="dialog-footer">
       <el-button type="primary" @click="confirmSelect">确 定</el-button>
       <el-button @click="showFlag = false">取 消</el-button>
     </div>
@@ -142,7 +114,7 @@
 </template>
 
 <script>
-import { treeselect,listItemType } from "@/api/mes/md/itemtype";
+import { treeselect,listItemTypes } from "@/api/mes/md/itemtype";
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 
@@ -165,7 +137,7 @@ export default {
       // 总条数
       total: 0,
       // 物料产品表格数据
-      itemList: null,
+      itemList: [],
       // 部门树选项
       itemTypeOptions: undefined,
       // 部门名称
@@ -176,6 +148,8 @@ export default {
       },
       // 查询参数
       queryParams: {
+        pageNum: 1,
+       pageSize: 10,
         orderNum: null,
         itemTypeName: null,
         itemOrProduct: null
@@ -203,9 +177,9 @@ export default {
     /** 查询物料编码列表 */
     getList() {
       this.loading = true;
-     listItemType(this.queryParams).then(response => {
-        this.itemList = response.data;
-        // this.total = response.total;
+      listItemTypes(this.queryParams).then(response => {
+        this.itemList = response.rows;
+        this.total = response.total;
 
         this.loading = false;
       });
@@ -234,6 +208,8 @@ export default {
     /** 重置按钮操作 */
     resetQuery() {
        this.form = {
+        pageNum: 1,
+        pageSize: 10,
         itemTypeName: null,
         orderNum: null,
         itemOrProduct: null