fix(robotaxi/begin-route): 调整叫车卡片样式，修复温控和修改目的地页面问题

hejianhao

2026-07-01 2d051c316a3fcb0f11cc61cd70a5049c549964f1

fix(robotaxi/begin-route): 调整叫车卡片样式，修复温控和修改目的地页面问题

调整calling-car组件的LESS样式，优化容器、按钮和文本区域的排版
修复温控组件点击事件绑定，移除非必要的图片点击事件并添加hover样式，取消连环单隐藏空调卡片的限制
格式化修改目的地页面代码，统一缩进并修复模板字符串问题，补充导入useEffect

 src/robotaxi/pages/begin-route/components/calling-car-modules/temperature-control.tsx

@@ -340,18 +340,18 @@
    };

    // 连环单（车还在执行上一单）时不展示空调卡片
    if (tripStatus !== TripStatus.VehicleApproaching || hasPreviousOrder) {
        return null;
    }
    // if (tripStatus !== TripStatus.VehicleApproaching || hasPreviousOrder) {
    //     return null;
    // }

    return (
        <View>
            <View className="car-card-temp">
                <View className="car-card-temp-num">
                    <View className="car-card-temp-num-btn">
                    <View className="car-card-temp-num-btn" hoverClass="common-hover-class" onClick={handleDecreaseTemperature} >
                        {
                            canAdjustTemperature ?
                                <Image className="car-card-temp-num-btn-img" src={`https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/T-down${decreaseButtonIconSuffix}.png`} onClick={handleDecreaseTemperature} />
                                <Image className="car-card-temp-num-btn-img" src={`https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/T-down${decreaseButtonIconSuffix}.png`}/>
                                :
                                <Image className="car-card-temp-num-btn-img" src={`https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/T-down${decreaseButtonIconSuffix}.png`} />
                        }
@@ -368,10 +368,10 @@
                        </View>
                        <View className={`car-card-temp-num-text-desc ${tempTextDisabledClassName}`.trim()}>设定温度</View>
                    </View>
                    <View className="car-card-temp-num-btn">
                    <View className="car-card-temp-num-btn" onClick={handleIncreaseTemperature} >
                        {
                            canAdjustTemperature ?
                                <Image className="car-card-temp-num-btn-img" src={`https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/T-up${increaseButtonIconSuffix}.png`} onClick={handleIncreaseTemperature} />
                                <Image className="car-card-temp-num-btn-img" src={`https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/T-up${increaseButtonIconSuffix}.png`}/>
                                :
                                <Image className="car-card-temp-num-btn-img" src={`https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/T-up${increaseButtonIconSuffix}.png`} />
                        }

 src/robotaxi/pages/begin-route/components/css-folder/calling-car.less

@@ -150,16 +150,17 @@
        flex: 1;
        border-radius: 16px;
        background: #F5F6FA;
        padding: 34px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;

        &-btn {
          flex-shrink: 0;
          padding: 24px;
          padding: 0 24px;
          display: flex;
          align-items: center;
          justify-content: center;
          align-self: stretch;

          &-img {
            width: 40px;
@@ -168,6 +169,7 @@
        }

        &-text {
          padding: 34px 0;
          display: flex;
          flex-direction: column;
          align-items: center;

 src/robotaxi/pages/begin-route/components/modify-destination-review.tsx

@@ -1,6 +1,6 @@
import { View, Text, Image } from "@tarojs/components";
import Taro from "@tarojs/taro";
import { useState, useRef } from "react";
import { useState, useRef, useEffect } from "react";
import "./css-folder/modify-destination-review.less";
import RouteSelectionPanel from "./route-selection-panel";

@@ -116,10 +116,10 @@
    const toastText = isLoadingModifyCount
      ? "修改次数加载中"
      : !isModifyCountReady
      ? "修改次数获取失败"
      : isRouteDataIncomplete
      ? "路线加载中，请稍后重试"
      : disabledConfirmToastText || MODIFY_DESTINATION_DISABLED_TOAST;
        ? "修改次数获取失败"
        : isRouteDataIncomplete
          ? "路线加载中，请稍后重试"
          : disabledConfirmToastText || MODIFY_DESTINATION_DISABLED_TOAST;
    Taro.showToast({
      title: toastText,
      icon: "none"
@@ -367,11 +367,10 @@
                      元
                    </View>
                    <View
                      className={`modify-destination-review-fare-original${
                        hasFareDiscount
                      className={`modify-destination-review-fare-original${hasFareDiscount
                          ? " modify-destination-review-fare-original-through"
                          : ""
                      }`}
                        }`}
                    >
                      原价格：{previousEstimatedFareText}元
                    </View>
@@ -380,21 +379,20 @@
                {isOperateFree
                  ? null
                  : hasFareDiscount && (
                      <View className="modify-destination-review-fare-discount">
                        已优惠
                        <Text className="modify-destination-review-fare-discount-amount">
                          {fareEstimate.discountAmount}元
                        </Text>
                      </View>
                    )}
                    <View className="modify-destination-review-fare-discount">
                      已优惠
                      <Text className="modify-destination-review-fare-discount-amount">
                        {fareEstimate.discountAmount}元
                      </Text>
                    </View>
                  )}
              </View>
              <View className="modify-destination-review-confirm-wrapper">
                <View
                  className={`modify-destination-review-confirm${
                    isConfirmDisabled
                  className={`modify-destination-review-confirm${isConfirmDisabled
                      ? " modify-destination-review-confirm-disabled"
                      : ""
                  }`}
                    }`}
                  onClick={() => {
                    if (isConfirmDisabled) {
                      handleDisabledConfirmToast();
@@ -406,12 +404,12 @@
                  {isConfirmingModifyDestination
                    ? "确认中..."
                    : isLoadingModifyCount
                    ? "次数加载中..."
                    : !isModifyCountReady
                    ? "次数获取失败"
                    : isRouteDataIncomplete
                    ? "路线加载中..."
                    : "确认修改"}
                      ? "次数加载中..."
                      : !isModifyCountReady
                        ? "次数获取失败"
                        : isRouteDataIncomplete
                          ? "路线加载中..."
                          : "确认修改"}
                </View>
                {isConfirmDisabled && (
                  <View