<add>[important]添加库前输送机信息的查询
This commit is contained in:
parent
704eca33c7
commit
959f4fb57a
9
src/axios/stacker.convey.js
Normal file
9
src/axios/stacker.convey.js
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
import axios from '@/axios/base/base.axios';
|
||||
|
||||
export default {
|
||||
// 获取所有库前输送机状态
|
||||
getStackerConveyInfo() {
|
||||
return axios.get('/api/wcs/stackerConvey/queryStackerConveyInfo')
|
||||
},
|
||||
|
||||
}
|
||||
|
|
@ -24,6 +24,7 @@ const routes = [
|
|||
{ path: 'location', name: 'location', component:() => import('@/view/tab/equipmentManage/LocationData.vue') }, // 点位/库位管理
|
||||
{ path: 'stackerData', name: 'stackerData', component:() => import('@/view/tab/equipmentManage/StackerData.vue') }, // 堆垛机管理
|
||||
{ path: 'elTagLocationData', name: 'elTagLocationData', component:() => import('@/view/tab/equipmentManage/ElTagLocationData.vue')}, // 电子标签货位管理
|
||||
{ path: 'stackerConvey', name: 'stackerConvey', component:() => import('@/view/tab/equipmentManage/StackerConvey.vue')}, // 堆垛机输送线管理
|
||||
// 数据查询
|
||||
{ path: 'apiAccept', name: 'apiAccept', component:() => import('../view/tab/dataQuery/ApiAccept.vue') }, // 接口接收记录
|
||||
{ path: 'apiRequest', name: 'apiRequest', component:() => import('../view/tab/dataQuery/ApiRequest.vue') }, // 接口请求记录
|
||||
|
|
|
|||
127
src/view/tab/equipmentManage/StackerConvey.vue
Normal file
127
src/view/tab/equipmentManage/StackerConvey.vue
Normal file
|
|
@ -0,0 +1,127 @@
|
|||
<!-- 库前输送机管理 -->
|
||||
<template>
|
||||
<div>
|
||||
<el-row>
|
||||
<el-button type="primary" style="margin-left: 0.5rem" @click="refresh">查询/刷新</el-button>
|
||||
</el-row>
|
||||
<el-row style="width: calc(100vw - 270px)">
|
||||
<h5>库前输送机信息</h5>
|
||||
<el-table :data="stackerConveyInfo" border stripe style="width: 100%;" max-height="calc(100vh - 350px)">
|
||||
<el-table-column fixed prop="wcsLocation" label="WCS 点位" width="100px" align="center" show-overflow-tooltip/>
|
||||
<el-table-column fixed prop="wmsLocation" label="WMS 点位" width="250px" align="center" show-overflow-tooltip/>
|
||||
<el-table-column prop="plcLocation" label="PLC 点位" align="center" width="150px"/>
|
||||
<el-table-column prop="locationName" label="点位名称" align="center" width="150px"/>
|
||||
<el-table-column prop="area" label="区域" align="center"/>
|
||||
<el-table-column prop="locationType" label="点位类型" align="center"/>
|
||||
<el-table-column prop="locationStatus" label="点位状态" align="center" width="180px">
|
||||
<template #default="scope">
|
||||
<el-tag class="ml-2" :type=formatterOnOrOffEnum(scope.row.locationStatus).type>
|
||||
{{formatterOnOrOffEnum(scope.row.locationStatus).label}}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="writeType" label="写入方式" align="center"/>
|
||||
<el-table-column prop="remark" label="备注" align="center"/>
|
||||
<!-- <el-table-column fixed="right" label="操作" align="center" width="80">-->
|
||||
<!-- <template #default="scope">-->
|
||||
<!-- <el-button-group class="ml-4">-->
|
||||
<!-- <el-tooltip content="编辑" placement="top" effect="light">-->
|
||||
<!-- <el-button type="primary" size="small" @click="edit(scope.row)">-->
|
||||
<!-- <el-icon><Edit/></el-icon>-->
|
||||
<!-- </el-button>-->
|
||||
<!-- </el-tooltip>-->
|
||||
<!-- </el-button-group>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
</el-table>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import 《组件名称》 from '《组件路径》 ';
|
||||
import {formatterOnOrOffEnum} from "@/enum/base/on.off.enum";
|
||||
import stackerConveyApi from "@/axios/stacker.convey";
|
||||
import {ElLoading, ElMessage} from "element-plus";
|
||||
|
||||
export default {
|
||||
// import 引入的组件需要注入到对象中才能使用
|
||||
components: {},
|
||||
props: [],
|
||||
emits: [],
|
||||
data() {
|
||||
// 这里存放数据
|
||||
return {
|
||||
formatterOnOrOffEnum,
|
||||
// 库前输送机信息
|
||||
stackerConveyInfo: []
|
||||
}
|
||||
},
|
||||
// 计算属性 类似于 data 概念
|
||||
computed: {},
|
||||
// 监控 data 中的数据变化
|
||||
watch: {},
|
||||
// 方法集合
|
||||
methods: {
|
||||
refresh() {
|
||||
const loading = ElLoading.service({
|
||||
lock: true,
|
||||
text: '加载中...',
|
||||
})
|
||||
stackerConveyApi.getStackerConveyInfo().then(res=>{
|
||||
const responseData = res.data
|
||||
if(responseData.code === 0){
|
||||
ElMessage({
|
||||
message: '查询成功',
|
||||
type: 'success',
|
||||
})
|
||||
this.stackerConveyInfo = Object.freeze(responseData["returnData"])
|
||||
}else{
|
||||
ElMessage({
|
||||
message: '服务器返回失败：' + responseData.msg,
|
||||
type: 'warning',
|
||||
})
|
||||
}
|
||||
}).catch(ex=>{
|
||||
ElMessage({
|
||||
message: '请求服务器失败：' + ex,
|
||||
type: 'error',
|
||||
})
|
||||
}).finally(()=>{
|
||||
loading.close()
|
||||
})
|
||||
}
|
||||
},
|
||||
// 组合式 API
|
||||
setup() {
|
||||
},
|
||||
// 创建之前
|
||||
beforeCreate() {
|
||||
},
|
||||
// 创建完成(可以访问 this 实例)
|
||||
created() {
|
||||
},
|
||||
// 生命周期 - 挂载之前
|
||||
beforeMount() {
|
||||
},
|
||||
// 生命周期 - 挂载完成（可以访问 DOM 元素）
|
||||
mounted() {
|
||||
},
|
||||
// 更新之前
|
||||
beforeUpdate() {
|
||||
},
|
||||
// 更新之后
|
||||
updated() {
|
||||
},
|
||||
// 销毁之前
|
||||
beforeUnmount() {
|
||||
},
|
||||
// 销毁完成
|
||||
unmounted() {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user