From 97ae5d81453119e0a98208fe981b4993165b46c8 Mon Sep 17 00:00:00 2001
From: huanghongfeng <huanghongfeng@hnkhzn.com>
Date: 星期一, 20 五月 2024 08:50:12 +0800
Subject: [PATCH] 优化页面
---
代码管理/WMS/WMS_Client/src/views/Home.vue | 35 +++++++++++++++++++++--------------
1 files changed, 21 insertions(+), 14 deletions(-)
diff --git "a/\344\273\243\347\240\201\347\256\241\347\220\206/WMS/WMS_Client/src/views/Home.vue" "b/\344\273\243\347\240\201\347\256\241\347\220\206/WMS/WMS_Client/src/views/Home.vue"
index 395ddcb..cd70b73 100644
--- "a/\344\273\243\347\240\201\347\256\241\347\220\206/WMS/WMS_Client/src/views/Home.vue"
+++ "b/\344\273\243\347\240\201\347\256\241\347\220\206/WMS/WMS_Client/src/views/Home.vue"
@@ -1,12 +1,12 @@
<template>
<div class="fixed-row">
- <el-button type="success" style="width: 10%;height: 40px;font-size: 35px;" v-on:click="selList()">鍒锋柊</el-button>
- <span style="margin-left: 40px;">
- <el-button circle style="background-color: #409eff;color: #000;">鏈夎揣</el-button>
- <el-button circle style="background-color: lightgreen;color: #000;">绌鸿揣浣�</el-button>
- <el-button circle style="background-color: yellow;color: #000;">鍑哄叆搴撳崰鐢�</el-button>
- <el-button circle style="background-color: red;color: #000;">寮傚父</el-button>
- <el-button circle style="background-color: #C0C4CC;color: #000;">绂佺敤</el-button>
+
+ <span style="margin-left: 40px;font-size: 20px;">
+ <el-button circle style="background-color: #409eff;color: #000;width: 70px;height: 50px;">鏈夎揣</el-button>
+ <el-button circle style="background-color: lightgreen;color: #000;width: 70px;height: 50px;">绌鸿揣浣�</el-button>
+ <el-button circle style="background-color: yellow;color: #000;width: 70px;height: 50px;">鍑哄叆搴撳崰鐢�</el-button>
+ <el-button circle style="background-color: red;color: #000;width: 70px;height: 50px;">寮傚父</el-button>
+ <el-button circle style="background-color: #C0C4CC;color: #000;width: 70px;height: 50px;">绂佺敤</el-button>
</span>
</div>
<div style="height: 50px;">
@@ -23,7 +23,7 @@
</h1>
<div class="table-container">
<div class="scrollable-table">
- <table class="one_tal">
+ <table class="one_tal" >
<tr v-for="(item, k) in datalist[inst].item2" :key="k">
<td v-for="items in filteredItems(datalist[inst].item1, k+1)" :key="items.stationCode"
:style="{ 'background-color': getBackgroundColor(items.enable,items.location_state) }">
@@ -34,6 +34,11 @@
<div>鐐夊彿锛� {{ items.heatNumber }}</div>
<div>杞﹁疆SN鍙凤細{{ items.bindSN }}</div>
<div>閽㈠澂鍙凤細{{ items.billetID }}</div>
+ </template>
+ <template #content v-else-if="items.area==3 && items.tray_status=='EmptyTray'">
+ <div v-if="item.tray_type==SmallTray">灏忔墭鐩�</div>
+ <div v-else>澶ф墭鐩�</div>
+ <div>鏁伴噺锛歿{ items.quantity }}</div>
</template>
<template #content v-else>
<div>鐩墠鏆傛棤淇℃伅</div>
@@ -47,10 +52,11 @@
<div>鏁伴噺锛歿{ items.quantity }}</div>
</template>
<template #content v-if="items.area==12">
- <div v-if="item.tray_type=='SmallTray'">灏忔墭鐩�</div>
+ <div v-if="item.tray_type==SmallTray">灏忔墭鐩�</div>
<div v-else>澶ф墭鐩�</div>
<div>鏁伴噺锛歿{ items.quantity }}</div>
</template>
+
<div>{{ items.stationCode}}</div>
</el-tooltip>
</td>
@@ -66,19 +72,20 @@
data() {
return {
visible: false,
- datalist:[]
+ datalist:[],
};
},
mounted() {
- this.$nextTick(() => {
- this.selList();
- });
+ setInterval(() => {
+ this.selList(); // 浣跨敤绠ご鍑芥暟缁戝畾this
+ }, 3000);
},
methods: {
+
selList(){
+ this.loading=true
this.http.post("/api/dt_stationinfo/dt_stationinfolist").then(x => {
this.datalist = x.data;
- console.log(this.datalist)
})
.catch(error => {
console.error('璇锋眰鍑洪敊锛�', error);
--
Gitblit v1.9.3