|
|
<script setup>
|
|
|
import DraggableButton from "@/pages/components/goHome.vue";
|
|
|
/**
|
|
|
* name：
|
|
|
* user：sa0ChunLuyu
|
|
|
* date：2024年9月11日 19:24:50
|
|
|
*/
|
|
|
import { ref } from "vue";
|
|
|
import { $api, $response, $image } from "@/api";
|
|
|
import { onShow } from "@dcloudio/uni-app";
|
|
|
import { useStore } from "@/store";
|
|
|
|
|
|
// comboId 套餐ID 没有套餐ID就是个人自选项目
|
|
|
// itemIds 自选ID
|
|
|
const $props = defineProps({
|
|
|
comboId: {
|
|
|
type: String,
|
|
|
default: "",
|
|
|
},
|
|
|
itemIds: {
|
|
|
type: String,
|
|
|
default: "",
|
|
|
},
|
|
|
personId: {
|
|
|
type: String,
|
|
|
default: "",
|
|
|
},
|
|
|
groupId: {
|
|
|
type: String,
|
|
|
default: "",
|
|
|
},
|
|
|
wj: {
|
|
|
type: String,
|
|
|
default: "",
|
|
|
},
|
|
|
});
|
|
|
|
|
|
const $store = useStore();
|
|
|
|
|
|
let wj = ref(""); //
|
|
|
let leftList = ref({}); // 左侧列表
|
|
|
let tabIndex = ref(""); // 默认选中
|
|
|
let rightLeft = ref([]); // 右侧列表
|
|
|
let selectIds = ref([]); // 选中id列表
|
|
|
let headImg = ref(""); // 头部图片
|
|
|
let packagePrice = ref(0); //套餐折扣价格
|
|
|
let packageOriginalPrice = ref(0); //套餐原始价格
|
|
|
let optionalPrice = ref(0); //自选折扣价格
|
|
|
let optionalOriginalPrice = ref(0); //自选原始价格
|
|
|
let totalPrice = ref(0); // 总折扣价格
|
|
|
let totalOriginalPrice = ref(0); // 总原始价格
|
|
|
let total = ref(0); // 总项目数
|
|
|
let comboId = ref(""); // 套餐id
|
|
|
let recommendPackageList = ref([]); // 推荐套餐列表
|
|
|
let popup = ref(null); // 推荐套餐弹窗
|
|
|
let popupTip = ref(null); // 剩余额度提示弹窗
|
|
|
let groupLength = ref(0); // 团检自带的套餐数量
|
|
|
let status = ref(0); // 1个检套餐 2个检自选 3团检套餐 4团检自选
|
|
|
let personId = ref(""); // 就诊人ID
|
|
|
let groupId = ref(""); // 团检id
|
|
|
let losePrice = ref(0); // 剩余金额
|
|
|
// let query = ref(""); // 参数
|
|
|
|
|
|
const getComboRecommend = async () => {
|
|
|
// 获取推荐套餐
|
|
|
const response = await $api("ComboRecommend", {
|
|
|
person_id: personId.value,
|
|
|
item_ids: selectIds.value,
|
|
|
});
|
|
|
$response(response, () => {
|
|
|
recommendPackageList.value = response.data.combos;
|
|
|
if (recommendPackageList.value.length > 0) {
|
|
|
popup.value.open("center");
|
|
|
} else {
|
|
|
toDetails();
|
|
|
}
|
|
|
uni.hideLoading();
|
|
|
});
|
|
|
};
|
|
|
|
|
|
const getAllItems = async (e) => {
|
|
|
// 获取全部项目
|
|
|
const response = await $api("GetAllItems", {
|
|
|
search: e?.value,
|
|
|
});
|
|
|
$response(response, () => {
|
|
|
leftList.value = response.data.list;
|
|
|
if (Object.keys(leftList.value).length) {
|
|
|
let keys = Object.keys(leftList.value);
|
|
|
tabIndex.value = keys[0];
|
|
|
rightLeft.value = leftList.value[keys[0]].children;
|
|
|
headImg.value = leftList.value[keys[0]].head_img;
|
|
|
}
|
|
|
});
|
|
|
};
|
|
|
|
|
|
const getBuyInfo = async () => {
|
|
|
// 获取购买信息
|
|
|
uni.showLoading({
|
|
|
title: "加载中",
|
|
|
});
|
|
|
let obj = {
|
|
|
item_ids: selectIds.value,
|
|
|
hospital: $store.save_info.hospital,
|
|
|
person_id: personId.value,
|
|
|
group_id: groupId.value,
|
|
|
combo_id: comboId.value,
|
|
|
wj: wj.value,
|
|
|
};
|
|
|
if (comboId.value) {
|
|
|
obj.combo_id = comboId.value;
|
|
|
}
|
|
|
const response = await $api("BuyInfo", obj);
|
|
|
console.log(response)
|
|
|
if(response.status===false){
|
|
|
uni.hideLoading();
|
|
|
uni.$lu.toast(response.msg);
|
|
|
return false;
|
|
|
}
|
|
|
$response(response, () => {
|
|
|
|
|
|
groupLength.value = response.data.group_info
|
|
|
? response.data.group_info[0]?.items?.length
|
|
|
: 0;
|
|
|
packagePrice.value = response.data.combo_info.price;
|
|
|
packageOriginalPrice.value = response.data.combo_info.original_price;
|
|
|
optionalPrice.value = response.data.items_info.price;
|
|
|
optionalOriginalPrice.value = response.data.items_info.original_price;
|
|
|
totalPrice.value = response.data.true_price;
|
|
|
totalOriginalPrice.value = response.data.original_price;
|
|
|
total.value = response.data.pay_item_count;
|
|
|
losePrice.value = response.data.lose_price;
|
|
|
if (status.value == 4 && groupLength.value) {
|
|
|
// 团检无套餐ID的情况下需要判断一下 是否有团检自带套餐
|
|
|
status.value = 3;
|
|
|
}
|
|
|
uni.hideLoading();
|
|
|
});
|
|
|
};
|
|
|
|
|
|
const confirm = async () => {
|
|
|
// 确定
|
|
|
// status 1个检套餐 2个检自选 3团检套餐 4团检自选
|
|
|
if (status.value == 3) {
|
|
|
// 团检套餐
|
|
|
// query.value = "?groupId=" +
|
|
|
// groupId.value +
|
|
|
// "&itemIds=" +
|
|
|
// itemIds +
|
|
|
// "&comboId=" +
|
|
|
// comboId.value;
|
|
|
}
|
|
|
if (status.value == 4) {
|
|
|
// 团检自选
|
|
|
if (!selectIds.value.length) {
|
|
|
uni.$lu.toast("请选择项目");
|
|
|
return;
|
|
|
}
|
|
|
if (!groupLength.value) {
|
|
|
// 团检项目为空的话需要弹推荐套餐
|
|
|
getComboRecommend();
|
|
|
return;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
if (status.value == 1) {
|
|
|
// 个检套餐
|
|
|
// query.value = "?itemIds=" + itemIds + "&comboId=" + comboId.value;
|
|
|
}
|
|
|
|
|
|
if (status.value == 2) {
|
|
|
// 个检自选
|
|
|
// query.value = "?itemIds=" + itemIds + "&personId=" + personId.value;
|
|
|
if (!selectIds.value.length) {
|
|
|
uni.$lu.toast("请选择项目");
|
|
|
return;
|
|
|
}
|
|
|
// 自选触发推荐套餐
|
|
|
getComboRecommend();
|
|
|
return;
|
|
|
}
|
|
|
toDetails();
|
|
|
};
|
|
|
|
|
|
const toDetails = (state) => {
|
|
|
// 去详情页
|
|
|
if (losePrice.value > 0 && !state) {
|
|
|
// popupTip.value.open("center"); // 弹剩余额度提醒
|
|
|
//return;
|
|
|
}
|
|
|
const itemIds = selectIds.value.length > 0 ? selectIds.value.join(",") : "";
|
|
|
let query = "?comboId=" + comboId.value + "&itemIds=" + itemIds;
|
|
|
if (groupId.value) {
|
|
|
query += "&groupId=" + groupId.value;
|
|
|
}
|
|
|
if($props.wj){
|
|
|
query +="&wj="+$props.wj
|
|
|
}
|
|
|
console.log($props.comboId || $props.itemIds ? 2 : 1);
|
|
|
let delta = 0;
|
|
|
if (groupId.value) {
|
|
|
if (groupLength.value) {
|
|
|
delta = 2;
|
|
|
} else {
|
|
|
if ($props.comboId || $props.itemIds) {
|
|
|
delta = 2;
|
|
|
} else {
|
|
|
delta = 1;
|
|
|
}
|
|
|
}
|
|
|
} else {
|
|
|
if ($props.comboId || $props.itemIds) {
|
|
|
delta = 2;
|
|
|
} else {
|
|
|
delta = 1;
|
|
|
}
|
|
|
}
|
|
|
uni.navigateBack({
|
|
|
delta: delta,
|
|
|
success: () => {
|
|
|
let time = setTimeout(
|
|
|
() => {
|
|
|
clearTimeout(time);
|
|
|
uni.navigateTo({
|
|
|
url: "/pages/main/tj/tjxq" + query,
|
|
|
});
|
|
|
},
|
|
|
delta == 2 ? 800 : 500
|
|
|
);
|
|
|
},
|
|
|
});
|
|
|
};
|
|
|
|
|
|
const buy = async (item) => {
|
|
|
if (item) {
|
|
|
comboId.value = item.combo_id;
|
|
|
selectIds.value=[];
|
|
|
await getBuyInfo();
|
|
|
}
|
|
|
// 预约套餐
|
|
|
popup.value.close(); // 关闭推荐套餐弹窗
|
|
|
toDetails();
|
|
|
};
|
|
|
|
|
|
const mountedAction = async () => {
|
|
|
selectIds.value = $props.itemIds ? $props.itemIds.split(",") : [];
|
|
|
comboId.value = $props.comboId || "";
|
|
|
personId.value = $store.getUser().person_id || "";
|
|
|
groupId.value = $props.groupId || "";
|
|
|
wj.value = $props.wj || "";
|
|
|
|
|
|
if (groupId.value) {
|
|
|
if (comboId.value) {
|
|
|
// 团检套餐
|
|
|
status.value = 3;
|
|
|
} else {
|
|
|
// 团检自选
|
|
|
status.value = 4;
|
|
|
}
|
|
|
} else {
|
|
|
if (comboId.value) {
|
|
|
// 个检套餐
|
|
|
status.value = 1;
|
|
|
} else {
|
|
|
// 个检自选
|
|
|
status.value = 2;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
console.log(status.value, "1个检套餐 2个检自选 3团检套餐 4团检自选");
|
|
|
|
|
|
await getAllItems(); // 获取全部项目
|
|
|
// await getComboRecommend();
|
|
|
await getBuyInfo(); // 获取购买信息
|
|
|
};
|
|
|
|
|
|
const config_ref = ref(null);
|
|
|
const configRef = (e) => {
|
|
|
if (!config_ref.value) {
|
|
|
config_ref.value = e;
|
|
|
mountedAction();
|
|
|
}
|
|
|
};
|
|
|
const XuanZeItem= async (item)=>{
|
|
|
let doi=""
|
|
|
if(selectIds.value.includes(item.id)){
|
|
|
selectIds.value.splice(selectIds.value.indexOf(item.id),1);
|
|
|
doi="del"
|
|
|
}else{
|
|
|
selectIds.value.push(item.id);
|
|
|
doi="add"
|
|
|
}
|
|
|
let a= await getBuyInfo()
|
|
|
if(a===false){
|
|
|
if(doi=="add"){
|
|
|
selectIds.value.splice(selectIds.value.indexOf(item.id),1);
|
|
|
}
|
|
|
if(doi=="del"){
|
|
|
selectIds.value.push(item.id);
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
onShow(() => {
|
|
|
if (!!config_ref.value) {
|
|
|
mountedAction();
|
|
|
}
|
|
|
});
|
|
|
</script>
|
|
|
<template>
|
|
|
<DraggableButton />
|
|
|
<view>
|
|
|
<view v-if="!!$store.config">
|
|
|
<view :ref="configRef"></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<uni-popup ref="popupTip">
|
|
|
<view
|
|
|
class="mb-70rpx bg-#fff text-center box-border pt-80rpx pb-50rpx px-65rpx w-90vw rounded-15rpx"
|
|
|
>
|
|
|
<view
|
|
|
class="w-full text-center text-##090909 text-26rpx line-height-[50rpx]"
|
|
|
>您还剩余
|
|
|
{{ losePrice }}
|
|
|
元体检额度尚未使用，确认提交后剩余体检额度将无法使用!</view
|
|
|
>
|
|
|
<view class="mt-50rpx between">
|
|
|
<button
|
|
|
type="primary"
|
|
|
@click="toDetails(1)"
|
|
|
class="w-196rpx h-68rpx center text-#fff text-24rpx !bg-#239EA3 rounded-8rpx"
|
|
|
>
|
|
|
我想好了
|
|
|
</button>
|
|
|
<button
|
|
|
@click="popupTip.close()"
|
|
|
class="w-196rpx h-68rpx center text-#239EA3 text-24rpx !bg-#D9F3F2 rounded-8rpx"
|
|
|
>
|
|
|
我再想想
|
|
|
</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</uni-popup>
|
|
|
<uni-popup ref="popup">
|
|
|
<view class="bg-#fff rounded-15rpx w-95vw px-20rpx box-border">
|
|
|
<view class="center relative pt-47rpx pb-32rpx text-36rpx">
|
|
|
<text class="line-height-[1]">推荐套餐</text>
|
|
|
<uni-icons
|
|
|
@click="popup.close()"
|
|
|
type="closeempty"
|
|
|
color="#A6A6A6"
|
|
|
size="26"
|
|
|
class="absolute right-40rpx top-30rpx"
|
|
|
></uni-icons>
|
|
|
</view>
|
|
|
<view
|
|
|
v-for="(item, index) in recommendPackageList"
|
|
|
:key="index"
|
|
|
class="pt-40rpx pb-15rpx box-border b-0 b-t-1 b-solid b-#E1ECEE"
|
|
|
>
|
|
|
<view class="flex w-full">
|
|
|
<image
|
|
|
v-if="item.cover"
|
|
|
:src="$image(item.cover)"
|
|
|
class="w-190rpx h-190rpx mr-37rpx"
|
|
|
mode="widthFix"
|
|
|
/>
|
|
|
<view class="flex flex-col grow">
|
|
|
<text
|
|
|
>{{ item.name }}</text
|
|
|
>
|
|
|
<view class="mt-13rpx mb-18rpx">
|
|
|
<uni-tag
|
|
|
v-for="(val, i) in item.tags"
|
|
|
:key="i"
|
|
|
size="small"
|
|
|
:inverted="true"
|
|
|
:text="val.text"
|
|
|
class="mr-8rpx"
|
|
|
:custom-style="
|
|
|
'background-color:' +
|
|
|
val.color +
|
|
|
';border-color:' +
|
|
|
val.color +
|
|
|
'; color:' +
|
|
|
val.text_color +
|
|
|
';'
|
|
|
"
|
|
|
/>
|
|
|
</view>
|
|
|
<view>
|
|
|
<text
|
|
|
v-for="(val, i) in item.tags2"
|
|
|
:key="i"
|
|
|
class="text-#8B8B8B text-20rpx line-height-[1] px-5rpx b-0 b-r-2 b-solid b-#8B8B8B"
|
|
|
>{{ val }}</text
|
|
|
>
|
|
|
</view>
|
|
|
<view class="mt-20rpx w-full flex items-end">
|
|
|
<text class="text-18rpx text-#EC3D15">¥</text>
|
|
|
<text class="text-38rpx text-#EC3D15 mx-10rpx -mb-8rpx">{{
|
|
|
item.price
|
|
|
}}</text>
|
|
|
<text class="text-18rpx text-#878787 line-through">{{
|
|
|
item.original_price
|
|
|
}}</text>
|
|
|
<text class="text-18rpx text-#878787 ml-auto mr-55rpx"
|
|
|
>已售{{ item.count }}</text
|
|
|
>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="between mt-30rpx">
|
|
|
<view class="text-#8B8B8B text-22rpx">
|
|
|
相似度
|
|
|
<text class="text-#239EA3">{{ item.recommend?.xiangsidu }}</text>
|
|
|
，{{ item.recommend?.count > 0 ? "增加" : "减少" }}了
|
|
|
<text class="text-#239EA3">{{
|
|
|
Math.abs(item.recommend?.count)
|
|
|
}}</text>
|
|
|
个项目，{{
|
|
|
Number(item.recommend?.money.replace(/,/, "")) > 0
|
|
|
? "增加"
|
|
|
: "减少"
|
|
|
}}了
|
|
|
<text class="text-#239EA3"
|
|
|
>￥{{ item.recommend?.money.replace(/-/, "") }}</text
|
|
|
>
|
|
|
</view>
|
|
|
<button
|
|
|
type="primary"
|
|
|
@click="buy(item)"
|
|
|
class="w-160rpx h-60rpx center text-#fff text-28rpx !bg-#239EA3 rounded-full"
|
|
|
>
|
|
|
预约
|
|
|
</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="b-0 b-t-1 b-solid b-#E1ECEE pt-80rpx pb-70rpx">
|
|
|
<button
|
|
|
type="primary"
|
|
|
@click="buy()"
|
|
|
class="w-300rpx h-78rpx center text-#fff text-30rpx !bg-#239EA3 rounded-10rpx"
|
|
|
>
|
|
|
跳过
|
|
|
</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</uni-popup>
|
|
|
<view class="bg-#d8edf2">
|
|
|
<uni-search-bar
|
|
|
class="search"
|
|
|
radius="100"
|
|
|
placeholder="请输入关键字搜索"
|
|
|
@clear="getAllItems()"
|
|
|
@cancel="getAllItems()"
|
|
|
@confirm="getAllItems"
|
|
|
/>
|
|
|
</view>
|
|
|
<view class="mt-20rpx flex min-h-100%">
|
|
|
<view class="min-w-214rpx max-w-214rpx mr-20rpx min-h-100% text-center">
|
|
|
<view
|
|
|
class="w-100% rounded-r-full text-#0E0E0E text-25rpx px-20rpx w-100% center h-84rpx box-border"
|
|
|
v-for="(item, index) in leftList"
|
|
|
:key="index"
|
|
|
:class="{
|
|
|
'bg-gradient-to-r from-#edf6f5 to-#bbdfe2': tabIndex == index,
|
|
|
}"
|
|
|
@click="
|
|
|
() => {
|
|
|
tabIndex = index;
|
|
|
rightLeft = item.children;
|
|
|
headImg = item.head_img;
|
|
|
}
|
|
|
"
|
|
|
>
|
|
|
{{ item.title }}
|
|
|
</view>
|
|
|
<view style="height: 150rpx;"></view>
|
|
|
</view>
|
|
|
<view class="grow min-h-100% bg-#fff pb-200rpx">
|
|
|
<image
|
|
|
v-if="headImg"
|
|
|
class="w-full"
|
|
|
mode="widthFix"
|
|
|
:src="$image(headImg)"
|
|
|
></image>
|
|
|
<view
|
|
|
v-for="(item, index) in rightLeft"
|
|
|
:key="index"
|
|
|
:class="{
|
|
|
'!b-0': index == rightLeft.length - 1,
|
|
|
}"
|
|
|
class="flex justify-between center py-30rpx px-20rpx b-b-1px b-b-solid b-b-#e5e5e5"
|
|
|
>
|
|
|
<view class="w-40% text-#0E0E0E text-25rpx flex items-center">
|
|
|
<text>{{ item.title }}</text>
|
|
|
<uni-tooltip>
|
|
|
<!-- 定义插槽，插槽名为 content -->
|
|
|
<template v-slot:content>
|
|
|
<!-- 在这里编写自定义的 HTML 或组件 -->
|
|
|
<view class="w-30vw">
|
|
|
<text>{{ item.desc }}</text>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<!-- 触发提示的按钮 -->
|
|
|
<uni-icons color="#239ea4" type="help-filled" size="14"></uni-icons>
|
|
|
</uni-tooltip>
|
|
|
</view>
|
|
|
<view
|
|
|
class="w-58% items-end flex justify-between"
|
|
|
@click="XuanZeItem(item)"
|
|
|
|
|
|
|
|
|
>
|
|
|
<text class="text-#EC3D15 text-26rpx">¥ {{ item.price }}</text>
|
|
|
<text class="text-#9e9d9d text-20rpx line-through"
|
|
|
>¥ {{ item.original_price }}</text
|
|
|
>
|
|
|
<view
|
|
|
:class="{
|
|
|
'!bg-#EEA61E !b-#EEA61E': selectIds.includes(item.id),
|
|
|
}"
|
|
|
class="w-24rpx h-24rpx b-1 b-solid b-#DCDCDC bg-#F8F8F8 rounded-3rpx center"
|
|
|
>
|
|
|
<image
|
|
|
v-if="selectIds.includes(item.id)"
|
|
|
class="w-20rpx"
|
|
|
src="@/static/assets/select.png"
|
|
|
mode="widthFix"
|
|
|
/>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<view
|
|
|
class="fixed bottom-0 left-0 w-100% h-135rpx bg-#fff px-20rpx py-30rpx box-border items-center flex justify-between"
|
|
|
>
|
|
|
<text
|
|
|
class="text-26rpx text-#121212 b-r-1 b-r-solid b-#8D9698 pr-12rpx mr-12rpx min-w-120rpx max-w-120rpx"
|
|
|
>
|
|
|
您需付费 \n{{ total }}个项目
|
|
|
</text>
|
|
|
<view class="grow">
|
|
|
<view class="flex items-end" v-if="comboId != 0">
|
|
|
<text class="text-18rpx text-#878787">套餐价格</text>
|
|
|
<text class="text-21rpx text-#ED6907 mx-20rpx"
|
|
|
>¥ {{ packagePrice }}</text
|
|
|
>
|
|
|
<text class="text-18rpx text-#878787 line-through"
|
|
|
>¥ {{ packageOriginalPrice }}</text
|
|
|
>
|
|
|
</view>
|
|
|
<view class="flex items-end">
|
|
|
<text class="text-18rpx text-#878787">自选项目价格</text>
|
|
|
<text class="text-21rpx text-#ED6907 mx-20rpx"
|
|
|
>¥ {{ optionalPrice || 0 }}</text
|
|
|
>
|
|
|
<text
|
|
|
v-if="optionalOriginalPrice"
|
|
|
class="text-18rpx text-#878787 line-through"
|
|
|
>¥ {{ optionalOriginalPrice }}</text
|
|
|
>
|
|
|
</view>
|
|
|
<view class="flex items-end">
|
|
|
<text class="text-18rpx text-#ED6907">合计费用</text>
|
|
|
<text class="text-24rpx text-#ED6907 ml-20rpx mr-5rpx">¥</text>
|
|
|
<text class="text-36rpx text-#ED6907 mr-20rpx font-bold">{{
|
|
|
totalPrice || 0
|
|
|
}}</text>
|
|
|
<text
|
|
|
v-if="totalOriginalPrice"
|
|
|
class="text-18rpx text-#878787 line-through"
|
|
|
>¥ {{ totalOriginalPrice }}</text
|
|
|
>
|
|
|
</view>
|
|
|
</view>
|
|
|
<button
|
|
|
type="primary"
|
|
|
@click="confirm()"
|
|
|
class="text-#F8F8F8 w-240rpx h-hull rounded-full !bg-#239EA3 !mx-0 text-30rpx"
|
|
|
>
|
|
|
确定
|
|
|
</button>
|
|
|
</view>
|
|
|
</template>
|
|
|
<style>
|
|
|
.uni-tooltip-popup {
|
|
|
background-color: #fff;
|
|
|
}
|
|
|
</style>
|