@ledvance/ui-biz-bundle 1.1.168 → 1.1.170

package/src/newModules/energyConsumption/EnergyConsumptionPage.tsx

@@ -1,11 +1,11 @@
 import Segmented from '@ledvance/base/src/components/Segmented'
-import { resetElectricity } from './EnergyConsumptionActions'
+import {resetElectricity, updateDynamicPrice} from './EnergyConsumptionActions'
 import { ChartType } from './co2Data'
 import { EnergyChartSection } from './EnergyConsumptionChart/EnergyChartSection'
 import { PowerChartSection } from './EnergyConsumptionChart/PowerChartSection'
 import { getStyles } from './EnergyConsumptionChart/styles'
 import { useEnergyData } from './EnergyConsumptionChart/useEnergyData'
-import React, { useEffect, useMemo } from "react";
+import React, { useEffect, useMemo, useState } from "react";
 import { ScrollView, StyleSheet, View, Text, Image, TouchableOpacity } from "react-native";
 import { useNavigation, useIsFocused } from '@react-navigation/core'
 import { useRoute } from '@react-navigation/core'
@@ -18,7 +18,7 @@ import Card from "@ledvance/base/src/components/Card";
 import OverView from "./component/Overview";
 import { useInterval, useReactive, useUpdateEffect } from "ahooks";
 import { getDpResultByMonth } from "@ledvance/base/src/models/TuyaApi";
-import {useDeviceId, useSolarPlug, useTimeZoneCity} from "@ledvance/base/src/models/modules/NativePropsSlice";
+import { useDeviceId, useSolarPlug, useTimeZoneCity } from "@ledvance/base/src/models/modules/NativePropsSlice";
 import { flattenDeep, isEmpty } from "lodash";
 import { exchangeNumber, localeNumber, monthFormat, monthFormatShort, showDialog } from "@ledvance/base/src/utils/common";
 import {
@@ -31,15 +31,16 @@ import {
   usePower,
   useVoltage
 } from "./EnergyConsumptionActions";
-import {ui_biz_routerKey} from "../../navigation/Routers";
+import { ui_biz_routerKey } from "../../navigation/Routers";
 import { EnergyConsumptionDetailProps } from "./EnergyConsumptionDetail";
 import { EnergyConsumptionChartProps } from "./EnergyConsumptionChart";
-import EnergyPopup, { EnergyData, UnitList } from "./component/EnergyModal";
+import EnergyPopup, { calculateAveragePrice, EnergyType, EnergyData, UnitList, PriceSegment, DynamicEnergyData } from "./component/EnergyModal";
 import { NativeApi, queryDpIds } from "@ledvance/base/src/api/native";
 import { carbonDioxideEmission, countryAndRegion } from "./co2Data";
 import ThemeType from '@ledvance/base/src/config/themeType'
 import LdvSwitch from "@ledvance/base/src/components/ldvSwitch";
 import dayjs from "dayjs";
+import { SetSegmentedPricesParams } from './SetSegmentedPricesScreen'
 
 const { convertX: cx } = Utils.RatioUtils
 const { withTheme } = Utils.ThemeUtils
@@ -65,7 +66,7 @@ interface EnergyConsumptionState {
   totalElectricity: string
   overviewList: OverviewItem[]
   listLoading: boolean
-  price: string
+  price: string //UI用值，包括动态价格算出的平均值
   unit: string
   showPopup: boolean
   popupType: PopupType
@@ -73,8 +74,11 @@ interface EnergyConsumptionState {
   loading: boolean
   generationMode: boolean
   energyGeneration: EnergyGeneration
+  energyType: 'fixed' | 'dynamic'
+  network_fixed_data ?: EnergyData,
 }
-const EnergyConsumptionPage = (props: {theme?: ThemeType}) => {
+
+const EnergyConsumptionPage = (props: { theme?: ThemeType }) => {
   const params = useRoute().params as EnergyConsumptionPageProps
   const devId = useDeviceId()
   const navigation = useNavigation()
@@ -84,6 +88,7 @@ const EnergyConsumptionPage = (props: {theme?: ThemeType}) => {
   const voltage = useVoltage(params.voltageDpCode)
   const electric = useElectricCurrent(params.electricDpCode)
   const isSolarPlug = useSolarPlug()
+  const [dynamicData, setDynamicData] = useState<DynamicEnergyData>()
   const state = useReactive<EnergyConsumptionState>({
     todayElectricity: '0',
     totalElectricity: '0',
@@ -100,8 +105,18 @@ const EnergyConsumptionPage = (props: {theme?: ThemeType}) => {
       generationMode: false,
       totalElectricity: 0,
       history: []
-    }
+    },
+    energyType: 'fixed'
   })
+  const isGeneration = useMemo(() => {
+    // 当 isSolarPlug 和 state.generationMode 不相等时返回 true
+    return isSolarPlug !== state.generationMode
+  }, [isSolarPlug, state.generationMode])
+
+  const backTitle = useMemo(() => {
+    return I18n.getLang(isGeneration ? 'sockets_headline_power' : 'consumption_data_annual_bar_chart_system_back_text')
+  }, [isGeneration])
+
   const chartHeadline = useMemo(() => {
     const len = state.overviewList.length
     return state.overviewList?.length ? `${state.overviewList[len - 1].key} - ${state.overviewList[0].key}` : ''
@@ -116,17 +131,20 @@ const EnergyConsumptionPage = (props: {theme?: ThemeType}) => {
     addEleDpCode: params.addEleDpCode,
     powerDpCode: params.powerDpCode,
     date: (new Date()).getFullYear().toString(),
-  }), [backTitle, chartHeadline, state.overviewList, state.price, state.unit, params.addEleDpCode, params.powerDpCode])
+    energyType: state.energyType,
+    dynamicData: dynamicData,
+    isGeneration: isGeneration,
+  }), [backTitle, chartHeadline, state.overviewList, state.price, state.unit, params.addEleDpCode, params.powerDpCode, state.energyType, dynamicData, isGeneration])
   const { state: chartState, actions } = useEnergyData(chartParams, devId)
 
   useInterval(() => {
-      if (isFocused) {
-        const jsonData = JSON.stringify([params.electricDpCode, params.powerDpCode, params.voltageDpCode])
-        queryDpIds(jsonData, devId).then()
-      }
-    },
+    if (isFocused) {
+      const jsonData = JSON.stringify([params.electricDpCode, params.powerDpCode, params.voltageDpCode])
+      queryDpIds(jsonData, devId).then()
+    }
+  },
     3000,
-    {immediate: true}
+    { immediate: true }
   )
 
   useEffect(() => {
@@ -135,17 +153,13 @@ const EnergyConsumptionPage = (props: {theme?: ThemeType}) => {
     getEnergyGeneration().then()
   }, [])
 
-  const isGeneration = useMemo(() => {
-    // 当 isSolarPlug 和 state.generationMode 不相等时返回 true
-    return isSolarPlug !== state.generationMode
-  }, [isSolarPlug, state.generationMode])
 
   const totalElectricity = useMemo(() => {
     return Number(state.totalElectricity)
   }, [state.totalElectricity])
 
-  useUpdateEffect(() =>{
-    if(totalElectricity >= 0 && timeZoneCity){
+  useUpdateEffect(() => {
+    if (totalElectricity >= 0 && timeZoneCity) {
       const letOut = carbonDioxideEmission(timeZoneCity, countryAndRegion) || 0
       state.co2Saved = localeNumber((letOut * totalElectricity) / 1000, 4)
     }
@@ -236,22 +250,67 @@ const EnergyConsumptionPage = (props: {theme?: ThemeType}) => {
     state.listLoading = false
   }
 
-  const getInitPrice = async () => {
-    const res = await NativeApi.getJson(devId, 'energiepreise')
-    if (res.success && res.data) {
-      const v = JSON.parse(res.data)
-      state.price = v?.price || '0'
-      state.unit = v?.unit
-      actions.setPriceAndUnit(v?.price, v?.unit || UnitList[0])
+  const parsePrice = (dynamicCosts: PriceSegment[], dynamicGenerates: PriceSegment[], fixedModel?: any,): string => {
+    const type = fixedModel?.energyType ?? 'fixed'
+    const usingPrice = isGeneration ? (fixedModel?.generatePrice ?? fixedModel?.price): fixedModel?.price;
+    if (type === 'dynamic') {
+      const usingIntervals = isGeneration ? dynamicGenerates : dynamicCosts;
+      const dynamicPrice = usingIntervals
+        ? String(calculateAveragePrice(usingIntervals))
+        : usingPrice;
+      return String(dynamicPrice ?? '0');
     } else {
-      state.price = '0'
+      return String(usingPrice ?? '0');
     }
   }
+  const getInitPrice = async () => {
+    const fixedJob = NativeApi.getJson(devId, 'energiepreise')
+    const dynamicJob = NativeApi.getJson(devId, 'dynamicenergyprice')
+    Promise.all([fixedJob, dynamicJob]).then(([res, dynamicRes]) => {
+      if (res.success && res.data) {
+        const d = (dynamicRes.success && dynamicRes.data) ? JSON.parse(dynamicRes.data) : null
+        const { costs, generates } = d
+          ? {
+            costs: (d.intervalPrices ?? []) as PriceSegment[],
+            generates: (d.generatePrices ?? []) as PriceSegment[]
+          }
+          : {
+            costs: [] as PriceSegment[],
+            generates: [] as PriceSegment[]
+          }
+        const v = JSON.parse(res.data)
+        state.network_fixed_data = {
+          price: v?.price ?? '0',
+          unit: v?.unit,
+          energyType: v?.energyType ?? 'fixed',
+          generatePrice: v?.generatePrice,
+        } //临时存储固定价格网络模型
+        state.energyType = v?.energyType ?? 'fixed'
+        state.price = parsePrice(costs, generates, v)
+        state.unit = v?.unit
+        setDynamicData({
+          intervalPrices: costs,
+          generatePrices: generates,
+        } as DynamicEnergyData)//临时存储动态价格网络模型
+        actions.setPriceAndUnit(v?.price, v?.unit || UnitList[0])
+      } else {
+        state.price = '0'
+      }
+    }).catch(() => {
+      state.price = '0'
+    })
+  }
 
   const updateEnergyData = (data: EnergyData) => {
     updatePrice(devId, data).then()
+    state.network_fixed_data = {
+      unit: data.unit,
+      energyType: 'fixed',
+      [isGeneration ? 'generatePrice' : 'price']: data.price,
+    }
     state.price = data.price || '0'
     state.unit = data.unit
+    state.energyType = 'fixed'
     actions.setPriceAndUnit(data.price, data.unit)
   }
 
@@ -262,9 +321,6 @@ const EnergyConsumptionPage = (props: {theme?: ThemeType}) => {
     return titleMapping[value ? 0 : 1]
   }
 
-  const backTitle = useMemo(() => {
-    return I18n.getLang(isGeneration ? 'sockets_headline_power' : 'consumption_data_annual_bar_chart_system_back_text')
-  }, [isGeneration])
 
   const styles = StyleSheet.create({
     showTip: {
@@ -414,7 +470,7 @@ const EnergyConsumptionPage = (props: {theme?: ThemeType}) => {
             }}>
               <Text style={styles.cardTitle}>{I18n.getLang('consumption_data_field2_headline_text')}</Text>
               <Image
-                source={{ uri: res.energy_consumption_chart}}
+                source={{ uri: res.energy_consumption_chart }}
                 style={{ width: cx(16), height: cx(16), marginLeft: cx(8) }}
               />
             </View>
@@ -436,26 +492,29 @@ const EnergyConsumptionPage = (props: {theme?: ThemeType}) => {
           <Card
             style={styles.cardContainer}
           >
-            <View style={{ flexDirection: 'row', alignItems: 'center'}}>
+            <View style={{ flexDirection: 'row', alignItems: 'center' }}>
               <View>
-                <View style={{height: cx(35), justifyContent: 'center'}}>
+                <View style={{ height: cx(35), justifyContent: 'center' }}>
                   <Text style={[styles.cardTitle]}>{I18n.getLang('consumption_data_field1_headline_text')}</Text>
                 </View>
                 <View style={{ flexDirection: 'row', alignItems: 'center', height: cx(35) }}>
                   <Text style={styles.cardTitle}>{I18n.getLang('consumption_data_field3_headline_text')}</Text>
-                  { state.energyGeneration.history.length > 0 && <TouchableOpacity
-                      onPress={() => {
-                        state.showPopup = true
-                        state.popupType = 'history'
-                      }}
+                  {state.energyGeneration.history.length > 0 && <TouchableOpacity
+                    onPress={() => {
+                      state.showPopup = true
+                      state.popupType = 'history'
+                    }}
                   >
-                      <Image
-                          source={{uri: res.co2_icon}}
-                          resizeMode="contain"
-                          style={{ height: cx(20), width: cx(20), tintColor: props.theme?.button.primary }}
-                      />
+                    <Image
+                      source={{ uri: res.co2_icon }}
+                      resizeMode="contain"
+                      style={{ height: cx(20), width: cx(20), tintColor: props.theme?.button.primary }}
+                    />
                   </TouchableOpacity>}
                 </View>
+                <View style={{ height: cx(35), justifyContent: 'center' }}>
+                  <Text style={[styles.cardTitle]}>{I18n.getLang('consumption_energy_type_title')}</Text>
+                </View>
               </View>
               <View>
                 <View style={{ flexDirection: 'row', alignItems: 'flex-end', marginLeft: cx(10) }}>
@@ -466,45 +525,48 @@ const EnergyConsumptionPage = (props: {theme?: ThemeType}) => {
                   <Text style={[styles.consumptionNum, { fontSize: cx(30), marginRight: cx(8) }]}>{localeNumber(totalElectricity)}</Text>
                   <Text style={[styles.consumptionNum, { fontSize: cx(20), marginBottom: cx(4) }]}>kWh</Text>
                 </View>
+                <View style={{ flexDirection: 'row', alignItems: 'flex-end', marginLeft: cx(10) }}>
+                  <Text style={[styles.consumptionNum, { fontSize: cx(16), marginRight: cx(8) }]}>{I18n.getLang(state.energyType === 'fixed' ? 'consumption_energy_type_fixed' : 'consumption_energy_type_dynamic')}</Text>
+                </View>
               </View>
             </View>
             <Spacer />
             {/* CO2 */}
             {isGeneration && <>
-                <View style={{ flexDirection: 'row', alignItems: 'center' }}>
-                    <View style={styles.priceBg}>
-                        <Image
-                            source={{uri: res.energy_consumption_cash}}
-                            resizeMode="contain"
-                            style={{ height: cx(20), width: cx(20), tintColor: props.theme?.button.primary }}
-                        />
-                    </View>
-                    <View style={styles.priceNum}>
-                        <View style={{ flexDirection: 'row' }}>
-                            <Text style={{ color: props.theme?.global.secondFontColor, marginRight: cx(5) }}>{I18n.getLang('consumption_data_field3_co2_topic_text')}</Text>
-                            <TouchableOpacity
-                                onPress={() => {
-                                  state.showPopup = true
-                                  state.popupType = 'co2'
-                                }}
-                            >
-                                <Image
-                                    source={{uri: res.co2_icon}}
-                                    resizeMode="contain"
-                                    style={{ height: cx(20), width: cx(20), tintColor: props.theme?.button.primary }}
-                                />
-                            </TouchableOpacity>
-                        </View>
-                        <Text style={{ color: props.theme?.global.fontColor, fontWeight: 'bold' }}>{`${state.co2Saved} kg`}</Text>
-                    </View>
+              <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                <View style={styles.priceBg}>
+                  <Image
+                    source={{ uri: res.energy_consumption_cash }}
+                    resizeMode="contain"
+                    style={{ height: cx(20), width: cx(20), tintColor: props.theme?.button.primary }}
+                  />
+                </View>
+                <View style={styles.priceNum}>
+                  <View style={{ flexDirection: 'row' }}>
+                    <Text style={{ color: props.theme?.global.secondFontColor, marginRight: cx(5) }}>{I18n.getLang('consumption_data_field3_co2_topic_text')}</Text>
+                    <TouchableOpacity
+                      onPress={() => {
+                        state.showPopup = true
+                        state.popupType = 'co2'
+                      }}
+                    >
+                      <Image
+                        source={{ uri: res.co2_icon }}
+                        resizeMode="contain"
+                        style={{ height: cx(20), width: cx(20), tintColor: props.theme?.button.primary }}
+                      />
+                    </TouchableOpacity>
+                  </View>
+                  <Text style={{ color: props.theme?.global.fontColor, fontWeight: 'bold' }}>{`${state.co2Saved} kg`}</Text>
                 </View>
-                <Spacer height={cx(10)} />
+              </View>
+              <Spacer height={cx(10)} />
             </>}
             {/* money */}
             <View style={{ flexDirection: 'row', alignItems: 'center' }}>
               <View style={styles.priceBg}>
                 <Image
-                  source={{uri: res.energy_consumption_cash}}
+                  source={{ uri: res.energy_consumption_cash }}
                   resizeMode="contain"
                   style={{ height: cx(20), width: cx(20), tintColor: props.theme?.button.primary }}
                 />
@@ -512,21 +574,72 @@ const EnergyConsumptionPage = (props: {theme?: ThemeType}) => {
               <View>
                 <View style={styles.priceNum}>
                   <Text style={{ color: props.theme?.global.secondFontColor }}>{I18n.getLang(isGeneration ? 'consumption_data_monthly_overview_field1_text2' : 'consumption_data_field3_value_text2')}</Text>
-                  <Text style={{ color: props.theme?.global.fontColor, fontWeight: 'bold' }}>{state.price ? `${localeNumber(Number(state.price ) * totalElectricity, 2)} ${state.unit}` : '-'}</Text>
+                  <Text style={{ color: props.theme?.global.fontColor, fontWeight: 'bold' }}>{state.price ? `${localeNumber(Number(state.price) * totalElectricity, 2)} ${state.unit}` : '-'}</Text>
                 </View>
-                <TouchableOpacity onPress={() => {
-                  state.showPopup = true
-                  state.popupType = 'money'
-                }}>
-                  <View style={styles.priceButton}>
-                    <Text style={{ color: props.theme?.button.fontColor }}>{I18n.getLang('consumption_data_field3_button_text')}</Text>
-                  </View>
-                </TouchableOpacity>
+                <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                  <TouchableOpacity onPress={() => {
+                    state.showPopup = true
+                    state.popupType = 'money'
+                  }}>
+                    <View style={styles.priceButton}>
+                      <Text style={{ color: props.theme?.button.fontColor }}>{I18n.getLang('consumption_data_field3_button_text')}</Text>
+                    </View>
+                  </TouchableOpacity>
+                  <TouchableOpacity onPress={() => {
+                    navigation.navigate(ui_biz_routerKey.ui_biz_set_segmented_prices, {
+                      backTitle: backTitle,
+                      dynamicData: dynamicData ?? {
+                        intervalPrices: [],
+                        generatePrices: [],
+                      },
+                      priceUnit: state.unit,
+                      isGenerate: isGeneration,
+                      onSetPriceSements: async(segments: PriceSegment[], currency: string): Promise<boolean>=>{
+                        console.log("onSetPriceSements ", JSON.stringify(segments), currency)
+                        const fixedModel = state.network_fixed_data ?? {
+                          price: '0',
+                          unit: '$',
+                          energyType: 'fixed',
+                          generatePrice: '0',
+                        }
+                        const dynamicMdel = {
+                          ...dynamicData,
+                          [isGeneration ? 'generatePrices' : 'intervalPrices']: segments
+                        }
+                        const[fixedRes, dynamicRes] = await Promise.all([
+                            updatePrice(devId, {...fixedModel, energyType: 'dynamic', unit: currency}),
+                            updateDynamicPrice(devId, dynamicMdel)
+                        ])
+                        const isDynamicSuccess = dynamicRes && dynamicRes.success
+                        const isRegularSuccess = fixedRes && fixedRes.success
+                        const isAllSuccess = isDynamicSuccess && isRegularSuccess
+                        if(isAllSuccess) {
+                          setDynamicData(dynamicMdel)
+                          state.price = String(calculateAveragePrice(segments))//价格
+                          state.energyType = 'dynamic'
+                          state.unit = currency
+                          state.network_fixed_data = {
+                            ...fixedModel,
+                            energyType: 'dynamic',
+                            unit: currency
+                          }
+                          actions.setPriceAndUnit(state.price, currency)
+                        }
+                        return isAllSuccess
+                      }
+                    } as SetSegmentedPricesParams)
+                  }}>
+                    <View style={[styles.priceButton, { marginLeft: cx(8) }]}>
+                      <Text style={{ color: props.theme?.button.fontColor }}>{I18n.getLang('consumption_data_field_dynamic_money')}</Text>
+                    </View>
+                  </TouchableOpacity>
+                </View>
+
               </View>
             </View>
           </Card>
           <Spacer />
-          <Card style={{marginHorizontal: cx(24)}}>
+          <Card style={{ marginHorizontal: cx(24) }}>
             <LdvSwitch
               title={isSolarPlug ? I18n.getLang('plug_energyconsumptionswitch', 'Switch to energy consumption mode') : I18n.getLang('plug_energygenerationswitch', 'Switch to energy generation mode')}
               colorAlpha={0}
@@ -547,8 +660,8 @@ const EnergyConsumptionPage = (props: {theme?: ThemeType}) => {
               }}
             />
           </Card>
-          <Spacer/>
-          <ScrollView style={{marginHorizontal: cx(24)}}>
+          <Spacer />
+          <ScrollView style={{ marginHorizontal: cx(24) }}>
             <Segmented
               options={[
                 { label: I18n.getLang('chartdisplay_energy'), value: ChartType.kWh },
@@ -559,40 +672,40 @@ const EnergyConsumptionPage = (props: {theme?: ThemeType}) => {
             />
             {chartState.chartType === ChartType.kWh ? (
               <EnergyChartSection state={chartState} actions={actions} params={chartParams} styles={chartStyles} theme={props.theme}
-                                  chartHeight={cx(400)}/>
+                chartHeight={cx(400)} />
             ) : (
-              <PowerChartSection state={chartState} actions={actions} styles={chartStyles} theme={props.theme} chartHeight={cx(400)}/>
+              <PowerChartSection state={chartState} actions={actions} styles={chartStyles} theme={props.theme} chartHeight={cx(400)} />
             )}
           </ScrollView>
           <Spacer />
           {/* Annual overview */}
           {!!state.price && <OverView
-              style={{marginHorizontal: cx(24)}}
-              headlineText={I18n.getLang('consumption_data_field4_headline_text')}
-              headlineClick={() => {
-                navigation.navigate(ui_biz_routerKey.ui_biz_energy_consumption_chart, {
-                  backTitle,
-                  headlineText: chartHeadline,
-                  chartData: state.overviewList,
-                  price: state.price,
-                  unit: state.unit,
-                  addEleDpCode: params.addEleDpCode,
-                  powerDpCode: params.powerDpCode,
-                  date: (new Date()).getFullYear().toString(),
-                } as EnergyConsumptionChartProps)
-              }}
-              overviewItemClick={(item) => {
-                navigation.navigate(ui_biz_routerKey.ui_biz_energy_consumption_detail, {
-                  backTitle,
-                  addEleDpCode: params.addEleDpCode,
-                  powerDpCode: params.powerDpCode,
-                  curMonth: item,
-                  price: state.price,
-                  unit: state.unit,
-                  updateEnergyData
-                } as EnergyConsumptionDetailProps)
-              }}
-              overViewList={state.overviewList}
+            style={{ marginHorizontal: cx(24) }}
+            headlineText={I18n.getLang('consumption_data_field4_headline_text')}
+            headlineClick={() => {
+              navigation.navigate(ui_biz_routerKey.ui_biz_energy_consumption_chart, {
+                backTitle,
+                headlineText: chartHeadline,
+                chartData: state.overviewList,
+                price: state.price,
+                unit: state.unit,
+                addEleDpCode: params.addEleDpCode,
+                powerDpCode: params.powerDpCode,
+                date: (new Date()).getFullYear().toString(),
+              } as EnergyConsumptionChartProps)
+            }}
+            overviewItemClick={(item) => {
+              navigation.navigate(ui_biz_routerKey.ui_biz_energy_consumption_detail, {
+                backTitle,
+                addEleDpCode: params.addEleDpCode,
+                powerDpCode: params.powerDpCode,
+                curMonth: item,
+                price: state.price,
+                unit: state.unit,
+                updateEnergyData
+              } as EnergyConsumptionDetailProps)
+            }}
+            overViewList={state.overviewList}
           />}
           {/* modal */}
           <EnergyPopup
@@ -601,16 +714,19 @@ const EnergyConsumptionPage = (props: {theme?: ThemeType}) => {
             title={state.popupType === 'co2' ? I18n.getLang('consumption_data_field3_co2_topic_text') : state.popupType === 'history' ? I18n.getLang('group_energytotal') : ''}
             cancelText={['co2', 'history'].includes(state.popupType) ? '' : I18n.getLang("auto_scan_system_cancel")}
             confirmText={I18n.getLang(['co2', 'history'].includes(state.popupType) ? 'home_screen_home_dialog_yes_con' : 'auto_scan_system_wifi_confirm')}
-            energyData={{ price: state.price, unit: state.unit }}
+            energyData={{ price: state.popupType === 'money' ? (state.network_fixed_data?.price ?? '0'): state.price , unit: state.unit }}
             energyHistory={state.energyGeneration.history}
             onConfirm={(energyData) => {
               state.popupType = ''
               state.showPopup = false
-              if(energyData){
-                updateEnergyData({
+              if (energyData) {
+                const internationalPrice = exchangeNumber(energyData.price)
+                const result = {
                   ...energyData,
-                  price: exchangeNumber(energyData.price)
-                })
+                  [isGeneration ? 'generatePrice' : 'price']: internationalPrice,
+                  energyType: 'fixed',
+                }
+                updateEnergyData(result)
               }
             }}
             onCancel={() => {

package/src/newModules/energyConsumption/Router.ts

@@ -3,6 +3,7 @@ import EnergyConsumptionPage from "./EnergyConsumptionPage";
 import EnergyConsumptionDetail from "./EnergyConsumptionDetail";
 import EnergyConsumptionChart from "./EnergyConsumptionChart/index";
 import {ui_biz_routerKey} from "../../navigation/Routers";
+import SetSegmentedPricesScreen from "./SetSegmentedPricesScreen";
 
 const EnergyConsumptionPageRouters: NavigationRoute[] = [
   {
@@ -29,6 +30,14 @@ const EnergyConsumptionPageRouters: NavigationRoute[] = [
       showOfflineView: false,
     }
   },
+  {
+    name: ui_biz_routerKey.ui_biz_set_segmented_prices,
+    component: SetSegmentedPricesScreen,
+    options: {
+      hideTopbar: true,
+      showOfflineView: false,
+    }
+  }
 ]
 
 export default EnergyConsumptionPageRouters