WechatApp/pages/orderInfo/orderDetail.vue

<template>
  <!-- 订单详情页面 -->
  <view class="content">
    <!-- 菜品清单 -->
    <view class="card">
      <!-- 店铺信息 -->
      <view class="store-info">
        <view class="store-info-title">{{ orderDetail.storeName || '店铺名称' }}</view>
        <view class="store-info-address">{{ orderDetail.storeAddress || '—' }}</view>
      </view>
      <view class="card-header">
        <view class="card-header-title">菜品详情</view>
      </view>
      <view class="card-content">
        <view class="info-food">
          <view v-for="(item, index) in displayFoodList" :key="item.id || index" class="food-item">
            <image :src="getItemImage(item)" mode="aspectFill" class="food-item__image"></image>

            <!-- 菜品信息 -->
            <view class="food-item__info">
              <view class="food-item__name">{{ item.name }}</view>
              <view class="food-item__desc" v-if="item.tags && item.tags.length > 0">
                <text v-for="(tag, tagIndex) in item.tags" :key="tagIndex" class="food-item__tag"
                  :class="tag.type">{{ tag.text }}<text v-if="tagIndex < item.tags.length - 1">,</text>
                </text>
              </view>
            </view>

            <!-- 价格和数量 -->
            <view class="food-item__right">
              <view class="food-item__price">
                <text class="price-main">¥{{ formatPrice(item.price) }}</text>
              </view>
              <view class="food-item__quantity">{{ item.quantity || 1 }}份</view>
            </view>
          </view>
        </view>
      </view>

      <view class="card-header">
        <view class="card-header-title">价格明细</view>
      </view>
      <view class="card-content">
        <view class="info-item">
          <view class="info-item-label">菜品总价</view>
          <view class="info-item-value">¥{{ priceDetail.dishTotal }}</view>
        </view>
        <!-- 本版本不参与服务费
        <view class="info-item">
          <view class="info-item-label">服务费</view>
          <view class="info-item-value">¥{{ priceDetail.serviceFee }}</view>
        </view>
        -->
        <view
          v-if="isOrderCompleted && orderCompletedDiscountAmount > 0"
          class="info-item"
        >
          <view class="info-item-label">优惠金额</view>
          <view class="info-item-value">
            <text class="discount-amount-num">-¥{{ formatPrice(priceDetail.discountAmount) }}</text>
          </view>
        </view>
        <view class="price-line">
          <view class="price-line-label">合计</view>
          <view class="price-line-value">¥{{ formatPrice(actualPayAmount) }}</view>
        </view>
       
      </view>
    </view>
    <!-- 已支付 / 已完成：支付信息（支付方式、支付时间） -->
    <view v-if="showPaidOrderPaymentCard" class="card">
      <view class="card-header">
        <view class="card-header-title">支付信息</view>
      </view>
      <view class="card-content">
        <view class="info-item">
          <view class="info-item-label">支付方式</view>
          <view class="info-item-value">微信支付</view>
        </view>
        <view class="info-item">
          <view class="info-item-label">支付时间</view>
          <view class="info-item-value">{{ payTimeDisplay }}</view>
        </view>
      </view>
    </view>

    <!-- 订单卡片 -->
    <view class="card">
      <view class="card-header">
        <view class="card-header-title">订单信息</view>
      </view>
      <view class="card-content">
        <view class="info-item">
          <view class="info-item-label">订单编号</view>
          <view class="info-item-value">{{ orderDetail.orderNo || '—' }}</view>
        </view>
        <view class="info-item">
          <view class="info-item-label">就餐桌号</view>
          <view class="info-item-value">{{ orderDetail.tableNo || '—' }}</view>
        </view>
        <view class="info-item">
          <view class="info-item-label">用餐人数</view>
          <view class="info-item-value">{{ orderDetail.dinerCount != null && orderDetail.dinerCount !== '' ? orderDetail.dinerCount + '人' : '—' }}</view>
        </view>
        <view class="info-item">
          <view class="info-item-label">下单时间</view>
          <view class="info-item-value">{{ orderDetail.createTime || '—' }}</view>
        </view>
        <view class="info-item">
          <view class="info-item-label">联系电话</view>
          <view class="info-item-value">{{ orderDetail.contactPhone || '—' }}</view>
        </view>
        <view class="info-item">
          <view class="info-item-label">备注信息</view>
          <view class="info-item-value">{{ (orderDetail.remark || '').trim() || '无' }}</view>
        </view>
      </view>
    </view>

    <!-- 底部按钮：已完成(3)不显示 -->
    <view v-if="orderDetail.orderStatus !== 3" class="bottom-button">
      <view class="bottom-button-text1 " hover-class="hover-active" @click="handleConfirmOrder">去加餐</view>
      <view class="bottom-button-text" hover-class="hover-active" @click="handleConfirmPay">去结算</view>
    </view>

  </view>
</template>

<script setup>
import { onLoad } from "@dcloudio/uni-app";
import { ref, computed } from "vue";
import { getFileUrl } from "@/utils/file.js";
import { go } from "@/utils/utils.js";
import { GetOrderInfo } from "@/api/dining.js";

const payType = ref('confirmOrder'); // confirmOrder 确认下单 confirmPay 确认支付
/** 当前订单ID，用于「去结算」传参 */
const detailOrderId = ref('');

// 订单详情（店铺、订单信息）
// orderStatus：0 待支付，1 已支付，2 已取消，3 已完成
const orderDetail = ref({
  storeName: '',
  storeAddress: '',
  storeId: '',
  orderNo: '',
  tableId: '',   // 桌号ID，用于跳转加餐
  tableNo: '',    // 桌号展示（tableNumber）
  dinerCount: '',
  createTime: '',
  contactPhone: '',
  remark: '',
  orderStatus: null,
  payType: '', // 支付方式编码，如 wechatPayMininProgram
  /** 支付完成时间 */
  payTime: ''
});

// 价格明细（两位小数）
const priceDetail = ref({
  dishTotal: '0.00',
  serviceFee: '0.00',
  serviceFeeAmount: 0,
  couponDiscount: '0.00',
  discountAmount: 0,
  couponName: '',
  couponType: null,
  nominalValue: null,
  discountRate: null,
  total: '0.00',
  /** 接口实付（元）；已完成订单详情「合计」直接绑定此字段 */
  payAmount: 0
});

// 菜品列表（接口订单明细）
const foodList = ref([]);

// 菜品详情展示（排除特殊占位 id=-1）
const displayFoodList = computed(() =>
  (foodList.value ?? []).filter((it) => Number(it?.id ?? it?.cuisineId) !== -1)
);

// 未支付订单：按明细行累计菜品总价（与 checkout 行小计口径一致）
const calculatedDishTotalFromItems = computed(() => {
  const list = displayFoodList.value;
  let sum = 0;
  for (const it of list) {
    const ls = Number(it?.lineSubtotal);
    // 行小计为 0 时仍可能单价×数量>0（接口占位 0），不要用 0 覆盖真实金额
    if (Number.isFinite(ls) && ls > 0) {
      sum += ls;
      continue;
    }
    const q = Number(it?.quantity) || 1;
    const u = Number(it?.price) || 0;
    sum += u * q;
  }
  return Math.max(0, Math.round(sum * 100) / 100);
});

// 合计/优惠计算用菜品基数：有明细则按行累计，否则用接口菜品总价
const dishTotalBaseForOrder = computed(() => {
  if (displayFoodList.value.length > 0) return calculatedDishTotalFromItems.value;
  const dish = Number(priceDetail.value?.dishTotal);
  return Number.isFinite(dish) ? Math.max(0, dish) : 0;
});

/** 已支付：orderStatus 1 已支付、3 已完成 */
function isPaidOrderStatus(status) {
  const s = Number(status);
  return s === 1 || s === 3;
}

/** 订单已完成 orderStatus === 3 */
const isOrderCompleted = computed(() => Number(orderDetail.value?.orderStatus) === 3);

// 待支付(0) / 已支付(1) 优惠金额（用于非已完成订单的合计计算）
const orderDiscountDisplay = computed(() => {
  const st = orderDetail.value.orderStatus;
  if (st !== 0 && st !== 1) return 0;
  const p = priceDetail.value;
  const dishBase = dishTotalBaseForOrder.value;
  const type = Number(p.couponType);

  let raw = 0;
  if (type === 1) {
    if (p.nominalValue != null && p.nominalValue !== '') {
      const nv = Number(p.nominalValue);
      raw = Number.isNaN(nv) ? 0 : Math.max(0, nv);
    } else {
      // 无面额时不用裸 discountAmount，避免无券订单接口噪声把合计减成 0
      const name = (p.couponName && String(p.couponName).trim()) || '';
      if (name) raw = Math.max(0, Number(p.discountAmount) || 0);
    }
  } else if (type === 2) {
    if (p.discountRate != null && p.discountRate !== '' && dishBase > 0) {
      const rate = Number(p.discountRate) || 0;
      raw = Math.round(dishBase * (1 - rate / 10) * 100) / 100;
    }
  }
  const capped = Math.min(Math.max(0, raw), Math.max(0, dishBase));
  return Math.max(0, Math.round(capped * 100) / 100);
});

/** 已完成订单：接口 discountAmount（用于展示「优惠金额」行） */
const orderCompletedDiscountAmount = computed(() => {
  if (!isOrderCompleted.value) return 0;
  const d = Number(priceDetail.value?.discountAmount);
  if (!Number.isFinite(d) || d <= 0) return 0;
  return Math.round(d * 100) / 100;
});

// 合计：已完成绑定接口 payAmount；其余状态按「菜品基数 − 优惠」计算
const actualPayAmount = computed(() => {
  if (isOrderCompleted.value) {
    const pa = Number(priceDetail.value?.payAmount);
    if (Number.isFinite(pa) && pa >= 0) return Math.round(pa * 100) / 100;
    const t = Number(priceDetail.value?.total);
    return Number.isFinite(t) ? Math.max(0, Math.round(t * 100) / 100) : 0;
  }
  const base = dishTotalBaseForOrder.value;
  const d = orderDiscountDisplay.value;
  return Math.max(0, Math.round((base - d) * 100) / 100);
});

// 已支付(1) / 已完成(3) 展示支付信息卡片
const showPaidOrderPaymentCard = computed(() => {
  const s = orderDetail.value?.orderStatus;
  return s === 1 || s === 3;
});

// 支付时间
const payTimeDisplay = computed(() => {
  const t = orderDetail.value?.payTime;
  if (t != null && String(t).trim() !== '') return String(t).trim();
  return '—';
});

// 取第一张图：逗号分隔取首段，数组取首项，对象取 url/path/src（与 orderInfo/index、FoodCard 一致）
function firstImage(val) {
  if (val == null || val === '') return '';
  if (Array.isArray(val)) {
    const first = val[0];
    if (first != null && first !== '') {
      if (typeof first === 'object' && first !== null) return first.url ?? first.path ?? first.src ?? first.link ?? '';
      return String(first).split(/[,，]/)[0].trim();
    }
    return '';
  }
  if (typeof val === 'object') return val.url ?? val.path ?? val.src ?? val.link ?? '';
  const str = String(val).trim();
  return str ? str.split(/[,，]/)[0].trim() : '';
}

function getItemImage(item) {
  const raw = item?.image ?? item?.cuisineImage ?? item?.imageUrl ?? item?.pic ?? item?.cover ?? item?.images ?? '';
  const url = firstImage(raw) || (typeof raw === 'string' ? raw.split(/[,，]/)[0]?.trim() : '');
  if (url && typeof url === 'string' && (url.startsWith('http') || url.startsWith('//'))) return url;
  return getFileUrl(url || 'img/icon/shop.png');
}

// 金额保留两位小数
const formatPrice = (price) => {
  if (price === '' || price === null || price === undefined) return '0.00';
  const num = Number(price);
  return Number.isNaN(num) ? '0.00' : num.toFixed(2);
};

// 将 tags 统一为 [{ text, type }] 格式
function normalizeTags(raw) {
  if (raw == null) return [];
  let arr = [];
  if (Array.isArray(raw)) arr = raw;
  else if (typeof raw === 'string') {
    const t = raw.trim();
    if (t.startsWith('[')) { try { arr = JSON.parse(t); if (!Array.isArray(arr)) arr = []; } catch { arr = t ? [t] : []; } }
    else arr = t ? t.split(/[,，、\s]+/).map(s => s.trim()).filter(Boolean) : [];
  } else if (raw && typeof raw === 'object') arr = Array.isArray(raw.list) ? raw.list : Array.isArray(raw.items) ? raw.items : [];
  return arr.map((it) => {
    if (it == null) return { text: '', type: '' };
    if (typeof it === 'string') return { text: it, type: '' };
    if (typeof it === 'number') return { text: String(it), type: '' };
    return { text: it.text ?? it.tagName ?? it.name ?? it.label ?? it.title ?? '', type: it.type ?? it.tagType ?? '' };
  }).filter((t) => t.text !== '' && t.text != null);
}

// 将接口订单项转为列表项（图片取首张；行小计与 checkout 一致，便于未支付订单合计按明细计算）
function normalizeOrderItem(item) {
  const rawTags = item?.tags ?? item?.tagList ?? item?.tagNames ?? item?.labels ?? item?.tag;
  const rawImg = item?.images ?? item?.image ?? item?.cuisineImage ?? item?.imageUrl ?? item?.pic ?? item?.cover ?? '';
  const imageUrl = firstImage(rawImg) || (typeof rawImg === 'string' ? rawImg.split(/[,，]/)[0]?.trim() : '') || 'img/icon/shop.png';
  const qty = Number(item?.quantity ?? 1) || 1;
  let lineSubtotal = 0;
  if (item?.subtotalAmount != null && item.subtotalAmount !== '') {
    lineSubtotal = Number(item.subtotalAmount) || 0;
  } else if (item?.totalPrice != null && item.totalPrice !== '') {
    lineSubtotal = Number(item.totalPrice) || 0;
  } else {
    const unit = Number(item?.unitPrice ?? item?.price ?? item?.salePrice ?? 0) || 0;
    lineSubtotal = unit * qty;
  }
  // 接口可能把小计写成 0，但单价/数量有效，回退为单价×数量，与列表展示一致
  if (lineSubtotal <= 0) {
    const unit = Number(item?.unitPrice ?? item?.price ?? item?.salePrice ?? 0) || 0;
    const fallback = unit * qty;
    if (fallback > 0) lineSubtotal = fallback;
  }
  const unitForDisplay =
    Number(item?.unitPrice ?? item?.price ?? 0) ||
    (qty > 0 ? lineSubtotal / qty : 0);
  return {
    id: item?.id ?? item?.cuisineId ?? item?.orderItemId ?? item?.skuId,
    name:
      item?.cuisineName ??
      item?.name ??
      item?.goodsName ??
      item?.skuName ??
      item?.productName ??
      '',
    price: unitForDisplay,
    lineSubtotal,
    image: imageUrl,
    quantity: qty,
    tags: normalizeTags(rawTags)
  };
}

// 从接口数据填充 orderDetail、priceDetail、foodList
function applyOrderData(data) {
  const raw = data?.data ?? data ?? {};
  const nested = raw?.order && typeof raw.order === 'object' ? raw.order : {};
  const store = raw?.storeInfo ?? raw?.store ?? {};
  orderDetail.value = {
    storeName: store?.storeName ?? raw?.storeName ?? '',
    storeAddress: store?.storeAddress ?? store?.address ?? raw?.storeAddress ?? raw?.address ?? '',
    storeId: store?.storeId ?? store?.id ?? raw?.storeId ?? raw?.store_id ?? nested?.storeId ?? '',
    orderNo: raw?.orderNo ?? raw?.orderId ?? nested?.orderNo ?? '',
    tableId:
      raw?.tableId ??
      nested?.tableId ??
      raw?.storeTableId ??
      nested?.storeTableId ??
      raw?.diningTableId ??
      nested?.diningTableId ??
      '', // 桌台主键，加餐/购物车用
    tableNo: raw?.tableNumber ?? raw?.tableNo ?? raw?.tableName ?? '',
    dinerCount: raw?.dinerCount ?? '',
    createTime: raw?.createdTime ?? raw?.createTime ?? raw?.orderTime ?? '',
    contactPhone: raw?.contactPhone ?? raw?.phone ?? '',
    remark: raw?.remark ?? '',
    orderStatus: raw?.orderStatus ?? raw?.status ?? null,
    payType: raw?.payType ?? raw?.payMethod ?? '',
    payTime:
      raw?.payTime ??
      raw?.paymentTime ??
      raw?.paidTime ??
      raw?.payFinishTime ??
      raw?.paySuccessTime ??
      ''
  };
  const couponInfo = raw?.couponInfo ?? raw?.coupon ?? {};
  const dishTotal = raw?.totalAmount ?? raw?.dishTotal ?? raw?.orderAmount ?? raw?.foodAmount ?? 0;
  const couponDiscount = raw?.couponAmount ?? raw?.couponDiscount ?? 0;
  const discountAmountVal = Number(raw?.discountAmount ?? raw?.couponAmount ?? raw?.couponDiscount ?? 0) || 0;
  const totalFallback =
    Number(raw?.totalAmount ?? raw?.totalPrice ?? raw?.orderAmount ?? raw?.foodAmount ?? 0) || 0;
  const explicitPay = raw?.payAmount ?? raw?.realPayAmount ?? raw?.paidAmount;
  const payAmountNum =
    explicitPay != null && explicitPay !== ''
      ? Number(explicitPay) || 0
      : totalFallback;
  const serviceFeeRaw =
    Number(raw?.serviceFee ?? raw?.serviceCharge ?? raw?.tablewareFee ?? 0) || 0;
  const rawDiscountRate =
    raw?.discountRate ?? couponInfo?.discountRate ?? raw?.coupon?.discountRate;
  const discountRateVal = rawDiscountRate != null && rawDiscountRate !== '' ? (Number(rawDiscountRate) || 0) / 10 : null;
  priceDetail.value = {
    dishTotal: formatPrice(dishTotal),
    serviceFee: formatPrice(serviceFeeRaw),
    serviceFeeAmount: serviceFeeRaw,
    couponDiscount: formatPrice(couponDiscount),
    discountAmount: discountAmountVal,
    couponName: raw?.couponName ?? couponInfo?.couponName ?? couponInfo?.name ?? '',
    couponType: raw?.couponType ?? couponInfo?.couponType ?? null,
    nominalValue: raw?.nominalValue ?? couponInfo?.nominalValue ?? couponInfo?.amount ?? null,
    discountRate: discountRateVal,
    total: formatPrice(payAmountNum),
    payAmount: payAmountNum
  };
  const list =
    raw?.orderItemList ??
    raw?.orderItems ??
    raw?.orderLines ??
    raw?.orderLineList ??
    raw?.detailList ??
    raw?.order?.orderItemList ??
    raw?.order?.orderItems ??
    (Array.isArray(raw?.items) ? raw.items : []);
  foodList.value = (Array.isArray(list) ? list : []).map(normalizeOrderItem);
}

// 去加餐：使用本单桌台主键（与列表页一致），redirectTo 触发点餐页重新 onLoad 拉取该桌购物车
const handleConfirmOrder = () => {
  const od = orderDetail.value;
  const tableid = String(od?.tableId ?? '').trim();
  const diners = od?.dinerCount ?? '';
  const storeId = od?.storeId ?? '';
  if (!tableid) {
    uni.showToast({ title: '订单缺少桌台信息，无法加餐', icon: 'none' });
    return;
  }
  if (storeId !== '' && storeId != null) {
    uni.setStorageSync('currentStoreId', String(storeId));
  }
  uni.setStorageSync('currentTableId', tableid);
  const q = [
    `tableid=${encodeURIComponent(tableid)}`,
    `tableId=${encodeURIComponent(tableid)}`
  ];
  if (diners !== '' && diners != null) q.push(`diners=${encodeURIComponent(String(diners))}`);
  if (storeId !== '' && storeId != null) q.push(`storeId=${encodeURIComponent(String(storeId))}`);
  go(`/pages/orderFood/index?${q.join('&')}`, 'redirectTo');
};

// 去结算：跳转确认订单页，携带订单ID、订单号、桌号、就餐人数、订单金额（用于调起支付）
const handleConfirmPay = () => {
  const orderId = detailOrderId.value || '';
  const orderNo = orderDetail.value?.orderNo ?? '';
  const tableId = orderDetail.value?.tableId || orderDetail.value?.tableNo || '';
  const tableNumber = orderDetail.value?.tableNo ?? orderDetail.value?.tableNumber ?? '';
  const diners = orderDetail.value?.dinerCount ?? '';
  const totalAmount = formatPrice(actualPayAmount.value);
  const remark = (orderDetail.value?.remark ?? '').trim().slice(0, 30);
  const q = [];
  if (orderId !== '') q.push(`orderId=${encodeURIComponent(String(orderId))}`);
  if (orderNo !== '') q.push(`orderNo=${encodeURIComponent(String(orderNo))}`);
  if (tableId !== '') q.push(`tableId=${encodeURIComponent(String(tableId))}`);
  if (tableNumber !== '') q.push(`tableNumber=${encodeURIComponent(String(tableNumber))}`);
  if (diners !== '') q.push(`diners=${encodeURIComponent(String(diners))}`);
  if (totalAmount !== '' && totalAmount != null) q.push(`totalAmount=${encodeURIComponent(String(totalAmount))}`);
  if (remark !== '') q.push(`remark=${encodeURIComponent(remark)}`);
  uni.navigateTo({ url: q.length ? `/pages/checkout/index?${q.join('&')}` : '/pages/checkout/index' });
};

onLoad(async (e) => {
  if (e.payType) payType.value = e.payType;
  const orderId = e?.orderId ?? e?.id ?? '';
  detailOrderId.value = orderId;
  if (!orderId) {
    uni.showToast({ title: '缺少订单ID', icon: 'none' });
    return;
  }
  try {
    const res = await GetOrderInfo(orderId);
    applyOrderData(res);
  } catch (err) {
    console.error('订单详情加载失败:', err);
    uni.showToast({ title: '加载失败', icon: 'none' });
  }
});
</script>

<style lang="scss" scoped>
.content {
  padding: 0 30rpx 300rpx;
}

.card {
  background-color: #fff;
  border-radius: 24rpx;
  padding: 30rpx 0;
  margin-top: 20rpx;

  .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30rpx;
    height: 40rpx;
    position: relative;
    font-size: 27rpx;
    color: #151515;
    font-weight: bold;
  }

  .tag {
    width: 10rpx;
    height: 42rpx;
    background: linear-gradient(35deg, #FCB73F 0%, #FC733D 100%);
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    position: absolute;
    left: 0;
    top: 0;
  }

  .card-content {
    padding: 0 30rpx;
  }

  .info-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20rpx;
    font-size: 27rpx;

    .info-item-label {
      color: #666666;
    }

    .info-item-value {
      color: #151515;

      .discount-amount-num {
        color: #e61f19;
      }
    }
  }

  .info-item-textarea {
    width: 100%;
    height: 115rpx;
    border-radius: 8rpx;
    border: 1rpx solid #F2F2F2;
    margin-top: 20rpx;
    font-size: 23rpx;
    color: #AAAAAA;
    box-sizing: border-box;
    padding: 20rpx;
  }

  .info-food {
    margin-top: 20rpx;
  }

  .food-item {
    display: flex;
    align-items: center;
    padding: 20rpx 0;

    &:last-child {
      border-bottom: none;
    }

    &__image {
      width: 118rpx;
      height: 118rpx;
      border-radius: 8rpx;
      flex-shrink: 0;
      background-color: #f5f5f5;
    }

    &__info {
      flex: 1;
      margin-left: 20rpx;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    &__name {
      font-size: 28rpx;
      font-weight: bold;
      color: #151515;
      margin-bottom: 8rpx;
    }

    &__desc {
      font-size: 24rpx;
      color: #666666;
      line-height: 1.5;
    }

    &__tag {
      font-size: 24rpx;
      color: #666666;
      &.signature {
        color: #FC793D;
      }
      &.spicy {
        color: #2E2E2E;
      }
    }

    &__right {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: center;
      margin-left: 20rpx;
    }

    &__price {
      display: flex;
      align-items: baseline;
      color: #151515;
      font-weight: bold;
      margin-bottom: 8rpx;

      .price-symbol {
        font-size: 20rpx;
        margin-right: 2rpx;
      }

      .price-main {
        font-size: 28rpx;
      }

      .price-decimal {
        font-size: 24rpx;
      }
    }

    &__quantity {
      font-size: 24rpx;
      color: #797979;
    }
  }

  .price-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20rpx;
    font-size: 27rpx;
    color: #151515;
    border-top: 1rpx solid rgba(170, 170, 170, 0.15);
    font-weight: bold;
    padding-top: 20rpx;
  }

}

.bottom-button {
  width: 100%;
  background-color: #fff;
  padding: 20rpx 30rpx;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  padding-bottom: env(safe-area-inset-bottom);
  box-shadow: 0rpx -11rpx 46rpx 0rpx rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  align-items: center;

  .bottom-button-text1 {
    font-size: 32rpx;
    font-weight: bold;
    color: #fff;
    width: 324rpx;
    height: 80rpx;
    border-radius: 23rpx 23rpx 23rpx 23rpx;
    border: 2rpx solid #F47D1F;
    display: flex;
    align-items: center;
    color: #F47D1F;
    justify-content: center;
  }

  .bottom-button-text {
    font-size: 32rpx;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(90deg, #FCB73F 0%, #FC743D 100%);
    border-radius: 23rpx 23rpx 23rpx 23rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 324rpx;
    height: 80rpx;
  }
}

.store-info {
  border-bottom: 1rpx solid rgba(170, 170, 170, 0.15);
  box-sizing: border-box;
  margin: 0 30rpx 30rpx;

  .store-info-title {
    font-size: 27rpx;
    color: #151515;
    font-weight: bold;
    margin-bottom: 10rpx;
  }

  .store-info-address {
    font-size: 23rpx;
    color: #AAAAAA;
    margin-bottom: 30rpx;
  }
}
</style>