wangyifang
/
xukou-ticket-wx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

up

Browse Source
master
lion 8 months ago
parent c68902e238
commit 4046af51b6
3 changed files with 139 additions and 119 deletions
Show Stats Download Patch File Download Diff File

254
package_sub/order/orderDetail.vue
Unescape View File

@ -18,45 +18,45 @@
<text class="label">服务时间</text> <text class="label">服务时间</text>
<text class="value">{{orderInfo.time}}</text> <text class="value">{{orderInfo.time}}</text>
</view> </view>
<view class="info-item" v-if="orderInfo.type === 2"> <view class="info-item" v-if="orderInfo.type === 2">
<text class="label">服务地址</text> <text class="label">服务地址</text>
<text class="value">{{item.city?item.city:'' }}</text> <text class="value">{{item.city?item.city:'' }}</text>
</view>
<view class="info-item" v-else>
<text class="label">就诊医院</text>
<text class="value">{{orderInfo.hospital?orderInfo.hospital.name:''}}</text>
</view>
<view class="info-item">
<text class="label">联系人</text>
<text class="value">{{orderInfo.appoint_name?orderInfo.appoint_name:''}}</text>
</view>
<view class="info-item">
<text class="label">联系方式</text>
<text class="value">{{orderInfo.appoint_mobile?orderInfo.appoint_mobile:''}}</text>
</view> </view>
<view class="info-item"> <view class="info-item" v-else>
<text class="label">被服务人</text> <text class="label">就诊医院</text>
<text class="value">{{orderInfo.user_archive?orderInfo.user_archive.name:''}}</text> <text class="value">{{orderInfo.hospital?orderInfo.hospital.name:''}}</text>
</view>
<view class="info-item">
<text class="label">联系人</text>
<text class="value">{{orderInfo.appoint_name?orderInfo.appoint_name:''}}</text>
</view>
<view class="info-item">
<text class="label">联系方式</text>
<text class="value">{{orderInfo.appoint_mobile?orderInfo.appoint_mobile:''}}</text>
</view>
<view class="info-item">
<text class="label">被服务人</text>
<text class="value">{{orderInfo.user_archive?orderInfo.user_archive.name:''}}</text>
</view>
<view class="info-item">
<text class="label">是否可以自理</text>
<text class="value">{{orderInfo.my_provide===1?'可以自理':'不能自理'}}</text>
</view>
<view class="info-item info-item-reason">
<text class="label">就诊资料</text>
<view class="value">
<view class="order-item-img">
<image v-for="(item,index) in imgs" :src="item" @click="imgPreview(index)"></image>
</view>
</view>
</view> </view>
<view class="info-item info-item-reason">
<view class="info-item"> <text class="label">其他需求</text>
<text class="label">是否可以自理</text> <text class="value">{{orderInfo.content?orderInfo.content:''}}</text>
<text class="value">{{orderInfo.my_provide===1?'可以自理':'不能自理'}}</text> </view>
</view>
<view class="info-item info-item-reason">
<text class="label">就诊资料</text>
<view class="value">
<view class="order-item-img">
<image v-for="(item,index) in imgs" :src="item" @click="imgPreview(index)"></image>
</view>
</view>
</view>
<view class="info-item info-item-reason">
<text class="label">其他需求</text>
<text class="value">{{orderInfo.content?orderInfo.content:''}}</text>
</view>
<view class="info-item"> <view class="info-item">
<text class="label">订单金额</text> <text class="label">订单金额</text>
<text class="value">¥{{orderInfo.price}}</text> <text class="value">¥{{orderInfo.price}}</text>
@ -73,10 +73,27 @@
</view> </view>
<view class="info-item info-item-reason"> <view class="info-item info-item-reason">
<text class="label">修改原因</text> <text class="label">修改原因</text>
<text class="value reason">{{orderInfo.update_price_reason}}</text> <text class="value reason">{{orderInfo.update_price_reason?orderInfo.update_price_reason:''}}</text>
</view> </view>
</view> </view>
<!-- 服务记录 -->
<!-- <view class="order-info" v-if="orderInfo.accompany_order_log && orderInfo.accompany_order_log.length>0">
<view class="info-item info-item-reason">
<text class="label">服务记录</text>
<view class="value">
<view class="">
<view v-for="item in orderInfo.accompany_order_log">
<view>备注：{{item.remark}}</view>
<view class="order-item-img">
<image v-for="(i,index) in item.files" :src="i.url"
@click="imgPreviewList(item.files,index)"></image>
</view>
</view>
</view>
</view>
</view>
</view> -->
<!-- 支付二维码 --> <!-- 支付二维码 -->
<view class="payment-popup" v-if="orderInfo.status===3"> <view class="payment-popup" v-if="orderInfo.status===3">
<view class="title">付款二维码</view> <view class="title">付款二维码</view>
@ -86,100 +103,101 @@
</view> </view>
<view class="qr-code"> <view class="qr-code">
<!-- <image :src="qrCodeUrl" mode="aspectFit"></image> --> <!-- <image :src="qrCodeUrl" mode="aspectFit"></image> -->
<uqrcode v-if="myQrcode" ref="uqrcode" canvas-id="qrcode" :value="myQrcode" :sizeUnit="'rpx'" <uqrcode v-if="myQrcode" ref="uqrcode" canvas-id="qrcode" :value="myQrcode" :sizeUnit="'rpx'"
:size="200" :options="{ :size="200" :options="{
margin: 10, margin: 10,
}"></uqrcode> }"></uqrcode>
</view> </view>
<view class="tips"> <view class="tips">
<text>请扫码支付差额</text> <text>请扫码支付差额</text>
<text class="sub-tips">支付完成后订单将自动完成</text> <text class="sub-tips">支付完成后订单将自动完成</text>
</view> </view>
<view class="close-btn"> <view class="close-btn">
<u-button size="mini" shape="circle" type="default" :custom-style="parStyle" <u-button size="mini" shape="circle" type="default" :custom-style="parStyle"
@click="isPayCode">我已支付</u-button> @click="isPayCode">我已支付</u-button>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import uqrcode from '@/uni_modules/Sansnn-uQRCode/components/uqrcode/uqrcode.vue' import uqrcode from '@/uni_modules/Sansnn-uQRCode/components/uqrcode/uqrcode.vue'
export default { export default {
components: { components: {
uqrcode uqrcode
}, },
data() { data() {
return { return {
myQrcode:'', myQrcode: '',
imgs:[], imgs: [],
orderId:'', orderId: '',
orderInfo: {}, orderInfo: {},
parStyle: { parStyle: {
'background': 'linear-gradient(to right, #476de4, #7bb9f7)', 'background': 'linear-gradient(to right, #476de4, #7bb9f7)',
'color': '#fff', 'color': '#fff',
'font-size': '28rpx', 'font-size': '28rpx',
'padding': '0 30rpx', 'padding': '0 30rpx',
'margin-left': '15rpx' 'margin-left': '15rpx'
}, },
} }
}, },
onLoad(options) { onLoad(options) {
// 获取订单详情 // 获取订单详情
this.orderId = options.id this.orderId = options.id
this.getOrderDetail(options.id); this.getOrderDetail(options.id);
}, },
methods: { methods: {
imgPreview(index) { imgPreview(index) {
uni.previewImage({ uni.previewImage({
current: index, // 当前显示图片索引 current: index, // 当前显示图片索引
urls: this.imgs // 需要预览的图片http链接列表 urls: this.imgs // 需要预览的图片http链接列表
}); });
}, },
async getOrderDetail(orderId) { async getOrderDetail(orderId) {
// 调用接口获取订单详情 // 调用接口获取订单详情
const res = await this.$u.api.orderDetail({ const res = await this.$u.api.orderDetail({
id: orderId id: orderId
}) })
this.orderInfo = res this.orderInfo = res
let _arr = [] let _arr = []
if (res.files.length > 0) { if (res.files.length > 0) {
res.files.map(item => { res.files.map(item => {
_arr.push(item.url) _arr.push(item.url)
}) })
this.imgs = _arr this.imgs = _arr
} }
if(res.status===3){ if (res.status === 3) {
await this.getCode(res.no) await this.getCode(res.no)
} }
}, },
async getCode(no){ async getCode(no) {
const res = await this.$u.api.payCode({ const res = await this.$u.api.payCode({
no:no no: no
}) })
if(res.result.return_code==='SUCCESS'){ if (res.result.return_code === 'SUCCESS') {
if(res.result.code_url){ if (res.result.code_url) {
this.myQrcode = res.result.code_url this.myQrcode = res.result.code_url
}else{ } else {
uni.showToast({ uni.showToast({
icon:'none', icon: 'none',
title:res.result.err_code_des||'获取失败' title: res.result.err_code_des || '获取失败'
}) })
} }
}else{ } else {
uni.showToast({ uni.showToast({
icon:'none', icon: 'none',
title:'获取失败' title: '获取失败'
}) })
} }
}, },
isPayCode(){ isPayCode() {
this.myQrcode = '' this.myQrcode = ''
this.getOrderDetail(this.orderId) this.getOrderDetail(this.orderId)
}, },
} }
} }
@ -237,16 +255,17 @@
&>text { &>text {
width: 100% width: 100%
} }
} }
.order-item-img {
display: flex; .order-item-img {
flex-wrap: wrap; display: flex;
flex-wrap: wrap;
image {
width: 140rpx; image {
height: 140rpx; width: 140rpx;
margin: 10rpx; height: 140rpx;
} margin: 10rpx;
}
} }
} }
@ -307,12 +326,13 @@
color: #999; color: #999;
font-size: 24rpx; font-size: 24rpx;
} }
} }
.close-btn {
width: 80%; .close-btn {
margin: 0 auto; width: 80%;
display: flex; margin: 0 auto;
justify-content: center; display: flex;
justify-content: center;
} }
} }
} }

2
unpackage/dist/dev/.sourcemap/mp-weixin/package_sub/order/orderDetail.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/mp-weixin/package_sub/order/orderDetail.wxml vendored
Unescape View File

@ -1 +1 @@
<view class="detail-page data-v-6fd8f918"><u-navbar vue-id="e972aa24-1" title="查看详情" is-back="{{true}}" back-icon-color="#fff" background="{{$root.a0}}" title-color="#fff" border-bottom="{{false}}" class="data-v-6fd8f918" bind:__l="__l"></u-navbar><view class="b-border data-v-6fd8f918"></view><view class="order-info data-v-6fd8f918"><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">订单号</text><text class="value data-v-6fd8f918">{{orderInfo.no}}</text></view><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">服务项目</text><text class="value data-v-6fd8f918">{{orderInfo.accompany_product?orderInfo.accompany_product.name:''}}</text></view><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">服务时间</text><text class="value data-v-6fd8f918">{{orderInfo.time}}</text></view><block wx:if="{{orderInfo.type===2}}"><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">服务地址</text><text class="value data-v-6fd8f918">{{item.city?item.city:''}}</text></view></block><block wx:else><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">就诊医院</text><text class="value data-v-6fd8f918">{{orderInfo.hospital?orderInfo.hospital.name:''}}</text></view></block><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">联系人</text><text class="value data-v-6fd8f918">{{orderInfo.appoint_name?orderInfo.appoint_name:''}}</text></view><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">联系方式</text><text class="value data-v-6fd8f918">{{orderInfo.appoint_mobile?orderInfo.appoint_mobile:''}}</text></view><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">被服务人</text><text class="value data-v-6fd8f918">{{orderInfo.user_archive?orderInfo.user_archive.name:''}}</text></view><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">是否可以自理</text><text class="value data-v-6fd8f918">{{orderInfo.my_provide===1?'可以自理':'不能自理'}}</text></view><view class="info-item info-item-reason data-v-6fd8f918"><text class="label data-v-6fd8f918">就诊资料</text><view class="value data-v-6fd8f918"><view class="order-item-img data-v-6fd8f918"><block wx:for="{{imgs}}" wx:for-item="item" wx:for-index="index"><image src="{{item}}" data-event-opts="{{[['tap',[['imgPreview',[index]]]]]}}" bindtap="__e" class="data-v-6fd8f918"></image></block></view></view></view><view class="info-item info-item-reason data-v-6fd8f918"><text class="label data-v-6fd8f918">其他需求</text><text class="value data-v-6fd8f918">{{orderInfo.content?orderInfo.content:''}}</text></view><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">订单金额</text><text class="value data-v-6fd8f918">{{"¥"+orderInfo.price}}</text></view><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">原始金额</text><text class="value data-v-6fd8f918">{{"¥"+orderInfo.from_price}}</text></view><block wx:if="{{orderInfo.status===3||orderInfo.status===4}}"><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">待付金额</text><text class="value price data-v-6fd8f918">{{"¥"+orderInfo.diff_price}}</text></view></block><view class="info-item info-item-reason data-v-6fd8f918"><text class="label data-v-6fd8f918">修改原因</text><text class="value reason data-v-6fd8f918">{{orderInfo.update_price_reason}}</text></view></view><block wx:if="{{orderInfo.status===3}}"><view class="payment-popup data-v-6fd8f918"><view class="title data-v-6fd8f918">付款二维码</view><view class="amount data-v-6fd8f918"><text class="symbol data-v-6fd8f918">¥</text><text class="number data-v-6fd8f918">{{orderInfo.diff_price}}</text></view><view class="qr-code data-v-6fd8f918"><block wx:if="{{myQrcode}}"><uqrcode vue-id="e972aa24-2" canvas-id="qrcode" value="{{myQrcode}}" sizeUnit="rpx" size="{{200}}" options="{{({margin:10})}}" data-ref="uqrcode" class="data-v-6fd8f918 vue-ref" bind:__l="__l"></uqrcode></block></view><view class="tips data-v-6fd8f918"><text class="data-v-6fd8f918">请扫码支付差额</text><text class="sub-tips data-v-6fd8f918">支付完成后订单将自动完成</text></view><view class="close-btn data-v-6fd8f918"><u-button vue-id="e972aa24-3" size="mini" shape="circle" type="default" custom-style="{{parStyle}}" data-event-opts="{{[['^click',[['isPayCode']]]]}}" bind:click="__e" class="data-v-6fd8f918" bind:__l="__l" vue-slots="{{['default']}}">我已支付</u-button></view></view></block></view> <view class="detail-page data-v-6fd8f918"><u-navbar vue-id="e972aa24-1" title="查看详情" is-back="{{true}}" back-icon-color="#fff" background="{{$root.a0}}" title-color="#fff" border-bottom="{{false}}" class="data-v-6fd8f918" bind:__l="__l"></u-navbar><view class="b-border data-v-6fd8f918"></view><view class="order-info data-v-6fd8f918"><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">订单号</text><text class="value data-v-6fd8f918">{{orderInfo.no}}</text></view><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">服务项目</text><text class="value data-v-6fd8f918">{{orderInfo.accompany_product?orderInfo.accompany_product.name:''}}</text></view><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">服务时间</text><text class="value data-v-6fd8f918">{{orderInfo.time}}</text></view><block wx:if="{{orderInfo.type===2}}"><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">服务地址</text><text class="value data-v-6fd8f918">{{item.city?item.city:''}}</text></view></block><block wx:else><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">就诊医院</text><text class="value data-v-6fd8f918">{{orderInfo.hospital?orderInfo.hospital.name:''}}</text></view></block><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">联系人</text><text class="value data-v-6fd8f918">{{orderInfo.appoint_name?orderInfo.appoint_name:''}}</text></view><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">联系方式</text><text class="value data-v-6fd8f918">{{orderInfo.appoint_mobile?orderInfo.appoint_mobile:''}}</text></view><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">被服务人</text><text class="value data-v-6fd8f918">{{orderInfo.user_archive?orderInfo.user_archive.name:''}}</text></view><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">是否可以自理</text><text class="value data-v-6fd8f918">{{orderInfo.my_provide===1?'可以自理':'不能自理'}}</text></view><view class="info-item info-item-reason data-v-6fd8f918"><text class="label data-v-6fd8f918">就诊资料</text><view class="value data-v-6fd8f918"><view class="order-item-img data-v-6fd8f918"><block wx:for="{{imgs}}" wx:for-item="item" wx:for-index="index"><image src="{{item}}" data-event-opts="{{[['tap',[['imgPreview',[index]]]]]}}" bindtap="__e" class="data-v-6fd8f918"></image></block></view></view></view><view class="info-item info-item-reason data-v-6fd8f918"><text class="label data-v-6fd8f918">其他需求</text><text class="value data-v-6fd8f918">{{orderInfo.content?orderInfo.content:''}}</text></view><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">订单金额</text><text class="value data-v-6fd8f918">{{"¥"+orderInfo.price}}</text></view><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">原始金额</text><text class="value data-v-6fd8f918">{{"¥"+orderInfo.from_price}}</text></view><block wx:if="{{orderInfo.status===3||orderInfo.status===4}}"><view class="info-item data-v-6fd8f918"><text class="label data-v-6fd8f918">待付金额</text><text class="value price data-v-6fd8f918">{{"¥"+orderInfo.diff_price}}</text></view></block><view class="info-item info-item-reason data-v-6fd8f918"><text class="label data-v-6fd8f918">修改原因</text><text class="value reason data-v-6fd8f918">{{orderInfo.update_price_reason?orderInfo.update_price_reason:''}}</text></view></view><block wx:if="{{orderInfo.status===3}}"><view class="payment-popup data-v-6fd8f918"><view class="title data-v-6fd8f918">付款二维码</view><view class="amount data-v-6fd8f918"><text class="symbol data-v-6fd8f918">¥</text><text class="number data-v-6fd8f918">{{orderInfo.diff_price}}</text></view><view class="qr-code data-v-6fd8f918"><block wx:if="{{myQrcode}}"><uqrcode vue-id="e972aa24-2" canvas-id="qrcode" value="{{myQrcode}}" sizeUnit="rpx" size="{{200}}" options="{{({margin:10})}}" data-ref="uqrcode" class="data-v-6fd8f918 vue-ref" bind:__l="__l"></uqrcode></block></view><view class="tips data-v-6fd8f918"><text class="data-v-6fd8f918">请扫码支付差额</text><text class="sub-tips data-v-6fd8f918">支付完成后订单将自动完成</text></view><view class="close-btn data-v-6fd8f918"><u-button vue-id="e972aa24-3" size="mini" shape="circle" type="default" custom-style="{{parStyle}}" data-event-opts="{{[['^click',[['isPayCode']]]]}}" bind:click="__e" class="data-v-6fd8f918" bind:__l="__l" vue-slots="{{['default']}}">我已支付</u-button></view></view></block></view>
Write Preview
Loading…
Cancel
Save