From 6027ffa6428b8ca5e2cfd8d76e6516ec3d595143 Mon Sep 17 00:00:00 2001
From: 周宾 <2802492122@qq.com>
Date: 星期五, 19 十二月 2025 14:01:07 +0800
Subject: [PATCH] 双奇点-增加扫码

---
 src/views/inventoryManagement/stockManagement/index.vue |   89 ++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 89 insertions(+), 0 deletions(-)

diff --git a/src/views/inventoryManagement/stockManagement/index.vue b/src/views/inventoryManagement/stockManagement/index.vue
index 0954a8d..8e2c805 100644
--- a/src/views/inventoryManagement/stockManagement/index.vue
+++ b/src/views/inventoryManagement/stockManagement/index.vue
@@ -146,6 +146,51 @@
         </div>
       </template>
     </el-dialog>
+    <el-dialog v-model="barcodeDia" title="浜у搧淇℃伅" width="70%" @close="closeBarcodeDia">
+      <div>
+        <el-row :gutter="30">
+          <el-col :span="12">
+            <div class="barcode-item">
+              <div class="barcode-label">鍚嶇О</div>
+              <div class="barcode-value">{{barcodeDetail.barcode}}</div>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="barcode-item">
+              <div class="barcode-label">鍗曚环</div>
+              <div class="barcode-value">xxx鍏�</div>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row :gutter="30">
+          <el-col :span="12">
+            <div class="barcode-item">
+              <div class="barcode-label">浜у搧楂樺害</div>
+              <div class="barcode-value">222cm</div>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="barcode-item">
+              <div class="barcode-label">鏁伴噺/浠�</div>
+              <div class="barcode-value">120</div>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row :gutter="30">
+          <el-col :span="12">
+            <div class="barcode-item">
+              <div class="barcode-label">瑙勬牸</div>
+              <div class="barcode-value">12*20*30</div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="closeBarcodeDia">鍏抽棴</el-button>
+        </div>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
@@ -186,6 +231,7 @@
 // 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁
 const operationType = ref('')
 const dialogFormVisible = ref(false)
+const barcodeDia = ref(false)
 const data = reactive({
   searchForm: {
     supplierName: '',
@@ -281,6 +327,7 @@
 
 // 鎵撳紑寮规
 const openForm = async (type, row) => {
+  console.log('openForm',type,row)
   operationType.value = type
   form.value = {}
   productData.value = []
@@ -401,7 +448,39 @@
   const day = String(today.getDate()).padStart(2, '0');
   return `${year}-${month}-${day}`;
 }
+
+let scanBarcodeInput = ref('')
+const scanBarcode = (e) => {
+  if(!e||!e.target||!e.target.tagName){
+    return;
+  }
+  if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') {
+    return
+  }
+  if (e.key === 'Enter') {
+    let _value = scanBarcodeInput.value
+    getDetail(_value)
+    scanBarcodeInput.value = ""
+  } else {
+    scanBarcodeInput.value += e.key
+  }
+}
+
+const barcodeDetail = ref({})
+const getDetail = (barcode)=>{
+  barcodeDetail.value = {
+    barcode:barcode
+  }
+  barcodeDia.value = true
+}
+
+const closeBarcodeDia = () => {
+  barcodeDia.value = false
+}
+
 onMounted(() => {
+  // 娣诲姞鎵爜鏋洃鍚簨浠�
+  document.addEventListener('keypress', scanBarcode)
   getList()
   // checkStockAndCreatePurchase();
     // 姣忓皬鏃舵鏌ヤ竴娆″簱瀛�
@@ -411,6 +490,11 @@
 //   // 缁勪欢鍗歌浇鏃舵竻闄ゅ畾鏃跺櫒
 //   clearInterval(intervalId);
 // });
+})
+onUnmounted(() => {
+  // 绉婚櫎閿洏鐩戝惉浜嬩欢
+  document.removeEventListener('keypress', scanBarcode)
+  console.log('缁勪欢鍗歌浇')
 })
 </script>
 
@@ -423,4 +507,9 @@
 :deep(.row-low-stock:hover > td) {
   background-color: #fcd4d4;
 }
+.barcode-item{
+  display: flex;
+  justify-content: space-between;
+  padding: 5px 0;
+}
 </style>

--
Gitblit v1.9.3