zhangyan
/
hainan_2024
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

套餐对比、专家定制

Browse Source
main
yanzai 11 months ago
parent b64f539826
commit 2abe719b8d
2 changed files with 237 additions and 210 deletions
Show Stats Download Patch File Download Diff File

139
h5/pages/main/combo/combo_new.vue
Unescape Escape View File

@ -55,6 +55,9 @@
let itemId = ref(""); // 项目id let itemId = ref(""); // 项目id
let comboId = ref(""); // 套餐id let comboId = ref(""); // 套餐id
let price_max_min=ref([]); let price_max_min=ref([]);
let zhuangjianType=ref(18);
let TiShiPopupRef=ref(null);//提示弹窗
let SelectedComboInfo=ref(null);//选中的套餐信息
const selectItemClick = async (index, key) => { const selectItemClick = async (index, key) => {
// 选择套餐条件 // 选择套餐条件
@ -308,10 +311,7 @@
} }
}; };
const select_drawer_ref = ref(null);
const selectDrawerRef = (e) => {
select_drawer_ref.value = e;
};
onShow(() => { onShow(() => {
$store.setDuoXuanYi({}); $store.setDuoXuanYi({});
@ -326,6 +326,7 @@
}) })
const buyClick = async (item) => { const buyClick = async (item) => {
SelectedComboInfo.value=item
let checkup_type_id = $store.getCheckupTypeId(); let checkup_type_id = $store.getCheckupTypeId();
console.log("----", checkup_type_id.id); console.log("----", checkup_type_id.id);
if (checkup_type_id.id == "" || checkup_type_id.id == undefined) { if (checkup_type_id.id == "" || checkup_type_id.id == undefined) {
@ -343,6 +344,10 @@
multipleList.value = item.duo_xuan_yi; multipleList.value = item.duo_xuan_yi;
return; return;
} }
if(item.type_id=zhuangjianType.value){
TiShiPopupRef.value.open();
return
}
toDetail(); toDetail();
}; };
@ -425,6 +430,14 @@
} }
const tabsClickFunc=(value)=>{ const tabsClickFunc=(value)=>{
tabs_active_id.value=value tabs_active_id.value=value
if(value==1){
comboIndex.value=zhuangjianType.value //设置筛选套餐类型为专家
screenObj.value.combo_type=comboIndex.value
}else{
comboIndex.value=''
delete screenObj.value.combo_type
}
getComboList();
} }
</script> </script>
<template> <template>
@ -526,17 +539,18 @@
<text class="combo_true_price_icon_wrapper">¥</text> <text class="combo_true_price_icon_wrapper">¥</text>
<text class="combo_true_price_number_wrapper">{{ i.price }}</text> <text class="combo_true_price_number_wrapper">{{ i.price }}</text>
</view> </view>
<view class="combo_original_price_wrapper">¥{{ i.original_price }}</view> <view v-if="i.type_id!=zhuangjianType" class="combo_original_price_wrapper">¥{{ i.original_price }}</view>
<view v-if="i.type_id==zhuangjianType" class="combo_original_price_wrapper2">预存款</view>
</view> </view>
<!-- <view class="combo_count_wrapper">已售{{ i.count }}</view> --> <!-- <view class="combo_count_wrapper">已售{{ i.count }}</view> -->
</view> </view>
</view> </view>
</view> </view>
<view class="combo_button_wrapper"> <view class="combo_button_wrapper">
<view @click="contrastClick(i)" class="combo_pick_button_wrapper"> <view v-if="i.type_id!=zhuangjianType" @click="contrastClick(i)" class="combo_pick_button_wrapper">
{{comboIds.includes(i.combo_id) ? "已加入" : "对比"}} {{comboIds.includes(i.combo_id) ? "已加入" : "对比"}}
</view> </view>
<view class="combo_buy_button_wrapper" @click="buyClick(i)">预约</view> <view class="combo_buy_button_wrapper" @click="buyClick(i)">选择</view>
</view> </view>
</view> </view>
<view class="combo_line_wrapper"></view> <view class="combo_line_wrapper"></view>
@ -605,55 +619,7 @@
</view> </view>
</view> </view>
</uni-popup> </uni-popup>
<uni-drawer :ref="selectDrawerRef" mode="right"> <uni-popup ref="popup_new" mask-background-color="transparent" :animation="false" :is-mask-click="true" >
<view>
<scroll-view scroll-y="true">
<view>
<view class="select_group_wrapper">
<view class="text-30rpx bold">套餐价格</view>
<view class="select_group_line_wrapper mt-20rpx">
<view v-for="(val, index) in combo_select['combo_price']" :key="index"
@click.stop="selectItemClick(index, 'combo_price')"
class="min-w-31% mx-1% mb-20rpx">
<view
class="box-border px-20rpx py-20rpx text-22rpx center line-height-[1] rounded-5rpx"
:class="{
'!bg-#239EA3 !text-#fff':
selectKey == 'screen' && priceIndex == index,
'!text-#747474 !bg-#e0e0e0':
selectKey == 'screen' && priceIndex != index,
}">{{ val.name }}</view>
</view>
</view>
</view>
<view class="select_group_wrapper">
<view class="text-30rpx bold">体检项目(多选)</view>
<view class="select_group_line_wrapper mt-20rpx">
<view v-for="(val, index) in combo_select['combo_item']" :key="index"
@click.stop="selectItemClick(val.id, 'combo_item')"
class="min-w-31% mx-1% mb-20rpx">
<view
class="box-border px-20rpx py-20rpx text-22rpx center line-height-[1] rounded-5rpx"
:class="{
'!bg-#239EA3 !text-#fff':
selectKey == 'screen' && projectIds.includes(val.id),
'!text-#747474 !bg-#e0e0e0':
selectKey == 'screen' && !projectIds.includes(val.id),
}">{{ val.name }}</view>
</view>
</view>
</view>
<view class="around">
<view class="w-40% text-26rpx h-60rpx center rounded-full bg-#239EA3 text-#fff"
@click="remake()">重置</view>
<view class="w-40% text-26rpx h-60rpx center rounded-full bg-#239EA3 text-#fff"
@click="selectDone()">确定</view>
</view>
</view>
</scroll-view>
</view>
</uni-drawer>
<uni-popup ref="popup_new" mask-background-color="transparent" :animation="false" :mask-click="false">
<view class="pt-292rpx w-full h-100vh" > <view class="pt-292rpx w-full h-100vh" >
<view class="bg-[rgba(0,0,0,0.3)] h-100%"> <view class="bg-[rgba(0,0,0,0.3)] h-100%">
<view class="popup_new_main"> <view class="popup_new_main">
@ -689,12 +655,57 @@
@click="selectDone()">确定</view> @click="selectDone()">确定</view>
</view> </view>
</view> </view>
<view style=";height: 100%;" @click="popup_new.close()"></view>
</view>
</view> </view>
</uni-popup>
<uni-popup ref="TiShiPopupRef" style="z-index: 999;">
<view class="tishi_main">
<view class="tishi_title">套餐须知</view>
<view class="tishi_title2">专家定制套餐</view>
<view class="tishi_content">此套餐收费{{SelectedComboInfo.price}}元为预存款，可根据现场定制套餐后实际价格多退少补。</view>
<view class="tishi_button" @click="toDetail()">我已知晓</view>
</view> </view>
</uni-popup> </uni-popup>
</view> </view>
</template> </template>
<style scoped> <style scoped>
.tishi_main{
background-color: #fff;
padding: 40rpx 50rpx;
width:600rpx;
border-radius: 40rpx;
}
.tishi_button{
width: 365rpx;
background-color: #009da5;
color:#fff;
text-align: center;
padding-top: 10rpx;
padding-bottom: 10rpx;
border-radius: 40rpx;
margin: 40rpx auto 10rpx auto;
}
.tishi_title{
text-align: center;
font-size: 30rpx;
font-weight: 600;
color:#2b2827;
}
.tishi_title2{
font-size: 28rpx;
margin-top: 30rpx;
font-weight: 600;
color:#3a3635;
border-left: 3px solid #009da5;
padding-left: 5rpx;
}
.tishi_content{
font-size: 28rpx;
margin-top: 30rpx;
color:#474241;
}
.select_done_wrapper { .select_done_wrapper {
color: #ffffff; color: #ffffff;
background: #239ea3; background: #239ea3;
@ -803,6 +814,13 @@
text-decoration-line: line-through; text-decoration-line: line-through;
margin-left: 10rpx; margin-left: 10rpx;
} }
.combo_original_price_wrapper2 {
font-weight: 500;
font-size: 18rpx;
color: #8b8b8b;
line-height: 1;
margin-left: 10rpx;
}
.combo_true_price_wrapper { .combo_true_price_wrapper {
font-weight: 500; font-weight: 500;
@ -917,7 +935,7 @@
box-shadow: 0rpx -1rpx 1rpx 0rpx rgba(0, 0, 0, 0.1); box-shadow: 0rpx -1rpx 1rpx 0rpx rgba(0, 0, 0, 0.1);
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
z-index: 999; z-index: 998;
} }
.select_item_icon_wrapper { .select_item_icon_wrapper {
@ -1029,7 +1047,7 @@
} }
.user_wrapper { .user_wrapper {
height: 80rpx; height: 60rpx;
padding-left: 40rpx; padding-left: 40rpx;
padding-right: 20rpx; padding-right: 20rpx;
margin-right: 20rpx; margin-right: 20rpx;
@ -1045,11 +1063,11 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
width: 710rpx; width: 710rpx;
height: 100rpx; height: 90rpx;
background: #d8edf2; background: #d8edf2;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
z-index: 999;
background-color: #fff; background-color: #fff;
margin-left: 20rpx; margin-left: 20rpx;
margin-right: 20rpx; margin-right: 20rpx;
@ -1148,4 +1166,5 @@
background-color: #009da5; background-color: #009da5;
color: #fff; color: #fff;
} }
</style> </style>

130
h5/pages/main/combo/tcdb.vue
Unescape Escape View File

@ -5,10 +5,20 @@ import DraggableButton from "@/pages/components/goHome.vue";
* user：tcdb * user：tcdb
* date：2024年9月26日 19:26:00 * date：2024年9月26日 19:26:00
*/ */
import { ref } from "vue"; import {
import { $api, $response, $image } from "@/api"; ref
import { onShow } from "@dcloudio/uni-app"; } from "vue";
import { useStore } from "@/store"; import {
$api,
$response,
$image
} from "@/api";
import {
onShow
} from "@dcloudio/uni-app";
import {
useStore
} from "@/store";
const $store = useStore(); const $store = useStore();
let comboIds = ref([]); // 未删除的 let comboIds = ref([]); // 未删除的
@ -75,17 +85,13 @@ onShow(() => {
</script> </script>
<template> <template>
<DraggableButton /> <DraggableButton />
<view> <view style="background-color: #c4d7db;min-height: calc(100vh - 100rpx);">
<view v-if="!!$store.config"> <view v-if="!!$store.config">
<view :ref="configRef"></view> <view :ref="configRef"></view>
</view> </view>
<view class="p-20rpx"> <view class="p-20rpx main_k">
<view <view class=" taocan flex w-full pb-50rpx mt-20rpx relative"
style="border-bottom: 1px solid #e1ecee" v-for="(obj, f) in comboInfo" :key="f">
class="flex w-full pb-50rpx mt-50rpx relative"
v-for="(obj, f) in comboInfo"
:key="f"
>
<view class="flex flex-items-center pl-30rpx pr-10rpx pt-10rpx"> <view class="flex flex-items-center pl-30rpx pr-10rpx pt-10rpx">
<!-- <uni-icons <!-- <uni-icons
@click="selectClick(obj.combo_id)" @click="selectClick(obj.combo_id)"
@ -97,14 +103,8 @@ onShow(() => {
></uni-icons> --> ></uni-icons> -->
</view> </view>
<view <view
class="w-48rpx h-48rpx rounded-15rpx bg-#F9E7E7 absolute flex flex-items-center flex-justify-center right-50rpx top-30px" class="w-48rpx h-48rpx rounded-15rpx absolute flex flex-items-center flex-justify-center right-50rpx top-30px">
> <uni-icons @click="selectClick(obj.combo_id, 1)" type="trash" color="#e95513" size="25"></uni-icons>
<uni-icons
@click="selectClick(obj.combo_id, 1)"
type="trash-filled"
color="#D70F0F"
size="25"
></uni-icons>
</view> </view>
<!-- 1个检套餐 显示套餐信息 --> <!-- 1个检套餐 显示套餐信息 -->
<!-- <image <!-- <image
@ -114,57 +114,65 @@ onShow(() => {
mode="widthFix" mode="widthFix"
/> --> /> -->
<view class="flex flex-col grow"> <view class="flex flex-col grow">
<text>{{ obj.name }}</text> <text style="font-weight: 700;color: #3e3a39;">{{ obj.name }}</text>
<view class="mt-13rpx mb-18rpx"> <view class="mt-13rpx mb-0rpx">
<uni-tag <uni-tag v-for="(val, i) in obj.tag" :key="i" size="small" :inverted="true" :text="val.text"
v-for="(val, i) in obj.tag"
:key="i"
size="small"
:inverted="true"
:text="val.text"
class="mr-8rpx" class="mr-8rpx"
:custom-style=" :custom-style="'background-color:' +val.color + ';border-color:' + val.color + '; color:' + val.text_color + ';' " />
'background-color:' +
val.color +
';border-color:' +
val.color +
'; color:' +
val.text_color +
';'
"
/>
</view> </view>
<view v-if="obj.tags?.length">
<view v-if="obj.tags2?.length"> <text v-for="(val, i) in obj.tags" :key="i"
<text class="text-#8B8B8B text-20rpx line-height-[1] px-5rpx b-0 b-solid b-#8B8B8B biaoqian"
v-for="(val, i) in obj.tags2" :class="i == obj.tags?.length - 1 ? 'b-r-0' : 'b-r-2'">{{ val.text }}</text>
:key="i"
class="text-#8B8B8B text-20rpx line-height-[1] px-5rpx b-0 b-solid b-#8B8B8B"
:class="i == obj.tags2?.length - 1 ? 'b-r-0' : 'b-r-2'"
>{{ val }}</text
>
</view> </view>
<view class="mt-20rpx w-full flex items-end"> <view class="mt-20rpx w-full flex items-end">
<text class="text-18rpx text-#EC3D15">¥</text> <text class="text-22rpx text-#EC3D15">¥</text>
<text class="text-38rpx text-#EC3D15 mx-10rpx -mb-8rpx">{{ <text style="font-weight: 600;"
obj.price class="text-38rpx text-#EC3D15 mx-10rpx -mb-8rpx">{{obj.price }}</text>
}}</text> <text class="text-18rpx text-#878787 line-through">
<text class="text-18rpx text-#878787 line-through">{{ {{obj.original_price}}
obj.original_price </text>
}}</text>
<!-- <text class="text-18rpx text-#878787 ml-auto mr-55rpx" <!-- <text class="text-18rpx text-#878787 ml-auto mr-55rpx"
>已售{{ obj.saleCount }}</text> --> >已售{{ obj.saleCount }}</text> -->
</view> </view>
</view> </view>
</view> </view>
</view> <view style="display: flex;width: 100%; justify-content: center;">
<view <view @click="clickdb"
@click="clickdb" class="start_button">
class="h-110rpx bg-#239EA3 text-#fff text-32rpx flex flex-justify-center flex-items-center absolute bottom-0 w-100%"
>
开始对比 开始对比
</view> </view>
</view> </view>
</view>
</view>
</template> </template>
<style scoped></style> <style scoped>
.biaoqian {
color: #009da5;
margin: 10rpx 8rpx 10rpx 0rpx;
border: 1rpx solid #009da5;
border-radius: 6rpx;
}
.main_k {
background-color: #fff;
border-radius: 0rpx 0rpx 20rpx 20rpx;
padding: 20rpx 20rpx 20rpx 20rpx;
}
.taocan:not(:nth-last-child(2)) {
border-bottom: 1px solid #5eb7b8
}
.start_button{
background-color: #009da5;
color:#fff;
text-align: center;
width: 266rpx;
height: 54rpx;
line-height: 54rpx;
border-radius: 26rpx;
margin-top: 40rpx;
margin-bottom: 40rpx;
}
</style>
Write Preview
Loading…
Cancel
Save