wangxiaowei/chazhi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完善功能

Browse Source
This commit is contained in:
wangxiaowei
2026-04-13 14:17:04 +08:00
parent 6262eb10a2
commit ee209bdb7b
10 changed files with 212 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
src/bundle_b/pages/tea-specialist/detail.vue
View File

@ -114,9 +114,14 @@
<view class="flex items-center mt-24rpx">
<view class="flex items-center">
<wd-img :src="`${OSS}icon/icon_store_cert.png`" width="36rpx" height="36rpx"></wd-img>
<wd-img :src="`${OSS}icon/icon_store_cert2.png`" width="30rpx" height="30rpx"></wd-img>
</view>
<text class="ml-8rpx font-400 text-24rpx leading-4rpx text-#303133" @click="Detail.handlePreviewInfo">{{ info.company_abv }}</text>
<view class="ml-8rpx font-400 text-24rpx leading-4rpx text-#303133" @click="Detail.handlePreviewInfo">
{{ info.company_status ? '查看资质' : '暂无认证信息' }}
</view>
<!-- <view class="flex items-center mt-4rpx">
<wd-icon name="chevron-right" size="32rpx"></wd-icon>
</view> -->
</view>
<view class="bg-[#EBFBF7] w-692rpx h-64rpx rounded-12rpx p-14rpx flex items-center mt-22rpx text-[#35C1A0]">
@ -194,9 +199,18 @@
<view class="h-20rpx bg-#F6F7F9 mt-42rpx mb-40rpx"></view>
<view class="content-tab">
<wd-tabs v-model="tab">
<wd-tab title="费用说明"></wd-tab>
<wd-tab title="项目介绍"></wd-tab>
<wd-tab title="禁忌说明"></wd-tab>
<wd-tab title="下单须知"></wd-tab>
</wd-tabs>
</view>
<view class="mx-30rpx mt-40rpx">
<!-- 费用说明 -->
<view>
<view v-if="tab === 0">
<view class="font-bold text-32rpx leading-44rpx text-#303133">
费用说明
</view>
@ -256,12 +270,82 @@
</view>
</view>
</view>
</view>
<view class="h-1rpx bg-[#F6F7F9] mt-40rpx mb-24rpx"></view>
<!-- 项目介绍 -->
<view v-if="tab === 1">
<view class="font-bold text-32rpx leading-44rpx text-#303133">
项目介绍
</view>
<view class="mt-24rpx">
<view>
<view class="font-bold text-28rpx leading-48rpx text-[#303133]">自饮七步</view>
<view class="mt-24rpx font-500 text-[#303133] text-26rpx leading-48rpx">
<view>
<text class="mr-20rpx">① 选茶</text>
<text class="mr-20rpx">② 择器</text>
<text class="mr-20rpx">③ 备水</text>
</view>
<view>
<text class="mr-20rpx">④ 入境</text>
<text class="mr-20rpx">⑤ 冲泡</text>
<text class="mr-20rpx">⑥ 品茗</text>
<text class="mr-20rpx">⑦ 回味</text>
</view>
</view>
</view>
<view class="mt-24rpx">
<view class="font-bold text-28rpx leading-48rpx text-[#303133]">茶品介绍</view>
<view class="mt-24rpx font-500 text-[#303133] text-26rpx leading-48rpx">
<view>
<text class="mr-20rpx">1. 产地介绍</text>
<text class="mr-20rpx">2. 基础属性</text>
<text class="mr-20rpx">3. 外形品相</text>
<text class="mr-20rpx">4. 色香表现</text>
</view>
<view>
<text class="mr-20rpx">5.工艺特点</text>
<text class="mr-20rpx">6. 滋味口感</text>
</view>
</view>
</view>
</view>
</view>
<view class="flex items-center">
<view class="w-8rpx h-8rpx bg-[#6A6363] rounded-full mr-12rpx"></view>
<view class="font-500 text-26rpx leading-48rpx text-[#F29747]">茶艺师需提前一小时预约，两小时起订</view>
<!-- 禁忌说明 -->
<view v-if="tab === 2">
<view class="font-bold text-32rpx leading-44rpx text-#303133">
禁忌说明
</view>
<view class="mt-24rpx font-500 text-26rpx leading-48rpx text-[#303133]">
<view>绿色正规茶艺师综合服务平台，</view>
<view>为确保平台营运的合法合规和避免不必要的纠纷禁止茶师私添加客户微信，</view>
<view>禁止茶师私自收款(现金、微信、支付宝红包或转帐等)，</view>
<view>禁止茶师私下接受宴请，</view>
<view>以及从事除平台项目之外的其它内容和活动。</view>
</view>
</view>
<!-- 下单须知 -->
<view v-if="tab === 3">
<view class="font-bold text-32rpx leading-44rpx text-#303133">
下单须知
</view>
<view class="mt-24rpx font-500 text-26rpx leading-48rpx text-[#303133]">
茶艺师出发后，客户取消订单，车费不予返还，敬请谅解！
</view>
<view class="mt-24rpx">
<view class="flex items-center">
<view class="mr-14rpx">
<wd-icon name="info-circle" size="36rpx" color="#707070"></wd-icon>
</view>
<view class="font-bold text-28rpx leading-48rpx text-#303133">温馨提示</view>
</view>
<view class="flex items-center mt-24rpx">
<view class="w-8rpx h-8rpx rounded-8rpx bg-#6A6363 mr-12rpx"></view>
<view class="font-500 text-26rpx leading-48rpx text-#F29747">茶艺师需提前一小时预约，两小时起订</view>
</view>
</view>
</view>
</view>
@ -334,6 +418,9 @@ const info = ref({
company_abv: '', // 公司简称
company_url: '', // 图片链接
company_status: 0, // 是否有公司信息
license_img: '', // 营业执照图片
health_certificate: '', // 健康证图片
state: 0, // 茶艺师状态 0可约 1工作中 2不可约
})
const latitude = ref<number>(0) // 纬度
const longitude = ref<number>(0) // 经度
@ -495,8 +582,13 @@ const Detail = {
* 立即邀约
*/
handleReserveTeaspecialist: () => {
// id.value - 茶艺师的ID
router.navigateTo(`/bundle_b/pages/tea-specialist/reserve?id=${id.value}`)
if (info.value.state == 0) {
// id.value - 茶艺师的ID
router.navigateTo(`/bundle_b/pages/tea-specialist/reserve?id=${id.value}`)
} else {
toast.info('当前茶艺师不可预约')
return
}
},
/**
@ -520,9 +612,14 @@ const Detail = {
*/
handlePreviewInfo: () => {
if (info.value.company_status) {
previewImage(info.value.company_url, [info.value.company_url])
const obj = {
license_img: info.value.license_img,
health_certificate: info.value.health_certificate,
}
const infoStr = encodeURIComponent(JSON.stringify(obj))
router.navigateTo(`/bundle_b/pages/tea-specialist/cert?info=${infoStr}`)
} else {
toast.info('暂无商家信息')
toast.info('暂无认证信息')
}
}
}