From 7867ee16131331fe56d972a6405516786c6b019c Mon Sep 17 00:00:00 2001
From: liuying <1427574514@qq.com>
Date: 周六, 30 11月 2024 17:40:29 +0800
Subject: [PATCH] 大屏
---
LA24030_LuLiPackageLine_Web/src/views/main/ReportCenter/storageView/index.vue | 36 ++++++++++++++++++++++++++++++------
1 files changed, 30 insertions(+), 6 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 0040df2..aa3c864 100644
--- a/LA24030_LuLiPackageLine_Web/src/views/main/ReportCenter/storageView/index.vue
+++ b/LA24030_LuLiPackageLine_Web/src/views/main/ReportCenter/storageView/index.vue
@@ -58,9 +58,11 @@
<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) }">
+ <span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }" @click="handleClick(cell)">
<!-- {{ cell.laneNo }} -->
- {{ cell.layerNo }}{{ cell.columnNo }}
+ <!-- PlaceCode: -->
+ {{ cell.placeCode }}
+ <!-- {{ cell.layerNo }}{{ cell.columnNo }} -->
</span>
</div>
</div>
@@ -68,7 +70,8 @@
<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 }}
+ {{ cell.placeCode }}
+ <!-- {{ cell.layerNo }}{{ cell.columnNo }} -->
</span>
</div>
</div>
@@ -76,7 +79,8 @@
<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 }}
+ {{ cell.placeCode }}
+ <!-- {{ cell.layerNo }}{{ cell.columnNo }} -->
</span>
</div>
</div>
@@ -103,10 +107,13 @@
<!-- <content-view :contentData="dataList"></content-view> -->
</div>
</el-card>
+
+ <!-- 璇︽儏寮规 -->
+ <prop-detail ref="propDetailRef"></prop-detail>
</div>
</template>
<script lang="ts" setup>
-import { nextTick, onMounted, ref } from 'vue';
+import { getCurrentInstance, nextTick, onMounted, ref } from 'vue';
//import SearchBar from '@/components/SearchBar.vue'
import { getStorageView } from '/@/api/main/ReportCenter/storageView';
@@ -114,6 +121,8 @@
import ContentView from './component/ContentView.vue';
import { ElMessage } from 'element-plus';
import { handleSlectDataWmsArea } from '/@/utils/selectData';
+import PropDetail from './component/propDetail.vue';
+const { proxy} :any = getCurrentInstance();// 璁块棶瀹炰緥涓婁笅鏂� proxy鍚屾椂鏀寔寮�鍙� 绾夸笂鐜
const showAdvanceQueryUIWmsStockQuan = ref(false);
// 鏀瑰彉楂樼骇鏌ヨ鐨勬帶浠舵樉绀虹姸鎬�
@@ -391,6 +400,21 @@
console.log(66666666);
console.log(storageList.value);
+
+const dialogVisible = ref(false); // 寮规鍙鎬�
+
+const handleClick = (row: any, column: any) => {
+ console.log(row, column);
+ proxy.$refs['propDetailRef'].openDialog(row);
+};
+
+const openDialog = () => {
+ dialogVisible.value = true; // 鎵撳紑寮规
+};
+
+const handleClose = () => {
+ dialogVisible.value = false; // 鍏抽棴寮规
+};
</script>
<style lang="less" scoped>
.msi-content {
@@ -447,7 +471,7 @@
.t1 {
margin: 10px 0 2px 0;
font-size: 16px !important;
- padding-bottom:10px
+ padding-bottom: 10px;
}
.textK {
display: flex; /* 浣跨敤 Flexbox 甯冨眬 */
--
Gitblit v1.9.3