diff --git a/Laravel/app/Http/Controllers/API/H5/ComboController.php b/Laravel/app/Http/Controllers/API/H5/ComboController.php
index 78a554a..e606113 100644
--- a/Laravel/app/Http/Controllers/API/H5/ComboController.php
+++ b/Laravel/app/Http/Controllers/API/H5/ComboController.php
@@ -452,7 +452,7 @@ select combo_id as c_id,count(*) as sale_count from orders where status in(2,4)
         if (!isset($groupedData[$keshiName])) {
           $groupedData[$keshiName] = [];
         }
-        $groupedData[$keshiName][] = ['desc' => $item->jianjie, 'name' => $item->name,'price'=>$item->price];
+        $groupedData[$keshiName][] = ['desc' => $item->jianjie, 'name' => $item->name,'price'=>$item->price,'original_price'=>$item->original_price,'id'=>$item->item_id];
 
         //如果有影像科，则存储在nmr_list字段
         if($item->keshi_name=='影像科'){
diff --git a/h5/pages/main/tj/tjzx_new.vue b/h5/pages/main/tj/tjzx_new.vue
index d88f219..cb26f66 100644
--- a/h5/pages/main/tj/tjzx_new.vue
+++ b/h5/pages/main/tj/tjzx_new.vue
@@ -1,384 +1,419 @@
 <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";
+	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: "",
-  },
-});
+	// 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();
+	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(""); // 参数
+	let wj = ref(""); //
+	let leftList = ref({}); // 左侧列表
+	let tabIndex = ref(""); // 默认选中
+	let rightLeft = ref([]); // 右侧列表
+	let selectIds = ref([]); // 选中id列表
+	let selectItems = ref([]); // 选中项目列表
+	let BuyInfo = ref(""); //BuyInfo接口返回
+	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(""); // 参数
+	let popupItemList = ref(null); //已选项目列表弹窗
 
-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 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 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, () => {
+	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();
-  });
-};
+			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;
+			BuyInfo.value = response.data;
+			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;
-    }
-  }
+	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 == 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();
-};
+		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 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 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;
-    }
-  }
+	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 || "";
 
-  console.log(status.value, "1个检套餐 2个检自选 3团检套餐 4团检自选");
+		if (groupId.value) {
+			if (comboId.value) {
+				// 团检套餐
+				status.value = 3;
+			} else {
+				// 团检自选
+				status.value = 4;
+			}
+		} else {
+			if (comboId.value) {
+				// 个检套餐
+				status.value = 1;
+			} else {
+				// 个检自选
+				status.value = 2;
+			}
+		}
 
-  await getAllItems(); // 获取全部项目
-  // await getComboRecommend();
-  await getBuyInfo(); // 获取购买信息
-};
+		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);
+			}
+
+		}
 
-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);
-	 }
-	
- }
+	const openPopupItemList = () => {
+		selectItems.value = [];
+		if (BuyInfo.value.items_info) {
+			BuyInfo.value.items_info.items.forEach((v, i) => {
+				v.children.forEach((v2, i2) => {
+					selectItems.value.push(v2)
+				})
+			})
+		}
+		if (selectItems.value.length > 0) {
+			popupItemList.value.open()
+		}
 
-}
-onShow(() => {
-  if (!!config_ref.value) {
-    mountedAction();
-  }
-});
+	}
+	const ClearItems=async()=>{
+		selectIds.value=[];
+	    await getBuyInfo()
+		popupItemList.value.close()
+	}
+	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="
+	<DraggableButton />
+	<view>
+		<view v-if="!!$store.config">
+			<view :ref="configRef"></view>
+		</view>
+	</view>
+	<uni-popup ref="popupItemList" type="bottom">
+		<view class="popupItemList-content">
+			<view style="display: flex;justify-content: space-between;margin-bottom: 34rpx;">
+				<view style="font-size: 30rpx;">已加购项目</view>
+				<view style="color: #9E9E9F;display: flex;align-items: center;" @click="ClearItems()">
+					<uni-icons  type="trash" color="#9E9E9F" size="20"></uni-icons>
+					<view style="font-size: 20rpx;">清空</view>
+				</view>
+			</view> 
+			<view v-for="(item,index) in selectItems">
+				<view class="itemlist_list" @click="XuanZeItem(item)">
+					<view>
+						<view style="display: flex; align-items: center;margin-bottom: 20rpx;">
+							<view class="itemlist_bianhao">{{index+1}}</view>
+							<view class="itemlist_itemname">{{item.name}}</view>
+						</view>
+						<view style="display: flex;align-items: end;">
+							<view class="itemlist_price"><span style="font-size: 20rpx;">￥</span>{{item.price}}</view>
+							<view class="itemlist_org_price line-through">{{item.original_price}}</view>
+						</view>
+					</view>
+					<view :class="{
+					  '!bg-#009fa8 !b-#008e99': selectIds.includes(item.id),
+					}" class="w-24rpx h-24rpx b-1 b-solid b-#009fa8 bg-#fff rounded-24rpx center">
+						<image v-if="selectIds.includes(item.id)" class="w-20rpx" src="@/static/assets/select.png"
+							mode="widthFix" />
+					</view>
+				</view>
+			</view>
+		</view>
+	</uni-popup>
+	<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:' +
@@ -386,205 +421,205 @@ onShow(() => {
                   '; 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">{{
+                " />
+						</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">{{
+							<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">{{
+							<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%" style="background-color: #eef7f7;">
-    <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="{
+						<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%" style="background-color: #eef7f7;">
+		<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="
+        }" @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">
-   
-      <view
-        v-for="(item, index) in rightLeft"
-        :key="index"
-        :class="{
+        ">
+				{{ item.title }}
+			</view>
+			<view style="height: 150rpx;"></view>
+		</view>
+		<view class="grow min-h-100% bg-#fff pb-200rpx">
+
+			<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-24rpx 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>
+        }" 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-24rpx 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="#009fa8" 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="{
+						<!-- 触发提示的按钮 -->
+						<uni-icons color="#009fa8" 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-#009fa8 !b-#008e99': selectIds.includes(item.id),
-            }"
-            class="w-24rpx h-24rpx b-1 b-solid b-#c3e9eb bg-#ccecee rounded-8rpx 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-gradient-to-r from-#7fcfd3 to-#aad7d7 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">{{
+            }" class="w-24rpx h-24rpx b-1 b-solid b-#c3e9eb bg-#ccecee rounded-8rpx center">
+						<image v-if="selectIds.includes(item.id)" class="w-20rpx" src="@/static/assets/select.png"
+							mode="widthFix" />
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+
+	<view style="z-index: 999;"
+		class="fixed bottom-0 left-0 w-100% h-150rpx bg-gradient-to-r from-#7fcfd3 to-#aad7d7 px-20rpx py-30rpx box-border items-center flex justify-between">
+		<view style="position: relative;" class="w-110rpx h-129rpx ml-60rpx mt-5rpx" @click="openPopupItemList()">
+			<image class="w-110rpx h-129rpx" src="@/static/assets/buy/xiong.png" mode="widthFix" />
+			<view class="yuandian">
+				{{ selectIds.length }}
+			</view>
+		</view>
+		<view class="grow" style="margin-left: 10rpx;">
+			<view class="flex items-end">
+				<text class="text-46rpx text-#e95513 ml-20rpx mr-5rpx">¥</text>
+				<text class="text-46rpx text-#e95513 mr-10rpx 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>
+				<text v-if="totalOriginalPrice" class="text-26rpx text-#3e3a39 line-through">¥
+					{{ totalOriginalPrice }}</text>
+			</view>
+		</view>
+		<view @click="confirm()" class="button">
+			确认项目
+		</view>
+	</view>
 </template>
 <style>
-.uni-tooltip-popup {
-  background-color: #fff;
-}
+	.uni-tooltip-popup {
+		background-color: #fff;
+	}
 </style>
+<style>
+	.button {
+		color: #00828e;
+		background-color: #fff;
+		height: 58rpx;
+		line-height: 58rpx;
+		text-align: center;
+		width: 174rpx;
+		border-radius: 24rpx;
+		margin-right: 20rpx;
+	}
+
+	.popupItemList-content {
+		padding: 40rpx 40rpx 180rpx 40rpx;
+		border-radius: 40rpx;
+		background-color: #fff;
+	}
+
+	.yuandian {
+		position: absolute;
+		top: 55rpx;
+		right: -10rpx;
+		background-color: #E95513;
+		height: 26rpx;
+		width: 26rpx;
+		border-radius: 13rpx;
+		color: #fff;
+		font-size: 20rpx;
+		text-align: center;
+		font-weight: 900;
+	}
+
+	.itemlist_org_price {
+		color: #9E9E9F;
+		font-weight: bolder;
+		font-size: 18rpx;
+		margin-left: 10rpx;
+		padding-bottom: 5rpx;
+	}
+
+	.itemlist_price {
+		color: #E95513;
+		font-weight: bolder;
+		font-size: 32rpx;
+	}
+
+	.itemlist_itemname {
+		font-size: 30rpx;
+		font-weight: bolder; 
+	}
+
+	.itemlist_list {
+		display: flex;
+		width: 100%;
+		justify-content: space-between;
+		border-bottom: 1px solid #00828e;
+		padding-bottom: 20rpx;
+		margin-bottom: 20rpx;
+		align-items: center; 
+	}
+	.itemlist_bianhao{
+		height: 26rpx;
+		width: 26rpx;
+		margin-right: 10rpx;
+		border-radius: 26rpx;
+		line-height: 26rpx;
+		color: #fff;
+		font-size: 20rpx;
+		font-weight: bolder;
+		text-align: center;
+		background: linear-gradient(to right, #67a8aa, #8ce7e7);
+	}
+</style>
\ No newline at end of file
diff --git a/h5/static/assets/buy/xiong.png b/h5/static/assets/buy/xiong.png
new file mode 100644
index 0000000..667ae97
Binary files /dev/null and b/h5/static/assets/buy/xiong.png differ