新增WMS下发任务表，增加分拣任务菜单；绑定分拣码垛设备数据

wxw

2024-09-05 637668ccd8a20772540eaf88ecf8b6eb098df5a1

 Web/src/views/device/sortPallet/index.vue

@@ -18,7 +18,7 @@
                <div class="card-container">
                    <el-card class="other-box-card" v-for="deviceInfo in devicePointData" :key="deviceInfo.id">
                        <div slot="header" class="linefix">
                            <span>{{ deviceInfo.name }}</span>
                            <span>{{ deviceInfo.text }}</span>
                            <div :class="['lineStatus', { 'device-status-0': deviceInfo.status === 0 }, { 'device-status-1': deviceInfo.status === 1 }]"></div>
                        </div>
                        <div class="otherValuefix" >
@@ -29,6 +29,9 @@
                                <el-form-item label="任务号">
                                    <el-input v-model="deviceInfo.taskNumber"></el-input>
                                </el-form-item>
                                <el-form-item label="批次号">
                                    <el-input></el-input>
                                </el-form-item>
                                <el-form-item label="物料编码">
                                    <el-input></el-input>
                                </el-form-item>
@@ -38,7 +41,7 @@
                                <el-form-item label="包装名称">
                                    <el-input></el-input>
                                </el-form-item>
                                <el-form-item label="状态">
                                <el-form-item label="绑定状态">
                                    <el-input></el-input>
                                </el-form-item>
                                <el-form-item label="抓箱品种">
@@ -75,90 +78,37 @@
  
<script lang="ts" setup>
import { ref } from 'vue';
import { GetWcsPackPlcList } from '/@/api/wcs/wcsDevice';

import { GetWcsPackPlcList,GetWcsPackStationPlcList } from '/@/api/wcs/wcsDevice';
//设备数据
const deviceList=ref<any>([]);
//设备对应工位数据
const devicePointData = ref<any>([]);

const devicePointList=[
    {
        id: 1,
        deviceId:586494087331909,
        name: '1号码垛机器人 1工位',
        taskNumber: 'T000001',
        taskType: '',
        plc: '',
        wcs: '',
        status: 0
    },
    {
        id: 2,
        deviceId:586494087331909,
        name: '1号码垛机器人 2工位',
        taskNumber: '',
        taskType: '',
        plc: '',
        wcs: '',
        status: 1
    },
    {
        id: 3,
        deviceId:586494087331909,
        name: '1号码垛机器人 3工位',
        taskNumber: '',
        taskType: '',
        plc: '',
        wcs: '',
        status: 1
    },
    {
        id: 4,
        deviceId:586494241939525,
        name: '2号码垛机器人 1工位',
        taskNumber: 'T000001',
        taskType: '',
        plc: '',
        wcs: '',
        status: 0
    },
    {
        id: 5,
        deviceId:586494241939525,
        name: '2号码垛机器人 2工位',
        taskNumber: '',
        taskType: '',
        plc: '',
        wcs: '',
        status: 1
    },
    {
        id: 6,
        deviceId:3,
        name: '3号机器人 1工位',
        taskNumber: 'T000001',
        taskType: '',
        plc: '',
        wcs: '',
        status: 0
    }
];

let devicePointData = ref<any>([]);
const selectedDeviceId=ref<any>();
// 查询操作
const handleQuery = async () => {

//获取
const fetchStationData = async (plcId: any) => {
    const res2 = await GetWcsPackStationPlcList({ plcId });
    devicePointData.value = res2.data.result;
    console.log('data:'+devicePointData.value);
};
// 获取设备数据
const fetchPLCDeviceData = async () => {
    var res = await GetWcsPackPlcList();
    deviceList.value = res.data.result;

    //输送线数据
    selectedDeviceId.value = deviceList.value[0].id;
    devicePointData.value= devicePointList.filter(device => device.deviceId === selectedDeviceId.value);
    if (deviceList.value.length > 0) {
      selectedDeviceId.value = deviceList.value[0].id;
      await fetchStationData(selectedDeviceId.value);
    }
};
handleQuery();
fetchPLCDeviceData();

//切换
function chooseDevice(id) {
    selectedDeviceId.value = id;
    devicePointData.value = devicePointList.filter(device => device.deviceId === id);

    fetchStationData(id);
}
</script>

@@ -204,13 +154,13 @@
    }
    .otherValuefix{
        width: 100%;
        height: 500px;
        height: 540px;
        padding: 10px;
        border-bottom: 1px solid rgb(197, 195, 195);
    }
    .otherButtonfix{
        width: 100%;
        height: 100px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;