This commit is contained in:
aihe 2024-05-23 16:37:07 +08:00
parent beee4e51ab
commit 3f0340dfb0
8 changed files with 314 additions and 268 deletions

View 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>

View File

@ -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: {

View File

@ -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' }
], ],
} }

View File

@ -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 {

View File

@ -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"

View File

@ -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)

View File

@ -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>

View File

@ -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)
}, },