uu
This commit is contained in:
aihe
parent
3f0340dfb0
commit
3b6fc3bcac
@ -1,27 +1,30 @@
|
|||||||
<template>
|
<template>
|
||||||
<tpx-layout>
|
<tpx-page>
|
||||||
<template v-slot:header></template>
|
<tpx-layout>
|
||||||
<template v-slot:body>
|
<template v-slot:header></template>
|
||||||
<view class="mt-30">
|
<template v-slot:body>
|
||||||
<bo-detail-tmp v-model:value="submitParam" :billCode="queryOption.billCode"></bo-detail-tmp>
|
<view class="mt-30">
|
||||||
</view>
|
<bo-detail-tmp v-model:value="submitParam" :billCode="queryOption.billCode"></bo-detail-tmp>
|
||||||
</template>
|
</view>
|
||||||
<template v-slot:footer>
|
</template>
|
||||||
<!-- <view class="blcok-white-noradius">
|
<template v-slot:footer>
|
||||||
<u-row justify="space-around">
|
<!-- <view class="blcok-white-noradius">
|
||||||
<u-button :plain="true" size="large" shape="circle" custom-style="margin: 0 10rpx;height:80rpx;font-size: 30rpx;"
|
<u-row justify="space-around">
|
||||||
>修改
|
<u-button :plain="true" size="large" shape="circle" custom-style="margin: 0 10rpx;height:80rpx;font-size: 30rpx;"
|
||||||
</u-button>
|
>修改
|
||||||
<u-button :plain="true" size="large" shape="circle" custom-style="margin: 0 10rpx;height:80rpx;font-size: 30rpx;"
|
</u-button>
|
||||||
>取消
|
<u-button :plain="true" size="large" shape="circle" custom-style="margin: 0 10rpx;height:80rpx;font-size: 30rpx;"
|
||||||
</u-button>
|
>取消
|
||||||
<u-button @click="goto(`post/post?id=${222}`)" type="primary" size="large" shape="circle" custom-style="margin: 0 10rpx;height:80rpx;font-size: 30rpx;"
|
</u-button>
|
||||||
>再来一单
|
<u-button @click="goto(`post/post?id=${222}`)" type="primary" size="large" shape="circle" custom-style="margin: 0 10rpx;height:80rpx;font-size: 30rpx;"
|
||||||
</u-button>
|
>再来一单
|
||||||
</u-row>
|
</u-button>
|
||||||
</view> -->
|
</u-row>
|
||||||
</template>
|
</view> -->
|
||||||
</tpx-layout>
|
</template>
|
||||||
|
</tpx-layout>
|
||||||
|
</tpx-page>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@ -1,145 +1,110 @@
|
|||||||
<template>
|
<template>
|
||||||
<tpx-layout>
|
<tpx-page>
|
||||||
<template v-slot:header>
|
<tpx-layout>
|
||||||
<view class="pgb-header">
|
<template v-slot:header>
|
||||||
<view class="com-jianju">
|
<view class="pgb-header">
|
||||||
<tpx-scan-input v-model:value="searchParam.yundanhao" placeholder="请输入单号或扫码"
|
<view class="com-jianju">
|
||||||
iconPos="right"></tpx-scan-input>
|
<tpx-scan-input v-model:value="searchParam.billCode" placeholder="请输入单号或扫码"
|
||||||
</view>
|
@change="handleScanValChange" iconPos="right"></tpx-scan-input>
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
<template v-slot:body>
|
|
||||||
<div style="min-height: 100%;display: flex;flex-direction: column;">
|
|
||||||
<view style="position: relative;">
|
|
||||||
|
|
||||||
<view class="mp-aside">
|
|
||||||
<u-row justify="between">
|
|
||||||
<u-row @click="setClipboardData(`T7080304038`)">
|
|
||||||
<view>
|
|
||||||
<u-text :text="'运单号：'+ 'T7080304038'" size="26"></u-text>
|
|
||||||
</view>
|
|
||||||
<view class="pl-10">
|
|
||||||
<u-icon name="file-text" size="32" custom-style=""></u-icon>
|
|
||||||
</view>
|
|
||||||
</u-row>
|
|
||||||
<view @click="goto(`post/detail?id={${22}}`)" class="com-tag-grey">
|
|
||||||
运单信息
|
|
||||||
</view>
|
|
||||||
</u-row>
|
|
||||||
|
|
||||||
<u-row @click="handleDealItem(orItem, { type: 1 })" custom-style="margin-top: 30rpx;" justify="center">
|
|
||||||
<u-col span="4">
|
|
||||||
<u-text :text="'中国上海'" size="30" :bold="true" align="center"></u-text>
|
|
||||||
<u-text :text="'张三'" size="26" color="#999" margin="20rpx 0 0 0"
|
|
||||||
align="center"></u-text>
|
|
||||||
</u-col>
|
|
||||||
<u-col span="4" justify="center" align="center" custom-style="text-align: center;">
|
|
||||||
<image style="width: 70rpx;height: 14rpx;" :src="getCdnUrl('search/toline.png')">
|
|
||||||
</image>
|
|
||||||
<!-- getCdnUrl('search/toline-grey.png') -->
|
|
||||||
<u-text :text="'待付款'" align="center" size="22" margin="10rpx 0 0 0"></u-text>
|
|
||||||
</u-col>
|
|
||||||
<u-col span="4">
|
|
||||||
<u-text :text="'越南'" size="30" :bold="true" align="center"></u-text>
|
|
||||||
<u-text :text="'李四'" size="26" color="#999" margin="20rpx 0 0 0"
|
|
||||||
align="center"></u-text>
|
|
||||||
</u-col>
|
|
||||||
</u-row>
|
|
||||||
|
|
||||||
<u-text :text="'下单时间：' + '2022-04-30 15:25'" color="#999" size="24"
|
|
||||||
margin="30rpx 0 0 0"></u-text>
|
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
<view class="mp-aside">
|
</template>
|
||||||
<u-row justify="between" align="top">
|
<template v-slot:body>
|
||||||
<view class="font-28 font-weight">
|
<div v-if="modelInfo.billCode" style="min-height: 100%;display: flex;flex-direction: column;">
|
||||||
货物图片
|
<view style="position: relative;">
|
||||||
</view>
|
|
||||||
<view style="width: 120rpx;">
|
<view class="mp-aside">
|
||||||
<u-button @click="handleCheckDanJu" :plain="true" shape="circle" custom-style="margin: 0 10rpx;height:50rpx;font-size: 28rpx;">
|
<bpd-send-reciever-tmp :value="modelInfo"></bpd-send-reciever-tmp>
|
||||||
查看
|
|
||||||
</u-button>
|
|
||||||
</view>
|
|
||||||
</u-row>
|
|
||||||
<view>
|
|
||||||
<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-row>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<u-row justify="between" align="top" custom-style="margin-top:30rpx;">
|
<view class="mp-aside">
|
||||||
<view class="font-28 font-weight">
|
<u-row justify="between" align="top">
|
||||||
签收底单
|
<view class="font-28 font-weight">
|
||||||
</view>
|
货物图片
|
||||||
<view style="width: 120rpx;">
|
</view>
|
||||||
<u-button @click="handleCheckDanJu" :plain="true" shape="circle" custom-style="margin: 0 10rpx;height:50rpx;font-size: 28rpx;">
|
<view style="width: 120rpx;">
|
||||||
查看
|
<u-button @click="handleCheckDanJu" :plain="true" shape="circle" custom-style="margin: 0 10rpx;height:50rpx;font-size: 28rpx;">
|
||||||
</u-button>
|
查看
|
||||||
</view>
|
</u-button>
|
||||||
</u-row>
|
</view>
|
||||||
<view>
|
|
||||||
<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-row>
|
</u-row>
|
||||||
|
<view>
|
||||||
|
<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-row>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<u-row justify="between" align="top" custom-style="margin-top:30rpx;">
|
||||||
|
<view class="font-28 font-weight">
|
||||||
|
签收底单
|
||||||
|
</view>
|
||||||
|
<view style="width: 120rpx;">
|
||||||
|
<u-button @click="handleCheckDanJu" :plain="true" shape="circle" custom-style="margin: 0 10rpx;height:50rpx;font-size: 28rpx;">
|
||||||
|
查看
|
||||||
|
</u-button>
|
||||||
|
</view>
|
||||||
|
</u-row>
|
||||||
|
<view>
|
||||||
|
<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-row>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
|
||||||
|
<view class="dt-block">
|
||||||
|
<view class="mb-20">
|
||||||
|
<buns-locus-pos :billCode="searchParam.billCode"></buns-locus-pos>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</div>
|
||||||
|
|
||||||
<view class="dt-block">
|
<view v-if="!modelInfo.billCode">
|
||||||
<view class="dt-item">
|
<tpx-empty></tpx-empty>
|
||||||
<buns-locus-pos :list="[{},{},{},{},{}]"></buns-locus-pos>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</div>
|
</template>
|
||||||
</template>
|
</tpx-layout>
|
||||||
</tpx-layout>
|
|
||||||
|
<tpx-dialog type="type-dialog" v-model:show="danCheckModal.show" title="输入号码后4位">
|
||||||
<tpx-dialog type="type-dialog" v-model:show="danCheckModal.show" title="输入号码后4位">
|
<view style="position: relative;height: 360rpx; width: 500rpx;">
|
||||||
<view style="position: relative;height: 360rpx; width: 500rpx;">
|
<tpx-layout>
|
||||||
<tpx-layout>
|
<template v-slot:body>
|
||||||
<template v-slot:body>
|
<view class="mt-20">
|
||||||
<view class="mt-20">
|
<u-row justify="center">
|
||||||
<u-row justify="center">
|
<text class="font-28 clr-sub">输入寄件人或收件人于机号码后四位</text>
|
||||||
<text class="font-28 clr-sub">输入寄件人或收件人于机号码后四位</text>
|
</u-row>
|
||||||
</u-row>
|
</view>
|
||||||
</view>
|
<view class="mt-40">
|
||||||
<view class="mt-40">
|
<u-row justify="center">
|
||||||
<u-row justify="center">
|
<u-code-input v-model="danCheckModal.yanCode" maxlength="4" space="20" fontSize="36" size="80"></u-code-input>
|
||||||
<u-code-input v-model="danCheckModal.yanCode" maxlength="4" space="20" fontSize="36" size="80"></u-code-input>
|
</u-row>
|
||||||
</u-row>
|
</view>
|
||||||
</view>
|
</template>
|
||||||
</template>
|
|
||||||
|
<template v-slot:footer>
|
||||||
<template v-slot:footer>
|
<view class="blcok-white-noradius" style="margin-top: 0;margin-bottom: 0;">
|
||||||
<view class="blcok-white-noradius" style="margin-top: 0;margin-bottom: 0;">
|
<u-button @click="handleSubmitDanCheck" type="primary" size="large" shape="circle"
|
||||||
<u-button @click="handleSubmitDanCheck" type="primary" size="large" shape="circle"
|
custom-style="height:80rpx;font-size: 30rpx;">
|
||||||
custom-style="height:80rpx;font-size: 30rpx;">
|
确认
|
||||||
确认
|
</u-button>
|
||||||
</u-button>
|
</view>
|
||||||
</view>
|
</template>
|
||||||
</template>
|
</tpx-layout>
|
||||||
</tpx-layout>
|
</view>
|
||||||
</view>
|
</tpx-dialog>
|
||||||
</tpx-dialog>
|
|
||||||
|
</tpx-page>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import getCdnUrl from "@/common/getCdnUrl"
|
import { debounce } from "@/common/util"
|
||||||
|
import * as apiService from "@/common/api"
|
||||||
import {
|
import BpdSendRecieverTmp from "@/components/buns-post-detail-templates/bpd-send-reciever-tmp"
|
||||||
goto,
|
|
||||||
goBack,
|
|
||||||
scanCode,
|
|
||||||
setClipboardData,
|
|
||||||
confirmModal,
|
|
||||||
makePhoneCall,
|
|
||||||
showLoading
|
|
||||||
} from "@/common/untool"
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
@ -147,35 +112,41 @@
|
|||||||
// type: Boolean
|
// type: Boolean
|
||||||
// }
|
// }
|
||||||
},
|
},
|
||||||
computed: {},
|
computed: {
|
||||||
|
dicData() {
|
||||||
|
return this.$store.getters.dicData
|
||||||
|
},
|
||||||
|
},
|
||||||
|
components: { BpdSendRecieverTmp },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
queryOption: {
|
||||||
|
billCode: '', // 运单id
|
||||||
|
},
|
||||||
|
modelInfo: {},
|
||||||
danCheckModal: {
|
danCheckModal: {
|
||||||
show: false
|
show: false
|
||||||
},
|
},
|
||||||
searchParam: {
|
searchParam: {
|
||||||
keyword: ''
|
billCode: ''
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onShareAppMessage() {
|
onShareAppMessage() {
|
||||||
return {
|
return {
|
||||||
// title: '',
|
|
||||||
// path: 'TODO'
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(queryOption) {
|
onLoad(option) {
|
||||||
this.queryOption = queryOption
|
this.queryOption = option
|
||||||
|
this.searchParam.billCode = option.billCode
|
||||||
this.initData();
|
this.initData();
|
||||||
},
|
},
|
||||||
onUnload() {},
|
onUnload() {},
|
||||||
methods: {
|
methods: {
|
||||||
setClipboardData,
|
|
||||||
goBack,
|
|
||||||
goto,
|
|
||||||
getCdnUrl,
|
|
||||||
initData() {
|
initData() {
|
||||||
// showLoading()
|
|
||||||
},
|
},
|
||||||
handleCheckDanJu() {
|
handleCheckDanJu() {
|
||||||
this.danCheckModal.show = true
|
this.danCheckModal.show = true
|
||||||
@ -187,11 +158,13 @@
|
|||||||
]
|
]
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
handleSearchParamChange() {
|
handleScanValChange: debounce(function(val){
|
||||||
|
val && (this.handleSearch(val))
|
||||||
},
|
}),
|
||||||
async handleScan () {
|
async handleSearch(val) {
|
||||||
const res = await scanCode()
|
let res = await apiService.getOrderDetail({...this.searchParam, _loading: true})
|
||||||
|
// 通过对象合并才能修改父级 数据
|
||||||
|
Object.assign(this.modelInfo, res.data || {})
|
||||||
},
|
},
|
||||||
handleSubmitDanCheck() {
|
handleSubmitDanCheck() {
|
||||||
this.danCheckModal.show = false
|
this.danCheckModal.show = false
|
||||||
@ -244,11 +217,4 @@
|
|||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dt-item {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
margin-bottom: 20rpx;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
Loading…
Reference in New Issue
Block a user