<template>
|
<el-row :gutter="10">
|
<el-col :span="8">
|
<el-collapse v-model="activeNames">
|
<el-collapse-item title="仓库一层" name="1">
|
<el-card class="box-card" shadow="hover">
|
<el-text style="margin-right: 15px;">托盘输送</el-text>
|
<el-button @click="write('OnePalletStart','1')">启动</el-button>
|
<el-button @click="write('OnePalletStop','1')">停止</el-button>
|
</el-card>
|
<el-card class="box-card" shadow="hover" style="margin-top: 3px;">
|
<el-text style="margin-right: 15px;">拆跺机器人1</el-text>
|
<el-button @click="write('OneChaiStart','1')">启动</el-button>
|
<el-button @click="write('OneChaiStop','1')">停止</el-button>
|
</el-card>
|
|
<el-card class="box-card" shadow="hover" style="margin-top: 3px;">
|
<el-text style="margin-right: 15px;">拆跺机器人2</el-text>
|
<el-button @click="write('OneChaiTwoStart','1')">启动</el-button>
|
<el-button @click="write('OneChaiTwoStop','1')">停止</el-button>
|
</el-card>
|
<el-card class="box-card" shadow="hover" style="margin-top: 3px;">
|
<el-text style="margin-right: 15px;">件箱输送</el-text>
|
<el-button @click="write('OneBoxStart','1')">启动</el-button>
|
<el-button @click="write('OneBoxStop','1')">停止</el-button>
|
</el-card>
|
</el-collapse-item>
|
</el-collapse>
|
</el-col>
|
|
<el-col :span="8">
|
<el-collapse v-model="activeNames2">
|
<el-collapse-item title="仓库二层" name="2">
|
<el-card class="box-card" shadow="hover">
|
<el-text style="margin-right: 15px;">托盘输送</el-text>
|
<el-button @click="write('TwoPalletStart','2')">启动</el-button>
|
<el-button @click="write('TwoPalletStop','2')">停止</el-button>
|
</el-card>
|
<el-card class="box-card" shadow="hover" style="margin-top: 3px;">
|
<el-text style="margin-right: 15px;">码跺机器人1</el-text>
|
<el-button @click="write('TwoMaStart','2')">启动</el-button>
|
<el-button @click="write('TwoMaStop','2')">停止</el-button>
|
</el-card>
|
|
<el-card class="box-card" shadow="hover" style="margin-top: 3px;">
|
<el-text style="margin-right: 15px;">码跺机器人2</el-text>
|
<el-button @click="write('TwoMaTwoStart','2')">启动</el-button>
|
<el-button @click="write('TwoMaTwoStop','2')">停止</el-button>
|
</el-card>
|
<el-card class="box-card" shadow="hover" style="margin-top: 3px;">
|
<el-text style="margin-right: 15px;">件箱输送</el-text>
|
<el-button @click="write('TwoBoxStart','2')">启动</el-button>
|
<el-button @click="write('TwoBoxStop','2')">停止</el-button>
|
</el-card>
|
</el-collapse-item>
|
</el-collapse>
|
</el-col>
|
|
<el-col :span="8">
|
<el-collapse v-model="activeNames3">
|
<el-collapse-item title="仓库三层" name="3">
|
<el-card class="box-card" shadow="hover" style="margin-top: 3px;">
|
<el-text style="margin-right: 15px;">托盘输送</el-text>
|
<el-button @click="write('ThreePalletStart','3')">启动</el-button>
|
<el-button @click="write('ThreePalletStop','3')">停止</el-button>
|
</el-card>
|
</el-collapse-item>
|
</el-collapse>
|
</el-col>
|
|
</el-row>
|
|
</template>
|
|
<script lang="ts" setup>
|
|
|
import { ref, reactive, onMounted } from 'vue';
|
import { listStatus, listPosition } from '/@/api/wcs/wcsPlc';
|
import { WriteStartStop } from '/@/api/wcs/wcsDevice';
|
import { ElMessage } from "element-plus";
|
|
const activeNames = ref(['1'])
|
const activeNames2 = ref(['2'])
|
const activeNames3= ref(['3'])
|
|
const state = ref<any>({});
|
|
const write = async (type: string,layer: string) => {
|
|
var data = {
|
Type:type,
|
Layer: layer
|
};
|
|
var res = await WriteStartStop(data);
|
console.log(res.data.result);
|
// ElMessage.success(res.data.result);
|
}
|
|
|
</script>
|
|
<style scoped>
|
|
.layout-parent > div:first-child{
|
flex-direction:row;
|
}
|
|
</style>
|
