uu
This commit is contained in:
parent
beee4e51ab
commit
3f0340dfb0
106
components/buns-post-detail-templates/bpd-send-reciever-tmp.vue
Normal file
106
components/buns-post-detail-templates/bpd-send-reciever-tmp.vue
Normal file
@ -0,0 +1,106 @@
|
|||||||
|
<template>
|
||||||
|
<u-row justify="between">
|
||||||
|
<u-row @click="setClipboardData(modelInfo.billCode)">
|
||||||
|
<view>
|
||||||
|
<u-text :text="`运单号:${modelInfo.billCode}` " size="26"></u-text>
|
||||||
|
</view>
|
||||||
|
<view class="pl-10">
|
||||||
|
<u-icon name="file-text" size="32" custom-style=""></u-icon>
|
||||||
|
</view>
|
||||||
|
</u-row>
|
||||||
|
<view>
|
||||||
|
<view v-if="showInfoBtn" @click="goto(`post/detail?billCode=${modelInfo.billCode}`)" class="com-tag-grey">
|
||||||
|
运单信息
|
||||||
|
</view>
|
||||||
|
<tpx-text-dic v-if="!showInfoBtn" :value="modelInfo.orderStatus" :list="dicData.emis_order_status" ></tpx-text-dic>
|
||||||
|
</view>
|
||||||
|
</u-row>
|
||||||
|
|
||||||
|
<view @click="goto(`post/detail?billCode=${modelInfo.billCode}`)">
|
||||||
|
<u-row custom-style="margin-top: 30rpx;" justify="center">
|
||||||
|
<u-col span="4">
|
||||||
|
<u-text :text="(sender.countryName + sender.provinceName)||'-'" size="30" :bold="true" align="center"></u-text>
|
||||||
|
<u-text :text="sender.name" 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('post/toline.png')">
|
||||||
|
</image>
|
||||||
|
<!-- getCdnUrl('post/toline-grey.png') -->
|
||||||
|
<view>
|
||||||
|
<tpx-text-dic :value="modelInfo.waybillStatus" :list="dicData.emis_waybill_status" ></tpx-text-dic>
|
||||||
|
</view>
|
||||||
|
</u-col>
|
||||||
|
<u-col span="4">
|
||||||
|
<u-text :text="(reciever.countryName + reciever.provinceName)||'-'" size="30" :bold="true" align="center"></u-text>
|
||||||
|
<u-text :text="reciever.name" size="26" color="#999" margin="20rpx 0 0 0"
|
||||||
|
align="center"></u-text>
|
||||||
|
</u-col>
|
||||||
|
</u-row>
|
||||||
|
|
||||||
|
<u-text :text="`下单时间:${modelInfo.sendDate}`" color="#999" size="24"
|
||||||
|
margin="30rpx 0 0 0"></u-text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
computed: {
|
||||||
|
modelInfo: {
|
||||||
|
get() {
|
||||||
|
return this.value
|
||||||
|
}
|
||||||
|
},
|
||||||
|
sender() {
|
||||||
|
let obj = JSON.parse(JSON.stringify(this.value?.sender || this.value || {}))
|
||||||
|
obj.countryName = obj.sendCountryName || obj.countryName
|
||||||
|
obj.provinceName = obj.sendProvinceName || obj.provinceName
|
||||||
|
obj.name = obj.sendName || obj.name
|
||||||
|
return obj
|
||||||
|
},
|
||||||
|
reciever() {
|
||||||
|
let obj = JSON.parse(JSON.stringify(this.value?.reciever || this.value || {}))
|
||||||
|
obj.countryName = obj.receiveCountryName || obj.countryName
|
||||||
|
obj.provinceName = obj.receiveProvinceName || obj.provinceName
|
||||||
|
obj.name = obj.receiveName || obj.name
|
||||||
|
return obj
|
||||||
|
},
|
||||||
|
dicData() {
|
||||||
|
return this.$store.getters.dicData
|
||||||
|
}
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
value: {
|
||||||
|
default () {
|
||||||
|
return {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
showInfoBtn: {
|
||||||
|
default () {
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
|
||||||
|
},
|
||||||
|
onHide() {
|
||||||
|
|
||||||
|
},
|
||||||
|
unmounted() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
|
||||||
|
</style>
|
||||||
@ -10,43 +10,7 @@
|
|||||||
></map>
|
></map>
|
||||||
|
|
||||||
<view class="mp-address-mask">
|
<view class="mp-address-mask">
|
||||||
<u-row justify="between">
|
<bpd-send-reciever-tmp :value="modelInfo"></bpd-send-reciever-tmp>
|
||||||
<u-row @click="setClipboardData(modelInfo.billCode)">
|
|
||||||
<view>
|
|
||||||
<u-text :text="`运单号:${modelInfo.billCode}` " 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?billCode=${modelInfo.billCode}`)" class="com-tag-grey">
|
|
||||||
运单信息
|
|
||||||
</view>
|
|
||||||
</u-row>
|
|
||||||
|
|
||||||
<u-row v-if="modelInfo.reciever" custom-style="margin-top: 30rpx;" justify="center">
|
|
||||||
<u-col span="4">
|
|
||||||
<u-text :text="(modelInfo.sender.countryName + modelInfo.sender.provinceName)||'-'" size="30" :bold="true" align="center"></u-text>
|
|
||||||
<u-text :text="modelInfo.sender.name" 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('post/toline.png')">
|
|
||||||
</image>
|
|
||||||
<!-- getCdnUrl('post/toline-grey.png') -->
|
|
||||||
<view>
|
|
||||||
<tpx-text-dic :value="modelInfo.waybillStatus" :list="dicData.emis_waybill_status" ></tpx-text-dic>
|
|
||||||
</view>
|
|
||||||
</u-col>
|
|
||||||
<u-col span="4">
|
|
||||||
<u-text :text="(modelInfo.reciever.countryName + modelInfo.reciever.provinceName)||'-'" size="30" :bold="true" align="center"></u-text>
|
|
||||||
<u-text :text="modelInfo.reciever.name" size="26" color="#999" margin="20rpx 0 0 0"
|
|
||||||
align="center"></u-text>
|
|
||||||
</u-col>
|
|
||||||
</u-row>
|
|
||||||
|
|
||||||
<u-text :text="`下单时间:${modelInfo.sendDate}`" color="#999" size="24"
|
|
||||||
margin="30rpx 0 0 0"></u-text>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="mp-kuadiyuan-mask" @click="makePhoneCall(modelInfo.takePieceEmployeePhone)">
|
<view class="mp-kuadiyuan-mask" @click="makePhoneCall(modelInfo.takePieceEmployeePhone)">
|
||||||
<u-row justify="between">
|
<u-row justify="between">
|
||||||
@ -86,6 +50,8 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import * as apiService from "@/common/api"
|
import * as apiService from "@/common/api"
|
||||||
|
import BpdSendRecieverTmp from "@/components/buns-post-detail-templates/bpd-send-reciever-tmp"
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
|
|
||||||
@ -95,6 +61,7 @@
|
|||||||
return this.$store.getters.dicData
|
return this.$store.getters.dicData
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
components: { BpdSendRecieverTmp },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
queryOption: {
|
queryOption: {
|
||||||
|
|||||||
@ -9,7 +9,6 @@
|
|||||||
<view class="pg-container">
|
<view class="pg-container">
|
||||||
|
|
||||||
<view class="com-jianju" style="margin-top: 10rpx;">
|
<view class="com-jianju" style="margin-top: 10rpx;">
|
||||||
<view class="pt-30 pb-40 clr-wht font-32 font-weight">我的</view>
|
|
||||||
<u-row align="center" justify="between">
|
<u-row align="center" justify="between">
|
||||||
<view>
|
<view>
|
||||||
<u-row>
|
<u-row>
|
||||||
@ -26,7 +25,7 @@
|
|||||||
</u-row>
|
</u-row>
|
||||||
</view>
|
</view>
|
||||||
<view>
|
<view>
|
||||||
<u-image height="140" width="140" radius="10"></u-image>
|
<u-image @click="goto('user/exclusiveQrcode')" height="140" width="140" :src="userInfo.qrCodeImgUrl" radius="10"></u-image>
|
||||||
</view>
|
</view>
|
||||||
</u-row>
|
</u-row>
|
||||||
|
|
||||||
@ -139,10 +138,10 @@
|
|||||||
},
|
},
|
||||||
saomiao: true,
|
saomiao: true,
|
||||||
mainBtnlist: [
|
mainBtnlist: [
|
||||||
{ title: '服务客户', icon: this.getCdnUrl(`mine/kehu.png`), url: '' },
|
{ title: '我的任务', icon: this.getCdnUrl(`mine/kehu.png`), url: 'tabBar/order/order' },
|
||||||
{ title: '计提明细', icon: this.getCdnUrl(`mine/jitmx.png`), url: 'user/withdraw' },
|
{ title: '计提明细', icon: this.getCdnUrl(`mine/jitmx.png`), url: 'user/withdraw' },
|
||||||
{...dealBtnMap.woDeErWeiMa},
|
{...dealBtnMap.woDeErWeiMa},
|
||||||
{ title: '我的收件', icon: this.getCdnUrl(`mine/shj.png`), url: 'user/bunsStatic' }
|
{ title: '业务统计', icon: this.getCdnUrl(`mine/shj.png`), url: 'user/bunsStatic' }
|
||||||
],
|
],
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -73,46 +73,9 @@
|
|||||||
<view class="pgb-cont">
|
<view class="pgb-cont">
|
||||||
<!-- 列表数据 -->
|
<!-- 列表数据 -->
|
||||||
<view v-for="(item) in resData.list" class="ord-list-item">
|
<view v-for="(item) in resData.list" class="ord-list-item">
|
||||||
<u-row justify="between">
|
|
||||||
<view>
|
|
||||||
<u-row @click="handleDealItem(item, { type: 2 })">
|
|
||||||
<view>
|
|
||||||
<u-text v-if="item.billCode" :text="'运单号:' + item.billCode" size="26"></u-text>
|
|
||||||
<u-text v-else :text="'订单号:'+ item.orderSn" size="26"></u-text>
|
|
||||||
</view>
|
|
||||||
<view class="pl-10">
|
|
||||||
<u-icon name="file-text" size="32" custom-style=""></u-icon>
|
|
||||||
</view>
|
|
||||||
</u-row>
|
|
||||||
</view>
|
|
||||||
<view style="text-align: right;">
|
|
||||||
<tpx-text-dic :value="item.orderStatus" :list="dicData.emis_order_status" ></tpx-text-dic>
|
|
||||||
</view>
|
|
||||||
</u-row>
|
|
||||||
|
|
||||||
<u-row @click="handleDealItem(item, { type: 1 })" custom-style="margin-top: 30rpx;" justify="center">
|
|
||||||
<u-col span="4">
|
|
||||||
<u-text :text="(item.sendCountryName + item.sendProvinceName)||'-'" size="30" :bold="true" align="center"></u-text>
|
|
||||||
<u-text :text="item.sendName" 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('post/toline.png')">
|
|
||||||
</image>
|
|
||||||
<!-- getCdnUrl('post/toline-grey.png') -->
|
|
||||||
<view class="mt-10">
|
<view class="mt-10">
|
||||||
<tpx-text-dic :value="item.waybillStatus" :list="dicData.emis_waybill_status" ></tpx-text-dic>
|
<bpd-send-reciever-tmp :value="item" :showInfoBtn="false"></bpd-send-reciever-tmp>
|
||||||
</view>
|
</view>
|
||||||
</u-col>
|
|
||||||
<u-col span="4">
|
|
||||||
<u-text :text="(item.receiveCountryName + item.receiveProvinceName)||'-'" size="30" :bold="true" align="center"></u-text>
|
|
||||||
<u-text :text="item.receiveName" size="26" color="#999" margin="20rpx 0 0 0"
|
|
||||||
align="center"></u-text>
|
|
||||||
</u-col>
|
|
||||||
</u-row>
|
|
||||||
|
|
||||||
<u-text :text="'签收时间:TODO' + '2022-04-30 15:25'" color="#999" size="24"
|
|
||||||
margin="30rpx 0 0 0"></u-text>
|
|
||||||
|
|
||||||
<u-line color="#DEDEDE" margin="30rpx 0 0 0"></u-line>
|
<u-line color="#DEDEDE" margin="30rpx 0 0 0"></u-line>
|
||||||
|
|
||||||
@ -141,6 +104,7 @@
|
|||||||
<script>
|
<script>
|
||||||
import { dateRangeList } from "@/common/enum"
|
import { dateRangeList } from "@/common/enum"
|
||||||
import * as apiService from "@/common/api"
|
import * as apiService from "@/common/api"
|
||||||
|
import BpdSendRecieverTmp from "@/components/buns-post-detail-templates/bpd-send-reciever-tmp"
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
@ -153,6 +117,7 @@
|
|||||||
return this.$store.getters.dicData
|
return this.$store.getters.dicData
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
components: { BpdSendRecieverTmp },
|
||||||
data() {
|
data() {
|
||||||
let { dicData } = this.$store.getters
|
let { dicData } = this.$store.getters
|
||||||
return {
|
return {
|
||||||
|
|||||||
@ -1,4 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
|
<tpx-page>
|
||||||
<view class="">
|
<view class="">
|
||||||
<view class="sta-item">
|
<view class="sta-item">
|
||||||
<u-row justify="between">
|
<u-row justify="between">
|
||||||
@ -66,6 +67,8 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
</tpx-page>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import getCdnUrl from "@/common/getCdnUrl"
|
import getCdnUrl from "@/common/getCdnUrl"
|
||||||
|
|||||||
@ -50,8 +50,9 @@
|
|||||||
props: {
|
props: {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
let { userInfo } = this.$store.getters
|
||||||
return {
|
return {
|
||||||
qrCodeImgUrl: ''
|
qrCodeImgUrl: userInfo.qrCodeImgUrl
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onShareAppMessage() {
|
onShareAppMessage() {
|
||||||
@ -63,8 +64,7 @@
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async initData(){
|
async initData(){
|
||||||
let res = await apiService.getStaffQRCodePng({ _loading: true })
|
|
||||||
this.qrCodeImgUrl = res?.data?.fileUrl
|
|
||||||
},
|
},
|
||||||
async handleSave(){
|
async handleSave(){
|
||||||
this.saveNetFile(this.qrCodeImgUrl)
|
this.saveNetFile(this.qrCodeImgUrl)
|
||||||
|
|||||||
@ -1,4 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
|
<tpx-page>
|
||||||
<tpx-layout>
|
<tpx-layout>
|
||||||
<template v-slot:header>
|
<template v-slot:header>
|
||||||
|
|
||||||
@ -145,6 +146,7 @@
|
|||||||
<!-- @close="handleSwitchCladar()" -->
|
<!-- @close="handleSwitchCladar()" -->
|
||||||
<u-calendar title="请选择日期范围" color="#B12D29" mode="range" rowHeight="90" closeOnClickOverlay :show="showCladar" :defaultDate="tmpSearchParam.date.split('~')" @confirm="handleClaOk" @close="handleSwitchCladar"
|
<u-calendar title="请选择日期范围" color="#B12D29" mode="range" rowHeight="90" closeOnClickOverlay :show="showCladar" :defaultDate="tmpSearchParam.date.split('~')" @confirm="handleClaOk" @close="handleSwitchCladar"
|
||||||
></u-calendar>
|
></u-calendar>
|
||||||
|
</tpx-page>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@ -80,6 +80,10 @@ export default {
|
|||||||
roles: resInfo.user,
|
roles: resInfo.user,
|
||||||
permissions: resInfo.permissions
|
permissions: resInfo.permissions
|
||||||
}
|
}
|
||||||
|
|
||||||
|
let resQr = await apiService.getStaffQRCodePng()
|
||||||
|
info.qrCodeImgUrl = resQr?.data?.fileUrl
|
||||||
|
|
||||||
commit(USERKEY.GETUSERINFO, info)
|
commit(USERKEY.GETUSERINFO, info)
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user