332 lines
8.8 KiB
Vue
332 lines
8.8 KiB
Vue
<template>
|
|
<tpx-layout>
|
|
<template v-slot:header></template>
|
|
<template v-slot:body>
|
|
<view class="dt-block">
|
|
<view class="dt-tle">
|
|
<view class="t1">订单号: Tw891823727001</view>
|
|
<view class="t2">
|
|
<text class="clr-prm">{{'待遗收'}}</text>
|
|
</view>
|
|
</view>
|
|
<u-line margin="20rpx 0 20rpx"></u-line>
|
|
<view>
|
|
<bpe-addressjiami-tmp v-model:value="submitParam"></bpe-addressjiami-tmp>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="dt-block">
|
|
<view class="dt-tle" @click="setClipboardData('xxxxxxx')">
|
|
<view class="t1">柯桥仓库联系信息</view>
|
|
<view class="t2">
|
|
<u-icon name="file-text" size="38" custom-style=""></u-icon>
|
|
</view>
|
|
</view>
|
|
<u-line margin="20rpx 0 20rpx"></u-line>
|
|
<view>
|
|
<view>
|
|
<text class="font-weight font-28 pr-20">李先生</text>
|
|
<text class="clr-sub font-28">18627068352</text>
|
|
</view>
|
|
<u-text :text="'上海市大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界大世界'"
|
|
size="24" margin="20rpx 0 0 0" color="#999"
|
|
></u-text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="dt-block">
|
|
<view class="dt-tle">
|
|
<view class="t1">进仓货物总览</view>
|
|
<view class="t2">
|
|
<text class="clr-prm">{{'部分入仓'}}</text>
|
|
</view>
|
|
</view>
|
|
<u-line margin="20rpx 0 20rpx"></u-line>
|
|
<view class="dt-item font-28">
|
|
<view>
|
|
<text class="pr-20 clr-sub">总重量:</text>
|
|
<text class="">30 kg</text>
|
|
</view>
|
|
<view>
|
|
<text class="pr-20 clr-sub">总体积:</text>
|
|
<text class="">30m</text>
|
|
</view>
|
|
<view>
|
|
<text class="pr-20 clr-sub">总件数:</text>
|
|
<text class="">10</text>
|
|
</view>
|
|
</view>
|
|
<view v-for="(item) in ydList" class="yditem">
|
|
<view class="ydi-lab">
|
|
<text class="font-weight">女士针织棉上衣</text>
|
|
<text>预报: 300</text>
|
|
</view>
|
|
<view class="ydi-lab mt-10">
|
|
<text class="clr-sub">无 12L 中国内地</text>
|
|
<text>实入仓: 0</text>
|
|
</view>
|
|
<view class="ydi-lab mt-10">
|
|
<text class="clr-prm">12 CNY</text>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<!-- <u-row justify="end">
|
|
<view style="display: inline-block;white-space: nowrap;" class="mt-10">
|
|
<u-row>
|
|
<u-button shape="circle" type="primary"
|
|
custom-style="height: 54rpx;margin-left: 20rpx;">进仓单</u-button>
|
|
<u-button shape="circle" type="primary" :plain="true"
|
|
custom-style="height: 54rpx;margin-left: 20rpx;">补单证资料</u-button>
|
|
</u-row>
|
|
</view>
|
|
</u-row> -->
|
|
|
|
</view>
|
|
|
|
<view v-for="(item) in jcList" class="dt-block" style="padding-bottom: 2rpx;">
|
|
<view class="dt-tle">
|
|
<view class="t1">进仓单号:TAN-102032138002</view>
|
|
<view class="t2">
|
|
<!-- <text class="clr-prm">{{'部分入仓'}}</text> -->
|
|
</view>
|
|
</view>
|
|
<u-line margin="20rpx 0 20rpx"></u-line>
|
|
|
|
<view class="dt-item font-28">
|
|
<view>
|
|
<text class="pr-20 clr-sub">进仓时间:</text>
|
|
<text class="font-weight">2023-77-20 09:25</text>
|
|
</view>
|
|
<view>
|
|
<text class="pr-20 clr-sub">操作员:</text>
|
|
<text class="font-weight">王小明</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view v-for="(clItem) in [{}, {}, {}]" class="yditem">
|
|
<view class="ydi-lab">
|
|
<text class="font-weight">塑料拉链</text>
|
|
<text>破损:1</text>
|
|
</view>
|
|
<view class="ydi-lab mt-10">
|
|
<text class="clr-sub">品牌 规格 原产地</text>
|
|
<text class="clr-prm">实入:10</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="yditem" style="padding-bottom: 5rpx;">
|
|
<view class="dt-item font-28">
|
|
<view>
|
|
<text class="pr-20 clr-sub">重量:</text>
|
|
<text class="">30 kg</text>
|
|
</view>
|
|
<view>
|
|
<text class="pr-20 clr-sub">体积:</text>
|
|
<text class="">30m</text>
|
|
</view>
|
|
<view>
|
|
<text class="pr-20 clr-sub">件数:</text>
|
|
<text class="">10</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="dt-item font-28">
|
|
<view>
|
|
<text class="pr-20 clr-sub">包装类型:</text>
|
|
<text class="">纸箱</text>
|
|
</view>
|
|
<view>
|
|
<text class="pr-20 clr-sub">供应商:</text>
|
|
<text class="">南京制衣有限公司</text>
|
|
</view>
|
|
</view>
|
|
<view class="dt-item font-28">
|
|
<view>
|
|
<text class="pr-20 clr-sub">同行快:</text>
|
|
<text class="">顺丰</text>
|
|
</view>
|
|
<view>
|
|
<text class="pr-20 clr-sub">快递单号:</text>
|
|
<text class="">SF01023293239</text>
|
|
</view>
|
|
</view>
|
|
<view class="dt-item font-28">
|
|
<view>
|
|
<text class="pr-20 clr-sub">代垫运费:</text>
|
|
<text class="font-weight clr-prm">￥30</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="dt-item font-28">
|
|
<view>
|
|
<text class="pr-20 clr-sub">发货备注:</text>
|
|
<text class=" ">需要检查下产品规格型号是否一致，请拍照</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="dt-item font-28" style="margin-bottom: 10rpx;">
|
|
<view>
|
|
<text class="pr-20 clr-sub">仓库收货备注:</text>
|
|
<text class=" ">发现有异常，见拍照图片</text>
|
|
</view>
|
|
</view>
|
|
<view class="mb-20">
|
|
<u-row>
|
|
<u-image @click="handlePreviewDiDan()" :src="getCdnUrl(`mine/kjcha.png`)" width="100" height="50" mode="aspectFill"
|
|
custom-style="margin: 20rpx 20rpx 0 0;"
|
|
></u-image>
|
|
<u-image @click="handlePreviewDiDan()" :src="getCdnUrl(`mine/kjcha.png`)" width="100" height="50" mode="aspectFill"
|
|
custom-style="margin: 20rpx 20rpx 0 0;"
|
|
></u-image>
|
|
</u-row>
|
|
</view>
|
|
</view>
|
|
<u-row justify="end">
|
|
<view style="display: inline-block;white-space: nowrap;" class="mt-10 pb-30">
|
|
<u-row>
|
|
<u-button @click="handleFeedSwitch" shape="circle" :plain="true"
|
|
custom-style="height: 54rpx;margin-left: 20rpx;">反馈异常</u-button>
|
|
<u-button shape="circle" type="primary"
|
|
custom-style="height: 54rpx;margin-left: 20rpx;">进仓确认</u-button>
|
|
</u-row>
|
|
</view>
|
|
</u-row>
|
|
|
|
</view>
|
|
</template>
|
|
<template v-slot:footer>
|
|
<view class="blcok-white-noradius">
|
|
<u-row justify="space-around">
|
|
<u-button @click="goto(`warehousing/pdfPreview?id=${112}`)" :plain="true" size="large" shape="circle" custom-style="margin: 0 10rpx;height:80rpx;font-size: 30rpx;"
|
|
>下载PDF
|
|
</u-button>
|
|
<u-button type="primary" size="large" shape="circle" custom-style="margin: 0 10rpx;height:80rpx;font-size: 30rpx;"
|
|
>已确认可发货
|
|
</u-button>
|
|
</u-row>
|
|
</view>
|
|
</template>
|
|
</tpx-layout>
|
|
|
|
|
|
<tpx-com-dialog v-model:show="feedModal.show" title="反馈内容" @onSure="handleSubmitFeed">
|
|
<template v-slot:body>
|
|
<u-input placeholder="请输入" custom-style="height: 56rpx;font-size: 28rpx;"></u-input>
|
|
</template>
|
|
</tpx-com-dialog>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
import getCdnUrl from "@/common/getCdnUrl"
|
|
import { goto, goBack, setClipboardData, confirmModal, showLoading } from "@/common/untool"
|
|
import BpeAddressjiamiTmp from "@/components/buns-post-edit-templates/bpe-addressjiami-tmp"
|
|
|
|
export default {
|
|
components: { BpeAddressjiamiTmp },
|
|
props: {
|
|
// hasLeftWin: {
|
|
// type: Boolean
|
|
// }
|
|
},
|
|
computed: {
|
|
},
|
|
data() {
|
|
return {
|
|
submitParam: {},
|
|
ydList: [
|
|
{}
|
|
],
|
|
jcList: [
|
|
{},{},{}
|
|
],
|
|
feedModal: {
|
|
show: false
|
|
}
|
|
}
|
|
},
|
|
onShareAppMessage() {
|
|
return {
|
|
// title: '',
|
|
// path: 'TODO'
|
|
}
|
|
},
|
|
onLoad(queryOption) {
|
|
this.queryOption = queryOption
|
|
this.initData();
|
|
},
|
|
onUnload() {
|
|
},
|
|
methods: {
|
|
setClipboardData,
|
|
goto,
|
|
getCdnUrl,
|
|
initData(){
|
|
// showLoading()
|
|
},
|
|
handleFeedSwitch() {
|
|
this.feedModal.show = true
|
|
},
|
|
handleSubmitFeed() {
|
|
this.feedModal.show = false
|
|
},
|
|
handlePreviewDiDan() {
|
|
uni.previewImage({
|
|
urls: [
|
|
this.getCdnUrl(`mine/kjcha.png`)
|
|
]
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import '@/common/uni-nvue.scss';
|
|
page {
|
|
background-color: #F6F6F6;
|
|
height: 100% !important;
|
|
}
|
|
|
|
</style>
|
|
<style scoped lang="scss">
|
|
.dt-block {
|
|
margin-top: 30rpx;
|
|
padding: 30rpx;
|
|
background-color: #FFF;
|
|
position: relative;
|
|
}
|
|
.dt-tle {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
.t1 {
|
|
font-size: 30rpx;
|
|
font-weight: 600;
|
|
}
|
|
.t2{
|
|
font-size: 30rpx;
|
|
}
|
|
}
|
|
.dt-item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin-bottom: 20rpx;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.yditem{
|
|
padding: 20rpx 20rpx;
|
|
background-color: #F6F6F6;
|
|
border-radius: 10rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
.ydi-lab{
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
</style> |