优化

src/api/InTheSystem/index.js

@@ -0,0 +1,12 @@
+import request from '@/utils/request';
+
+/**
+ * 列表
+ */
+export async function getList (data) {
+  const res = await request.post('/mes/inproduct/page', data);
+  if (res.data.code == 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

src/views/InTheSystem/components/search.vue

@@ -0,0 +1,96 @@
+<!-- 搜索表单 -->
+<template>
+    <el-form label-width="90px" class="ele-form-search" @keyup.enter.native="search" @submit.native.prevent>
+        <el-row :gutter="15">
+            <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
+                <el-form-item label="工单编码:">
+                    <el-input clearable v-model="where.workOrderCode" placeholder="请输入" />
+                </el-form-item>
+            </el-col>
+
+
+            <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
+                <el-form-item label="物品名称:">
+                    <el-input clearable v-model="where.categoryName" placeholder="请输入" />
+                </el-form-item>
+            </el-col>
+
+            <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
+                <el-form-item label="类型:">
+                    <el-select v-model="where.feedStatus">
+                        <el-option label="已投料" :value="1" />
+                        <el-option label="已投料" :value="0" />
+                    </el-select>
+                </el-form-item>
+            </el-col>
+
+
+
+
+
+
+            <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
+                <el-form-item label-width="0px">
+                    <el-button type="primary" icon="el-icon-search" class="ele-btn-icon" @click="search">
+                        查询
+                    </el-button>
+                    <el-button @click="reset" icon="el-icon-refresh-left" type="primary">重置</el-button>
+                </el-form-item>
+            </el-col>
+        </el-row>
+    </el-form>
+</template>
+  
+<script>
+
+export default {
+    props: [],
+    data() {
+        // 默认表单数据
+        const defaultWhere = {
+            workOrderCode: '',
+
+            categoryName: '',
+            rootCategoryLevelId: ['2']
+
+
+        };
+        return {
+            // 表单数据
+            where: { ...defaultWhere },
+
+        };
+    },
+    computed: {
+        // 是否开启响应式布局
+        styleResponsive() {
+            return this.$store.state.theme.styleResponsive;
+        }
+    },
+    watch: {},
+    created() {
+
+    },
+    methods: {
+        /* 搜索 */
+        search() {
+            this.$emit('search', this.where);
+        },
+        /*  重置 */
+        reset() {
+            this.where = { ...this.defaultWhere };
+            this.search();
+        },
+
+
+    }
+};
+</script>
+<style lang="scss" scoped>
+.ele-form-actions {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+}
+</style>
+  

src/views/InTheSystem/index.vue

@@ -0,0 +1,162 @@
+<template>
+    <div class="ele-body">
+        <el-card shadow="never" v-loading="loading">
+            <search @search="reload" ref="searchRef"> </search>
+
+            <!-- 数据表格 -->
+            <ele-pro-table ref="table" :columns="columns" :datasource="datasource" cache-key="workOrderTable">
+
+                <template v-slot:feedStatus="{ row }">
+
+                    {{  row.feedStatus === 1 ? '已投料' : row.feedStatus === 0 ? '未投料' : '' }}
+
+                    </template>
+
+                
+
+
+
+            </ele-pro-table>
+        </el-card>
+
+
+
+
+    </div>
+</template>
+  
+<script>
+import { getList } from '@/api/InTheSystem/index.js';
+
+import search from './components/search.vue';
+
+export default {
+    components: {
+        search,
+
+    },
+    data() {
+        return {
+
+            loading: false,
+
+
+
+        };
+    },
+    computed: {
+        // 表格列配置
+        columns() {
+            return [
+                {
+                    columnKey: 'index',
+                    label: '序号',
+                    type: 'index',
+                    width: 55,
+                    align: 'center',
+                    showOverflowTooltip: true,
+                    fixed: 'left'
+                },
+                {
+                    prop: 'workOrderCode',
+                    label: '工单编码',
+                    align: 'center',
+                    minWidth: 110
+                },
+      
+                {
+                    prop: 'taskName',
+                    label: '工序',
+                    align: 'center'
+                },
+           
+          
+           
+
+                {
+                    prop: 'name',
+                    label: '物品名称',
+                    align: 'center',
+                    minWidth: 280
+                },
+
+
+                
+                {
+                    slot: 'feedStatus',
+                    label: '类型',
+                    align: 'center'
+                },
+                {
+                    prop: 'number',
+                    label: '数量',
+                    align: 'center'
+                },
+
+                {
+                    prop: 'deviceName',
+                    label: '设备名称',
+                    align: 'center'
+                },
+
+                {
+                    prop: 'workstationName',
+                    label: '工位',
+                    align: 'center'
+                },
+
+
+
+
+                
+
+
+
+                {
+                    prop: 'createTime',
+                    label: '创建时间',
+                    align: 'center',
+                    showOverflowTooltip: true,
+                    minWidth: 110
+                },
+ 
+       
+
+            ];
+        },
+
+
+
+
+    },
+    created() {
+
+    },
+    methods: {
+  
+        /* 表格数据源 */
+        datasource({ page, limit, where }) {
+
+            return getList({
+                pageNum: page,
+                size: limit,
+                ...where
+            });
+        },
+
+
+
+
+
+        /* 刷新表格 */
+        reload(where) {
+            this.$nextTick(() => {
+                this.$refs.table.reload({ page: 1, where });
+            });
+        }
+    }
+};
+</script>
+  
+<style lang="scss" scoped></style>
+