feat(wms):打印时的 barcode 标签

wms
YunaiV 2026-05-15 13:12:23 +08:00
parent 508d06b493
commit 524ed28973
2 changed files with 30 additions and 1 deletions

View File

@ -3,7 +3,18 @@
<div class="hidden">
<button ref="printButtonRef" v-print="printObj" type="button"></button>
<div id="wmsCheckOrderPrint" class="color-#303133">
<h2 class="text-center">盘库单</h2>
<div class="relative mb-8px">
<h2 class="text-center">盘库单</h2>
<div v-if="printData.no" class="absolute right-0 top-0">
<Barcode
:content="printData.no"
:display-value="false"
:format="BarcodeFormatEnum.CODE39"
:height="40"
:width="180"
/>
</div>
</div>
<div class="mb-12px grid grid-cols-3 gap-x-24px gap-y-8px text-14px">
<div>盘库单号{{ printData.no || '-' }}</div>
<div>仓库{{ printData.warehouseName || '-' }}</div>
@ -118,6 +129,8 @@ import { formatNullableDate } from '@/utils/formatTime'
import { DICT_TYPE, getDictLabel } from '@/utils/dict'
import { CheckOrderApi, CheckOrderVO } from '@/api/wms/order/check'
import { CheckOrderDetailVO } from '@/api/wms/order/check/detail'
import Barcode from '@/views/mes/wm/barcode/components/Barcode.vue'
import { BarcodeFormatEnum } from '@/views/mes/utils/constants'
import {
formatPrice,
formatQuantity,

View File

@ -327,6 +327,14 @@
</el-button>
</span>
</el-tooltip>
<el-button
v-hasPermi="['wms:movement-order:query']"
link
type="primary"
@click="handlePrint(scope.row.id)"
>
打印
</el-button>
</template>
</el-table-column>
</el-table>
@ -342,6 +350,7 @@
<!-- 表单弹窗添加/修改 -->
<MovementOrderForm ref="formRef" @success="getList" />
<MovementOrderDetail ref="detailRef" />
<MovementOrderPrint ref="printRef" />
</template>
<script lang="ts" setup>
@ -364,6 +373,7 @@ import {
import UserSelectV2 from '@/views/system/user/components/UserSelectV2.vue'
import MovementOrderDetail from './MovementOrderDetail.vue'
import MovementOrderForm from './MovementOrderForm.vue'
import MovementOrderPrint from './MovementOrderPrint.vue'
import download from '@/utils/download'
/** WMS 移库单 */
@ -516,6 +526,12 @@ const openDetail = (id: number) => {
detailRef.value.open(id)
}
/** 打印移库单 */
const printRef = ref()
const handlePrint = (id: number) => {
printRef.value.print(id)
}
/** 删除移库单 */
const handleDelete = async (id: number) => {
try {