<script setup>
import DraggableButton from "@/pages/components/goHome.vue";
/**
 * name：
 * user：yytjsj
 * date：2024年9月25日 10:25:00
 */
import { ref } from "vue";
import { $api, $response, $image } from "@/api";
import { onShow } from "@dcloudio/uni-app";
import wx from "weixin-js-sdk";
import { useStore } from "@/store";
const $store = useStore();

let buyInfo = ref({}); // 购买信息
let groupInfo = ref({});
let comboInfo = ref({});
let itemsInfo = ref({});
let userInfo = ref(""); // 病人信息
let truePrice = ref(0); // 总价
let yytjInfo = ref({}); // 预约信息
let popup = ref(null);
let save_money = ref(0);
let integral = ref(0);
let couponList = ref([]);
let selectStatus = ref(null);
let selectIndex = ref(0);
let netReceiptsPrice = ref(0);
let yucunkuan = ref(0); // 计算后的预存款
let jifen = ref(0); // 计算后的可用积分
let keyong_jifen = ref(0); // 可用积分
let erxianInfo=ref(null);
let zixuan_item_show=ref(false);

const mountedAction = async () => {
  uni.showLoading({
    title: "加载中",
  });
  console.log($store.getYytjInfo(), "123123");
  buyInfo.value = $store.getBuyInfo();
  userInfo.value = buyInfo.value.group_id
    ? $store.getGroupInfo()
    : $store.getUser();
  let time = setTimeout(() => {
    getnmrList();
    GetPersonIntegralSaveMoneyCouponInfo();
    clearTimeout(time);
  }, 500);
};

const GetPersonIntegralSaveMoneyCouponInfo = async () => {
  // 获取个人积分, 预存款, 优惠券
  const response = await $api("GetPersonIntegralSaveMoneyCouponInfo", {
    person_id: $store.getUser()?.person_id,
	combo_id:buyInfo.value.combo_id
  });
  $response(response, () => {
    couponList.value = response.data.coupon_list;
    save_money.value = response.data.save_money;
    integral.value = response.data.integral;
  });
};

const UsableIntegralSaveMoney = async () => {
  // 可用积分
  const response = await $api("UsableIntegralSaveMoney", {
    person_id: $store.getUser()?.person_id,
    ysje: netReceiptsPrice.value,
    ssje: truePrice.value,
    type: 1,
  });
  $response(response, () => {
    keyong_jifen.value = response.data.keyong_jifen;
    if (keyong_jifen.value) {
      selectStatus.value = 1;
      popup.value.open("bottom");
      if (yytjInfo.value.pointsPrice) {
        selectIndex.value = 1;
      } else {
        selectIndex.value = 0;
      }
    } else {
      uni.$lu.toast("暂无积分");
    }
  });
};

const selectDiscount = (status) => {
  // 选择折扣
  if (status == 2) {
    // 优惠券
    if (couponList.value.length) {
      toRouter("/pages/main/coupon/coupon");
    } else {
      uni.$lu.toast("暂无优惠券");
    }
  }

  if (status == 1) {
    // 积分
    if (!jifen.value && !netReceiptsPrice.value) {
      uni.$lu.toast("实际金额已为0元，无需使用积分");
      return;
    }
    UsableIntegralSaveMoney();
  }

  if (status == 3) {
    // 预付款
    if (!yucunkuan.value && !netReceiptsPrice.value) {
      uni.$lu.toast("实际金额已为0元，无需使用预付款");
      return;
    }
    if (save_money.value) {
      selectStatus.value = status;
      if (yytjInfo.value.prepaidPrice) {
        selectIndex.value = 1;
      } else {
        selectIndex.value = 0;
      }
      popup.value.open("bottom");
    } else {
      uni.$lu.toast("暂无预付款");
    }
  }
};

const comfrimSelect = () => {
  // 确定选择折扣
  if (selectStatus.value == 1) {
    // 积分
    if (selectIndex.value) {
      yytjInfo.value.pointsPrice = keyong_jifen.value;
      // 使用积分要比实际金额大的话 使用的积分要 等于 实际金额
      if (keyong_jifen.value > netReceiptsPrice.value) {
        jifen.value = netReceiptsPrice.value;
      } else {
        jifen.value = keyong_jifen.value;
      }
      netReceiptsPrice.value = (netReceiptsPrice.value - jifen.value).toFixed(
        2
      );
      $store.setYytjInfo(yytjInfo.value);
    } else {
      if (yytjInfo.value.pointsPrice) {
        console.log(jifen.value);
        console.log(netReceiptsPrice.value);
        netReceiptsPrice.value = (
          Number(netReceiptsPrice.value) + Number(jifen.value)
        ).toFixed(2);
      }
      yytjInfo.value.pointsPrice = 0;
      jifen.value = 0;
      $store.setYytjInfo(yytjInfo.value);
    }
  } else {
    console.log(selectIndex.value);
    //预存款
    if (selectIndex.value) {
      yytjInfo.value.prepaidPrice = save_money.value;
      // 使用的预存款比实际金额大的话 使用的预存款要 等于 实际金额
      if (save_money.value > netReceiptsPrice.value) {
        yucunkuan.value = netReceiptsPrice.value;
      } else {
        yucunkuan.value = save_money.value;
      }
      netReceiptsPrice.value = (
        netReceiptsPrice.value - yucunkuan.value
      ).toFixed(2);
      $store.setYytjInfo(yytjInfo.value);
    } else {
      if (yytjInfo.value.prepaidPrice) {
        // 不使用预存款的话 把扣掉的预存款加上
        netReceiptsPrice.value = (
          Number(netReceiptsPrice.value) + Number(yucunkuan.value)
        ).toFixed(2);
      }
      yucunkuan.value = 0;
      yytjInfo.value.prepaidPrice = 0;
      $store.setYytjInfo(yytjInfo.value);
    }
  }
  popup.value.close();
};

const getnmrList = async () => {
  // 获取号源项目
  yytjInfo.value = $store.getYytjInfo();
  console.log(yytjInfo.value);
  const response = await $api("BuyInfo", buyInfo.value);
  $response(response, () => {
    if (buyInfo.value.group_id && response.data.group_info.length) {
      // 团检
      groupInfo.value = response.data.group_info[0];
    }
    comboInfo.value = response.data.combo_info;
    itemsInfo.value = response.data.items_info;
    truePrice.value = response.data.true_price;
	erxianInfo.value=response.data.nmr_list2;
	yytjInfo.value.erxianInfo=erxianInfo.value;
    netReceiptsPrice.value = response.data.true_price;
	if(itemsInfo.value.items?.length){//合并显示材料费
		let cailiao_price=0
		let cailiao_keshi_key=false;
		itemsInfo.value.items.forEach((v,i)=>{
			if(v.keshi_name=="材料费"){
				cailiao_keshi_key=i
				v.children.forEach((v2,i2)=>{
					cailiao_price=(Number(cailiao_price)+Number(v2.price)).toFixed(2);
				})
			}
			 
		})
		if(cailiao_keshi_key){
			itemsInfo.value.items[cailiao_keshi_key]={keshi_name:"材料费",children:[{name:"材料",desc:"",price:cailiao_price}]}
		}
		
	}
    if (yytjInfo.value.couponPrice) {
      // 优惠券
      // netReceiptsPrice.value = (
      //   netReceiptsPrice.value - yytjInfo.value.couponPrice
      // ).toFixed(2);
    }

    if (yytjInfo.value.prepaidPrice) {
      // 预存款
      yucunkuan.value =
        yytjInfo.value.prepaidPrice > netReceiptsPrice.value
          ? netReceiptsPrice.value
          : yytjInfo.value.prepaidPrice;
      netReceiptsPrice.value = (
        netReceiptsPrice.value - yucunkuan.value
      ).toFixed(2);
    } else {
      yucunkuan.value = 0;
    }

    if (yytjInfo.value.pointsPrice) {
      // 积分
      jifen.value =
        yytjInfo.value.pointsPrice > netReceiptsPrice.value
          ? netReceiptsPrice.value
          : yytjInfo.value.pointsPrice;
      netReceiptsPrice.value = (netReceiptsPrice.value - jifen.value).toFixed(
        2
      );
    } else {
      jifen.value = 0;
    }

    if (!yytjInfo.value?.nmr_list?.length) {
      yytjInfo.value.nmr_list = response.data.nmr_list.map((val) => {
        return {
          ...val,
          time: "",
          id: "",
        };
      });
      yytjInfo.value.nmr_list.push({
        item_id: -1,
        name: "体检时间",
        time: "",
        id: "",
      });
    }
    uni.hideLoading();
  });
   $store.setYytjInfo(yytjInfo.value);
};
const toPlan=async ()=>{
	uni.navigateTo({
	 url: '/pages/main/yytjsj/yytjsj_new'
	});
}
const comfrimyy = async () => {
  let plan_id = "";
  let plan_nmr_id = "";
  uni.showLoading();
  console.log(yytjInfo.value?.nmr_list);


  if (yytjInfo.value?.nmr_list?.length > 1) {
    plan_nmr_id = yytjInfo.value?.nmr_list[0]?.id;
  }
  if (yytjInfo.value?.nmr_list?.length > 0) {
    plan_id = yytjInfo.value?.nmr_list[yytjInfo.value?.nmr_list.length - 1]?.id;
  }

  console.log(groupInfo.value);

  let obj = {
    person_id: buyInfo.value.person_id,
    type: buyInfo.value.group_id ? 2 : 1,
    hospital: buyInfo.value.hospital,
    group_id: buyInfo.value.group_id,
    combo_id:
      buyInfo.value?.combo_id ||
      (groupInfo.value?.combo_id ? "" : userInfo.value?.combo_id) ||
      "",
    item_ids: buyInfo.value.item_ids,
    plan_id: plan_id,
    plan_nmr_info:yytjInfo.value?.nmr_list || null,
    doctor: yytjInfo.value?.doctor_name || "",
    duo_xuan_yi: $store.getDuoXuanYi(),
    jifen: Math.ceil(jifen.value),
    yucunkuan: yucunkuan.value,
	coupon_id:yytjInfo.value?.couponId || null,
    wj: buyInfo.value.wj,
	erxian_info:erxianInfo.value,
	peiou_info:$store.getPeiOuUser(),//配偶信息
	sanfang_code:buyInfo.value.sanfang_code?.code_num?buyInfo.value.sanfang_code:null
  };
  console.log(obj);
  const response = await $api("CreateNewOrder", obj);
  $response(response, () => {
    if (response.status) {
      if (response.data.action == "pay") {
        StartPay(response.data.orderid);
      } else {
        uni.navigateTo({
          url: "/pages/buy/done/done?id=" + response.data.orderid,
        });
      }
    }
    uni.hideLoading();
  });
};

const StartPay = async (id) => {
  //继续支付
  uni.showLoading();
  const response = await $api("StartPay", {
    openid: localStorage.getItem("OPENID"),
    id: id,
  });
  uni.hideLoading();
  $response(response, () => {
    if (response.status) {
      let info = response.data.info;
      let p =
        "&appid=" +
        info.appid +
        "&sub_org_code=" +
        info.sub_org_code +
        "&ghzid=" +
        info.ghzid +
        "&orderid=" +
        info.orderid +
        "&order_desc=" +
        info.order_desc +
        "&amount=" +
        info.amount +
        "&notify_url=" +
        info.notify_url +
        "&timestamp=" +
        info.timestamp +
        "&nonce=" +
        info.nonce +
        "&signature=" +
        info.signature;
      console.log(p);
      wx.miniProgram.navigateTo({
        url:
          "/pages/other/entry/index?path=/pages/physical-examination/payment/index" +
          p,
      });
    }
  });
};

const config_ref = ref(null);
const configRef = (e) => {
  if (!config_ref.value) {
    config_ref.value = e;
    mountedAction();
  }
};
const DelItem=(item)=>{
	 uni.showModal({
	 	title: '提示',
	 	content: '确定删除 '+item.name+" 吗？",
	 	success: function (res) {
	 		if (res.confirm) {
				let index =  buyInfo.value.item_ids.indexOf(item.id);
				
				if (index > -1) {
				     buyInfo.value.item_ids.splice(index, 1);
					 $store.setBuyInfo(buyInfo.value)
					 getnmrList()
				}
	 			
	 		} else if (res.cancel) {
	 			console.log('用户点击取消');
	 		}
	 	}
	 });
}

onShow(() => {
  if (!!config_ref.value) {
    mountedAction();
  }
});

const toRouter = (url, status, index) => {
  let i = index;
  if (status) {
    if (
      yytjInfo.value.nmr_list.length > 1 &&
      yytjInfo.value.nmr_list[0].time == ""
    ) {
      // 核磁时间没选择
      i = 0;
    }
    // if (yytjInfo.value.nmr_list.length == 1 && yytjInfo.value.nmr_list[yytjInfo.value.nmr_list.length - 1].time == "") {
    //   // 体检时间没选择
    //   if(index = -1){
    //     // 点击医生
    //   }else{
    //     // 点击体检时间
    //   }
    //   nmrIndex.value = 1;
    //   moreTime(null, 1);
    //   return;
    // }
    yytjInfo.value.nmrIndex = i;
    console.log(yytjInfo.value);
    uni.setStorageSync("yytjInfoS", yytjInfo.value);
    $store.setYytjInfo(yytjInfo.value);
	//判断是否选择了体检时间
	yytjInfo.value.nmr_list.forEach((vv,ii)=>{
		if(vv.item_id=='-1' && vv.time){
			yytjInfo.value.doctor_date=vv.time.substr(0,10)
		}
	})
    if ((yytjInfo.value.doctor_name || yytjInfo.value.doctor_date) && i == -1) {
      uni.navigateTo({
        url: `/pages/main/selectDoctor/selectDoctor?date=${yytjInfo.value.doctor_date}`,
      });
      return;
    }
  }
  uni.navigateTo({
    url: url,
  });
};
</script>
<template>
  <DraggableButton />
  <uni-popup ref="popup">
    <view
      class="center relative px-10rpx pb-30rpx text-36rpx bg-#fff rounded-t-15rpx box-border col"
    >
      <view
        class="text-28rpx p-[40rpx_50rpx_25rpx_50rpx] between w-full bs b-b-1 b-#DEDEDE box-border"
      >
        <text class="line-height-[1] text-#171717 mr-10rpx">{{
          selectStatus == 1 ? "积分" : "预存款"
        }}</text>
        <view class="mr-auto text-#888787">
          （剩余<text class="text-#FB670E">{{
            selectStatus == 1 ? keyong_jifen : save_money
          }}</text
          >)
        </view>
        <uni-icons
          @click="popup.close()"
          type="closeempty"
          color="#A6A6A6"
          size="26"
          class=""
        ></uni-icons>
      </view>
      <view class="text-#171717 text-28rpx px-40rpx box-border w-full">
        <view
          class="between pl-20rpx pr-10rpx box-border bs b-b-1 b-#E1ECEE h-90rpx"
          @click="selectIndex = 0"
        >
          <text>暂不使用{{ selectStatus == 1 ? "积分" : "预存款" }}</text>
          <uni-icons
            :type="!selectIndex ? 'checkbox-filled' : 'circle'"
            :color="!selectIndex ? '#239EA3' : '#A6A6A6'"
            size="20"
            class=""
          ></uni-icons>
        </view>
        <view
          class="between pl-20rpx pr-10rpx box-border bs b-b-1 b-#E1ECEE h-90rpx"
          @click="selectIndex = 1"
        >
          <text v-if="selectStatus == 1"
            >抵扣￥{{
              jifen
                ? jifen
                : keyong_jifen > netReceiptsPrice
                ? netReceiptsPrice
                : keyong_jifen
            }}使用{{
              Math.ceil(
                jifen
                  ? jifen
                  : keyong_jifen > netReceiptsPrice
                  ? netReceiptsPrice
                  : keyong_jifen
              )
            }}积分</text
          >
          <text v-else
            >使用剩余预存款中的￥{{
              yucunkuan
                ? yucunkuan
                : save_money > netReceiptsPrice
                ? netReceiptsPrice
                : save_money
            }}</text
          >
          <uni-icons
            :type="selectIndex ? 'checkbox-filled' : 'circle'"
            :color="selectIndex ? '#239EA3' : '#A6A6A6'"
            size="20"
            class=""
          ></uni-icons>
        </view>
      </view>
      <view
        @click="comfrimSelect"
        class="text-#fff text-34rpx rounded-full bg-#239EA3 mt-80rpx ma w-520rpx h-100rpx center"
      >
        确定
      </view>
    </view>
  </uni-popup>
  <view >
    <view v-if="!!$store.config">
      <view :ref="configRef"></view>
    </view>
    <view class="px-30rpx box-border pb-200rpx comboInfo">
     
      <view
        style="box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 0, 0, 0.04)"
        class="p-20rpx pb-20rpx pt-30rpx rounded-15rpx bg-#fff my-16rpx"
      >
        <view
          class="text-#0E0E0E text-30rpx b-0 b-solid b-b-1 b-#E1ECEE pb-20rpx mb-35rpx"
          >预约人信息</view
        >
      
			<view>
				<view style="display: flex;justify-content: space-between;padding-right: 10rpx;">
					<view>
						<view class="text-32rpx text-#000  mb-20rpx" style="font-weight: bolder;">{{
						  userInfo.name
						}}</view>
						<view class="text-24rpx text-#8B8B8B mb-30rpx between">
						  <text>{{ userInfo.sex == 1 ? "男性" : "女性" }}</text>
						  <text class="ml-20rpx">{{
						    userInfo.married == 1
						      ? "已婚"
						      : userInfo.married == 2
						      ? "未婚"
						      : "未知"
						  }}</text>
						  <text class="ml-20rpx mr-auto">{{ userInfo.phone }}</text>
						  <!-- <button
						    v-if="!buyInfo.group_id"
						    @click="toRouter('/pages/user/choose/choose')"
						    class="text-24rpx text-#fff bg-#31AEB6 rounded-full px-26rpx h55rpx !m-0 center !ml-auto"
						  >
						    更改预约人
						  </button> -->
									
						</view> 
					</view>
					<image @click="toRouter('/pages/user/choose/choose')" style="width: 50rpx;height: 50rpx;" src="@/static/assets/qiehuan@2x.png"></image>
					<!-- <uni-icons @click="toRouter('/pages/user/choose/choose')" type="loop" color="#31AEB6" size="25"></uni-icons> -->
			</view>
        </view>
      </view>

      <view v-if="integral"
        style="box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 0, 0, 0.04)"
        class="p-38rpx pr-17rpx rounded-15rpx bg-#fff between text-24rpx line-height-[1] mb-15rpx"
        @click="selectDiscount(1)"
      >
        <view>
          <text class="text-#050505">积分抵扣</text>
          <text  class="text-#828383"
            >（{{ integral }}）</text
          >
        </view>
        <view class="ml-auto mr-20rpx">
          <text class="text-#FB4F1A" v-if="jifen"
            >-¥{{ Math.ceil(jifen) }}</text
          >
          <text class="text-#070707" v-else>去选择</text>
        </view>
        <uni-icons type="right" size="12"></uni-icons>
      </view>

      <view v-if="couponList.length"
        style="box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 0, 0, 0.04)"
        class="p-38rpx pr-17rpx rounded-15rpx bg-#fff between text-24rpx line-height-[1] mb-15rpx"
        @click="selectDiscount(2)"
      >
        <view>
          <text class="text-#050505">优惠券</text>
          <text  class="text-#828383"
            >（共{{ couponList.length }}个）</text
          >
        </view>
        <view class="ml-auto mr-20rpx">
          <text class="text-#FB4F1A" v-if="yytjInfo.couponName"
            >{{ yytjInfo.couponName }}</text
          >
          <text class="text-#070707" v-else>去选择</text>
        </view>
        <uni-icons type="right" size="12"></uni-icons>
      </view>

      <view v-if="save_money"
        style="box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 0, 0, 0.04)"
        class="p-38rpx pr-17rpx rounded-15rpx bg-#fff between text-24rpx line-height-[1] mb-15rpx"
        @click="selectDiscount(3)"
      >
        <view>
          <text class="text-#050505">预存款</text>
          <text  class="text-#828383"
            >（剩余{{ save_money }}）</text
          >
        </view>
        <view class="ml-auto mr-20rpx">
          <text class="text-#FB4F1A" v-if="yucunkuan">-¥{{ yucunkuan }}</text>
          <text class="text-#070707" v-else>去选择</text>
        </view>
        <uni-icons type="right" size="12"></uni-icons>
      </view>

      <view class="text-#E95513 text-20rpx mb-40rpx mt-40rpx pl-20rpx pr-20rpx">
        <view class="flex items-center mt-20rpx mb-40rpx">
          <uni-icons
            type="info-filled"
            class="rotate-180"
            color="#E95513"
            size="18"
          ></uni-icons>
          <text>选择“预约人”和“体检时间”后，请点击提交按钮,完成预约。</text>
        </view>
        <view class="flex items-center mt-30rpx">
          <uni-icons
            type="info-filled"
            class="rotate-180"
            color="#E95513"
            size="18"
          ></uni-icons>
          <text
            >购买后如需退款，未到预约体检日期者可在“我的订单”中点击申请退款，体检当日取消或逾期未检者须至健康管理中心服务台办理
          </text>
        </view>
      </view>

      <view
        style="box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 0, 0, 0.04)"
        class="px-16rpx rounded-15rpx bg-#fff"
      >
        <view
          class="pt-42rpx pb-10rpx b-0 b-solid  "
          v-if="
            (comboInfo && comboInfo?.items?.length) || groupInfo?.items?.length
          "
        >
          <view class="text-#0E0E0E text-26rpx mb-20rpx font-700" style="border-bottom: 1px solid #DBDCDC;padding-bottom: 16rpx;">套餐名称</view>
		  <view style="display: flex; justify-content: space-between;">
			  <view>
				  <text class="text-#0E0E0E font-900">
					{{comboInfo?.combo_name || groupInfo?.combo_name}}
				  </text>
				  <view class="tags" v-if="comboInfo">{{comboInfo.tags[0]?.text}}</view>
			  </view>
			  <view>
				  <text class="text-#E95513 font-900">
					  ¥{{ comboInfo?.price || groupInfo?.sixi_zong_ji_jin_e }}
				  </text>
				  <text class="text-#9E9E9F font-700 text-18rpx line-through ml-10rpx">
				  	  ¥{{ comboInfo?.original_price || groupInfo?.sixi_zong_ji_jin_e }}
				  </text>
			  </view>
		  </view>
		  <view v-if="itemsInfo && itemsInfo?.items?.length && zixuan_item_show==false" style="display: flex; justify-content: space-between;">
			  <view>
				  <view style="display: flex;justify-content: space-between;width: 650rpx;">
					 <view style="display: flex;" @click="zixuan_item_show=true">
					 		<view><text class="text-#0E0E0E font-900"> 自选项目</text>  	</view>
						<uni-icons type="right" color="#239ea3" size="20"></uni-icons>

					 </view>	
					 <view>
					 					  <text class="text-#6D6D6D text-#E95513 text-32rpx font-900">¥{{ itemsInfo.price }}</text>
					 					  <text class="text-#9E9E9F font-700 text-18rpx line-through ml-10rpx">
					 					  	  ¥{{itemsInfo.original_price }}
					 					  </text>
					 </view> 
				  </view>
				
				  <view class="tags" >{{itemsInfo.items_count}}个项目</view>
			  </view>
			    
		  </view>
        </view>

        <view
          class="pt-42rpx pb-36rpx b-0 b-solid b-b-1 b-#E1ECEE"
          v-if="(itemsInfo && itemsInfo?.items?.length && !comboInfo) ||  zixuan_item_show==true "
        >
          <view class="text-#0E0E0E text-26rpx mb-20rpx font-700" style="border-bottom: 1px solid #DBDCDC;padding-bottom: 16rpx;">自选项目</view>
          <view
            class="text-24rpx"
            v-for="(val, index) in itemsInfo?.items"
            :key="index"
          >
            <view
              v-for="(v, i) in val.children"
              :key="i"
              class="between mb-30rpx"
              :class="{
                '!mb-0':
                  index == itemsInfo?.items?.length - 1 &&
                  i == val.children.length - 1,
              }"
            >
              <!-- <text class="text-#8B8B8B">{{ val.keshi_name }} -</text> -->
              <text class="text-#0E0E0E mr-auto text-28rpx font-900 ">{{ v.name }}</text>
              <text class="text-#6D6D6D text-#E95513 text-26rpx font-900">¥{{ v.price }}</text>
			  <text class="text-#9E9E9F font-700 text-18rpx line-through ml-10rpx">
			  	  ¥{{v.original_price }}
			  </text>
			  <uni-icons @click="DelItem(v)" type="trash" color="#239ea3" size="20"></uni-icons>

            </view>
          </view>
        </view>
      </view> 
        <button v-if="!buyInfo.group_id"
          @click="comfrimyy"
          class="w-210rpx h-42rpx center text-#fff text-30rpx rounded-full bg-#239EA3 !m-0 button"
        >
          确认支付
        </button>
       <button v-if="buyInfo.group_id || buyInfo.sanfang_code?.code_num"
         @click="toPlan()"
         class="w-210rpx h-42rpx center text-#fff text-30rpx rounded-full bg-#239EA3 !m-0 button"
       >
         选择号源
       </button>
    </view>
  </view>
</template>
<style scoped lang="scss">
.activeTime {
  background-color: #239ea3;
  color: #fff;
}

.acitvetc {
  background-color: #e0f1f2;
}

.comboInfo {
  position: relative;
  z-index: 1;
  background-color: #D8EEF3;
  padding-top: 20rpx;
  min-height: calc(100vh - 80rpx);
  .active {
    color: #239ea3;
    font-weight: bold;
    position: relative;

    &::after {
      content: "";
      width: 26rpx;
      height: 3rpx;
      background-color: #239ea3;
      position: absolute;
      left: 50%;
      bottom: -10rpx;
      transform: translateX(-50%);
    }
  }
}
.button{
	position: fixed;
	bottom: 80rpx;
	right: 40rpx;
}
.tags{
	padding-left: 4rpx;
	padding-right: 4rpx;
	height: 28rpx;
	border-radius: 10rpx;
	font-weight: 900;
	font-size: 18rpx;
	color: #008F96;
	margin: 10rpx 8rpx 10rpx 0rpx;
	border: 3rpx solid #008F96;
	width: 80rpx;
	text-align: center;
}
</style>
