From d098e2e3a16837ad0a61c1a2df93b27c7d16bfd2 Mon Sep 17 00:00:00 2001
From: zhouwx <1175765986@qq.com>
Date: 星期五, 06 九月 2024 17:10:29 +0800
Subject: [PATCH] 批量导入

---
 src/views/hazardousChemicals/warehouseManage/components/rawDetail.vue |   62 +++++++++++++++++++++++++++++-
 1 files changed, 59 insertions(+), 3 deletions(-)

diff --git a/src/views/hazardousChemicals/warehouseManage/components/rawDetail.vue b/src/views/hazardousChemicals/warehouseManage/components/rawDetail.vue
index 251aea3..131fec3 100644
--- a/src/views/hazardousChemicals/warehouseManage/components/rawDetail.vue
+++ b/src/views/hazardousChemicals/warehouseManage/components/rawDetail.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="hazmatBasic.name" align="center"  />
       <el-table-column label="产品编号" prop="hazmatBasic.productSn" align="center" />
@@ -59,13 +59,15 @@
       </el-table-column>
       <el-table-column label="在库余量" prop="remaining" align="center" >
         <template #default="scope">
-          <span v-if="scope.row.state === 0 || scope.row.state === 1">{{scope.row.remaining}}{{scope.row.hazmatBasic.unit}}</span>
-          <span v-else>—</span>
+          <span>{{scope.row.remaining}}{{scope.row.hazmatBasic.unit}}</span>
+
         </template>
       </el-table-column>
       <el-table-column label="所在仓库" prop="warehouseName" align="center" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="180" >
         <template #default="scope">
+          <el-button link type="primary" @click="viewFlow(scope.row)">取用记录</el-button>
+          <el-button link type="danger" v-if="scope.row.state === 0 || scope.row.state === 1|| scope.row.state === 2" @click="disCard(scope.row)">标签作废</el-button>
           <el-button link type="primary" @click="viewQR(scope.row)">查看二维码</el-button>
         </template>
       </el-table-column>
@@ -78,12 +80,22 @@
         @pagination="getList"
     />
     <viewQRcode ref="dialogRef" @getList="getList"></viewQRcode>
+    <el-dialog
+        v-model="dialogVisible"
+        width="650px"
+        :before-close="handleClose"
+        :close-on-press-escape="false"
+        :close-on-click-modal="false"
+    >
+      <flow-deail ref="flowRef"></flow-deail>
+    </el-dialog>
   </div>
 </template>
 
 <script setup>
 import {nextTick, onMounted, reactive, ref} from "vue";
 import {useRoute, useRouter} from "vue-router";
+import flowDeail from '../../../components/flowDetail.vue'
 import {ElMessage, ElMessageBox} from "element-plus";
 import {disCardRaw, getRawDetail, getWhRawDetail} from "@/api/hazardousChemicals/rawRecord";
 import viewQRcode from '@/views/hazardousChemicals/electronicWarehouse/components/viewQR.vue'
@@ -175,7 +187,51 @@
 const handleClose = () => {
   dialogVisible.value = false
 }
+const disCard = async (val) => {
+  ElMessageBox.confirm(
+      '确定作废该标签?',
+      '提示',
+      {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+      .then( async() => {
+        const res = await disCardRaw(val.id)
+        if(res.code == 200){
+          ElMessage.success('操作成功')
+          await getList()
+        }else{
+          ElMessage.warning(res.message)
+        }
+      })
 
+
+}
+const viewFlow = (val) => {
+  dialogVisible.value = true
+  nextTick(() => {
+    flowRef.value.openDialog('raw',val)
+  })
+}
+
+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.hazmatBasic.metering){
+        if (columnIndex === 11 || columnIndex === 10){
+          return { color:' red' }
+        }
+      }
+    }
+  }
+};
 </script>
 
 <style scoped lang="scss">

--
Gitblit v1.9.2