报表申报智能运输页面完成
This commit is contained in:
@@ -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%;
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<navigation :title="title" :back-url="backUrl">
|
||||
<template #right>
|
||||
<view class="right-btn flex align-center justify-center ">
|
||||
<uv-image @click="toEdit" src="../../../../static/edit.png" class="ml-24" width="20px" height="20px"
|
||||
<uv-image @tap="toEdit" src="../../../../static/edit.png" class="ml-24" width="20px" height="20px"
|
||||
style="margin-top:10rpx" />
|
||||
</view>
|
||||
</template>
|
||||
@@ -24,19 +24,19 @@
|
||||
<!-- 内容行 -->
|
||||
<view class="text">
|
||||
<p>RFID:
|
||||
<span v-if="item.rfidCode">{{ item.remark }}</span>
|
||||
<span v-else style="color: #999;">未绑定RFID</span>
|
||||
<text v-if="item.rfidCode">{{ item.remark }}</text>
|
||||
<text v-else style="color: #999;">未绑定RFID</text>
|
||||
</p>
|
||||
<p>生成时间:
|
||||
<span>{{ item?.createTime }}</span>
|
||||
<text>{{ item?.createTime }}</text>
|
||||
</p>
|
||||
<!-- 备注行-->
|
||||
<view class="flex-center qrCode">
|
||||
<p>备注:
|
||||
<span v-if="item.remark">{{ item.remark }}</span>
|
||||
<span v-else style="color: #999;">未填写</span>
|
||||
<text v-if="item.remark">{{ item.remark }}</text>
|
||||
<text v-else style="color: #999;">未填写</text>
|
||||
</p>
|
||||
<view @click="toViewQrCode">
|
||||
<view @tap="toViewQrCode">
|
||||
<uv-image src="../../../../static/qrcode.png" width="40rpx" height="40rpx"
|
||||
style="margin-top:10rpx" />
|
||||
</view>
|
||||
@@ -54,7 +54,7 @@
|
||||
<!-- 底部按钮 -->
|
||||
<view class="bottom">
|
||||
<uv-button type="primary" text="唯一码打印"></uv-button>
|
||||
<uv-button type="success" text="溯源" @click="toTraceability"></uv-button>
|
||||
<uv-button type="success" text="溯源" @tap="toTraceability"></uv-button>
|
||||
</view>
|
||||
</view>
|
||||
</uv-skeletons>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<z-paging ref="pagingRef" class="containerBox" v-model="uniqueCodeList" @query="getMaterialList">
|
||||
<uni-list>
|
||||
<uni-list-item v-for="item in uniqueCodeList" :key="item.id" clickable class="material-card"
|
||||
@longpress="() => handleItemLongPress(item, index)" @click="toDetail(item)">
|
||||
@longpress="() => handleItemLongPress(item, index)" @tap="toDetail(item)">
|
||||
<template v-slot:body>
|
||||
<p style="display: flex; flex-direction: column; width: 100%;">
|
||||
<!-- 编码、状态行 -->
|
||||
@@ -23,19 +23,19 @@
|
||||
<!-- 内容行 -->
|
||||
<view class="text ">
|
||||
<p>RFID:
|
||||
<span v-if="item.rfidCode">{{ item.remark }}</span>
|
||||
<span v-else style="color: #999;">未绑定RFID</span>
|
||||
<text v-if="item.rfidCode">{{ item.remark }}</text>
|
||||
<text v-else style="color: #999;">未绑定RFID</text>
|
||||
</p>
|
||||
<p>生成时间:
|
||||
<span>{{ item?.createTime }}</span>
|
||||
<text>{{ item?.createTime }}</text>
|
||||
</p>
|
||||
<!-- 备注行-->
|
||||
<view class="flex-center qrCode">
|
||||
<p>备注:
|
||||
<span v-if="item.remark">{{ item.remark }}</span>
|
||||
<span v-else style="color: #999;">未填写</span>
|
||||
<text v-if="item.remark">{{ item.remark }}</text>
|
||||
<text v-else style="color: #999;">未填写</text>
|
||||
</p>
|
||||
<view @click.stop="getDetailInfo(item)">
|
||||
<view @tap.stop="getDetailInfo(item)">
|
||||
<uv-image src="../../../../static/qrcode.png" width="40rpx" height="40rpx"
|
||||
style="margin-top:10rpx" />
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user