报表申报智能运输页面完成

pages/warehousing/uniqueCode/myUniqueCode/QrCodeModal.vue

@@ -9,21 +9,24 @@
 
     <view class="content mt-16">
       <p>物料：
-        <span>{{ material?.materialName }}</span>
-        <span v-if="material?.quantity">x {{ material?.quantity }}</span>
+        <text>{{ material?.materialName }}</text>
+        <text v-if="material?.quantity">x {{ material?.quantity }}</text>
       </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>
+        <text v-if="material?.description">{{ material?.description || '-' }}</text>
+        <text v-else>
+          <text v-if="material?.materialShortName">{{ material?.materialShortName }} / </text>
+          <text v-if="material?.model">{{ material?.model }} / </text>
+          <text v-if="material?.specification">{{ material?.specification }} / </text>
+          <text v-if="material?.typeName">{{ material?.typeName }} </text>
+        </text>
       </p>
       <view class="top">
         <p>备注：
-          <span>{{ material?.uniqueCodeRemark || '' }}</span>
+          <text>
+            <text v-if="item?.uniqueCodeRemark">{{ item?.uniqueCodeRemark }}</text>
+            <text v-else class="empty">未填写</text>
+          </text>
         </p>
         <uv-image :src="qrCode" width="80rpx" height="80rpx" />
       </view>
@@ -43,6 +46,7 @@ const props = defineProps({
 const qrCode = computed(() => props.detail?.material?.[0]?.qrCode);
 const material = computed(() => props.detail?.material?.[0]);
 const barcodeValue = computed(() => props.detail?.material?.[0]?.code || '');
+console.log(props.detail?.material?.[0]?.code, 'code==>');
 
 
 // iPad 兼容核心：不用 document，只用 uni 官方 API
@@ -98,12 +102,16 @@ watch(
     font-size: 14px;
   }
 
-  span {
+  text {
     font-weight: 400;
     font-size: 14px;
   }
 }
 
+.empty {
+  color: #D3D3D3;
+}
+
 /* 必须给宽度高度，iPad 才会显示 */
 .barcode-canvas {
   width: 40%;