Is there an interface in dreamview plus that can display the vehicle SOC on the page?

[leizi111]

I want to display the vehicle soc value on the dreamview plus page, is there an interface in dreamview plus that can display the vehicle SOC on the page?

[daohu527]

do you mean Vehicle Security Operations Center? Dreamview already has an event monitor to display multi-level messages about the module, like warning, error, delay so on.

we're adding more functional security monitor, and maybe you can explain your requirements in detail, or give a design document

[leizi111]

I mean soc(State-of-Charge) value of vehicle battery, it can be read on the chassis via canbus, I want to display it on dreamview plus page, is there an interface I can use? Looking forward to your reply.

do you mean Vehicle Security Operations Center? Dreamview already has an event monitor to display multi-level messages about the module, like warning, error, delay so on.

we're adding more functional security monitor, and maybe you can explain your requirements in detail, or give a design document

[daohu527]

autoDrivingCar

Vehicle related information is in autoDrivingCar, which is a Object message, the proto type you can find in

apollo/modules/common_msgs/dreamview_msgs/simulation_world.proto

Line 77 in 0026d7e

message Object {

how to get the battery_percentage

1. Here is an example about how to get speed.
   

   apollo/modules/dreamview_plus/frontend/packages/dreamview-core/src/components/panels/DashBoard/index.tsx

   Lines 71 to 77 in 0026d7e

   	return (
   	<CustomScroll className={classes['panel-dash-board']}>
   	<DriveMode mode={toDrivingMode(dashBoardState?.autoDrivingCar?.disengageType)} />
   	<SignalAndGear
   	color={dashBoardState?.trafficSignal?.currentSignal}
   	gearPosition={dashBoardState?.autoDrivingCar?.gearLocation}
   	/>

so you can add below method to get battery_percentage,

            <SignalAndGear
                color={dashBoardState?.trafficSignal?.currentSignal}
                gearPosition={dashBoardState?.autoDrivingCar?.gearLocation}
                batteryPercentage={dashBoardState?.autoDrivingCar?.batteryPercentage}  #-------> add
            />

2. Next, display info in below code
   

   apollo/modules/dreamview_plus/frontend/packages/dreamview-core/src/components/panels/DashBoard/SignalAndGear/index.tsx

   Lines 12 to 21 in 0026d7e

   	function SignalAndGear(props: SignalAndGearProps) {
   	const { classes } = useStyle();
   	return (
   	<div className={classes['dash-board-signal-gear']}>
   	<Signal signal={props?.color as SignalEnum} />
   	<Gear gearPosition={props?.gearPosition} />
   	</div>
   	);
   	}

    <div className={classes['dash-board-signal-gear']}>
        <Signal signal={props?.color as SignalEnum} />
        <Gear gearPosition={props?.gearPosition} />
        <Battery percentage={props?.batteryPercentage} />  #-------> add
    </div>

[leizi111]

Thanks for your reply! I will try it in my project.