<script setup>
|
import { ref, reactive } from 'vue'
|
import { ElMessage } from 'element-plus'
|
import request from '@/utils/request'
|
|
// 查询参数
|
const queryParams = reactive({
|
fromDate: '',
|
toDate: '',
|
Arm_No: '',
|
DO_NO: ''
|
})
|
|
// 查询结果
|
const queryResults = ref([])
|
|
// 查询函数
|
const handleQueryByCondition = async () => {
|
try {
|
const response = await request.post('/deviceInteraction/rotatingRack/queryRackData', queryParams);
|
// 修改条件判断，只根据 response.code 来判断查询是否成功
|
if (response.code === 200) {
|
queryResults.value = response.data;
|
ElMessage.success('查询成功');
|
} else {
|
ElMessage.error(`查询失败: ${response.message}`);
|
}
|
} catch (error) {
|
ElMessage.error(`查询错误: ${error.message}`);
|
}
|
};
|
</script>
|
|
<template>
|
<el-container>
|
<el-main>
|
<!-- 查询表单 -->
|
<div class="query-form">
|
<el-form :model="queryParams" label-width="100px">
|
<el-form-item label="开始日期">
|
<el-date-picker
|
v-model="queryParams.fromDate"
|
type="date"
|
placeholder="选择开始日期"
|
></el-date-picker>
|
</el-form-item>
|
<el-form-item label="结束日期">
|
<el-date-picker
|
v-model="queryParams.toDate"
|
type="date"
|
placeholder="选择结束日期"
|
></el-date-picker>
|
</el-form-item>
|
<el-form-item label="料架编号">
|
<el-input style="width: 300px;" v-model="queryParams.Arm_No" placeholder="请输入料架编号"></el-input>
|
</el-form-item>
|
<el-form-item label="DO编号">
|
<el-input style="width: 300px;" v-model="queryParams.DO_NO" placeholder="请输入DO编号"></el-input>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" @click="handleQueryByCondition">查询</el-button>
|
</el-form-item>
|
</el-form>
|
</div>
|
|
<!-- 查询结果表格 -->
|
<div v-if="queryResults.length > 0" class="query-result-table">
|
<el-table :data="queryResults" border style="width: 100%">
|
<el-table-column prop="ROBOT_NO" label="机器人编号"></el-table-column>
|
<el-table-column prop="DO_Code" label="DO编号"></el-table-column>
|
<el-table-column prop="SKU_CODE" label="SKU编号"></el-table-column>
|
<el-table-column prop="GlassWeight" label="玻璃重量"></el-table-column>
|
<el-table-column prop="PCS" label="数量"></el-table-column>
|
<el-table-column prop="StartDateTime" label="开始时间"></el-table-column>
|
<el-table-column prop="EndDateTime" label="结束时间"></el-table-column>
|
<el-table-column prop="Broken" label="破损数量"></el-table-column>
|
<el-table-column prop="SucessfullyCompleted" label="成功完成数量"></el-table-column>
|
<el-table-column prop="ElectricityConsume" label="耗电量"></el-table-column>
|
<el-table-column prop="DownTime" label="停机时间"></el-table-column>
|
<el-table-column prop="Oparator_Name" label="操作员姓名"></el-table-column>
|
</el-table>
|
</div>
|
</el-main>
|
</el-container>
|
</template>
|
|
<style scoped>
|
.query-form {
|
margin-bottom: 20px;
|
}
|
.query-result-table {
|
margin-top: 20px;
|
}
|
</style>
|
