入库流程对接完毕

2026-04-03 08:38:34 +08:00
parent dde27ed688
commit ce6d5e5d6e
42 changed files with 3028 additions and 936 deletions
--- a/pages/warehousing/uniqueCode/myUniqueCode/QrCodeModal.vue
+++ b/pages/warehousing/uniqueCode/myUniqueCode/QrCodeModal.vue
@@ -0,0 +1,112 @@
+<template>
+  <view style="display: block;">
+    <view class="top">
+      <uv-image src="../../../../static//logo/logo.jpg" width="40px" height="40px" style="margin-top:10rpx" />
+
+      <!-- 唯一兼容 iPad 的写法：纯 2D Canvas -->
+      <canvas id="barcode" type="2d" class="barcode-canvas"></canvas>
+    </view>
+
+    <view class="content mt-16">
+      <p>物料：
+        <span>{{ material?.materialName }}</span>
+        <span v-if="material?.quantity">x {{ material?.quantity }}</span>
+      </p>
+      <p>描述：
+        <span v-if="material?.description">{{ material?.description || '-' }}</span>
+        <span v-else>
+          <span v-if="material?.materialShortName">{{ material?.materialShortName }} / </span>
+          <span v-if="material?.model">{{ material?.model }} / </span>
+          <span v-if="material?.specification">{{ material?.specification }} / </span>
+          <span v-if="material?.typeName">{{ material?.typeName }} </span>
+        </span>
+      </p>
+      <view class="top">
+        <p>备注：
+          <span>{{ material?.uniqueCodeRemark || '' }}</span>
+        </p>
+        <uv-image :src="qrCode" width="80rpx" height="80rpx" />
+      </view>
+    </view>
+  </view>
+
+</template>
+
+<script setup>
+import { onMounted, computed, watch } from 'vue';
+import JsBarcode from 'jsbarcode';
+
+const props = defineProps({
+  detail: { type: Object, default: null }
+});
+
+const qrCode = computed(() => props.detail?.material?.[0]?.qrCode);
+const material = computed(() => props.detail?.material?.[0]);
+const barcodeValue = computed(() => props.detail?.material?.[0]?.code || '');
+
+
+// iPad 兼容核心：不用 document，只用 uni 官方 API
+const drawBarcode = () => {
+  if (!barcodeValue.value) return;
+
+  const query = uni.createSelectorQuery();
+  query.select('#barcode')
+    .fields({ node: true, size: true })
+    .exec((res) => {
+      const canvas = res[0]?.node;
+      if (!canvas) return;
+
+      const ctx = canvas.getContext('2d');
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+      // 渲染条形码
+      JsBarcode(canvas, barcodeValue.value, {
+        format: 'CODE128',
+        width: 2,
+        height: 40,
+        displayValue: false,
+        margin: 10,
+      });
+    });
+};
+
+// 延迟执行，保证 iPad 能加载
+onMounted(() => {
+  setTimeout(drawBarcode, 400);
+});
+
+// 数据变化重新绘制
+watch(
+  () => props.detail,
+  () => setTimeout(drawBarcode, 400),
+  { deep: true }
+);
+</script>
+
+<style scoped lang="scss">
+.top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.content {
+
+  // display: flex;
+  p {
+    font-weight: 600;
+    font-size: 14px;
+  }
+
+  span {
+    font-weight: 400;
+    font-size: 14px;
+  }
+}
+
+/* 必须给宽度高度，iPad 才会显示 */
+.barcode-canvas {
+  width: 40%;
+  height: 20px;
+}
+</style>