feat(demo): 新增demo组件-修改目的地卡片

ai-coding

2026-06-14 f44bfee664d9633b363a65e8a3a04472dd0ce18e

feat(demo): 新增demo组件-修改目的地卡片

Co-Authored-By: '廖芳' <liaof@xiaopeng.com>

 src/robotaxi/components/demo/index.tsx

@@ -1,12 +1,28 @@
import Taro from '@tarojs/taro'
import { PureComponent } from 'react'
import { View, Text } from '@tarojs/components'
import './index.less'
// TODO(仅用于测试): 上线前删除以下空调测试相关引入及 DEMO_ORDER_ID
import TemperatureControl from '../../pages/begin-route/components/calling-car-modules/temperature-control';
import DoorTrunkControl from '../../pages/begin-route/components/calling-car-modules/door-trunk-control';
// TODO(仅用于测试): 上线前删除以下修改目的地卡片测试相关引入及 DEMO_MODIFY_* 数据
import ModifyDestinationReview from '../../pages/begin-route/components/modify-destination-review';
import { TripStatus } from '../../constants/trip-status';

const DEMO_ORDER_ID = '2063814874050772993';

// TODO(仅用于测试): 上线前删除以下修改目的地卡片 mock 数据
const DEMO_MODIFY_START_SITE = { id: 'demo-start', name: '深圳北站' };
const DEMO_MODIFY_NEXT_END_SITE = { id: 'demo-end', name: '腾讯滨海大厦' };
const DEMO_MODIFY_FARE_ESTIMATE = { finalFareStr: '38.5', discountAmount: 5 };
const DEMO_MODIFY_ROUTE_OPTIONS = [
  {
    route: { routeID: 'demo-route-1' },
    primaryRoutePlanRule: 'FASTEST',
    snapshotId: 'demo-snapshot-1',
    operateFree: 0,
  },
];

type Props = {
  showIcon: boolean
@@ -61,6 +77,20 @@
            orderId={DEMO_ORDER_ID}
          />
        </View>
        <Text>修改目的地卡片 Demo</Text>
        {/* TODO(仅用于测试): 上线前删除 ModifyDestinationReview 测试渲染 */}
        <View className='calling-car'>
          <ModifyDestinationReview
            orderId={DEMO_ORDER_ID}
            startSite={DEMO_MODIFY_START_SITE}
            nextEndSite={DEMO_MODIFY_NEXT_END_SITE}
            fareEstimate={DEMO_MODIFY_FARE_ESTIMATE}
            routeOptions={DEMO_MODIFY_ROUTE_OPTIONS}
            selectedRouteIndex={0}
            onEditDestination={() => Taro.showToast({ title: '编辑目的地（Demo）', icon: 'none' })}
            onConfirm={() => Taro.showToast({ title: '确认修改（Demo）', icon: 'none' })}
          />
        </View>
      </View>
    )
  }