271 lines
9.0 KiB
Vue
271 lines
9.0 KiB
Vue
<template>
|
||
<!-- popup -->
|
||
<view>
|
||
<uni-popup ref="deliveryOrderPopup" type="bottom" @change="changePopup">
|
||
<view class="text-bold text-gray text-lg text-center left-top-sm-bar" style="position: absolute;top: 15px;right: 20px;" data-popup="deliveryOrderPopup" @click="closePopup"><text
|
||
class="cuIcon-close"></text></view>
|
||
<view class="bg-white padding" style="padding-top: 30rpx;width: 100%;">
|
||
<view class="text-center">
|
||
<text class="text-black" style="font-size: 34upx;">包安装/包服务商品安装确认</text>
|
||
</view>
|
||
<view>
|
||
<view class="solid-bottom padding-bottom-sm">
|
||
<view v-if="columnTitleArr.length" class="flex justify-between margin-tb-sm">
|
||
<view class="basis-df">{{columnTitleArr[0]}}</view>
|
||
<view class="flex justify-end text-center basis-df">
|
||
<view v-for="(title, index) in columnTitleArr" v-if="index >= 1" class="basis-df">{{title}}</view>
|
||
</view>
|
||
</view>
|
||
<view class="flex justify-between margin-tb-xs align-center" v-for="(item,index) in pickedList" :key="index">
|
||
<view class='cu-tag padding basis-lg'>{{item.goodsName}}</view>
|
||
<view class="flex justify-end basis-df text-center align-center">
|
||
<view class="basis-df">{{item.goodsNum}}</view>
|
||
<view class="basis-df">{{item.goodsNum}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="padding-top-sm padding-bottom-xs flex justify-between align-center">
|
||
<text class="margin-right-sm">本单可派服务金额：<text class="text-red text-lg">{{curOrder.serverMoney}}</text></text>
|
||
</view>
|
||
<view class="padding-bottom-sm flex justify-between align-center">
|
||
<text class="margin-right-sm" style="width: 150rpx;">服务金额</text>
|
||
<input type="digit" class="line-input radius-input" v-model="dispatchTotalPrice" placeholder="请输入服务总金额 (你对服务单跟进负责)"></input>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="padding-tb" v-if="serviceShop">
|
||
<view class="text-black text-bold flex justify-between">
|
||
<text>安装/服务/施工门店</text>
|
||
<text @click="goChooseShop">更多></text>
|
||
</view>
|
||
<view class="flex-sub flex margin-top-sm" @click="openShopLocation(serviceShop)">
|
||
<view style="width: 150rpx;height: 150rpx;margin-right:10px;">
|
||
<image style="width: 100%;height: 100%;" :src="serviceShop.imageUrl" mode="aspectFill"></image>
|
||
</view>
|
||
<view class="flex-sub">
|
||
<view class="text-bold" style="text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;">
|
||
客户已选: {{serviceShop.shopName}}
|
||
</view>
|
||
<view class="padding-tb-xs" style="position: relative;">
|
||
<!-- <view class='cu-tag round bg-orange light'>
|
||
<text class="text-black" v-if="pickedProductList[0].product[0].storeService == 1">到店服务</text>
|
||
<text class="text-black" v-if="pickedProductList[0].product[0].storeService == 2">到店+配送（服务）</text>
|
||
<text class="text-black" v-if="pickedProductList[0].product[0].storeService == 3">到店+上门（服务）</text>
|
||
</view> -->
|
||
<view class="margin-lr-sm" style="display: inline-block;" v-if="serviceShop.distance">
|
||
<view class="cu-tag bg-red" style="padding: 0 2px;height: auto;">距离客户</view>
|
||
<text class="text-gray" style="vertical-align: middle;">{{serviceShop.distance}}</text>
|
||
</view>
|
||
<image src="/static/navigation.png" style="width: 50rpx;height: 50rpx;display: inline-block;position: absolute;top: 5px;right: -10px;"></image>
|
||
</view>
|
||
<view style="text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;">{{serviceShop.provinceName + serviceShop.cityName + serviceShop.countryName + serviceShop.streetName + serviceShop.address}}</view>
|
||
<view class="flex justify-between align-center margin-bottom-xs padding-top">
|
||
<view>
|
||
<text class="text-bold text-lg margin-lr-xs">店长：{{serviceShop.phone}}</text>
|
||
</view>
|
||
<button class="cu-btn line-main-color" @click.stop="makePhoneCall(serviceShop.phone)">拨打</button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="cu-bar bg-white solid-top">
|
||
<view class="action margin-0 flex-sub text-black" @tap="closePopup">取消</view>
|
||
<view class="action margin-0 flex-sub text-main-color solid-left" @click="assignWork">提交</view>
|
||
</view>
|
||
</view>
|
||
</uni-popup>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
emits: ['confirmFeedback', 'close'],
|
||
props: {
|
||
show: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
data: {
|
||
type: Object,
|
||
default: () => {}
|
||
},
|
||
product: {
|
||
type: Object,
|
||
default: {}
|
||
},
|
||
orderType: {
|
||
type: Number,
|
||
default: 0
|
||
}
|
||
},
|
||
watch: {
|
||
show: {
|
||
handler(newVal) {
|
||
if(newVal) {
|
||
this.$nextTick(() => {
|
||
this.$refs.deliveryOrderPopup.open()
|
||
this.loadData(this.data)
|
||
})
|
||
}
|
||
},
|
||
immediate: true
|
||
}
|
||
},
|
||
data() {
|
||
return {
|
||
dispatchTotalPrice: null,
|
||
showDispatchPriceModal: false,
|
||
columnTitleArr: ['购买机型', '待派单', '派单量'],
|
||
curOrder: {},
|
||
pickedList: [],
|
||
workerName: null,
|
||
curUserInfo: null,
|
||
serviceShop: null,
|
||
serviceCancelled: null
|
||
}
|
||
},
|
||
onReady() {
|
||
uni.$on('chooseShop', this.chooseShop)
|
||
},
|
||
onUnload() {
|
||
uni.$off('chooseShop');
|
||
},
|
||
methods: {
|
||
changePopup(e) {
|
||
console.log(e);
|
||
if(!e.show) {
|
||
this.closePopup()
|
||
}
|
||
},
|
||
closePopup() {
|
||
this.$emit('close')
|
||
},
|
||
dateChange(e) {
|
||
this.date = e.detail.value;
|
||
this.changeExpectTime();
|
||
},
|
||
openShopLocation(item) {
|
||
// const gcj02Coord = wgs84ToGcj02(item.shop.longitude, item.shop.latitude)
|
||
// const gcj02Coord = wgs84ToGcj02(102.80154676649306, 24.969456922743056)
|
||
// const gcj02Coord = [102.82868680950929, 24.864792838337802]
|
||
const gcj02Coord = [item.longitude, item.latitude]
|
||
wx.openLocation({
|
||
latitude: gcj02Coord[1],
|
||
longitude: gcj02Coord[0],
|
||
scale: 18,
|
||
name: item.shopName,
|
||
address: `${item.provinceName}${item.cityName}${item.countryName}${item.streetName}${item.address}`
|
||
})
|
||
},
|
||
showModal(e) {
|
||
this[e.currentTarget.dataset.modal] = true;
|
||
},
|
||
hideModal(e) {
|
||
this[e.currentTarget.dataset.modal] = false;
|
||
},
|
||
changePiecesNum(curNum, curItem) {
|
||
curItem.toAssignNum = curNum;
|
||
},
|
||
resetData() {
|
||
this.dispatchTotalPrice = null;
|
||
this.pickedList = [];
|
||
this.curOrder = {};
|
||
this.curUserInfo = null;
|
||
},
|
||
loadData(order) {
|
||
this.resetData();
|
||
this.curUserInfo = this.$request.getCurUserInfo();
|
||
this.getCanAssignList(order);
|
||
// init defalut shop
|
||
this.initShop()
|
||
},
|
||
async getCanAssignList(order) {
|
||
// 获取最新的订单信息
|
||
let getOrderRes = await this.$request.getOrderMasterDetail({
|
||
id: order.orderMasterId,
|
||
});
|
||
let res = await this.$request.getCanAssignList({
|
||
orderMasterId: order.orderMasterId,
|
||
generateServiceOrder: getOrderRes.data.serviceCancelled
|
||
});
|
||
this.serviceCancelled = getOrderRes.data.serviceCancelled;
|
||
let pickedList = res.data;
|
||
this.curOrder = getOrderRes.data;
|
||
this.pickedList = pickedList;
|
||
},
|
||
async initShop() {
|
||
const {provinceName, cityName, countryName, streetName, address, serviceShopId} = this.data
|
||
let res = await this.$request.getShopDetailWithDistance({
|
||
shopId: serviceShopId,
|
||
provinceName,
|
||
cityName,
|
||
countryName,
|
||
streetName,
|
||
address
|
||
});
|
||
this.serviceShop = res.data;
|
||
},
|
||
chooseShop(shopInfo) {
|
||
this.serviceShop = shopInfo;
|
||
},
|
||
goChooseShop() {
|
||
const {provinceName, cityName, countryName, streetName, address, goodsId, goods, serviceShopId} = this.data
|
||
const addressFullObj = {
|
||
provinceName,
|
||
cityName,
|
||
countryName,
|
||
streetName,
|
||
address
|
||
}
|
||
const gotGoodsId = goods ? goods.goodsId : goodsId
|
||
uni.navigateTo({
|
||
url: '/pages/order-manage/choose-shop?goodsId='+gotGoodsId+'&addressFullObj='+JSON.stringify(addressFullObj)+'&shopId='+serviceShopId
|
||
})
|
||
},
|
||
async assignWork() {
|
||
if (this.dispatchTotalPrice) {
|
||
let res = await this.$request.allocateServiceMoney({
|
||
id: this.data.orderMasterId,
|
||
serverGoodsMoney: this.dispatchTotalPrice,
|
||
serviceShopId: this.serviceShop.shopId
|
||
});
|
||
if (res && res.code === 0) {
|
||
setTimeout(() => {
|
||
uni.showToast({
|
||
icon: 'success',
|
||
title: this.serviceCancelled == 1 ? '已安装确认' : '现已安装确认，请操作接单',
|
||
duration: 2000
|
||
})
|
||
}, 1500)
|
||
this.$emit('confirmFeedback');
|
||
return;
|
||
}
|
||
} else {
|
||
uni.showToast({
|
||
title: '请输入服务总金额',
|
||
icon: 'none'
|
||
})
|
||
}
|
||
},
|
||
makePhoneCall(customerPhone) {
|
||
uni.makePhoneCall({
|
||
phoneNumber: customerPhone
|
||
})
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
|
||
.relative-view {
|
||
position: relative;
|
||
}
|
||
|
||
.input-arrow {
|
||
position: absolute;
|
||
right: 10rpx;
|
||
top: 25%;
|
||
}
|
||
</style> |