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/electronicWarehouse/components/rawTable.vue | 70 ++++++++++++++++++++++++++--------- 1 files changed, 52 insertions(+), 18 deletions(-) diff --git a/src/views/hazardousChemicals/electronicWarehouse/components/rawTable.vue b/src/views/hazardousChemicals/electronicWarehouse/components/rawTable.vue index 4e65c13..0be5cc3 100644 --- a/src/views/hazardousChemicals/electronicWarehouse/components/rawTable.vue +++ b/src/views/hazardousChemicals/electronicWarehouse/components/rawTable.vue @@ -3,10 +3,10 @@ <div style="display: flex;justify-content: space-between"> <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" > <el-form-item label="品名:" > - <el-input v-model="data.queryParams.name" placeholder="请输入品名" clearable></el-input> + <el-input v-model="data.queryParams.params.name" placeholder="请输入品名" clearable></el-input> </el-form-item> <el-form-item label="产品编号:" > - <el-input v-model="data.queryParams.productSn" placeholder="请输入产品编号" clearable></el-input> + <el-input v-model="data.queryParams.params.productSn" placeholder="请输入产品编号" clearable></el-input> </el-form-item> <el-form-item > <el-button @@ -22,7 +22,7 @@ </el-form> </div> <!-- 表格数据 --> - <el-table v-loading="loading" :data="dataList" :border="true"> + <el-table v-loading="loading" :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" /> @@ -35,17 +35,18 @@ <span>{{scope.row.hazmatBasic.metering}}{{scope.row.hazmatBasic.unit}} / {{scope.row.hazmatBasic.minPackage == 0 ? '瓶' :scope.row.hazmatBasic.minPackage == 1?'袋':scope.row.hazmatBasic.minPackage == 2?'桶 ':scope.row.hazmatBasic.minPackage == 3?'盒':scope.row.hazmatBasic.minPackage == 4?'箱':'其他'}}</span> </template> </el-table-column> - <el-table-column label="批号" prop="batchNo" align="center" width="120" /> +<!-- <el-table-column label="批号" prop="batchNo" align="center" width="120" />--> + <el-table-column label="当前库存" prop="stock" align="center" width="120" /> + <el-table-column label="不完整归还" prop="missStock" align="center" width="120" /> + <el-table-column label="安全库存" prop="hazmatBasic.safeNum" align="center" width="120" /> <el-table-column label="所在仓库" prop="warehouseName" align="center" > - <template #default="scope"> - <span>{{scope.row.warehouse.name}}</span> - </template> </el-table-column> - <el-table-column label="状态" prop="state" align="center"> - <template #default="scope"> - <span>{{scope.row.state === 0 ? '未入库' : '已入库'}}</span> - </template> - </el-table-column> + <el-table-column label="创建时间" prop="hazmatBasic.createTime" align="center" width="120" /> +<!-- <el-table-column label="状态" prop="state" align="center">--> +<!-- <template #default="scope">--> +<!-- <span>{{scope.row.state === 0 ? '未入库' : '已入库'}}</span>--> +<!-- </template>--> +<!-- </el-table-column>--> <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200" > <template #default="scope"> <el-button link type="primary" @click="getProRecord(scope.row)" >动库记录</el-button> @@ -72,7 +73,13 @@ const router = useRouter() const route = useRoute() import rawWarehouseDialog from './rawWarehouseRecord.vue' -import {delRawRecord, doEntryRaw, getRawRecord, getRawWarehouseRecord} from "@/api/hazardousChemicals/rawRecord"; +import { + delRawRecord, + doEntryRaw, + getRawList, + getRawRecord, + getRawWarehouseRecord +} from "@/api/hazardousChemicals/rawRecord"; import {useRoute, useRouter} from "vue-router"; const { proxy } = getCurrentInstance(); const loading = ref(false); @@ -82,13 +89,16 @@ queryParams: { pageNum: 1, pageSize: 10, - name: '', - productSn: '' + params :{ + name: '', + productSn: '' + } }, total: 0, dataList: [] }); +const selectValue = ref([]) const { queryParams, total, dataList } = toRefs(data); const classHourRef = ref(); onMounted(()=>{ @@ -104,9 +114,14 @@ const getList = async () => { loading.value = true - const res = await getRawRecord(data.queryParams) + const res = await getRawList(data.queryParams) if(res.code == 200){ data.dataList = res.data.list + data.dataList.forEach(item => { + if(item.stock+item.missStock < item.hazmatBasic.safeNum){ + selectValue.value.push(item) + } + }) data.total = res.data.total }else{ ElMessage.warning(res.message) @@ -123,8 +138,10 @@ data.queryParams = { pageNum: 1, pageSize: 10, - name: '', - productSn: '' + params :{ + name: '', + productSn: '' + } } getList() } @@ -163,6 +180,23 @@ dialogRef.value.openDialog(val) } +const cellStyle = ({ row, column,rowIndex, columnIndex }) => { + let arr = [] + if (selectValue.value !== null) { + selectValue.value.filter((item, index) => { + arr.push(item.basicId) + }) + } + for (var i = 0; i <= arr.length; i++) { + if (arr[i] == row.basicId) { + if (columnIndex === 8 || columnIndex === 9 || columnIndex === 10){ + return { backgroundColor: '#FFD7CC !important',color:' red' } + } + + } + } +}; + defineExpose({ getList }); -- Gitblit v1.9.2