Compare commits
No commits in common. "2cec12510e06f3db4fd1859f82dfa342ecf904b4" and "8567c728cab2ebb89901185fa5fd04a842da190a" have entirely different histories.
2cec12510e
...
8567c728ca
8
.idea/.gitignore
vendored
8
.idea/.gitignore
vendored
|
|
@ -1,8 +0,0 @@
|
|||
# 默认忽略的文件
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# 基于编辑器的 HTTP 客户端请求
|
||||
/httpRequests/
|
||||
# Datasource local storage ignored files
|
||||
/dataSources/
|
||||
/dataSources.local.xml
|
||||
23
board/CODE/.gitignore
vendored
23
board/CODE/.gitignore
vendored
|
|
@ -1,23 +0,0 @@
|
|||
.DS_Store
|
||||
node_modules
|
||||
/dist
|
||||
|
||||
|
||||
# local env files
|
||||
.env.local
|
||||
.env.*.local
|
||||
|
||||
# Log files
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
|
||||
# Editor directories and files
|
||||
.idea
|
||||
.vscode
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
|
|
@ -1,19 +0,0 @@
|
|||
# wms_stand
|
||||
|
||||
## Project setup
|
||||
```
|
||||
npm install
|
||||
```
|
||||
|
||||
### Compiles and hot-reloads for development
|
||||
```
|
||||
npm run serve
|
||||
```
|
||||
|
||||
### Compiles and minifies for production
|
||||
```
|
||||
npm run build
|
||||
```
|
||||
|
||||
### Customize configuration
|
||||
See [Configuration Reference](https://cli.vuejs.org/config/).
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
module.exports = {
|
||||
presets: [
|
||||
'@vue/cli-plugin-babel/preset'
|
||||
]
|
||||
}
|
||||
|
|
@ -1,19 +0,0 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"target": "es5",
|
||||
"module": "esnext",
|
||||
"baseUrl": "./",
|
||||
"moduleResolution": "node",
|
||||
"paths": {
|
||||
"@/*": [
|
||||
"src/*"
|
||||
]
|
||||
},
|
||||
"lib": [
|
||||
"esnext",
|
||||
"dom",
|
||||
"dom.iterable",
|
||||
"scripthost"
|
||||
]
|
||||
}
|
||||
}
|
||||
10813
board/CODE/package-lock.json
generated
10813
board/CODE/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
|
|
@ -1,32 +0,0 @@
|
|||
{
|
||||
"name": "wms_stand",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^1.7.9",
|
||||
"core-js": "^3.8.3",
|
||||
"element-plus": "^2.9.4",
|
||||
"fullscreen": "^1.1.1",
|
||||
"vue": "^3.2.13",
|
||||
"vue-router": "^4.0.3",
|
||||
"vuex": "^4.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/cli-plugin-babel": "~5.0.0",
|
||||
"@vue/cli-plugin-router": "~5.0.0",
|
||||
"@vue/cli-plugin-vuex": "~5.0.0",
|
||||
"@vue/cli-service": "~5.0.0",
|
||||
"sass": "^1.32.7",
|
||||
"sass-loader": "^12.0.0"
|
||||
},
|
||||
"browserslist": [
|
||||
"> 1%",
|
||||
"last 2 versions",
|
||||
"not dead",
|
||||
"not ie 11"
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
|
|
@ -1,17 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||
<title>丰尚立库状态一览表</title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>
|
||||
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
|
||||
</noscript>
|
||||
<div id="app"></div>
|
||||
<!-- built files will be auto injected -->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,169 +0,0 @@
|
|||
<template>
|
||||
<div class="layout">
|
||||
<header class="navbar">
|
||||
<div class="brand">{{ dynamicTitle }}</div>
|
||||
<div class="control-buttons">
|
||||
<button
|
||||
v-show="!isFullscreenState"
|
||||
@click="enterFullscreen"
|
||||
class="hidBtn fullscreen-btn"
|
||||
>
|
||||
全屏
|
||||
</button>
|
||||
<button
|
||||
v-show="isFullscreenState"
|
||||
@click="exitFullscreen"
|
||||
class="hidBtn exit-btn"
|
||||
>
|
||||
退出
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
<main class="content">
|
||||
<component :is="currentComponent" />
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref, onMounted, onUnmounted, computed } from 'vue';
|
||||
import { useRoute } from 'vue-router';
|
||||
import Inbound from './views/Inbound.vue';
|
||||
import Outbound from './views/Outbound.vue';
|
||||
import Pick from './views/Pick.vue';
|
||||
|
||||
const debounce = (fn, delay) => {
|
||||
let timer = null;
|
||||
return function () {
|
||||
let context = this;
|
||||
let args = arguments;
|
||||
clearTimeout(timer);
|
||||
timer = setTimeout(function () {
|
||||
fn.apply(context, args);
|
||||
}, delay);
|
||||
};
|
||||
};
|
||||
const _ResizeObserver = window.ResizeObserver;
|
||||
window.ResizeObserver = class ResizeObserver extends _ResizeObserver {
|
||||
constructor(callback) {
|
||||
callback = debounce(callback, 16);
|
||||
super(callback);
|
||||
}
|
||||
};
|
||||
|
||||
export default {
|
||||
name: 'App',
|
||||
components: {
|
||||
Inbound,
|
||||
Outbound,
|
||||
Pick
|
||||
},
|
||||
setup() {
|
||||
const route = useRoute();
|
||||
const isFullscreenState = ref(false);
|
||||
|
||||
// 获取当前standId
|
||||
const currentStandId = computed(() => {
|
||||
const params = new URLSearchParams(window.location.search);
|
||||
return params.get('standId');
|
||||
});
|
||||
|
||||
// 动态标题映射
|
||||
const titleMapping = {
|
||||
'1': '入库',
|
||||
'2': '出库',
|
||||
'3': '拣选'
|
||||
};
|
||||
|
||||
// 动态标题
|
||||
const dynamicTitle = computed(() => {
|
||||
const standId = currentStandId.value;
|
||||
if (!standId) {
|
||||
// 没有standId时，显示默认标题，立库和状态之间留出两个字空格空间
|
||||
return '丰尚立库 状态一览表';
|
||||
}
|
||||
const operation = titleMapping[standId];
|
||||
if (operation) {
|
||||
return `丰尚立库 ${operation} 状态一览表`;
|
||||
}
|
||||
// 如果standId不在映射中，显示默认标题
|
||||
return '丰尚立库 状态一览表';
|
||||
});
|
||||
|
||||
// 根据standId动态选择组件
|
||||
const currentComponent = computed(() => {
|
||||
const standId = currentStandId.value;
|
||||
if (standId === '2') return 'Outbound';
|
||||
if (standId === '3') return 'Pick';
|
||||
return 'Inbound'; // 默认显示入库组件
|
||||
});
|
||||
|
||||
function isFullscreen() {
|
||||
return !!(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement);
|
||||
}
|
||||
|
||||
async function requestFS(el) {
|
||||
if (el.requestFullscreen) return el.requestFullscreen();
|
||||
if (el.webkitRequestFullscreen) return el.webkitRequestFullscreen();
|
||||
if (el.mozRequestFullScreen) return el.mozRequestFullScreen();
|
||||
if (el.msRequestFullscreen) return el.msRequestFullscreen();
|
||||
}
|
||||
|
||||
async function exitFS() {
|
||||
if (document.exitFullscreen) return document.exitFullscreen();
|
||||
if (document.webkitExitFullscreen) return document.webkitExitFullscreen();
|
||||
if (document.mozCancelFullScreen) return document.mozCancelFullScreen();
|
||||
if (document.msExitFullscreen) return document.msExitFullscreen();
|
||||
}
|
||||
|
||||
async function enterFullscreen() {
|
||||
try {
|
||||
await requestFS(document.documentElement);
|
||||
isFullscreenState.value = true;
|
||||
} catch (err) {
|
||||
console.error('Error attempting to enable full-screen mode:', err);
|
||||
}
|
||||
}
|
||||
|
||||
async function exitFullscreen() {
|
||||
try {
|
||||
await exitFS();
|
||||
isFullscreenState.value = false;
|
||||
} catch (err) {
|
||||
console.error('Error attempting to exit full-screen mode:', err);
|
||||
}
|
||||
}
|
||||
|
||||
function handleFullscreenChange() {
|
||||
isFullscreenState.value = isFullscreen();
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
isFullscreenState.value = isFullscreen();
|
||||
document.addEventListener('fullscreenchange', handleFullscreenChange);
|
||||
document.addEventListener('webkitfullscreenchange', handleFullscreenChange);
|
||||
document.addEventListener('mozfullscreenchange', handleFullscreenChange);
|
||||
document.addEventListener('MSFullscreenChange', handleFullscreenChange);
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
document.removeEventListener('fullscreenchange', handleFullscreenChange);
|
||||
document.removeEventListener('webkitfullscreenchange', handleFullscreenChange);
|
||||
document.removeEventListener('mozfullscreenchange', handleFullscreenChange);
|
||||
document.removeEventListener('MSFullscreenChange', handleFullscreenChange);
|
||||
});
|
||||
|
||||
return {
|
||||
dynamicTitle,
|
||||
currentComponent,
|
||||
isFullscreenState,
|
||||
enterFullscreen,
|
||||
exitFullscreen
|
||||
};
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import './assets/board-styles.css';
|
||||
</style>
|
||||
|
|
@ -1,161 +0,0 @@
|
|||
:root {
|
||||
--bg: #ffffff;
|
||||
--text: #141a29;
|
||||
--muted: #5b6b8a;
|
||||
--brand: #3756b5;
|
||||
--header: #142357;
|
||||
--border: #20315e;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html, body, #app {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.board-title {
|
||||
font-size: 22px;
|
||||
margin: 0 0 12px 4px;
|
||||
color: var(--brand);
|
||||
}
|
||||
|
||||
.table-wrapper {
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--border);
|
||||
box-shadow: 0 4px 16px rgba(0,0,0,.35);
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
thead th {
|
||||
background: var(--header);
|
||||
color: #fff;
|
||||
padding: 12px 10px;
|
||||
font-weight: 700;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
border-right: 2px solid rgba(255,255,255,0.3);
|
||||
}
|
||||
|
||||
thead th:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
tbody td {
|
||||
padding: 12px 10px;
|
||||
text-align: center;
|
||||
border-top: 1px solid #e0e6f3;
|
||||
border-right: 2px solid #d2d9eb;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
tbody td:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.empty-row td {
|
||||
color: #8fa3d6;
|
||||
padding: 24px 0;
|
||||
}
|
||||
|
||||
.muted {
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.legend {
|
||||
margin: 10px 4px 0;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.layout {
|
||||
background: var(--bg);
|
||||
min-height: 100vh;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.navbar {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 12px 20px 22px;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.navbar::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: -14px;
|
||||
border-bottom: 1px dashed #e0e6f3;
|
||||
}
|
||||
|
||||
.brand {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 10px;
|
||||
transform: translateX(-50%);
|
||||
font-weight: 700;
|
||||
color: var(--brand);
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.control-buttons {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
.hidBtn {
|
||||
width: 60px;
|
||||
height: 30px;
|
||||
border: transparent;
|
||||
background: white;
|
||||
color: transparent;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.hidBtn:hover {
|
||||
background: #30f1e6;
|
||||
border: #2c3e50 solid 2px;
|
||||
color: #2c3e50;
|
||||
}
|
||||
|
||||
.fullscreen-btn {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.exit-btn {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.links a {
|
||||
color: #3552a8;
|
||||
margin-left: 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.links a.router-link-active {
|
||||
color: #0f1f57;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 24px 24px 40px;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.7 KiB |
|
|
@ -1,83 +0,0 @@
|
|||
<template>
|
||||
<div class="table-wrapper">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th v-for="col in columns" :key="col.key">{{ col.title }}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-if="!data?.length" class="empty-row"><td :colspan="columns.length">暂无数据</td></tr>
|
||||
<tr v-for="(row, idx) in data" :key="idx">
|
||||
<td v-for="col in columns" :key="col.key">{{ formatCell(row, col) }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {compileToFunction} from "vue";
|
||||
|
||||
const props = defineProps({
|
||||
data: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
},
|
||||
columns: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
}
|
||||
});
|
||||
|
||||
function formatCell(row, col){
|
||||
const v = row?.[col.key];
|
||||
return col.formatter ? col.formatter(v, row) : (v ?? '');
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.table-wrapper {
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
border: 1px solid #20315e;
|
||||
box-shadow: 0 4px 16px rgba(0,0,0,.35);
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
thead th {
|
||||
background: #142357;
|
||||
color: #fff;
|
||||
padding: 12px 10px;
|
||||
font-weight: 700;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
border-right: 2px solid rgba(255,255,255,0.3);
|
||||
}
|
||||
|
||||
thead th:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
tbody td {
|
||||
padding: 12px 10px;
|
||||
text-align: center;
|
||||
border-top: 1px solid #e0e6f3;
|
||||
border-right: 2px solid #d2d9eb;
|
||||
color: #141a29;
|
||||
}
|
||||
|
||||
tbody td:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.empty-row td {
|
||||
color: #8fa3d6;
|
||||
padding: 24px 0;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
import axios from "axios";
|
||||
|
||||
if(process.env.NODE_ENV === 'development') {
|
||||
axios.defaults.baseURL = 'http://localhost:9980';
|
||||
}else {
|
||||
axios.defaults.baseURL = 'http://172.18.222.253:12315';
|
||||
}
|
||||
//axios.defaults.headers.post['Content-Type'] = 'application/json';
|
||||
//axios.defaults.responseType = 'application/json'
|
||||
axios.defaults.timeout = 10000
|
||||
|
||||
axios.interceptors.request.use(function (config) {
|
||||
// 在发送请求之前做些什么
|
||||
config.headers.set('Content-Type', 'application/json');
|
||||
return config;
|
||||
}, function (error) {
|
||||
// 对请求错误做些什么
|
||||
return Promise.reject(error);
|
||||
});
|
||||
export default axios;
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
import axios from "@/http/base";
|
||||
|
||||
export default {
|
||||
|
||||
getData(data) {
|
||||
return axios.post("/api/wms/GetCkTaskList", data);
|
||||
}
|
||||
};
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
import { createApp } from 'vue'
|
||||
import App from './App.vue'
|
||||
import router from './router'
|
||||
import store from './store'
|
||||
import installElementPlus from './plugins/element'
|
||||
|
||||
const app = createApp(App)
|
||||
installElementPlus(app);
|
||||
app.use(store).use(router).mount('#app')
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
import ElementPlus from 'element-plus'
|
||||
import 'element-plus/theme-chalk/index.css'
|
||||
import locale from 'element-plus/es/locale/lang/zh-cn'
|
||||
|
||||
export default (app) => {
|
||||
app.use(ElementPlus, { locale })
|
||||
}
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
import { createRouter, createWebHashHistory } from 'vue-router'
|
||||
import HomeView from '../views/HomeView.vue'
|
||||
|
||||
const routes = [
|
||||
{
|
||||
path: '/',
|
||||
redirect: '/home',
|
||||
},
|
||||
{
|
||||
path: '/home',
|
||||
name: 'home',
|
||||
component: HomeView
|
||||
},
|
||||
]
|
||||
|
||||
const router = createRouter({
|
||||
history: createWebHashHistory(),
|
||||
routes
|
||||
})
|
||||
|
||||
export default router
|
||||
|
|
@ -1,52 +0,0 @@
|
|||
import axios from 'axios';
|
||||
|
||||
// 生产环境默认同源，开发可由 .env 覆盖
|
||||
const baseURL = process.env.VUE_APP_API_BASE_URL || (typeof window !== 'undefined' ? `${window.location.protocol}//${window.location.hostname}:12315` : '');
|
||||
|
||||
export const http = axios.create({ baseURL, timeout: 15000 });
|
||||
|
||||
export async function queryTasksByPage(params) {
|
||||
const { data } = await http.post('/wms/taskQuery/queryTasksByPage', params);
|
||||
return data?.data;
|
||||
}
|
||||
|
||||
export async function queryPickTasksByPage(params) {
|
||||
const { data } = await http.post('/wms/taskQuery/queryPickTasksByPage', params);
|
||||
return data?.data;
|
||||
}
|
||||
|
||||
export async function queryPickPlansByPage(params) {
|
||||
const { data } = await http.post('/wms/pickPlan/queryPickPlansByPage', params);
|
||||
return data?.data;
|
||||
}
|
||||
|
||||
export async function getGoodsInfoByGoodsId(goodsId) {
|
||||
const { data } = await http.get('/wms/goods/getGoodsInfoByGoodsId', { params: { goodsId } });
|
||||
return data?.data;
|
||||
}
|
||||
|
||||
export async function queryOutsByPage(params) {
|
||||
const { data } = await http.post('/wms/taskQuery/queryOutsByPage', params);
|
||||
return data?.data;
|
||||
}
|
||||
|
||||
export async function queryStocks(params) {
|
||||
const { data } = await http.post('/wms/stock/queryStocks', params);
|
||||
return data?.data;
|
||||
}
|
||||
|
||||
// 新增的看板数据接口
|
||||
export async function getTaskTypInData(params = {}) {
|
||||
const { data } = await http.get('/wms/board/getTaskTypInData', { params });
|
||||
return data;
|
||||
}
|
||||
|
||||
export async function getOutsData(params = {}) {
|
||||
const { data } = await http.get('/wms/board/getOutsData', { params });
|
||||
return data;
|
||||
}
|
||||
|
||||
export async function getPickTaskData(params = {}) {
|
||||
const { data } = await http.get('/wms/board/getPickTaskData', { params });
|
||||
return data;
|
||||
}
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
import { createStore } from 'vuex'
|
||||
|
||||
export default createStore({
|
||||
state: {
|
||||
},
|
||||
getters: {
|
||||
},
|
||||
mutations: {
|
||||
},
|
||||
actions: {
|
||||
},
|
||||
modules: {
|
||||
}
|
||||
})
|
||||
|
|
@ -1,100 +0,0 @@
|
|||
<template>
|
||||
<div class="home">
|
||||
<el-row style="width: 100%">
|
||||
<h1 style="margin-left: auto; margin-right: auto">成品仓智能仓 {{route.query.standId}} 号线出库状态一览表</h1>
|
||||
</el-row>
|
||||
<el-divider style="margin-top: 0" />
|
||||
<el-row style="margin-right: 20px;margin-left: 20px;">
|
||||
<el-table :data="tableData" :border="true" :header-cell-style="headerStyle" :row-style="dataStyle">
|
||||
<el-table-column prop="plcid" label="任务号" width="150" align="center"></el-table-column>
|
||||
<el-table-column prop="customer_id" label="客户代码" align="center"></el-table-column>
|
||||
<el-table-column prop="good_id" label="产品编号" align="center"></el-table-column>
|
||||
<el-table-column prop="loc_id" label="库位" align="center"></el-table-column>
|
||||
<el-table-column prop="docctnumber" label="周期" align="center"></el-table-column>
|
||||
<el-table-column prop="mistock_num" label="数量" align="center"></el-table-column>
|
||||
<el-table-column prop="status" label="出库状态位置" align="center"></el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
<div style="font-size: 1.5rem; color: #ab0a07;position: fixed;left: 10px; bottom:10px">精心·精品</div>
|
||||
<img src="@/assets/img.png" alt="logo" style="position: fixed;bottom: 10px; right: 10px"/>
|
||||
<img src="@/assets/img.png" alt="logo" style="position: fixed;top: 20px; left: 10px"/>
|
||||
<button class="hidBtn" style="position: fixed;top: 10px; right: 10px;" @click="fullScreenFuc">全屏</button>
|
||||
<button class="hidBtn" style="position: fixed;top: 10px; right: 70px;" @click="outScreenFuc">退出</button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
import {onMounted, ref} from "vue";
|
||||
import {useRoute} from 'vue-router';
|
||||
import getData from "@/http/get-data";
|
||||
|
||||
// 获取路由对象
|
||||
const route = useRoute();
|
||||
|
||||
const standId = ref("50");
|
||||
let tableData = ref([]);
|
||||
const headerStyle = ref((row, index) => {
|
||||
return {
|
||||
fontSize: "1.5rem",
|
||||
color: "#fff",
|
||||
backgroundColor: "#1f2964",
|
||||
marginTop: "10px",
|
||||
paddingTop: "10px",
|
||||
paddingBottom: "10px",
|
||||
textAlign: "center",
|
||||
}
|
||||
});
|
||||
|
||||
const dataStyle = ref((row, index) => {
|
||||
return {
|
||||
fontSize: "1.5rem",
|
||||
color: "#454444",
|
||||
}
|
||||
});
|
||||
|
||||
const fullScreenFuc = () => {
|
||||
document.documentElement.requestFullscreen();
|
||||
}
|
||||
const outScreenFuc = () => {
|
||||
document.exitFullscreen();
|
||||
}
|
||||
// 解析url获取站台
|
||||
const resolveStand = () => {
|
||||
standId.value = route.query.standId.toString();
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
tableData.value = [];
|
||||
//resolveStand();
|
||||
setInterval(() => {
|
||||
getData.getData({ PORT: route.query.standId }).then(res => {
|
||||
const response = res.data;
|
||||
if(response.code === 0) {
|
||||
tableData.value = response.data;
|
||||
return;
|
||||
}
|
||||
console.log(response);
|
||||
}).catch(err => {
|
||||
console.log(err);
|
||||
})
|
||||
}, 5000)
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.hidBtn {
|
||||
width: 60px;height: 30px;
|
||||
border: transparent;
|
||||
background: white;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.hidBtn:hover {
|
||||
background: #30f1e6;
|
||||
border: #2c3e50 solid 2px;
|
||||
color: #2c3e50;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,79 +0,0 @@
|
|||
<template>
|
||||
<div>
|
||||
<DataTable :columns="columns" :data="rows" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, onUnmounted } from 'vue';
|
||||
import DataTable from '../components/DataTable.vue';
|
||||
import { getTaskTypInData } from '../services/api';
|
||||
|
||||
// 入库字段
|
||||
const columns = [
|
||||
{ key: 'vehicleId', title: '料箱号' },
|
||||
{ key: 'origin', title: '起点' },
|
||||
{ key: 'destination', title: '终点' },
|
||||
{ key: 'taskPriority', title: '优先级' },
|
||||
{ key: 'taskStatus', title: '状态' },
|
||||
];
|
||||
|
||||
const rows = ref([]);
|
||||
let timer = null;
|
||||
|
||||
function mapStatus(status) {
|
||||
const code = Number(status);
|
||||
// 对齐后端 WmsStackerTaskStatusEnums
|
||||
switch (code) {
|
||||
case -2: return '定时器用';
|
||||
case -1: return '暂存';
|
||||
case 0: return '初始化';
|
||||
case 1: return '已解析';
|
||||
case 2: return '已下发';
|
||||
case 3: return '正在执行';
|
||||
case 4: return '执行完成';
|
||||
case 98: return '已取消';
|
||||
case 99: return '执行异常';
|
||||
default: return String(status ?? '');
|
||||
}
|
||||
}
|
||||
|
||||
async function load() {
|
||||
try {
|
||||
const data = await getTaskTypInData({ pageNum: 1, pageSize: 200 });
|
||||
const list = data || [];
|
||||
rows.value = list.map((t) => ({
|
||||
vehicleId: t?.vehicleId ?? '',
|
||||
origin: t?.origin ?? t?.startPoint ?? '',
|
||||
destination: t?.destination ?? t?.endPoint ?? '',
|
||||
taskPriority: (
|
||||
t?.task_priority ??
|
||||
t?.taskPriority ??
|
||||
t?.priority ??
|
||||
t?.priorityLevel ??
|
||||
''
|
||||
),
|
||||
taskStatus: mapStatus(t?.taskStatus ?? t?.status),
|
||||
}));
|
||||
} catch (error) {
|
||||
console.error('加载入库数据失败:', error);
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
load();
|
||||
timer = setInterval(load, 5000);
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
if (timer) {
|
||||
clearInterval(timer);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.title-center {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,56 +0,0 @@
|
|||
<template>
|
||||
<div>
|
||||
<DataTable :columns="columns" :data="rows" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, onUnmounted } from 'vue';
|
||||
import DataTable from '../components/DataTable.vue';
|
||||
import { getOutsData } from '../services/api';
|
||||
|
||||
// 出库字段（与数据库一致：物料号、需求数量、分配数量、拣选数量、原因）
|
||||
const columns = [
|
||||
{ key: 'goodsId', title: '物料号' },
|
||||
{ key: 'needNum', title: '需求数量' },
|
||||
{ key: 'distributeNum', title: '分配数量' },
|
||||
{ key: 'pickNum', title: '拣选数量' },
|
||||
{ key: 'reason', title: '原因' },
|
||||
];
|
||||
|
||||
const rows = ref([]);
|
||||
let timer = null;
|
||||
|
||||
async function load() {
|
||||
try {
|
||||
const outsData = await getOutsData({ pageNum: 1, pageSize: 500 });
|
||||
const outs = outsData || [];
|
||||
rows.value = outs.map((o) => ({
|
||||
goodsId: o?.goodsId ?? '',
|
||||
needNum: Number(o?.needNum ?? 0),
|
||||
distributeNum: Number(o?.distribute_num ?? o?.distributeNum ?? o?.allocNum ?? o?.allocateNum ?? 0),
|
||||
pickNum: Number(o?.pick_num ?? o?.pickNum ?? 0),
|
||||
reason: o?.reason ?? o?.reasonDesc ?? '',
|
||||
}));
|
||||
} catch (error) {
|
||||
console.error('加载出库数据失败:', error);
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
load();
|
||||
timer = setInterval(load, 5000);
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
if (timer) {
|
||||
clearInterval(timer);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.title-center {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,72 +0,0 @@
|
|||
<template>
|
||||
<div>
|
||||
<DataTable :columns="columns" :data="rows" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, onUnmounted } from 'vue';
|
||||
import DataTable from '../components/DataTable.vue';
|
||||
import { getPickTaskData } from '../services/api';
|
||||
|
||||
// 拣选字段
|
||||
const columns = [
|
||||
{ key: 'vehicleId', title: '料箱号' },
|
||||
{ key: 'pickStand', title: '拣选站台' },
|
||||
{ key: 'createTime', title: '创建时间' },
|
||||
{ key: 'arriveTime', title: '到达时间' },
|
||||
{ key: 'pickStatus', title: '状态' },
|
||||
];
|
||||
|
||||
const rows = ref([]);
|
||||
let timer = null;
|
||||
|
||||
function mapStatus(status) {
|
||||
const code = Number(status);
|
||||
// 对齐后端 WmsPickTaskStatusEnum
|
||||
switch (code) {
|
||||
case -2: return '入库用';
|
||||
case -1: return '暂存中';
|
||||
case 0: return '待下发';
|
||||
case 1: return '已下发';
|
||||
case 2: return '执行中';
|
||||
case 3: return '已到达';
|
||||
case 4: return '已离开';
|
||||
case 5: return '已取消';
|
||||
default: return String(status ?? '');
|
||||
}
|
||||
}
|
||||
|
||||
async function load() {
|
||||
try {
|
||||
const tasksData = await getPickTaskData({ pageNum: 1, pageSize: 1000 });
|
||||
const tasks = tasksData || [];
|
||||
rows.value = tasks.map((t) => ({
|
||||
vehicleId: t?.vehicleId ?? '',
|
||||
pickStand: t?.pickStand ?? t?.pick_stand ?? t?.pickStation ?? t?.station ?? '',
|
||||
createTime: t?.createTime ?? t?.gmtCreate ?? '',
|
||||
arriveTime: t?.arriveTime ?? t?.reachTime ?? '',
|
||||
pickStatus: mapStatus(t?.pickStatus ?? t?.pick_status ?? t?.taskStatus ?? t?.status),
|
||||
}));
|
||||
} catch (error) {
|
||||
console.error('加载拣选数据失败:', error);
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
load();
|
||||
timer = setInterval(load, 5000);
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
if (timer) {
|
||||
clearInterval(timer);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.title-center {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
const { defineConfig } = require('@vue/cli-service')
|
||||
module.exports = defineConfig({
|
||||
transpileDependencies: true,
|
||||
chainWebpack: (config) => {
|
||||
config.plugin('define').tap((defineConfig) => {
|
||||
Object.assign(defineConfig[0], {
|
||||
__VUE_OPTIONS_API__: 'true',
|
||||
__VUE_PROD_DEVTOOLS__: false,
|
||||
__VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false
|
||||
})
|
||||
return defineConfig
|
||||
})
|
||||
}
|
||||
})
|
||||
Binary file not shown.
Loading…
Reference in New Issue
Block a user