liyuqi/202501-Wms-Kate-Wuxi
1
0
Fork 0
forked from BaoKaiWms/202501-Wms-Kate-Wuxi
Code Pull Requests Activity

堆垛机监控提交

Browse Source
This commit is contained in:
李宇奇 2025-06-13 08:47:58 +08:00
parent 3a2386347b
commit 7f735adf58
9 changed files with 479 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
dev_wms_client/src/api/equipment.js Normal file
View File

@ -0,0 +1,13 @@
import request from "@/http/request";
const getEquipmentsByPage = (params) => {
return request({
url: '/equipment/queryEquipmentInfoByPage',
method: 'post',
data: params
})
}
export {
getEquipmentsByPage
}

18
dev_wms_client/src/constant/options.js
View File

@ -305,3 +305,21 @@ export const invResultOptions = [
label: '盘盈'
}
]
// 设备类型枚举
export const equipmentTypeOptions = [
{
value: 1,
label: '堆垛机'
}
]
// 设备状态枚举
export const equipmentStatusOptions = [
{
value: 0,
label: '不可用'
},
{
value: 1,
label: '可用'
}
]

263
dev_wms_client/src/layout/equipment.vue Normal file
View File

@ -0,0 +1,263 @@
<template>
<el-config-provider :locale="zhCn">
<el-container class="content">
<div class="work-area">
<fieldset class="search-area">
<el-form ref="searchQueryFormRef" :model="searchQueryFormEntity" :label-position="labelPosition"
label-width="158px" style="max-width: 100%" status-icon>
<div style="display: flex;justify-content: space-between;">
<el-row>
<el-form-item label="设备ID">
<el-input v-model="searchQueryFormEntity.equipmentId" @keyup.enter="search()" clearable/>
</el-form-item>
<el-form-item label="设备类型">
<el-select-v2 style="width: 196px;" v-model="searchQueryFormEntity.equipmentType"
placeholder="设备类型"
:options="addAllOptionOfOptions(equipmentTypeOptions)"
@change="search()"></el-select-v2>
</el-form-item>
<el-form-item label="设备状态">
<el-select-v2 style="width: 196px;" v-model="searchQueryFormEntity.equipmentStatus"
placeholder="设备状态"
:options="addAllOptionOfOptions(equipmentStatusOptions)"
@change="search()"></el-select-v2>
</el-form-item>
<el-form-item label="设备名称">
<el-input v-model="searchQueryFormEntity.equipmentName" @keyup.enter="search()" clearable/>
</el-form-item>
</el-row>
<div style="align-content: center;">
<el-row>
<el-button type="primary" class="btn-search" @click="search()">查询</el-button>
<el-button type="warning" class="btn-search" @click="clearQuery()">清除输入</el-button>
</el-row>
</div>
</div>
</el-form>
</fieldset>
<div class="table-area">
<el-table :data="tableData" stripe border v-loading="tableLoading" class="table-class"
:max-height="maxHeight" highlight-current-row @row-click="getCurrentRow"
:header-cell-style="{ 'text-align': 'center' }" :cell-style="{ 'text-align': 'center' }"
@sort-change="handleSortChange">
<el-table-column width="65px" fixed="left">
<template v-slot="scope">
<el-radio :label="scope.row.equipmentId" v-model="equipmentId">&nbsp;</el-radio>
</template>
</el-table-column>
<el-table-column prop="equipmentId" label="设备ID" fixed="left" min-width="120px" sortable="custom"
show-overflow-tooltip/>
<el-table-column prop="equipmentName" label="设备名称" min-width="120px" sortable="custom"
show-overflow-tooltip/>
<el-table-column prop="equipmentType" label="设备类型" min-width="120px" :formatter="equipmentTypeFormat"
sortable="custom"
show-overflow-tooltip/>
<el-table-column prop="equipmentStatus" label="设备状态" :formatter="equipmentStatusFormat"
min-width="120px" sortable="custom"
show-overflow-tooltip/>
<el-table-column prop="equipmentDesc" label="设备描述" min-width="120px" sortable="custom"
show-overflow-tooltip/>
<el-table-column prop="lastUpdateTime" label="最后更新时间" min-width="180px" sortable="custom"
:formatter="timeFormat" show-overflow-tooltip/>
<el-table-column prop="lastUpdateUser" label="最后更新用户" min-width="120px" sortable="custom"
show-overflow-tooltip/>
</el-table>
<br/>
<el-pagination v-model:current-page="baseTableQuery.currentPage"
v-model:page-size="baseTableQuery.pageSize" :page-sizes="[10, 25, 50]" :small="false"
:disabled="false" :background="false" :default-page-size="10" @size-change="search"
@current-change="search" layout="total, sizes, prev, pager, next, jumper"
:total="baseTableQuery.total"/>
</div>
</div>
</el-container>
</el-config-provider>
</template>
<script setup>
import store from '@/store'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
import {timeFormatter} from '@/utils/formatter.js'
import {ref, reactive, onMounted, nextTick, onBeforeUnmount} from 'vue'
import {ElMessage} from 'element-plus'
import {genTableRequest, addAllOptionOfOptions} from '@/utils/generator.js'
import {labelPosition} from '@/constant/form.js'
import {getEquipmentsByPage} from "@/api/equipment";
import {equipmentTypeOptions, equipmentStatusOptions} from "@/constant/options";
/**
* 常量定义
*/
const STAND_ID = store.getters.getStandId
const USER_NAME = store.getters.getUserName
/**
* 变量定义
*/
let maxHeight = ref(window.innerHeight * 0.55)
let tableLoading = ref(false)
let tableData = ref([])
let baseTableQuery = reactive({
currentPage: 1,
pageSize: 10,
total: 0,
sortBy: new Map([['equipmentId', true]]),// 按照设备ID顺序排序
standId: STAND_ID,
userName: USER_NAME
})
let searchQueryFormEntity = reactive({
equipmentId: '',
equipmentType: -99,
equipmentStatus: -99,
equipmentName: '',
equipmentDesc: ''
})
let searchQueryFormRef = ref()
let equipmentId = ''
/**
* 系统方法
*/
onMounted(() => {
nextTick(() => {
window.addEventListener('resize', resizeHeight)
search()
})
})
onBeforeUnmount(() => {
nextTick(() => {
window.removeEventListener('resize', resizeHeight)
})
})
const resizeHeight = () => {
maxHeight.value = window.innerHeight * 0.55
}
/**
* 自定义方法
*/
// 查询
const search = () => {
tableLoading.value = true
let request = genTableRequest(baseTableQuery)
// 设定查询参数
request.equipmentId = searchQueryFormEntity.equipmentId.trim() || null
request.equipmentType = searchQueryFormEntity.equipmentType === -99 ? null : searchQueryFormEntity.equipmentType
request.equipmentStatus = searchQueryFormEntity.equipmentStatus === -99 ? null : searchQueryFormEntity.equipmentStatus
request.equipmentName = searchQueryFormEntity.equipmentName.trim() || null
request.equipmentDesc = searchQueryFormEntity.equipmentDesc.trim() || null
getEquipmentsByPage(request).then((res) => {
const response = res.data
if (response.code === 0) {
const data = response.data
if (data != null) {
tableData.value = data.lists
baseTableQuery.total = data.total
} else {
tableData.value = []
baseTableQuery.total = 0
}
} else {
ElMessage.error(response.message)
}
}).catch(err => {
console.log(err)
ElMessage.error('查询数据异常。')
}).finally(() => {
tableLoading.value = false
})
}
const clearQuery = () => {
searchQueryFormEntity.equipmentId = ''
searchQueryFormEntity.equipmentType = -99
searchQueryFormEntity.equipmentStatus = -99
searchQueryFormEntity.equipmentName = ''
searchQueryFormEntity.equipmentDesc = ''
}
const handleSortChange = (data) => {
if (baseTableQuery.sortBy.has(data.prop)) {
baseTableQuery.sortBy.delete(data.prop)
}
baseTableQuery.sortBy.set(data.prop, data.order.toLowerCase() === 'ascending')
search()
}
const getCurrentRow = (row) => {
equipmentId = row.equipmentId
}
const timeFormat = (row, column, cellValue, index) => {
return timeFormatter(cellValue)
}
const equipmentTypeFormat = (row, column, cellValue, index) => {
const option = equipmentTypeOptions.find(item => item.value === cellValue)
return option ? option.label : cellValue
}
const equipmentStatusFormat = (row, column, cellValue, index) => {
return cellValue === 1 ? '可用' : '不可用'
}
</script>
<style scoped>
.content {
display: flex;
width: 100%;
}
.work-area {
width: 100%;
/* padding: 5px; */
}
.search-area {
margin: auto;
min-height: fit-content;
max-height: 40%;
margin-bottom: 10px;
min-width: inherit;
border: solid 1px;
border-radius: 10px;
box-shadow: 0px 15px 10px -15px #000;
overflow: auto;
padding: 10px;
}
.table-area {
margin: auto;
min-height: fit-content;
max-height: 60%;
margin-bottom: 10px;
min-width: inherit;
border: solid 1px;
border-radius: 10px;
box-shadow: 0px 15px 10px -15px #000;
overflow: auto;
padding: 10px;
}
.el-form-item {
margin: 5px 5px 5px 5px;
}
.el-form-item .el-input {
width: 196px;
}
.el-form-item .el-input-number {
width: 196px;
}
.el-form-item .el-select-v2 {
width: 196px;
}
.table-class {
margin: 5px 5px 5px 5px;
width: inherit;
}
.el-pagination {
padding-left: 5px;
}
.btn-search {
height: 30px;
width: 80px;
margin: auto 5px 5px auto;
color: black;
}
</style>

1
dev_wms_client/src/router/index.js
View File

@ -37,6 +37,7 @@ const routes = [
{path: '/kittingList', component: () => import('@/layout/kittingList.vue')},// 配料单
{path: '/kittingRelation', component: () => import('@/layout/kittingRelation.vue')},// 对应关系
{path: '/imageTable', component: () => import('@/layout/ImageTable.vue')},
{path: '/equipment', component: () => import('@/layout/equipment.vue')},
]
},
{

27
dev_wms_serve/src/main/java/com/wms_main/controller/wms/EquipmentController.java Normal file
View File

@ -0,0 +1,27 @@
package com.wms_main.controller.wms;
import com.wms_main.model.dto.query.EquipmentQuery;
import com.wms_main.model.dto.response.wms.WmsApiResponse;
import com.wms_main.model.vo.wms.EquipmentVo;
import com.wms_main.model.vo.wms.PageVo;
import com.wms_main.service.controller.IEquipmentControllerService;
import lombok.RequiredArgsConstructor;
import org.springframework.web.bind.annotation.*;
@RestController
@ResponseBody
@CrossOrigin
@RequiredArgsConstructor
@RequestMapping("/wms/equipment")
public class EquipmentController {
private final IEquipmentControllerService equipmentControllerService;
/**
* 查询堆垛机信息
* @param equipmentQuery 查询参数
* @return 查询结果
*/
@PostMapping("/queryEquipmentInfoByPage")
public WmsApiResponse<PageVo<EquipmentVo>> queryEquipmentInfoByPage(@RequestBody EquipmentQuery equipmentQuery) {
return equipmentControllerService.queryEquipmentInfoByPage(equipmentQuery);
}
}

38
dev_wms_serve/src/main/java/com/wms_main/model/dto/query/EquipmentQuery.java Normal file
View File

@ -0,0 +1,38 @@
package com.wms_main.model.dto.query;
import com.fasterxml.jackson.annotation.JsonProperty;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.EqualsAndHashCode;
import lombok.NoArgsConstructor;
@EqualsAndHashCode(callSuper = true)
@Data
@AllArgsConstructor
@NoArgsConstructor
public class EquipmentQuery extends PageQuery {
/**
* 设备id
*/
@JsonProperty(value = "equipmentId")
private Integer equipmentId;
/**
* 设备类型
*/
@JsonProperty(value = "equipmentType")
private Integer equipmentType;
/**
* 设备状态
*/
@JsonProperty(value = "equipmentStatus")
private Integer equipmentStatus;
/**
* 设备名称
*/
@JsonProperty(value = "equipmentName")
private String equipmentName;
/**
* 设备描述
*/
@JsonProperty(value = "equipmentDesc")
private String equipmentDesc;
}

70
dev_wms_serve/src/main/java/com/wms_main/model/vo/wms/EquipmentVo.java Normal file
View File

@ -0,0 +1,70 @@
package com.wms_main.model.vo.wms;
import com.fasterxml.jackson.annotation.JsonProperty;
import com.wms_main.model.po.TAppEquipment;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import java.time.LocalDateTime;
@Data
@AllArgsConstructor
@NoArgsConstructor
public class EquipmentVo {
/**
* 设备id
*/
@JsonProperty(value = "equipmentId")
private Integer equipmentId;
/**
* 设备类型
*/
@JsonProperty(value = "equipmentType")
private Integer equipmentType;
/**
* 设备状态
*/
@JsonProperty(value = "equipmentStatus")
private Integer equipmentStatus;
/**
* 设备名称
*/
@JsonProperty(value = "equipmentName")
private String equipmentName;
/**
* 设备描述
*/
@JsonProperty(value = "equipmentDesc")
private String equipmentDesc;
/**
* 上次更新时间
*/
@JsonProperty(value = "lastUpdateTime")
private LocalDateTime lastUpdateTime;
/**
* 上次更新用户
*/
@JsonProperty(value = "lastUpdateUser")
private String lastUpdateUser;
/**
* 将po对象转换为vo对象
* @param po po对象
* @return vo
*/
public static EquipmentVo of(TAppEquipment po) {
if (po == null) {
return new EquipmentVo();
}
// 返回vo
return new EquipmentVo(
po.getEquipmentId(),
po.getEquipmentType(),
po.getEquipmentStatus(),
po.getEquipmentName(),
po.getEquipmentDesc(),
po.getLastUpdateTime(),
po.getLastUpdateUser()
);
}
}

9
dev_wms_serve/src/main/java/com/wms_main/service/controller/IEquipmentControllerService.java Normal file
View File

@ -0,0 +1,9 @@
package com.wms_main.service.controller;
import com.wms_main.model.dto.query.EquipmentQuery;
import com.wms_main.model.dto.response.wms.WmsApiResponse;
import com.wms_main.model.vo.wms.EquipmentVo;
import com.wms_main.model.vo.wms.PageVo;
public interface IEquipmentControllerService {
WmsApiResponse<PageVo<EquipmentVo>> queryEquipmentInfoByPage(EquipmentQuery equipmentQuery);
}

40
dev_wms_serve/src/main/java/com/wms_main/service/controller/serviceImpl/EquipmentControllerServiceImpl.java Normal file
View File

@ -0,0 +1,40 @@
package com.wms_main.service.controller.serviceImpl;
import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
import com.wms_main.dao.ITAppEquipmentService;
import com.wms_main.model.dto.query.EquipmentQuery;
import com.wms_main.model.dto.response.wms.WmsApiResponse;
import com.wms_main.model.po.TAppEquipment;
import com.wms_main.model.vo.wms.EquipmentVo;
import com.wms_main.model.vo.wms.PageVo;
import com.wms_main.repository.utils.StringUtils;
import com.wms_main.service.controller.IEquipmentControllerService;
import lombok.RequiredArgsConstructor;
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Service;
@Service
@RequiredArgsConstructor
@Slf4j
public class EquipmentControllerServiceImpl implements IEquipmentControllerService {
private final ITAppEquipmentService equipmentService;
@Override
public WmsApiResponse<PageVo<EquipmentVo>> queryEquipmentInfoByPage(EquipmentQuery equipmentQuery) {
if (equipmentQuery == null) {
return WmsApiResponse.error("查询参数不能为NULL", null);
}
Page<TAppEquipment> page = equipmentQuery.toMpPage();
LambdaQueryWrapper<TAppEquipment> lambdaQueryWrapper = new LambdaQueryWrapper<TAppEquipment>()
.eq(equipmentQuery.getEquipmentId() != null, TAppEquipment::getEquipmentId, equipmentQuery.getEquipmentId())
.eq(equipmentQuery.getEquipmentType() != null, TAppEquipment::getEquipmentType, equipmentQuery.getEquipmentType())
.eq(equipmentQuery.getEquipmentStatus() != null, TAppEquipment::getEquipmentStatus, equipmentQuery.getEquipmentStatus())
.like(StringUtils.isNotEmpty(equipmentQuery.getEquipmentName()), TAppEquipment::getEquipmentName, equipmentQuery.getEquipmentName())
.like(StringUtils.isNotEmpty(equipmentQuery.getEquipmentDesc()), TAppEquipment::getEquipmentDesc, equipmentQuery.getEquipmentDesc());
Page<TAppEquipment> poPage = equipmentService.page(page, lambdaQueryWrapper);
PageVo<EquipmentVo> pageVo = PageVo.of(poPage, EquipmentVo::of);
return WmsApiResponse.success("查询堆垛机成功", pageVo);
}
}