From 3706fb22a858169204aa05a01b38ec1a4e04b5c7 Mon Sep 17 00:00:00 2001
From: liuying <1427574514@qq.com>
Date: 周六, 30 11月 2024 16:22:31 +0800
Subject: [PATCH] 大屏
---
LA24030_LuLiPackageLine_Web/src/views/main/ReportCenter/storageView/index.vue | 73 ++++++++++--------------------------
1 files changed, 21 insertions(+), 52 deletions(-)
diff --git a/LA24030_LuLiPackageLine_Web/src/views/main/ReportCenter/storageView/index.vue b/LA24030_LuLiPackageLine_Web/src/views/main/ReportCenter/storageView/index.vue
index 4652b77..0040df2 100644
--- a/LA24030_LuLiPackageLine_Web/src/views/main/ReportCenter/storageView/index.vue
+++ b/LA24030_LuLiPackageLine_Web/src/views/main/ReportCenter/storageView/index.vue
@@ -1,6 +1,6 @@
<template>
<div>
- <el-card shadow="hover" :body-style="{ paddingBottom: '0' }">
+ <!-- <el-card shadow="hover" :body-style="{ paddingBottom: '0' }">
<el-form :model="formModel" ref="queryForm" labelWidth="90">
<el-row>
<el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10">
@@ -36,39 +36,6 @@
</el-form-item>
</el-col>
- <!-- 闅愯棌鐨勭瓫閫夋潯浠� -->
- <!-- <template>
- <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10">
- <el-form-item label="閿佸畾鐘舵��:">
- <el-select v-model="formModel.isLocked" clearable placeholder="璇烽�夋嫨閿佸畾鐘舵��">
- <el-option v-for="item in isAutoEnum" :key="item.value" :label="item.title" :value="item.value" />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10">
-
- <el-form-item label="宸烽亾:">
- <el-select v-model="formModel.Lane" clearable placeholder="璇烽�夋嫨宸烽亾">
- <el-option v-for="item in LangEnum" :key="item.value" :label="item.title" :value="item.value" />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10">
- <el-form-item label="鎵�灞炴帓:">
- <el-select v-model="formModel.Row" clearable placeholder="璇烽�夋嫨鎵�灞炴帓">
- <el-option v-for="(item, index) in strorageRowEnum" :key="item" :label="`绗�${index + 1}鎺抈"
- :value="index + 1" />
- </el-select>
- </el-form-item>
- </el-col>
- </template> -->
- <!-- <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4" class="mb10">
- <el-form-item label-width="20px">
- <el-button type="primary" icon="el-icon-search" @click="getLocationPage(2)">鏌ヨ</el-button>
- <el-button icon="ele-Refresh" @click="() => formModel = {}"> 閲嶇疆 </el-button>
- </el-form-item>
- </el-col> -->
-
<el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="6" class="mb10">
<el-form-item>
<el-button-group style="display: flex; align-items: center">
@@ -81,7 +48,7 @@
</el-col>
</el-row>
</el-form>
- </el-card>
+ </el-card> -->
<el-card class="full-table" shadow="hover" style="margin-top: 5px">
<div class="msi-content" style="height: calc(100vh - 200px)">
@@ -91,25 +58,25 @@
<div class="storage-grid">
<div class="row rowMy0">
<div class="cell" v-for="(cell, cellIndex) in item.data" :key="cellIndex" v-show="cellIndex < 20">
- <span class="textK"
-
- :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }"
- >
- {{ cell.laneNo }}{{ cell.layerNo }}{{ cell.columnNo }}
+ <span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }">
+ <!-- {{ cell.laneNo }} -->
+ {{ cell.layerNo }}{{ cell.columnNo }}
</span>
</div>
</div>
<div class="row rowMy1">
<div class="cell" v-for="(cell, cellIndex) in item.data" :key="cellIndex" v-show="cellIndex >= 20 && cellIndex < 40">
- <span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }">
- {{ cell.laneNo }}{{ cell.layerNo }}{{ cell.columnNo }}
+ <span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }">
+ <!-- {{ cell.laneNo }} -->
+ {{ cell.layerNo }}{{ cell.columnNo }}
</span>
</div>
</div>
<div class="row rowMy2">
<div class="cell" v-for="(cell, cellIndex) in item.data" :key="cellIndex" v-show="cellIndex >= 40 && cellIndex <= 60">
- <span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }">
- {{ cell.laneNo }}{{ cell.layerNo }}{{ cell.columnNo }}
+ <span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }">
+ <!-- {{ cell.laneNo }} -->
+ {{ cell.layerNo }}{{ cell.columnNo }}
</span>
</div>
</div>
@@ -131,7 +98,7 @@
</div> -->
<!-- 缁熻鍖哄煙 -->
- <!-- <count-view :countData="countList"></count-view> -->
+ <!-- <count-view :countData="countList"></count-view> -->
<!-- 搴撲綅灞曠ず -->
<!-- <content-view :contentData="dataList"></content-view> -->
</div>
@@ -158,7 +125,7 @@
let color = '';
switch (type) {
case 1:
- color = '#F18201'; //姗樿壊 姝ｅ父
+ color = '#F6C285'; //姗樿壊 姝ｅ父#F18201
break;
case 2:
color = '#2BA6FF'; //钃濊壊 灏佸瓨
@@ -305,7 +272,7 @@
// return
// }
//璁剧疆鑳屾櫙
-
+
var res = await getStorageView(Object.assign(formModel.value, {}));
if (res.data.code == 200) {
const { data } = res;
@@ -433,7 +400,7 @@
.storage-grid {
display: flex;
flex-direction: column; /* 鍨傜洿鎺掑垪姣忎竴鎺� */
- width: 610px;
+ width: 510px;
// border: 1px solid red;
}
@@ -447,7 +414,7 @@
display: inline-block;
justify-content: center;
align-items: center; /* 灞呬腑鏄剧ず鍐呭 */
- width: 30px;
+ width: 25px;
}
.rowMy0 {
@@ -479,14 +446,16 @@
}
.t1 {
margin: 10px 0 2px 0;
+ font-size: 16px !important;
+ padding-bottom:10px
}
.textK {
display: flex; /* 浣跨敤 Flexbox 甯冨眬 */
flex-direction: column;
font-size: 12px;
text-align: center;
- width: 100%;
- height: 100%;
- color: white;
+ width: 100%;
+ height: 100%;
+ color: white;
}
</style>
--
Gitblit v1.9.3