115 lines
2.2 KiB
Vue
115 lines
2.2 KiB
Vue
<template>
|
|
<view class="box">
|
|
<view class="reservation_img">
|
|
<image :src="info.photo" mode="" />
|
|
</view>
|
|
|
|
<view class="Tit">{{info.title}}</view>
|
|
<view class="money">
|
|
￥
|
|
<view>{{info.price}}</view>
|
|
<text>/ {{info.unit}}</text>
|
|
</view>
|
|
|
|
<view class="row">
|
|
<view class="row_tit">服务类别</view>
|
|
<view class="row_con">{{info.type_name}}</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="row_tit">营业时间</view>
|
|
<view class="row_con">{{info.biz_time}}</view>
|
|
</view>
|
|
<view class="row none">
|
|
<view class="row_tit">联系人</view>
|
|
<view class="row_con">{{info.user_name}}</view>
|
|
</view>
|
|
|
|
|
|
|
|
<view class="gray"></view>
|
|
|
|
<view class="Tit2">商家信息</view>
|
|
<view class="row">
|
|
<view class="row_tit">提供商家</view>
|
|
<view class="row_con">{{info.shop_name}}</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="row_tit">联系电话</view>
|
|
<view class="row_con" @click="call">{{info.user_mobile}}</view>
|
|
</view>
|
|
<view class="row none">
|
|
<view class="row_tit">商家地址</view>
|
|
<view class="row_con">{{info.shop_addr}}</view>
|
|
</view>
|
|
<view class="gray"></view>
|
|
<view class="Tit2">服务详情</view>
|
|
<view class="server">
|
|
{{info.intro}}
|
|
</view>
|
|
|
|
<view class="btn" @click="reservation">
|
|
立即预约
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
apiArr
|
|
} from '../../../api/communityService';
|
|
import {
|
|
NavgateTo,
|
|
picUrl,
|
|
request
|
|
} from '../../../utils';
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
id: "",
|
|
info: "",
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
async init(id) {
|
|
const res = await request(apiArr.serverInfo, 'POST', {
|
|
appoint_id: Number(id)
|
|
});
|
|
const newRes = {
|
|
...res,
|
|
photo: picUrl + res.photo,
|
|
}
|
|
|
|
uni.setNavigationBarTitle({
|
|
title: res.title,
|
|
})
|
|
this.info = newRes;
|
|
},
|
|
|
|
// 拨打电话
|
|
call() {
|
|
let that = this
|
|
uni.makePhoneCall({
|
|
phoneNumber: this.info.user_mobile,
|
|
fail(err) {
|
|
console.log('取消拨打', err)
|
|
}
|
|
})
|
|
},
|
|
|
|
reservation() {
|
|
NavgateTo(`/packages/communityService/reservationApply/index?id=${this.id}`, {isLogin: false });
|
|
},
|
|
},
|
|
onLoad(options) {
|
|
this.id = options.id;
|
|
this.init(options.id);
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
@import url("./index.css");
|
|
</style> |