aike/emis-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
1908b4bbe8
emis-app/pages/warehousing/detail.vue

352 lines
10 KiB
Vue
Raw Normal View History

uu
2024-02-01 07:51:22 +00:00
<template>
uu
2024-09-01 09:24:36 +00:00
<tpx-page>
<tpx-layout>
<template v-slot:header></template>
<template v-slot:body>
<view class="dt-block">
<view class="dt-tle">
<view class="t1">订单号: {{postInfo.billCode}}</view>
<view class="t2">
<text class="clr-prm"></text>
</view>
uu
2024-02-01 07:51:22 +00:00
</view>
uu
2024-09-01 09:24:36 +00:00
<u-line margin="20rpx 0 20rpx"></u-line>
uu
2024-02-01 07:51:22 +00:00
<view>
uu
2024-09-01 09:24:36 +00:00
<bpe-addressjiami-tmp v-model:value="postInfo"></bpe-addressjiami-tmp>
uu
2024-02-01 07:51:22 +00:00
</view>
uu
2024-09-01 09:24:36 +00:00
uu
2024-02-01 07:51:22 +00:00
</view>
uu
2024-09-01 09:24:36 +00:00
<view class="dt-block">
<view class="dt-tle" @click="setClipboardData(postInfo.intoWarehousePhone)">
<view class="t1">{{postInfo.intoWarehouseName}}联系信息</view>
<view class="t2">
<u-icon name="file-text" size="38" custom-style=""></u-icon>
</view>
uu
2024-02-01 07:51:22 +00:00
</view>
uu
2024-09-01 09:24:36 +00:00
<u-line margin="20rpx 0 20rpx"></u-line>
uu
2024-02-01 07:51:22 +00:00
<view>
uu
2024-09-01 09:24:36 +00:00
<view>
<text class="font-weight font-28 pr-20">{{postInfo.intoWarehouseContact}}</text>
<text class="clr-sub font-28">{{postInfo.intoWarehousePhone}}</text>
</view>
<u-text :text="postInfo.intoWarehouseAddress"
size="24" margin="20rpx 0 0 0" color="#999"
></u-text>
uu
2024-02-01 07:51:22 +00:00
</view>
</view>
uu
2024-09-01 09:24:36 +00:00
<view class="dt-block">
<view class="dt-tle">
<view class="t1">进仓货物总览</view>
<view class="t2">
<tetx v-if="billInfo.status == 0">未入仓</tetx>
<tetx v-if="billInfo.status == 1">已入仓</tetx>
<tetx v-if="billInfo.status == 2">部分入仓</tetx>
<tetx v-if="billInfo.status == 3">全部入仓</tetx>
</view>
uu
2024-02-01 07:51:22 +00:00
</view>
uu
2024-09-01 09:24:36 +00:00
<u-line margin="20rpx 0 20rpx"></u-line>
uu
2024-02-01 07:51:22 +00:00
<view class="dt-item font-28">
<view>
uu
2024-09-01 09:24:36 +00:00
<text class="pr-20 clr-sub">总重量:</text>
<text class="">{{billInfo.billWeight}} kg</text>
uu
2024-02-01 07:51:22 +00:00
</view>
<view>
uu
2024-09-01 09:24:36 +00:00
<text class="pr-20 clr-sub">总体积:</text>
<text class="">{{billInfo.totalVolume}}m³</text>
uu
2024-02-01 07:51:22 +00:00
</view>
<view>
uu
2024-09-01 09:24:36 +00:00
<text class="pr-20 clr-sub">总件数:</text>
<text class="">{{billInfo.parcelQty}}</text>
uu
2024-02-01 07:51:22 +00:00
</view>
</view>
uu
2024-09-01 09:24:36 +00:00
<!-- <bpe-goodstatic-tmp v-model:value="postInfo"></bpe-goodstatic-tmp> -->
<view v-for="(item) in billInfo.cargoSumList" class="yditem">
<view class="ydi-lab">
<text class="font-weight">女士针织棉上衣</text>
<text>预报: 300</text>
uu
2024-02-01 07:51:22 +00:00
</view>
uu
2024-09-01 09:24:36 +00:00
<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>
uu
2024-02-01 07:51:22 +00:00
</view>
</view>
uu
2024-09-01 09:24:36 +00:00
<!-- <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>
uu
2024-02-01 07:51:22 +00:00
</view>
uu
2024-09-01 09:24:36 +00:00
</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> -->
uu
2024-02-01 07:51:22 +00:00
</view>
</view>
uu
2024-09-01 09:24:36 +00:00
<u-line margin="20rpx 0 20rpx"></u-line>
uu
2024-02-01 07:51:22 +00:00
<view class="dt-item font-28">
<view>
uu
2024-09-01 09:24:36 +00:00
<text class="pr-20 clr-sub">进仓时间:</text>
<text class="font-weight">2023-77-20 09:25</text>
uu
2024-02-01 07:51:22 +00:00
</view>
<view>
uu
2024-09-01 09:24:36 +00:00
<text class="pr-20 clr-sub">操作员:</text>
<text class="font-weight">王小明</text>
uu
2024-02-01 07:51:22 +00:00
</view>
</view>
uu
2024-09-01 09:24:36 +00:00
<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>
uu
2024-02-01 07:51:22 +00:00
</view>
</view>
uu
2024-09-01 09:24:36 +00:00
<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>
uu
2024-02-01 07:51:22 +00:00
</view>
uu
2024-09-01 09:24:36 +00:00
<u-row justify="end">
<view style="display: inline-block;white-space: nowrap;" class="mt-10 pb-30">
<u-row>
<u-button @click="handleDialogClick(feedModal)" 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>
uu
2024-02-01 07:51:22 +00:00
</view>
uu
2024-09-01 09:24:36 +00:00
</template>
<template v-slot:footer>
<view class="blcok-white-noradius">
<u-row justify="space-around">
<u-button @click="handleDownloadPdf()" :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>
</tpx-page>
uu
2024-02-01 07:51:22 +00:00
</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"
uu
2024-09-01 09:24:36 +00:00
import BpeGoodstaticTmp from "@/components/buns-post-edit-templates/bpe-goodstatic-tmp"
import * as apiService from "@/common/api"
uu
2024-02-01 07:51:22 +00:00
export default {
uu
2024-09-01 09:24:36 +00:00
components: { BpeAddressjiamiTmp, BpeGoodstaticTmp },
uu
2024-02-01 07:51:22 +00:00
props: {
// hasLeftWin: {
// type: Boolean
// }
},
computed: {
},
data() {
return {
uu
2024-09-01 09:24:36 +00:00
pageLoading: true,
queryOption: {
inNo: '', // 进仓单号
},
billInfo: {},
postInfo: {},
uu
2024-02-01 07:51:22 +00:00
feedModal: {
show: false
}
}
},
onShareAppMessage() {
return {
// title: '',
// path: 'TODO'
}
},
uu
2024-09-01 09:24:36 +00:00
onLoad(option) {
this.queryOption = option
uu
2024-02-01 07:51:22 +00:00
this.initData();
},
onUnload() {
uu
2024-09-01 09:24:36 +00:00
uu
2024-02-01 07:51:22 +00:00
},
methods: {
uu
2024-09-01 09:24:36 +00:00
initData() {
this.inNo = this.queryOption.inNo
this.inNo && (this.queryOrderDetail(this.queryOption))
uu
2024-02-01 07:51:22 +00:00
},
uu
2024-09-01 09:24:36 +00:00
async queryOrderDetail(params) {
let res = await apiService.getWarehouseInInfo({...params, _loading: true})
if(!res.data) {
this.showToast("进仓单号数据不存在")
}
let data = res.data || {}
this.billInfo = data
if(data.billCode) {
let ores = await apiService.getOrderDetail({ billCode: data.billCode })
this.postInfo = ores.data
let baListRes = await apiService.getWarehouseBatchInList({...params})
debugger
}
this.pageLoading = false
uu
2024-02-01 07:51:22 +00:00
},
uu
2024-09-01 09:24:36 +00:00
handleDialogClick(curModal){
curModal.show = !curModal.show
uu
2024-02-01 07:51:22 +00:00
},
handlePreviewDiDan() {
uni.previewImage({
urls: [
this.getCdnUrl(`mine/kjcha.png`)
]
})
},
uu
2024-09-01 09:24:36 +00:00
async handleDownloadPdf(){
let res = await apiService.exportWarehouseInTpl({ orderSn: this.postInfo.orderSn })
debugger
},
uu
2024-02-01 07:51:22 +00:00
}
}
</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>
Reference in New Issue Copy Permalink