kd-aiot-frontend-mes/src/views/InTheSystem/index.vue

<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>