From e8ae17c0fbe5dc0a5424905c738004b143d9ce2c Mon Sep 17 00:00:00 2001
From: zhouwx <1175765986@qq.com>
Date: 星期四, 22 八月 2024 15:04:14 +0800
Subject: [PATCH] 二维码打印排版

---
 src/views/hazardousChemicals/warehouseManage/components/proDetail.vue |   23 ++++++++++++++++++++---
 1 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/views/hazardousChemicals/warehouseManage/components/proDetail.vue b/src/views/hazardousChemicals/warehouseManage/components/proDetail.vue
index 3ac5639..bcecf09 100644
--- a/src/views/hazardousChemicals/warehouseManage/components/proDetail.vue
+++ b/src/views/hazardousChemicals/warehouseManage/components/proDetail.vue
@@ -37,7 +37,7 @@
       </div>
     </div>
     <!-- 表格数据 -->
-    <el-table v-loading="loading" :data="data.dataList" :border="true">
+    <el-table v-loading="loading" :data="data.dataList" :border="true" :cell-style="cellStyle">
       <el-table-column label="序号" type="index" align="center" width="80" />
       <el-table-column label="品名" prop="productBasic.name" align="center"  />
       <el-table-column label="产品编号" prop="productBasic.productSn" align="center" />
@@ -59,8 +59,8 @@
       </el-table-column>
       <el-table-column label="在库余量" prop="remaining" align="center" >
         <template #default="scope">
-          <span v-if="scope.row.state === 0">{{scope.row.remaining}}{{scope.row.productBasic.unit}}</span>
-          <span v-else>—</span>
+          <span>{{scope.row.remaining}}{{scope.row.productBasic.unit}}</span>
+
         </template>
       </el-table-column>
       <el-table-column label="所在仓库" prop="warehouseName" align="center" />
@@ -211,6 +211,23 @@
 
 
 }
+const cellStyle = ({ row, column,rowIndex, columnIndex }) => {
+  let arr = []
+  if (data.dataList !== null) {
+    data.dataList.filter((item, index) => {
+      arr.push(item.basicId)
+    })
+  }
+  for (let i = 0; i <= arr.length; i++) {
+    if (arr[i] == row.basicId) {
+      if(row.remaining < row.hproductBasic.metering){
+        if (columnIndex === 11 || columnIndex === 10){
+          return { color:' red' }
+        }
+      }
+    }
+  }
+};
 </script>
 
 <style scoped lang="scss">

--
Gitblit v1.9.2