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>
|
||||
|
||||
<view class="mp-address-mask">
|
||||
<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 @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>
|
||||
<bpd-send-reciever-tmp :value="modelInfo"></bpd-send-reciever-tmp>
|
||||
</view>
|
||||
<view class="mp-kuadiyuan-mask" @click="makePhoneCall(modelInfo.takePieceEmployeePhone)">
|
||||
<u-row justify="between">
|
||||
@ -86,6 +50,8 @@
|
||||
|
||||
<script>
|
||||
import * as apiService from "@/common/api"
|
||||
import BpdSendRecieverTmp from "@/components/buns-post-detail-templates/bpd-send-reciever-tmp"
|
||||
|
||||
export default {
|
||||
props: {
|
||||
|
||||
@ -95,6 +61,7 @@
|
||||
return this.$store.getters.dicData
|
||||
},
|
||||
},
|
||||
components: { BpdSendRecieverTmp },
|
||||
data() {
|
||||
return {
|
||||
queryOption: {
|
||||
|
||||
@ -9,7 +9,6 @@
|
||||
<view class="pg-container">
|
||||
|
||||
<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">
|
||||
<view>
|
||||
<u-row>
|
||||
@ -26,7 +25,7 @@
|
||||
</u-row>
|
||||
</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>
|
||||
</u-row>
|
||||
|
||||
@ -139,10 +138,10 @@
|
||||
},
|
||||
saomiao: true,
|
||||
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' },
|
||||
{...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 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">
|
||||
<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>
|
||||
</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>
|
||||
|
||||
@ -141,6 +104,7 @@
|
||||
<script>
|
||||
import { dateRangeList } from "@/common/enum"
|
||||
import * as apiService from "@/common/api"
|
||||
import BpdSendRecieverTmp from "@/components/buns-post-detail-templates/bpd-send-reciever-tmp"
|
||||
|
||||
export default {
|
||||
props: {
|
||||
@ -153,6 +117,7 @@
|
||||
return this.$store.getters.dicData
|
||||
},
|
||||
},
|
||||
components: { BpdSendRecieverTmp },
|
||||
data() {
|
||||
let { dicData } = this.$store.getters
|
||||
return {
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
<template>
|
||||
<tpx-page>
|
||||
<view class="">
|
||||
<view class="sta-item">
|
||||
<u-row justify="between">
|
||||
@ -66,6 +67,8 @@
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</tpx-page>
|
||||
|
||||
</template>
|
||||
<script>
|
||||
import getCdnUrl from "@/common/getCdnUrl"
|
||||
|
||||
@ -50,8 +50,9 @@
|
||||
props: {
|
||||
},
|
||||
data() {
|
||||
let { userInfo } = this.$store.getters
|
||||
return {
|
||||
qrCodeImgUrl: ''
|
||||
qrCodeImgUrl: userInfo.qrCodeImgUrl
|
||||
}
|
||||
},
|
||||
onShareAppMessage() {
|
||||
@ -63,8 +64,7 @@
|
||||
},
|
||||
methods: {
|
||||
async initData(){
|
||||
let res = await apiService.getStaffQRCodePng({ _loading: true })
|
||||
this.qrCodeImgUrl = res?.data?.fileUrl
|
||||
|
||||
},
|
||||
async handleSave(){
|
||||
this.saveNetFile(this.qrCodeImgUrl)
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
<template>
|
||||
<tpx-page>
|
||||
<tpx-layout>
|
||||
<template v-slot:header>
|
||||
|
||||
@ -145,6 +146,7 @@
|
||||
<!-- @close="handleSwitchCladar()" -->
|
||||
<u-calendar title="请选择日期范围" color="#B12D29" mode="range" rowHeight="90" closeOnClickOverlay :show="showCladar" :defaultDate="tmpSearchParam.date.split('~')" @confirm="handleClaOk" @close="handleSwitchCladar"
|
||||
></u-calendar>
|
||||
</tpx-page>
|
||||
|
||||
</template>
|
||||
<script>
|
||||
|
||||
@ -80,6 +80,10 @@ export default {
|
||||
roles: resInfo.user,
|
||||
permissions: resInfo.permissions
|
||||
}
|
||||
|
||||
let resQr = await apiService.getStaffQRCodePng()
|
||||
info.qrCodeImgUrl = resQr?.data?.fileUrl
|
||||
|
||||
commit(USERKEY.GETUSERINFO, info)
|
||||
},
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user