电价导入

.vscode/settings.json

@@ -65,6 +65,7 @@
     "iconfont",
     "imonth",
     "incomeforms",
+    "incomeformsindex",
     "informationtype",
     "insertschedule",
     "juejin",

src/api/home/Multisite.ts

@@ -652,3 +652,41 @@ export const downloadfileURL = (params: {}) => {
 export const selectfileidURL = (params: {}) => {
   return http.post(`/tdengineyuanshi/selectfileid`, params);
 };
+// 并网点列表
+export const selectconsolidationURL = (params: {}) => {
+  return http.post(`/connectionapp/selectconsolidation`, qs.stringify(params));
+};
+// web端-修改并网点的信息
+export const updateconsolidationURL = (params: {}) => {
+  return http.post(`/connectionapp/updateconsolidation`, qs.stringify(params));
+};
+// web端-根据id查询名称
+export const selectconsolidationidURL = (params: {}) => {
+  return http.post(`/connectionapp/selectconsolidationid`, qs.stringify(params));
+};
+// 存储图片网络地址
+export const insertnewimagesURL = (params: {}) => {
+  return http.post(`/platform/shu/insertnewimages`, qs.stringify(params));
+};
+
+// 查询图片网络地址
+export const selectnewimagesURL = (params: {}) => {
+  return http.post(`/platform/shu/selectnewimages`, qs.stringify(params));
+};
+// 查询excel电价文件列表
+export const selectproiceexcelURL = (params: {}) => {
+  return http.post(`/tdengineyuanshi/selectproiceexcel`, qs.stringify(params));
+};
+// 查询省
+export const selectprovinceURL = (params: {}) => {
+  return http.post(`/tdengineyuanshi/selectprovince`, qs.stringify(params));
+};
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export const priceanalysisURL = (params: {}, body: FormData) => {
+  return http.post(`/tdengineyuanshi/electricitypriceanalysis`, body, {
+    params, // 将额外参数作为查询参数传递
+    headers: {
+      "Content-Type": "multipart/form-data" // 设置请求头为 multipart/form-data
+    }
+  });
+};

src/components/Upload/Imgs.vue

@@ -68,7 +68,7 @@ const props = withDefaults(defineProps<UploadFileProps>(), {
   drag: true,
   disabled: false,
   limit: 9,
-  fileSize: 5,
+  fileSize: 20,
   fileType: () => ["image/jpg", "image/jpeg", "image/png", "image/gif"],
   height: "150px",
   width: "150px",

src/languages/index.ts

@@ -3,7 +3,6 @@ import { getBrowserLang } from "@/utils";
 
 import zh from "./modules/zh";
 import en from "./modules/en";
-
 const i18n = createI18n({
   // Use Composition API, Set to false
   allowComposition: true,

src/languages/modules/en.ts

@@ -1,29 +1,372 @@
 export default {
+  type: "en",
   home: {
-    welcome: "Welcome"
+    title: "Multi-Site ESS Overview",
+    TotalSites: "Total Sites",
+    online: "on line",
+    offline: "off line",
+    InstalledPower: "Installed Power",
+    InstalledCapacity: "Installed Capacity",
+    TodayEnergy: "Today's Charging Energy",
+    upperYesterday: "↑ vs Yesterday",
+    belowYesterday: "↓ vs Yesterday",
+    Charging: "Month",
+    TotalCharging: "Total",
+    TodayDischarge: "Today's Discharge Energy",
+    Discharge: "Month",
+    discharge: "Total",
+    TodayRevenue: "Today's Revenue",
+    MTDRevenue: "MTD Revenue",
+    TotalRevenue: "Total Revenue",
+    USD: "¥",
+    DischargeStatistics: "Charge/Discharge Statistics",
+    RevenueAnalytics: "Revenue Analytics",
+    StartTime: "Start Time",
+    EndTime: "End Time",
+    SelectDate: "Select Date",
+    FaultAlerts: "Fault Alerts",
+    ViewDetails: "	View Details",
+    DeviceList: "Device List",
+    CommunicationStatus: "Communication Status",
+    Query: "Query",
+    Reset: "Reset",
+    Pleaseselect: "Please select",
+    PlantName: "Plant Name",
+    OnlineStatus: "Online Status",
+    TodayCharging: "Today's Charging(kWh)",
+    TodaysDischarge: "Today's Discharge(kWh)",
+    TotalCharged: "Total Charged(kWh)",
+    TotalDischarged: "Total Discharged(kWh)",
+    TodayAlerts: "Today's Alerts",
+    RoundEfficiency: "Round-trip Efficiency(%)",
+    YesterdayRevenue: "Yesterday's Revenue(元)"
   },
-  tabs: {
-    refresh: "Refresh",
-    maximize: "Maximize",
-    closeCurrent: "Close current",
-    closeLeft: "Close Left",
-    closeRight: "Close Right",
-    closeOther: "Close other",
-    closeAll: "Close All"
+  station: {
+    SiteCard: "Site Card",
+    All: "All",
+    Online: "On line",
+    Offline: "Off line",
+    Expand: "Expand",
+    Collapse: "Collapse",
+    Query: "Query",
+    Reset: "Reset",
+    SearchAddress: "Search by Plant Name/Address",
+    ViewPlant: "View Plant",
+    InstalledCapacity: "Installed Capacity",
+    RatedPower: "Rated Power",
+    CommissioningDate: "Commissioning Date",
+    PlantAddress: "Plant Address",
+    EnterPlant: "Enter Plant",
+    BasicInformation: "Basic Information",
+    MoreDetails: "More Details",
+    PlantPhotos: "Plant Photos",
+    PlantName: "Plant Name",
+    ContactNumber: "Contact Number",
+    InstallationPhotos: "Installation Photos",
+    GridConnectionInfo: "Grid Connection Info",
+    TransformerSpecifications: "Transformer Specifications",
+    TransformerCapacity: "Transformer Capacity",
+    Installer: "Installer",
+    InstallerContact: "Installer Contact",
+    Close: "Close"
+  },
+  overview: {
+    SelectPlant: "Select Plant",
+    TodayEnergy: "Today's Charging Energy",
+    upperYesterday: "↑ vs Yesterday",
+    belowYesterday: "↓ vs Yesterday",
+    Charging: "Month",
+    TotalCharging: "Total",
+    TodayDischarge: "Today's Discharge Energy",
+    Discharge: "Month",
+    discharge: "Total",
+    TodayRevenue: "Today's Revenue",
+    MTDRevenue: "MTD Revenue",
+    TotalRevenue: "Total Revenue",
+    TotalDevices: "Total Devices",
+    Online: "On line",
+    Offline: "Off line",
+    InstalledPower: "Power",
+    InstalledCapacity: "Capacity",
+    RevenueAnalytics: "Revenue Analytics",
+    DischargeStatistics: "Charge/Discharge Statistics",
+    StartTime: "Start Time",
+    EndTime: "End Time",
+    SelectDate: "Select Date",
+    PlantInformation: "Plant Information",
+    ViewDetails: "View Details",
+    TotalInstalledCapacity: "Total Installed Capacity",
+    RatedPower: "Rated Power",
+    CommissioningDate: "Commissioning Date",
+    PlantLocation: "Plant Location",
+    CompositePower: "Composite Power",
+    DeviceList: "Device List",
+    CommunicationStatus: "Communication Status",
+    DeviceID: "Device ID",
+    Query: "Query",
+    Reset: "Reset",
+    SNo: "No",
+    DeviceName: "Device Name",
+    OnlineStatus: "Online Status",
+    Maintenance: "Maintenance (Today)",
+    TodayCharging: "Today's Charging(kWh)",
+    TodaysDischarge: "Today's Discharge(kWh)",
+    TotalCharged: "Total Charged(kWh)",
+    TotalDischarged: "Total Discharged(kWh)",
+    GridActivePower: "Grid Active Power (kW)",
+    ESSActivePower: "ESS Active Power (kW)",
+    LoadActivePower: "Load Active Power (kW)",
+    Pleaseselect: "Please select",
+    ViewPlant: "View Plant",
+    BasicInformation: "Basic Information",
+    MoreDetails: "More Details",
+    PlantPhotos: "Plant Photos",
+    PlantName: "Plant Name",
+    ContactNumber: "Contact Number",
+    InstallationPhotos: "Installation Photos",
+    GridConnectionInfo: "Grid Connection Info",
+    TransformerSpecifications: "Transformer Specifications",
+    TransformerCapacity: "Transformer Capacity",
+    Installer: "Installer",
+    InstallerContact: "Installer Contact",
+    Close: "Close"
+  },
+  system: {
+    Pleaseselect: "Please select",
+    Online: "On line",
+    Offline: "Off line",
+    RealData: "Real-time Data",
+    todayCharge: "Today's Charging",
+    todayDischarge: "Today's Discharge",
+    totalCharge: "Total Charged",
+    totalDischarge: "Total Discharged",
+    batterySOC: "Battery SOC",
+    operatingStatus: "Operating Status",
+    powerTrend: "Power Trend",
+    maxChargePower: "Max Charge Power",
+    maxDischargePower: "Max Discharge Power",
+    peakLoadPower: "Peak Load Power",
+    alarmStatus: "Alarm Status",
+    name: "Name",
+    status: "Status",
+    chargePower: "Charge Power",
+    dischargePower: "Discharge Power",
+    currentPower: "Current Power",
+    running: "Running",
+    shutdown: "Shutdown",
+    emergencyStop: "Emergency Stop",
+    Operation: "Real-time Operation",
+    live: "Live",
+    last7Days: "Last 7 Days",
+    last31Days: "Last 31 Days",
+    DataType: "Data Type",
+    activePower: "Active Power",
+    Meter: "Meter",
+    BatteryStack: "Battery Stack",
+    MaxCellVoltage: "Max Cell Voltage",
+    MinCellVoltage: "Min Cell Voltage",
+    Query: "Query",
+    Peak: "Peak",
+    Shoulder: "Shoulder",
+    Offpeak: "Off-peak",
+    Valley: "Valley",
+    Total: "Total",
+    LiveEnergyRevenue: "Live Energy Revenue",
+    date: "Date",
+    Reset: "Reset",
+    time: "Time",
+    charge: "Charge (kWh)",
+    discharge: "Discharge (kWh)",
+    revenue: "Revenue (¥)"
+  },
+  monitor: {
+    SelectPlant: "Select Plant",
+    selectId: "Select device ID",
+    noData: "No data available",
+    lastUpdate: "Last update",
+    DeviceStatus: "Device Status",
+    Running: "Running",
+    Stopped: "Stopped",
+    OperationStatus: "Operation Status",
+    Normal: "Normal",
+    Fault: "Fault",
+    FaultDetails: "Fault Details",
+    DeviceMetrics: "Device Metrics",
+    DailyCharge: "Daily Charge",
+    DailyDischarge: "Daily Discharge",
+    TotalCharged: "Total Charged",
+    TotalDischarged: "Total Discharged",
+    ACFrequency: "AC Frequency",
+    TotalACActivePower: "Total AC Active Power",
+    TotalACReactivePower: "Total AC Reactive Power",
+    TotalACApparentPower: "Total AC Apparent Power",
+    ACCurrent: "AC Current",
+    PhaseAVoltage: "Phase A Voltage",
+    PhaseBVoltage: "Phase B Voltage",
+    PhaseCVoltage: "Phase C Voltage",
+    DeviceErrorCode: "Device Error Code",
+    FaultStatusWord: "Fault Status Word",
+    BranchData: "Branch Data",
+    Branch: "Branch",
+    DCPower: "DC Power",
+    DCVoltage: "DC Voltage",
+    DCCurrent: "DC Current",
+    totalActive: "Total Active P",
+    reactive: "Reactive P",
+    apparent: "Apparent P",
+    powerFactor: "PF",
+    phaseA: "Phase A P",
+    phaseB: "Phase B P",
+    phaseC: "Phase C P",
+    EnergyData: "Energy Data",
+    Category: "Category",
+    Total: "Total/kWh",
+    Peak: "Peak/kWh",
+    Shoulder: "Shoulder/kWh",
+    Offpeak: "Off-peak/kWh",
+    Valley: "Valley/kWh",
+    Idle: "Idle",
+    Charging: "Charging",
+    Discharging: "Discharging",
+    FullyCharged: "Fully Charged",
+    FullyDischarged: "Fully Discharged",
+    DischargeStatus: "Discharge Status",
+    TotalVoltage: "Total Voltage",
+    TotalCurrent: "Total Current",
+    ChargePowerLimit: "Charge Power Limit",
+    DischargePowerLimit: "Discharge Power Limit",
+    AvgCellTemp: "Avg CellTemp",
+    AvgCellVoltage: "Avg Cell Voltage",
+    MaxCellTemp: "Max CellTemp",
+    MinCellTemp: "Min CellTemp",
+    MaxCellVoltage: "Max CellVoltage",
+    MinCellVoltage: "Min CellVoltage",
+    Outlettemperature: "Outlet Temperature",
+    returntemperature: "Return Temperature",
+    outletpressure: "Outlet Pressure",
+    ReturnPressure: "Return Pressure"
+  },
+  Administration: {
+    SelectPlant: "Select Plant",
+    Configuration: "Configuration",
+    Bind: "Bind",
+    Unbind: "Unbind",
+    Management: "Management",
+    AddNew: "Add New",
+    TemplateName: "Template Name",
+    templatemanagement: "Template Management",
+    timesharingmanagement: "Time-of-Use",
+    Referenced: "Referenced",
+    Unreferenced: "Unreferenced",
+    CreatedBy: "Created By",
+    CreationTime: "Creation Time",
+    Actions: "Actions",
+    prompt:
+      "Click 'Bind' to assign template to the target month , Important: You must 'Unbind' before assigning a different template",
+    year: "year",
+    Overview: "Overview",
+    themoon: "themoon",
+    view: "view",
+    Query: "Query",
+    Reset: "Reset",
+    newlyadded: "newly added",
+    Status: "Status",
+    Tags: "Tags",
+    View: "View",
+    Edit: "Edit",
+    Templatestatus: "Template Status",
+    inuse: "in use",
+    usage: "usage",
+    Templatelabel: "Template label",
+    Templatedetails: "Template details",
+    periodoftime: "period of time",
+    Purchase: "Purchase electricity price (yuan/kWh)",
+    Sellingelectricity: "Selling electricity price (yuan/kWh)",
+    Pleasename: "Please enter the template name",
+    Startingperiod: "Starting period",
+    Selectstart: "Select start time period",
+    Endperiod: "End period",
+    Selectend: "Select end time period",
+    peakvalue: "peak value",
+    ChooseJianfeng: "Choose Jianfeng Pinggu",
+    delete: "delete",
+    save: "save",
+    close: "close",
+    AddLine: "Add Line",
+    sure: "sure"
+  },
+  Alarm: {
+    Selectstation: "Select power station",
+    AlarmChart: "Alarm Chart",
+    AlarmList: "Alarm List",
+    Equipmentnumber: "Equipment number",
+    Pleaseprovide: "Please select the device number",
+    DeviceType: "DeviceType",
+    Pleaseselect: "Please select device type",
+    Alarmlevel: "Alarm level",
+    Pleaselevel: "Please select the alarm level",
+    state: "state",
+    thestatus: "Please select the status",
+    TimeRange: "Time Range",
+    StartTime: "Start Time",
+    EndTime: "End Time",
+    Query: "Query",
+    Reset: "Reset",
+    export: "Export"
+  },
+  Batteryanalysis: {
+    Batteryanalysis: "Battery status analysis"
+  },
+  reportforms: {
+    Electricityreport: "Electricity report",
+    summary:
+      "The site summary displays all site report data, supporting daily display for 31 days and monthly display of data within one year.",
+    SiteSummary: "Site Summary",
+    Singlereport: "Single site report",
+    timeframe: "time frame",
+    reporttype: "report type",
+    selectsite: "select site",
+    SelectDate: "Select Date",
+    Query: "Query",
+    Reset: "Reset",
+    export: "Export",
+    perioddata: "Time period data",
+    linechart: "line chart",
+    barchart: "bar chart",
+    table: "table",
+    Peak: "Peak",
+    Shoulder: "Shoulder",
+    Offpeak: "Off-peak",
+    Valley: "Valley",
+    Total: "Total",
+    rawdata: "raw data",
+    Dailydata: "Daily data",
+    Accumulatedata: "Accumulate data",
+    dailyreport: "daily report",
+    Monthlyreport: "Month lyreport",
+    annualreport: "annual report"
+  },
+  incomeforms: {
+    incomestatement: "income statement",
+    summary:
+      "The site summary displays all site report data, supporting daily display for 31 days and monthly display of data within one year.",
+    SiteSummary: "Summary",
+    Singlereport: "Single site report",
+    StartTime: "Start Time",
+    EndTime: "End Time",
+    Query: "Query",
+    Reset: "Reset",
+    export: "Export",
+    reporttype: "report type",
+    dailyreport: "daily report",
+    Monthlyreport: "Month lyreport",
+    annualreport: "annual report",
+    selectsite: "select site",
+    SelectDate: "Select Date"
   },
   header: {
-    componentSize: "Component size",
-    language: "Language",
-    theme: "theme",
-    layoutConfig: "Layout config",
-    primary: "primary",
-    darkMode: "Dark Mode",
-    greyMode: "Grey mode",
-    weakMode: "Weak mode",
-    fullScreen: "Full Screen",
-    exitFullScreen: "Exit Full Screen",
-    personalData: "Personal Data",
-    changePassword: "Change Password",
-    logout: "Logout"
+    personalData: "personalData",
+    changePassword: "changePassword",
+    logout: "logout"
   }
 };

src/languages/modules/zh.ts

@@ -1,29 +1,368 @@
 export default {
+  type: "zh",
   home: {
-    welcome: "欢迎使用"
+    title: "多站总览",
+    TotalSites: "站点总数",
+    online: "在线",
+    offline: "离线",
+    InstalledPower: "装机功率",
+    InstalledCapacity: "装机容量",
+    TodayEnergy: "今日充电量",
+    upperYesterday: "较昨日上升",
+    belowYesterday: "较昨日下降",
+    Charging: "本月充电",
+    TotalCharging: "累计充电",
+    TodayDischarge: "今日放电量",
+    Discharge: "本月放电",
+    discharge: "累计放电",
+    TodayRevenue: "今日收益",
+    MTDRevenue: "本月收益",
+    TotalRevenue: "总收益",
+    USD: "¥",
+    DischargeStatistics: "充放电统计",
+    RevenueAnalytics: "收益统计",
+    StartTime: "开始时间",
+    EndTime: "结束时间",
+    SelectDate: "选择日期",
+    FaultAlerts: "故障警告",
+    ViewDetails: "查看详细",
+    DeviceList: "设备列表",
+    CommunicationStatus: "通讯状态",
+    Query: "查询",
+    Reset: "重置",
+    Pleaseselect: "请选择",
+    PlantName: "电站名称",
+    OnlineStatus: "在线状态",
+    TodayCharging: "今日充电量(kWh)",
+    TodaysDischarge: "今日放电量(kWh)",
+    TotalCharged: "总充电量(kWh)",
+    TotalDischarged: "总放电量(kWh)",
+    TodayAlerts: "今日告警",
+    RoundEfficiency: "综合效率(%)",
+    YesterdayRevenue: "昨日收益(元)"
   },
-  tabs: {
-    refresh: "刷新",
-    maximize: "最大化",
-    closeCurrent: "关闭当前",
-    closeLeft: "关闭左侧",
-    closeRight: "关闭右侧",
-    closeOther: "关闭其它",
-    closeAll: "关闭所有"
+  station: {
+    SiteCard: "站点卡片",
+    All: "全部",
+    Online: "在线",
+    Offline: "离线",
+    Expand: "打开",
+    Collapse: "收起",
+    Query: "查询",
+    Reset: "重置",
+    SearchAddress: "搜索电站名称/地址",
+    ViewPlant: "查看电站",
+    InstalledCapacity: "装机容量",
+    RatedPower: "装机功率",
+    CommissioningDate: "投运时间",
+    PlantAddress: "电站地址",
+    EnterPlant: "进入电站",
+    BasicInformation: "基础信息",
+    MoreDetails: "更多信息",
+    PlantPhotos: "电站图片",
+    PlantName: "电站名称",
+    ContactNumber: "联系电话",
+    InstallationPhotos: "安装图片",
+    GridConnectionInfo: "并网点信息",
+    TransformerSpecifications: "变压器信息",
+    TransformerCapacity: "站点变压器容量",
+    Installer: "安装人",
+    InstallerContact: "安装人联系号码",
+    Close: "关闭"
+  },
+  overview: {
+    SelectPlant: "选择电站",
+    TodayEnergy: "今日充电量",
+    upperYesterday: "较昨日上升",
+    belowYesterday: "较昨日下降",
+    Charging: "本月充电",
+    TotalCharging: "累计充电",
+    TodayDischarge: "今日放电量",
+    Discharge: "本月放电",
+    discharge: "累计放电",
+    TodayRevenue: "今日收益",
+    MTDRevenue: "本月收益",
+    TotalRevenue: "总收益",
+    TotalDevices: "设备总数",
+    Online: "在线",
+    Offline: "离线",
+    InstalledPower: "装机功率",
+    InstalledCapacity: "装机容量",
+    RevenueAnalytics: "收益统计",
+    DischargeStatistics: "充放电统计",
+    StartTime: "开始时间",
+    EndTime: "结束时间",
+    SelectDate: "选择日期",
+    PlantInformation: "站点信息",
+    ViewDetails: "查看详细",
+    TotalInstalledCapacity: "装机总容量",
+    RatedPower: "装机功率",
+    CommissioningDate: "投运时间",
+    PlantLocation: "电站地址",
+    CompositePower: "综合功率",
+    DeviceList: "设备列表",
+    CommunicationStatus: "通讯状态",
+    DeviceID: "设备编号",
+    Query: "查询",
+    Reset: "重置",
+    SNo: "序号",
+    DeviceName: "设备名称",
+    OnlineStatus: "在线状态",
+    TodayCharging: "今日充电量(kWh)",
+    TodaysDischarge: "今日放电量(kWh)",
+    TotalCharged: "总充电量(kWh)",
+    TotalDischarged: "总放电量(kWh)",
+    Maintenance: "运维处理(今日)",
+    GridActivePower: "电网有功功率(KW)",
+    ESSActivePower: "储能有功功率(KW)",
+    LoadActivePower: "负载有功功率(KW)",
+    Pleaseselect: "请选择",
+    ViewPlant: "查看电站",
+    BasicInformation: "基础信息",
+    MoreDetails: "更多信息",
+    PlantPhotos: "电站图片",
+    PlantName: "电站名称",
+    ContactNumber: "联系电话",
+    InstallationPhotos: "安装图片",
+    GridConnectionInfo: "并网点信息",
+    TransformerSpecifications: "变压器信息",
+    TransformerCapacity: "站点变压器容量",
+    Installer: "安装人",
+    InstallerContact: "安装人联系号码",
+    Close: "关闭"
+  },
+  system: {
+    Pleaseselect: "请选择",
+    Online: "在线",
+    Offline: "离线",
+    RealData: "实时数据",
+    todayCharge: "今日充电量",
+    todayDischarge: "今日放电量",
+    totalCharge: "累计充电量",
+    totalDischarge: "累计放电量",
+    batterySOC: "电池堆SOC",
+    operatingStatus: "运行状态",
+    powerTrend: "功率趋势",
+    maxChargePower: "最大充电功率",
+    maxDischargePower: "最大放电功率",
+    peakLoadPower: "最大负载功率",
+    alarmStatus: "告警状态",
+    name: "名称",
+    status: "状态",
+    chargePower: "充电功率",
+    dischargePower: "放电功率",
+    currentPower: "实时功率",
+    running: "运行",
+    shutdown: "停机",
+    emergencyStop: "紧急停机",
+    Operation: "实时运行",
+    live: "实时",
+    last7Days: "近7日",
+    last31Days: "近31日",
+    DataType: "数据类型",
+    activePower: "有功功率",
+    Meter: "电表",
+    BatteryStack: "电池堆",
+    MaxCellVoltage: "单体最高电压",
+    MinCellVoltage: "单体最低电压",
+    Query: "查询",
+    Peak: "尖",
+    Shoulder: "峰",
+    Offpeak: "平",
+    Valley: "谷",
+    Total: "总",
+    LiveEnergyRevenue: "实时电量收益",
+    date: "日期",
+    Reset: "重置",
+    time: "时间",
+    charge: "充电量(kWh)",
+    discharge: "放电量(kWh)",
+    revenue: "收益(元)"
+  },
+  monitor: {
+    SelectPlant: "选择电站",
+    selectId: "选择编号",
+    noData: "暂无消息",
+    lastUpdate: "末次数据时间",
+    DeviceStatus: "设备状态",
+    Running: "运行",
+    Stopped: "停止",
+    OperationStatus: "运行状态",
+    Normal: "正常",
+    Fault: "故障",
+    FaultDetails: "故障状态",
+    DeviceMetrics: "设备数据",
+    DailyCharge: "当日充电量",
+    DailyDischarge: "当日放电量",
+    TotalCharged: "累计充电量",
+    TotalDischarged: "累计放电量",
+    ACFrequency: "交流频率",
+    TotalACActivePower: "总交流有功功率",
+    TotalACReactivePower: "总交流无功功率",
+    TotalACApparentPower: "总交流视在功率",
+    ACCurrent: "交流电流",
+    PhaseAVoltage: "A相电压",
+    PhaseBVoltage: "B相电压",
+    PhaseCVoltage: "C相电压",
+    DeviceErrorCode: "设备故障字",
+    FaultStatusWord: "故障状态字",
+    BranchData: "支路数据",
+    Branch: "支路",
+    DCPower: "直流功率",
+    DCVoltage: "直流电压",
+    DCCurrent: "直流电流",
+    totalActive: "总有功功率",
+    reactive: "无功功率",
+    apparent: "视在功率",
+    powerFactor: "功率因数",
+    phaseA: "A相有功",
+    phaseB: "B相有功",
+    phaseC: "C相有功",
+    EnergyData: "电量数据",
+    Category: "类别",
+    Total: "总/kWh",
+    Peak: "尖/kWh",
+    Shoulder: "峰/kWh",
+    Offpeak: "平/kWh",
+    Valley: "谷/kWh",
+    Idle: "空闲",
+    Charging: "充电",
+    Discharging: "放电",
+    FullyCharged: "充满",
+    FullyDischarged: "放空",
+    DischargeStatus: "充放电状态",
+    TotalVoltage: "总电压",
+    TotalCurrent: "总电流",
+    ChargePowerLimit: "充电限制功率",
+    DischargePowerLimit: "放电限制功率",
+    AvgCellTemp: "平均单体温度",
+    AvgCellVoltage: "平均单体电压",
+    MaxCellTemp: "最高单体温度",
+    MinCellTemp: "最低单体温度",
+    MaxCellVoltage: "最高单体电压",
+    MinCellVoltage: "最低单体电压",
+    Outlettemperature: "出水温度",
+    returntemperature: "回水温度",
+    outletpressure: "出水压力",
+    ReturnPressure: "回水压力"
+  },
+  Administration: {
+    SelectPlant: "选择电站",
+    Configuration: "电价配置",
+    Bind: "绑定",
+    Unbind: "解绑",
+    Management: "模板管理",
+    AddNew: "新增",
+    TemplateName: "模板名称",
+    templatemanagement: "模板管理",
+    timesharingmanagement: "分时电价管理",
+    Referenced: "已引用",
+    Unreferenced: "未引用",
+    CreatedBy: "创建人",
+    CreationTime: "创建时间",
+    Actions: "操作",
+    prompt: "请点击“绑定”按钮为对应月份选择模板以完成应用。更换模板前请点击”解绑”按钮，才可重新“绑定”。",
+    year: "year",
+    Overview: "总览",
+    themoon: "月",
+    view: "查看",
+    Query: "查询",
+    Reset: "重置",
+    newlyadded: "新增",
+    Status: "状态",
+    Tags: "标签",
+    View: "查看",
+    Edit: "编辑",
+    Templatestatus: "模板状态",
+    inuse: "使用中",
+    usage: "使用情况",
+    Templatelabel: "模板标签",
+    Templatedetails: "模板详情",
+    periodoftime: "时段",
+    Purchase: "买入电价(元/kWh)",
+    Sellingelectricity: "卖出电价(元/kWh)",
+    Pleasename: "请输入模板名称",
+    Startingperiod: "开始时段",
+    Selectstart: "选择开始时段",
+    Endperiod: "结束时段",
+    Selectend: "选择结束时段",
+    peakvalue: "峰值",
+    ChooseJianfeng: "选择尖峰平谷",
+    delete: "删除",
+    save: "保存",
+    close: "关闭",
+    AddLine: "新增行",
+    sure: "确定"
+  },
+  Alarm: {
+    Selectstation: "选择电站",
+    AlarmChart: "告警图表",
+    AlarmList: "告警列表",
+    Equipmentnumber: "设备编号",
+    Pleaseprovide: "请选择设备编号",
+    DeviceType: "设备类型",
+    Pleaseselect: "请选择设备类型",
+    Alarmlevel: "告警等级",
+    Pleaselevel: "请选择设备类型",
+    state: "状态",
+    thestatus: "请选择状态",
+    StartTime: "开始时间",
+    EndTime: "结束时间",
+    Query: "查询",
+    Reset: "重置",
+    export: "导出"
+  },
+  Batteryanalysis: {
+    Batteryanalysis: "电池状态分析"
+  },
+  reportforms: {
+    Electricityreport: "电量报表",
+    summary: "站点汇总展示所有站点报表数据，支持按日展示31天，按月展示一年内数据。",
+    SiteSummary: "站点汇总",
+    Singlereport: "单站报表",
+    timeframe: "时间范围",
+    reporttype: "报表类型",
+    selectsite: "选择站点",
+    SelectDate: "选择日期",
+    Query: "查询",
+    Reset: "重置",
+    export: "导出",
+    perioddata: "时段数据",
+    linechart: "折线图",
+    barchart: "折线图",
+    table: "折线图",
+    Peak: "尖",
+    Shoulder: "峰",
+    Offpeak: "平",
+    Valley: "谷",
+    Total: "总",
+    rawdata: "原始数据",
+    Dailydata: "当日数据",
+    Accumulatedata: "积累数据",
+    dailyreport: "日报表",
+    Monthlyreport: "月报表",
+    annualreport: "年报表"
+  },
+  incomeforms: {
+    incomestatement: "收益报表",
+    summary: " 站点汇总展示所有站点报表数据，支持按日展示31天，按月展示一年内数据。",
+    SiteSummary: "站点汇总",
+    Singlereport: "单站报表",
+    StartTime: "开始时间",
+    EndTime: "结束时间",
+    Query: "查询",
+    Reset: "重置",
+    export: "导出",
+    reporttype: "报表类型",
+    dailyreport: "日报表",
+    Monthlyreport: "月报表",
+    annualreport: "年报表",
+    selectsite: "选择站点",
+    SelectDate: "选择日期"
   },
   header: {
-    componentSize: "组件大小",
-    language: "国际化",
-    theme: "全局主题",
-    layoutConfig: "布局设置",
-    primary: "primary",
-    darkMode: "暗黑模式",
-    greyMode: "灰色模式",
-    weakMode: "色弱模式",
-    fullScreen: "全屏",
-    exitFullScreen: "退出全屏",
-    personalData: "个人信息",
+    personalData: "个人中心",
     changePassword: "修改密码",
-    logout: "退出登录"
+    logout: "退出"
   }
 };

src/layouts/components/Footer/index.scss

@@ -1,8 +1,10 @@
 .footer {
-  height: 30px;
-  background-color: var(--el-bg-color);
+  height: 40px;
+  font-size: 14px;
+  color: var(--el-text-color-secondary);
   border-top: 1px solid var(--el-border-color-light);
   a {
+    margin-right: 10px;
     font-size: 14px;
     color: var(--el-text-color-secondary);
     text-decoration: none;

src/layouts/components/Footer/index.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="footer flx-center">
     <a href="http://www.hongpower.cc/" target="_blank"> 2024 © 晟运能源科技有限公司 </a>
+    京ICP备17045368号-1
   </div>
 </template>
 

src/layouts/components/Header/components/Avatar.vue

@@ -21,7 +21,7 @@
   <!-- passwordDialog -->
   <PasswordDialog ref="passwordRef"></PasswordDialog>
 </template>
-<!--文件-->
+<!--    -->
 <script setup lang="ts">
 import { ref } from "vue";
 import { computed } from "vue";

src/views/Administration/addition.vue

@@ -18,21 +18,25 @@
                 />
               </el-form-item> -->
               <div class="elform">
-                <el-form-item label="模板名称：" prop="postName" :rules="[{ required: true, message: '请输入模板名称' }]">
+                <el-form-item
+                  :label="$t('Administration.TemplateName')"
+                  prop="postName"
+                  :rules="[{ required: true, message: $t('Administration.Pleasename') }]"
+                >
                   <el-input
                     v-model="numberValidateForm.postName"
                     style="width: 300px"
                     size="large"
                     type="text"
-                    placeholder="请输入模板名称"
+                    :placeholder="$t('Administration.Pleasename')"
                     autocomplete="off"
                   />
                 </el-form-item>
-                <el-button type="primary" @click="addNewRow">新增行</el-button>
+                <el-button type="primary" @click="addNewRow">{{ $t("Administration.AddLine") }}</el-button>
               </div>
               <div class="elform"></div>
               <el-table :data="tableData" border style="width: 100%">
-                <el-table-column prop="startTime" label="开始时段">
+                <el-table-column prop="startTime" :label="$t('Administration.Startingperiod')">
                   <template #default="scope">
                     <!-- <el-input v-model="scope.row.startTime" @change="handleEdit(scope.$index, scope.row)"></el-input> -->
                     <el-time-select
@@ -40,11 +44,11 @@
                       start="00:00"
                       step="00:30"
                       end="24:00"
-                      placeholder="选择开始时段"
+                      :placeholder="$t('Administration.Selectstart')"
                     />
                   </template>
                 </el-table-column>
-                <el-table-column prop="endTime" label="结束时段">
+                <el-table-column prop="endTime" :label="$t('Administration.Endperiod')">
                   <template #default="scope">
                     <!-- <el-input v-model="scope.row.endTime" @change="handleEdit(scope.$index, scope.row)"></el-input> -->
                     <el-time-select
@@ -52,17 +56,17 @@
                       start="00:00"
                       step="00:30"
                       end="24:00"
-                      placeholder="选择结束时段"
+                      :placeholder="$t('Administration.Endperiod')"
                     />
                   </template>
                 </el-table-column>
-                <el-table-column prop="periodType" label="峰值">
+                <el-table-column prop="periodType" :label="$t('Administration.peakvalue')">
                   <template #default="scope">
                     <!-- <el-input v-model="scope.row.periodType" @change="handleEdit(scope.$index, scope.row)"></el-input> -->
                     <el-select
                       v-model="scope.row.periodType"
                       collapse-tags
-                      placeholder="选择尖峰平谷"
+                      :placeholder="$t('Administration.ChooseJianfeng')"
                       popper-class="custom-header"
                       :max-collapse-tags="1"
                       size="large"
@@ -71,27 +75,27 @@
                     </el-select>
                   </template>
                 </el-table-column>
-                <el-table-column prop="buyPrice" label="买入电价(元/kWh)">
+                <el-table-column prop="buyPrice" :label="$t('Administration.Endperiod')">
                   <template #default="scope">
                     <el-input v-model="scope.row.buyPrice" type="number"></el-input>
                   </template>
                 </el-table-column>
-                <el-table-column prop="salePrice" label="卖出电价(元/kWh)">
+                <el-table-column prop="salePrice" :label="$t('Administration.Sellingelectricity')">
                   <template #default="scope">
                     <el-input v-model="scope.row.salePrice" type="number"></el-input>
                   </template>
                 </el-table-column>
-                <el-table-column label="操作" width="80">
+                <el-table-column :label="$t('Administration.Actions')" width="80">
                   <template #default="scope">
-                    <div @click="handleEdit(scope.$index)">删除</div>
+                    <div @click="handleEdit(scope.$index)">{{ $t("Administration.delete") }}</div>
                   </template>
                 </el-table-column>
               </el-table>
             </div>
             <el-divider />
             <el-form-item class="bottom">
-              <el-button type="primary" @click="submitForm(formRef)">保存</el-button>
-              <el-button @click="resetForm(formRef)">关闭</el-button>
+              <el-button type="primary" @click="submitForm(formRef)">{{ $t("Administration.save") }}</el-button>
+              <el-button @click="resetForm(formRef)">{{ $t("Administration.close") }}</el-button>
             </el-form-item>
           </el-form>
         </div>

src/views/Administration/index.scss

@@ -355,3 +355,13 @@
   // border-top: solid #222222 0.1px;
   border-right: solid #222222 0.1px;
 }
+.selectsite_right {
+  display: flex;
+}
+.tabpane_1 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 88px;
+  height: 30px;
+}

src/views/Administration/index.vue

@@ -5,7 +5,7 @@
         v-if="activeName == '电价配置'"
         v-model="Singlevalue"
         collapse-tags
-        placeholder="选择电站"
+        :placeholder="$t('Administration.SelectPlant')"
         popper-class="custom-header"
         :max-collapse-tags="1"
         size="large"
@@ -22,17 +22,17 @@
     <div class="electricityprice">
       <el-card>
         <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
-          <el-tab-pane label="电价配置" name="电价配置">
+          <el-tab-pane :label="$t('Administration.Configuration')" name="电价配置">
             <el-card>
               <div class="price_allocation">
                 <el-icon><WarningFilled /></el-icon>&ensp;
-                请点击“绑定”按钮为对应月份选择模板以完成应用。更换模板前请点击”解绑”按钮，才可重新“绑定”。
+                {{ $t("Administration.prompt") }}
               </div>
             </el-card>
 
             <div class="datepicker">
               <div>
-                年份：
+                {{ $t("Administration.year") }}：
                 <el-date-picker
                   v-model="pickervalue"
                   type="year"
@@ -44,35 +44,39 @@
                   @change="pickerincome"
                 />
               </div>
-              <el-button type="primary" @click="onoverview()" size="large">总览</el-button>
+              <el-button type="primary" @click="onoverview()" size="large">{{ $t("Administration.Overview") }}</el-button>
             </div>
             <div class="all_ocation">
               <div class="allocation_1" v-for="(item, index) in tricitylist" :key="index">
-                <div class="header" :style="index % 4 == 0 ? 'border-left: 1px solid #ebeef5;' : ''">{{ item.imonth }}月</div>
+                <div class="header" :style="index % 4 == 0 ? 'border-left: 1px solid #ebeef5;' : ''">
+                  {{ item.imonth }}{{ $t("Administration.themoon") }}
+                </div>
                 <div class="body" :style="index % 4 == 0 ? 'border-left: 1px solid #ebeef5;' : ''">
                   <div class="body_content">{{ item.tmplName }}</div>
                   <div>
                     <div>
                       <el-button v-if="item.start == 1" type="primary" plain @click="configuration(item.tariffId)" size="small">
-                        查看
+                        {{ $t("Administration.view") }}
                       </el-button>
                     </div>
                     <div class="bodycheckbox" v-if="BUTTONS.Administrationbinding">
                       <el-button type="primary" v-if="item.start == 1" plain @click="onUnbind(item)" size="small">
-                        解绑
+                        {{ $t("Administration.Unbind") }}
                       </el-button>
-                      <el-button type="primary" v-else plain @click="ondetermine(item)" size="small">绑定</el-button>
+                      <el-button type="primary" v-else plain @click="ondetermine(item)" size="small">{{
+                        $t("Administration.Bind")
+                      }}</el-button>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </el-tab-pane>
-          <el-tab-pane label="模板管理" name="模板管理">
+          <el-tab-pane :label="$t('Administration.templatemanagement')" name="模板管理">
             <div class="datepicker">
               <div>
                 <el-button v-if="BUTTONS.Administrationadd" type="primary" size="large" color="#0052d9" @click="newaddition">
-                  新增
+                  {{ $t("Administration.newlyadded") }}
                 </el-button>
               </div>
               <div>
@@ -82,27 +86,29 @@
                   placeholder="请输入内容,例如模板名称，标签"
                   size="large"
                 />&ensp;&ensp;
-                <el-button type="primary" size="large" @click="gettmplpage" color="#0052d9">查询</el-button>
-                <el-button size="large" @click="onreset">重置</el-button>
+                <el-button type="primary" size="large" @click="gettmplpage" color="#0052d9">{{
+                  $t("Administration.Query")
+                }}</el-button>
+                <el-button size="large" @click="onreset">{{ $t("Administration.Reset") }}</el-button>
               </div>
             </div>
 
             <div class="eltable templatebox">
               <el-table :data="tmplpagedata.records" border style="width: 100%" :show-overflow-tooltip="true">
-                <el-table-column prop="name" label="模板名称" />
-                <el-table-column prop="isUsing" label="状态" align="center" width="140">
+                <el-table-column prop="name" :label="$t('Administration.Reset')" />
+                <el-table-column prop="isUsing" :label="$t('Administration.Status')" align="center" width="140">
                   <template #default="scope">
-                    <div v-if="scope.row.isUsing == 1">已引用</div>
-                    <div v-else>未引用</div>
+                    <div v-if="scope.row.isUsing == 1">{{ $t("Administration.Referenced") }}</div>
+                    <div v-else>{{ $t("Administration.Unreferenced") }}</div>
                   </template>
                 </el-table-column>
-                <el-table-column prop="tags" label="标签" />
-                <el-table-column prop="createUserName" label="创建人" width="140" />
-                <el-table-column prop="createTime" label="创建时间" />
-                <el-table-column prop="tariffId" label="操作" width="180">
+                <el-table-column prop="tags" :label="$t('Administration.Tags')" />
+                <el-table-column prop="createUserName" :label="$t('Administration.CreatedBy')" width="140" />
+                <el-table-column prop="createTime" :label="$t('Administration.CreationTime')" />
+                <el-table-column prop="tariffId" :label="$t('Administration.Actions')" width="180">
                   <template #default="scope">
-                    <el-button class="bodycheck" @click="oncheck(scope.row.id)">查看</el-button>
-                    <el-button class="bodycheck" @click="neweditition(scope.row.id)">编辑</el-button>
+                    <el-button class="bodycheck" @click="oncheck(scope.row.id)">{{ $t("Administration.View") }}</el-button>
+                    <el-button class="bodycheck" @click="neweditition(scope.row.id)">{{ $t("Administration.Edit") }}</el-button>
                   </template>
                 </el-table-column>
               </el-table>
@@ -118,20 +124,77 @@
               </slot>
             </div>
           </el-tab-pane>
+          <el-tab-pane :label="$t('Administration.timesharingmanagement')" name="分时电价管理">
+            <div class="datepicker">
+              <div class="selectsite_right">
+                <div class="tabpane_1">地区：</div>
+                <el-select
+                  v-model="onlineStatus"
+                  placeholder="选择地区"
+                  size="large"
+                  style="width: 240px"
+                  @change="postemsDevice"
+                >
+                  <el-option
+                    v-for="item in province"
+                    :key="item.provinceid"
+                    :label="item.provincename"
+                    :value="item.provinceid"
+                  />
+                </el-select>
+                &ensp;&ensp;&ensp;
+                <div>
+                  选择月份：
+                  <el-date-picker
+                    v-model="timedayslist"
+                    type="month"
+                    format="YYYY-MM"
+                    value-format="YYYY-MM"
+                    size="large"
+                    placeholder="选择月份"
+                    :disabled-date="pickerOptions"
+                    @change="onpowerblur"
+                  />
+                </div>
+                &ensp;&ensp;&ensp;
+                <el-button type="primary" size="large" color="#0052d9" @click="newaddimport">数据回复</el-button>
+
+                <!-- newition -->
+              </div>
+            </div>
+            <div class="eltable templatebox">
+              <el-table :data="proiceexcel" border style="width: 100%" :show-overflow-tooltip="true">
+                <el-table-column prop="provincename" label="湖南" />
+                <el-table-column prop="year" label="年" />
+                <el-table-column prop="month" label="月份" />
+                <el-table-column prop="createdate" label="创建时间" />
+              </el-table>
+            </div>
+            <div class="pagination">
+              <div></div>
+              <slot name="pagination">
+                <Pagination
+                  :pageable="pageable"
+                  :handle-size-change="handleSizeChange"
+                  :handle-current-change="handleCurrentChange"
+                />
+              </slot>
+            </div>
+          </el-tab-pane>
         </el-tabs>
       </el-card>
     </div>
-    <el-dialog v-model="dialogVisible" title="模板详情" width="1000" :before-close="handleClose" border>
+    <el-dialog v-model="dialogVisible" :title="$t('Administration.TemplateName')" width="1000" :before-close="handleClose" border>
       <div class="dialog_title">
-        <div class="more_name">模板名称：</div>
+        <div class="more_name">{{ $t("Administration.TemplateName") }}：</div>
         <div class="more_theme">{{ tytmplpagedetails.data[0].name }}</div>
       </div>
       <div class="dialog_title">
-        <div class="more_name">模板状态：</div>
-        <div class="more_theme">使用中</div>
+        <div class="more_name">{{ $t("Administration.Templatestatus") }}：</div>
+        <div class="more_theme">{{ $t("Administration.inuse") }}</div>
       </div>
       <div class="dialog_title">
-        <div class="more_name">使用情况：</div>
+        <div class="more_name">{{ $t("Administration.usage") }}：</div>
         <div class="more_theme">
           <div class="dialog_11">
             <div class="dialog_1" v-for="(item, index) in tytmplpagedetails.stationUsing" :key="index">
@@ -141,7 +204,7 @@
         </div>
       </div>
       <div class="dialog_title">
-        <div class="more_name">模板标签：</div>
+        <div class="more_name">{{ $t("Administration.Templatelabel") }}：</div>
         <div class="more_theme">-</div>
       </div>
       <div class="eltable1">
@@ -153,7 +216,7 @@
             </template>
           </el-table-column>
 
-          <el-table-column prop="periodType" label="时段" width="180" align="center">
+          <el-table-column prop="periodType" :label="$t('Administration.Templatelabel')" width="180" align="center">
             <template #default="scope">
               <div v-if="scope.row.periodType == 2">峰</div>
               <div v-if="scope.row.periodType == 1">尖</div>
@@ -161,27 +224,33 @@
               <div v-if="scope.row.periodType == 3">平</div>
             </template>
           </el-table-column>
-          <el-table-column prop="buyPrice" label="买入电价(元/kWh)" align="center" />
-          <el-table-column prop="salePrice" label="卖出电价(元/kWh)" align="center" />
+          <el-table-column prop="buyPrice" :label="$t('Administration.Purchase')" align="center" />
+          <el-table-column prop="salePrice" :label="$t('Administration.Sellingelectricity')" align="center" />
         </el-table>
       </div>
       <template #footer>
         <div class="dialog_footer">
-          <el-button type="primary" @click="dialogVisible = false" color="#0052d9"> 确定 </el-button>
+          <el-button type="primary" @click="dialogVisible = false" color="#0052d9"> {{ $t("Administration.sure") }} </el-button>
         </div>
       </template>
     </el-dialog>
-    <el-dialog v-model="dialogtmptariff" title="模板详情" width="1000" :before-close="handleClose" border>
+    <el-dialog
+      v-model="dialogtmptariff"
+      :title="$t('Administration.Templatedetails')"
+      width="1000"
+      :before-close="handleClose"
+      border
+    >
       <div class="dialog_title">
-        <div class="more_name">模板名称：</div>
+        <div class="more_name">{{ $t("Administration.TemplateName") }}：</div>
         <div class="more_theme">{{ tytmpltariff.data[0].name }}</div>
       </div>
       <div class="dialog_title">
-        <div class="more_name">模板状态：</div>
-        <div class="more_theme">使用中</div>
+        <div class="more_name">{{ $t("Administration.TemplateName") }}：</div>
+        <div class="more_theme">{{ $t("Administration.inuse") }}</div>
       </div>
       <div class="dialog_title">
-        <div class="more_name">使用情况：</div>
+        <div class="more_name">{{ $t("Administration.usage") }}：</div>
         <div class="more_theme">
           <div class="dialog_11">
             <div class="dialog_1" v-for="(item, index) in tytmpltariff.stationUsing" :key="index">
@@ -191,7 +260,7 @@
         </div>
       </div>
       <div class="dialog_title">
-        <div class="more_name">模板标签：</div>
+        <div class="more_name">{{ $t("Administration.Templatelabel") }}：</div>
         <div class="more_theme">-</div>
       </div>
       <div class="eltable1">
@@ -203,7 +272,7 @@
             </template>
           </el-table-column>
 
-          <el-table-column prop="periodType" label="时段" width="180" align="center">
+          <el-table-column prop="periodType" :label="$t('Administration.periodoftime')" width="180" align="center">
             <template #default="scope">
               <div v-if="scope.row.periodType == 2">峰</div>
               <div v-if="scope.row.periodType == 1">尖</div>
@@ -211,13 +280,13 @@
               <div v-if="scope.row.periodType == 3">平</div>
             </template>
           </el-table-column>
-          <el-table-column prop="buyPrice" label="买入电价(元/kWh)" align="center" />
-          <el-table-column prop="salePrice" label="卖出电价(元/kWh)" align="center" />
+          <el-table-column prop="buyPrice" :label="$t('Administration.Purchase')" align="center" />
+          <el-table-column prop="salePrice" :label="$t('Administration.Sellingelectricity')" align="center" />
         </el-table>
       </div>
       <template #footer>
         <div class="dialog_footer">
-          <el-button type="primary" @click="dialogtmptariff = false" color="#0052d9"> 确定 </el-button>
+          <el-button type="primary" @click="dialogtmptariff = false" color="#0052d9"> {{ $t("Administration.sure") }} </el-button>
         </div>
       </template>
     </el-dialog>
@@ -225,7 +294,7 @@
       <div class="dialog">
         <div class="dialog_box">
           <div class="dialog_box111">
-            <div class="dialog_box1">时段</div>
+            <div class="dialog_box1">{{ $t("Administration.periodoftime") }}</div>
             <div class="overview_dox1" v-for="(itme, index) in headers" :key="index">{{ itme }}</div>
           </div>
           <div class="overview_title1" v-for="(item, index) in poweroverdata" :key="index">
@@ -245,29 +314,56 @@
 
       <template #footer>
         <div class="dialog_footer">
-          <el-button type="primary" @click="overview = false" color="#0052d9"> 确定 </el-button>
+          <el-button type="primary" @click="overview = false" color="#0052d9"> {{ $t("Administration.sure") }} </el-button>
         </div>
       </template>
     </el-dialog>
     <!--    -->
     <el-dialog v-model="binding" title="绑定" :before-close="handbinding" width="600" border>
       <div class="overview_title">
-        <div>模板名称：</div>
-        <el-select v-model="onbindingvalue" filterable placeholder="请绑定模板名称" style="width: 300px" size="large">
+        <div>{{ $t("Administration.TemplateName") }}：</div>
+        <el-select
+          v-model="onbindingvalue"
+          filterable
+          :placeholder="$t('Administration.TemplateName')"
+          style="width: 300px"
+          size="large"
+        >
           <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id" />
         </el-select>
       </div>
 
       <template #footer>
         <div class="dialog_footer">
-          <el-button type="primary" @click="onbinding" color="#0052d9"> 确定 </el-button>
+          <el-button type="primary" @click="onbinding" color="#0052d9"> {{ $t("Administration.sure") }} </el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <el-dialog v-model="energystorage" title="大储导入" top="100px" width="40%" @close="handenergyClose">
+      <div class="dialoglexce_box">
+        <div class="dialoglexce_right">
+          <el-upload class="upload-demo" :data="uploadData" drag :before-upload="beforeUpload" multiple>
+            <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+            <div class="el-upload__text">点击上传 <em>拖拽上传</em></div>
+            <template #tip>
+              <div class="el-upload__tip">上传文件，文件大小500kb</div>
+            </template>
+          </el-upload>
+        </div>
+      </div>
+
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="handenergyClose">取消导出</el-button>
+          <el-button type="primary" @click="handenergysure"> 确定 </el-button>
         </div>
       </template>
     </el-dialog>
   </div>
 </template>
 <!--   
-      
+  
 -->
 <script setup lang="ts">
 import { onMounted, Ref, ref } from "vue";
@@ -279,7 +375,10 @@ import {
   insertscheduletariffURL,
   selectelectURL,
   selectpoweroverviewURL,
-  electricitytmptariff
+  electricitytmptariff,
+  selectproiceexcelURL,
+  selectprovinceURL,
+  priceanalysisURL
 } from "@/api/home/Multisite";
 import { other, Station } from "@/api/interface";
 import Pagination from "@/components/ProTable/components/Pagination.vue";
@@ -311,10 +410,15 @@ const postersDevice = async (value: any) => {
 };
 
 const handleClick = async (val: any) => {
+  console.log(val);
+
   if (val.props.name == "电价配置") {
     getelectricitylist();
-  } else {
+  } else if (val.props.name == "模板管理") {
     gettmplpage();
+  } else if (val.props.name == "分时电价管理") {
+    getselectprovince();
+    getselectproiceexcel();
   }
 };
 // 电价配置
@@ -534,7 +638,7 @@ const getselectpoweroverview = async () => {
     "03:30",
     "04:00",
     "04:30",
-    "05:30",
+    "05:00",
     "05:30",
     "06:00",
     "06:30",
@@ -569,7 +673,9 @@ const getselectpoweroverview = async () => {
     "21:00",
     "21:30",
     "22:00",
-    "22:30"
+    "22:30",
+    "23:00",
+    "23:30"
   ];
   const months = Array.from({ length: 12 }, (_, i) => i + 1);
   // 初始化表格
@@ -578,19 +684,26 @@ const getselectpoweroverview = async () => {
     ...months.reduce((acc, month) => ({ ...acc, [month]: "" }), {})
   }));
 
-  // 填充表格
+  // 填充表格（优化版）
   getdata.forEach(item => {
-    table.forEach((items, i) => {
-      const startTime = timeSlots.indexOf(item.startTime);
-      let endTime = timeSlots.indexOf(item.endTime);
-      if (item.startTime == getdata[getdata.length - 1].startTime) {
-        endTime = getdata.length - 1;
-      }
-
-      if (startTime <= i && i < endTime) {
-        table[i][item.imonth] = item.periodType;
-      }
-    });
+    const startIndex = timeSlots.indexOf(item.startTime);
+    let endIndex = timeSlots.indexOf(item.endTime);
+
+    // 处理找不到时间的情况
+    if (startIndex === -1 || endIndex === -1) {
+      console.warn(`找不到时间: ${item.startTime} 或 ${item.endTime}`);
+      return;
+    }
+
+    // 处理跨天情况（结束时间小于开始时间）
+    if (endIndex < startIndex) {
+      endIndex += timeSlots.length;
+    }
+
+    // 填充时间段
+    for (let i = startIndex; i < endIndex && i < timeSlots.length; i++) {
+      table[i % timeSlots.length][item.imonth] = item.periodType;
+    }
   });
   console.log(getdata);
   console.log(table);
@@ -603,7 +716,90 @@ const getNextTime = (index: number) => {
   if (nextIndex < poweroverdata.value.length) {
     return poweroverdata.value[nextIndex].time;
   } else {
-    return "23:00";
+    return "24:00";
+  }
+};
+// 分时电价管理
+const proiceexcel = ref();
+// 分页
+const paging = ref({
+  pn: 1,
+  ps: 10,
+  total: 0
+});
+const province = ref();
+const timedayslist = ref("");
+const iceexcelyear = ref("");
+const iceexcelmonth = ref("");
+const getselectprovince = async () => {
+  let obj = {};
+  const { data } = await selectprovinceURL(obj);
+  console.log(data);
+  province.value = data;
+};
+const getselectproiceexcel = async () => {
+  let obj = {
+    provincename: onlineStatus.value,
+    year: iceexcelyear.value,
+    month: iceexcelmonth.value
+  };
+  const { data } = await selectproiceexcelURL(obj);
+  console.log(data);
+
+  proiceexcel.value = data;
+  paging.value.total = proiceexcel.value.total;
+};
+// 查询地址
+const onlineStatus = ref();
+const postemsDevice = async (value: any) => {
+  onlineStatus.value = value;
+};
+
+// 查询月份
+const pickerOptions = (time: { getTime: (arg0: Date) => number }) => {
+  return time.getTime(new Date()) > Date.now();
+};
+const onpowerblur = (e: any) => {
+  console.log(e);
+  // e.substring(0, 4);
+  iceexcelyear.value = e.substring(0, 4);
+  iceexcelmonth.value = e.substring(5, 7);
+  timedayslist.value = e;
+};
+const energystorage = ref();
+const uploadData = ref();
+
+const newaddimport = () => {
+  energystorage.value = true;
+};
+const handenergyClose = async () => {
+  energystorage.value = false;
+  uploadData.value = "";
+};
+const beforeUpload = (file: Blob | MediaSource) => {
+  // 获取文件的临时路径
+  const filePath = URL.createObjectURL(file);
+  console.log("文件临时路径:", filePath);
+  console.log(file);
+  uploadData.value = file;
+  // 手动上传文件
+  // uploadFile(file);
+
+  // 返回 false，阻止默认上传行为
+  return false;
+};
+const handenergysure = async () => {
+  let obj = {};
+  // 创建 FormData 对象
+  const formData = new FormData();
+  formData.append("file", uploadData.value); // 添加文件
+  try {
+    // 调用上传接口
+    const { data } = await priceanalysisURL(obj, formData);
+    console.log(data);
+    energystorage.value = false;
+  } catch (error) {
+    console.error("上传失败:", error);
   }
 };
 onMounted(() => {
@@ -618,6 +814,15 @@ onMounted(() => {
   } else {
     activeName.value = "电价配置";
   }
+  const today = new Date();
+  const sevenDaysAgoDate = new Date(today);
+  sevenDaysAgoDate.setDate(today.getDate() - 7);
+  // const year = sevenDaysAgoDate.getFullYear();
+  // const month = String(sevenDaysAgoDate.getMonth() + 1).padStart(2, "0"); // Months are zero-based
+  // const formattedDate = `${year}-${month}`;
+
+  // timedayslist.value = formattedDate;
+
   getselectelect();
 });
 </script>
@@ -625,5 +830,5 @@ onMounted(() => {
 @import "./index.scss";
 </style>
 <!--
-    
+  
  -->

src/views/Alarm/index.vue

@@ -4,7 +4,7 @@
       <el-select
         v-model="Singlevalue"
         collapse-tags
-        placeholder="选择电站"
+        :placeholder="$t('Alarm.Selectstation')"
         popper-class="custom-header"
         :max-collapse-tags="1"
         class="Space_content"
@@ -37,7 +37,7 @@
       <el-card>
         <template #header>
           <div class="card-header">
-            <div>告警图表</div>
+            <div>{{ $t("Alarm.Selectstation") }}</div>
           </div>
         </template>
         <div class="chart">
@@ -46,29 +46,35 @@
           <div ref="equipmenttype" class="equipmenttype"></div>
         </div>
         <div class="Alarmlist">
-          <div class="Alarmlist_Alarm">告警列表</div>
+          <div class="Alarmlist_Alarm">{{ $t("Alarm.AlarmList") }}</div>
           <div class="screen">
             <div class="screen_1">
-              <div>设备编号：</div>
-              <el-select v-model="emsDeviceId" placeholder="请选择设备类型" size="large" style="width: 240px" clearable>
+              <div>{{ $t("Alarm.Equipmentnumber") }}：</div>
+              <el-select
+                v-model="emsDeviceId"
+                :placeholder="$t('Alarm.Pleaseprovide')"
+                size="large"
+                style="width: 240px"
+                clearable
+              >
                 <el-option v-for="item in emsDevice" :key="item.id" :label="item.emsDeviceId" :value="item.id" />
               </el-select>
             </div>
             <div class="screen_1">
-              <div>设备类型：</div>
-              <el-select v-model="quipment" placeholder="请选择设备类型" size="large" style="width: 240px" clearable>
+              <div>{{ $t("Alarm.DeviceType") }}：</div>
+              <el-select v-model="quipment" :placeholder="$t('Alarm.Pleaseselect')" size="large" style="width: 240px" clearable>
                 <el-option v-for="item in quipmentlist" :key="item.daviceClass" :label="item.name" :value="item.daviceClass" />
               </el-select>
             </div>
             <div class="screen_1">
-              <div>告警等级：</div>
-              <el-select v-model="alarm" placeholder="请选择告警等级" size="large" style="width: 240px" clearable>
+              <div>{{ $t("Alarm.Alarmlevel") }}：</div>
+              <el-select v-model="alarm" :placeholder="$t('Alarm.Pleaselevel')" size="large" style="width: 240px" clearable>
                 <el-option v-for="item in alarmlist" :key="item.code" :label="item.name" :value="item.code" />
               </el-select>
             </div>
             <div class="screen_1">
-              <div>状态：</div>
-              <el-select v-model="alarmstatus" placeholder="请选择状态" size="large" style="width: 240px" clearable>
+              <div>{{ $t("Alarm.state") }}：</div>
+              <el-select v-model="alarmstatus" :placeholder="$t('Alarm.thestatus')" size="large" style="width: 240px" clearable>
                 <el-option v-for="item in alarmstatuslist" :key="item.todayId" :label="item.name" :value="item.todayId" />
               </el-select>
             </div>
@@ -81,23 +87,23 @@
           </div>
           <div class="screentime">
             <div class="screen_1">
-              <div>起止时间：</div>
+              <div>{{ $t("Alarm.TimeRange") }}：</div>
               <el-date-picker
                 size="large"
                 v-model="timevalue"
                 type="daterange"
                 :shortcuts="shortcuts"
-                start-placeholder="开始时间"
-                end-placeholder="结束时间"
+                :start-placeholder="$t('Alarm.StartTime')"
+                :end-placeholder="$t('Alarm.EndTime')"
                 :default-value="timevalue"
                 value-format="YYYY-MM-DD hh:mm:ss"
                 :disabled-date="pickerOptions"
               />
             </div>
             <div class="screen_1">
-              <el-button type="primary" @click="getpostpageInfo">查询</el-button>
-              <el-button @click="onexport">导出</el-button>
-              <el-button @click="onreset">重置</el-button>
+              <el-button type="primary" @click="getpostpageInfo">{{ $t("Alarm.Query") }}</el-button>
+              <el-button @click="onexport">{{ $t("Alarm.export") }}</el-button>
+              <el-button @click="onreset">{{ $t("Alarm.Reset") }}</el-button>
             </div>
           </div>
           <div class="eltable">
@@ -129,8 +135,9 @@
     </div>
   </div>
 </template>
-<!--    -->
-<!--    -->
+<!--
+
+-->
 <script setup lang="ts">
 import { onMounted, Ref, ref } from "vue";
 import {
@@ -599,7 +606,6 @@ onMounted(() => {
   if (current) {
     currentDate.value = current;
   }
-
   poststationstationName();
   getposthandlingSugg();
 });
@@ -607,6 +613,6 @@ onMounted(() => {
 <style scoped lang="scss">
 @import "./index.scss";
 </style>
-<!-- -->
-<!--  
-  -->
+<!--
+
+-->

src/views/Batteryanalysis/index.scss

@@ -0,0 +1,34 @@
+.screen {
+  display: flex;
+  width: 100%;
+  margin-bottom: 20px;
+}
+.screen1 {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+.cardbottom {
+  margin-top: 20px;
+}
+.title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+  font-size: 18px;
+  .title_time {
+    margin-left: 10px;
+    font-size: 16px;
+  }
+}
+#income {
+  width: 100%;
+  height: 550px;
+}
+#temperature {
+  width: 100%;
+  height: 550px;
+}
+.temperature {
+  height: 20px;
+}

src/views/consolidation/index.scss

@@ -0,0 +1,73 @@
+.screen {
+  display: flex;
+  width: 100%;
+  margin-bottom: 20px;
+}
+.screen1 {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+.cardbottom {
+  margin-top: 20px;
+}
+.title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+  font-size: 18px;
+  .title_time {
+    margin-left: 10px;
+    font-size: 16px;
+  }
+}
+.pagination {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 20px;
+}
+.btn-group {
+  display: flex;
+  gap: 10px; /* 按钮之间的间隔 */
+  align-items: center; /* 垂直居中按钮 */
+  justify-content: center; /* 水平居中按钮 */
+}
+.dialog_box {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 20px 60px;
+  margin-top: 40px;
+}
+.dialog_box1 {
+  display: flex;
+  width: 100%;
+  padding: 20px 60px;
+  margin-top: 10px;
+}
+.dialog_box2 {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 20px 60px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+.dialog_name {
+  display: flex;
+  margin-right: 20px;
+}
+.dialog_footer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.elimageurl {
+  display: flex;
+  overflow: hidden;
+  overflow: auto auto;
+}
+.Required {
+  width: 10px;
+  color: red;
+}

src/views/consolidation/index.vue

@@ -0,0 +1,223 @@
+<template>
+  <div>
+    <div class="title">
+      并网点管理
+      <div class="title_time">{{ currentDate }}</div>
+    </div>
+    <div class="card">
+      <div class="screen">
+        <div>
+          选择电站&ensp;&ensp;<el-select v-model="Singlevalue" placeholder="选择电站" size="large" style="width: 240px">
+            <el-option v-for="item in cities" :key="item.id" :label="item.stationName" :value="item.id" />
+          </el-select>
+        </div>
+        &ensp;&ensp; &ensp;&ensp;
+        <div>
+          并网点名称&ensp;&ensp;<el-input
+            v-model="emsdevicename"
+            style="width: 300px"
+            size="large"
+            placeholder="输入并网点名称"
+          />
+        </div>
+        <!-- <div>
+            &ensp;&ensp;&ensp;&ensp;
+            岗位名称&ensp;&ensp;<el-input
+              v-model="postName"
+              style="width: 300px"
+              size="large"
+              placeholder="输入岗位名称"
+            />
+          </div> -->
+        &ensp;&ensp; &ensp;&ensp;
+        <div>
+          <el-button type="primary" size="large" color="#0052d9" @click="query(0)">查询</el-button>
+          <el-button size="large" @click="query(1)">重置</el-button>&ensp;&ensp;
+        </div>
+      </div>
+      <div class="screen1"></div>
+    </div>
+    <div class="card cardbottom">
+      <!-- <el-button type="primary" size="large" color="#0052d9" @click="newaddition">新增</el-button> -->
+      <div>&ensp;</div>
+      <el-table :data="tableData.records" :show-overflow-tooltip="true" style="width: 100%" border>
+        <el-table-column prop="conscolidationId" label="并网点编号" />
+        <el-table-column prop="name" label="并网点名称" />
+        <el-table-column prop="powername" label="归属电站" />
+
+        <el-table-column prop="operationDate" label="创建时间" />
+        <el-table-column prop="acPower" label="交流功率" />
+        <el-table-column prop="insertalled" label="额定功率" />
+        <el-table-column prop="installedCap" label="装机容量" />
+        <el-table-column prop="soc" label="soc" />
+        <el-table-column prop="consolidationUrl" label="并网点图片" align="center" width="200">
+          <template #default="scope">
+            <div class="elimageurl">
+              <div v-for="(item, index) in scope.row.consolidationUrl" :key="index">
+                <el-image
+                  style="width: 60px; height: 60px; margin-right: 10px"
+                  :src="item"
+                  :zoom-rate="1.2"
+                  :max-scale="7"
+                  :min-scale="0.2"
+                  :preview-teleported="true"
+                  :preview-src-list="scope.row.consolidationUrl"
+                  :initial-index="index"
+                  fit="cover"
+                />
+              </div>
+            </div>
+
+            <!-- <img v-for="(item, index) in scope.row.url" :key="index" :src="item" alt="" style="height: 60px" /> -->
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center">
+          <template #default="scope">
+            <el-button color="#0052d9" type="primary" @click="newition(scope.row)"> 编辑 </el-button>
+            <el-button v-if="BUTTONS.equipmentedit" color="#0052d9" type="primary" @click="newition(scope.row)"> 编辑 </el-button>
+            <!-- <el-button @click="onremove(scope.row)">删除</el-button> -->
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页组件 -->
+      <div class="pagination">
+        <div></div>
+        <slot name="pagination">
+          <Pagination :pageable="pageable" :handle-size-change="handleSizeChange" :handle-current-change="handleCurrentChange" />
+        </slot>
+      </div>
+    </div>
+    <el-dialog v-model="dialogVisible" title="修改并网点名称" width="1000" :before-close="handleClose" border>
+      <div class="dialog_box">
+        <div class="dialog_name"><span class="Required">*</span> 并网点名称</div>
+        <el-input v-model="emsdeviceidname" style="width: 300px" size="large" placeholder="输入并网点名称" />
+      </div>
+
+      <template #footer>
+        <div class="dialog_footer">
+          <el-button type="primary" @click="determine" size="large" color="#0052d9"> 确定 </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+<!--    -->
+<script setup lang="ts">
+import {
+  selectconsolidationURL,
+  stationstationName,
+  updateconsolidationURL,
+  selectconsolidationidURL
+} from "@/api/home/Multisite";
+import Pagination from "@/components/ProTable/components/Pagination.vue";
+import { onMounted, ref, Ref } from "vue";
+import { Station } from "@/api/interface";
+import { useAuthButtons } from "@/hooks/useAuthButtons";
+
+const { BUTTONS } = useAuthButtons();
+// 绑定设备
+const Singlevalue = ref("");
+const cities: Ref<Station.todo[]> = ref([]);
+// 编辑绑定设备
+const powerstation: Ref<Station.todo[]> = ref([]);
+
+const poststationstationName = async () => {
+  const { data } = await stationstationName({});
+  const res = await stationstationName({});
+  powerstation.value = res.data;
+  cities.value = data;
+  cities.value.unshift({
+    id: "",
+    stationName: "全部",
+    energyMgrMode: 0,
+    priceCfgMode: 0,
+    sortNo: 0,
+    timezone: ""
+  });
+  Singlevalue.value = data[0].id;
+};
+const query = (val: any) => {
+  if (val == 0) {
+    getplatformuserlist();
+  } else {
+    (emsdevicename.value = ""), (Singlevalue.value = "");
+    getplatformuserlist();
+  }
+};
+// 编辑
+const emsdeviceidname = ref();
+const dialogVisible = ref();
+const selectems = ref();
+const conscolidationId = ref();
+const newition = async (row: { url: never[]; emsDeviceId: any; conscolidationId: any }) => {
+  console.log(row.conscolidationId);
+  conscolidationId.value = row.conscolidationId;
+  const { data } = await selectconsolidationidURL({ consolidationId: row.conscolidationId });
+  console.log(data);
+  selectems.value = data;
+
+  emsdeviceidname.value = selectems.value.name; //设备名称
+  dialogVisible.value = true;
+};
+
+// 确定
+const determine = async () => {
+  let obj = {
+    name: emsdeviceidname.value,
+    consolidationId: conscolidationId.value
+  };
+  const { data } = await updateconsolidationURL(obj);
+  console.log(data);
+  getplatformuserlist();
+  dialogVisible.value = false;
+};
+// 弹出取消
+const handleClose = () => {
+  dialogVisible.value = false;
+};
+const tableData = ref();
+const emsdevicename = ref("");
+const pageable = ref({
+  pn: 1,
+  ps: 10,
+  total: 0
+});
+const getplatformuserlist = async () => {
+  let obj = {
+    consolidationId: "", // 设备名称
+    powerId: Singlevalue.value, //查询电站id
+    consolidationName: emsdevicename.value, // 设备名称
+    pn: pageable.value.pn,
+    ps: pageable.value.ps
+  };
+  const { data } = await selectconsolidationURL(obj);
+  tableData.value = data;
+  pageable.value.total = tableData.value.total;
+};
+// 表格操作 Hooks
+const handleSizeChange = async (e: any) => {
+  pageable.value.ps = e;
+  getplatformuserlist();
+};
+const handleCurrentChange = async (e: any) => {
+  pageable.value.pn = e;
+
+  getplatformuserlist();
+};
+
+const currentDate = ref();
+onMounted(() => {
+  const current = localStorage.getItem("currentDate");
+  if (current) {
+    currentDate.value = current;
+  }
+  getplatformuserlist();
+  poststationstationName();
+});
+</script>
+<style scoped lang="scss">
+@import "./index.scss";
+</style>
+<!--
+
+--->

src/views/home/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="title">
-      多站总览
+      {{ $t("home.title") }}
       <div class="title_time">{{ currentDate }}</div>
     </div>
     <el-row :gutter="20">
@@ -9,21 +9,25 @@
         <el-card>
           <div class="grid-content ep-bg-purple">
             <div class="overview_title1">
-              <div class="overview_title_name">站点总数</div>
+              <div class="overview_title_name">{{ $t("home.TotalSites") }}</div>
             </div>
             <div class="overview_title">
-              <div class="overview_titlename">{{ multiStation.stationTotalCount }}<span class="overview_unit"> 个</span></div>
+              <div class="overview_titlename">
+                {{ multiStation.stationTotalCount }}<span class="overview_unit"> {{ $t("type") == "zh" ? "个" : "" }}</span>
+              </div>
               <div class="overview_img">
                 <img src="../../assets/images/server2.png" alt="站点" />
               </div>
             </div>
             <div class="overview_line">
-              在线 {{ multiStation.stationOnlineCount }} 个 \ 离线 {{ multiStation.stationOfflineCount }} 个
+              {{ $t("home.online") }} {{ multiStation.stationOnlineCount }} {{ $t("type") == "zh" ? "个" : "" }} \
+              {{ $t("home.offline") }} {{ multiStation.stationOfflineCount }} {{ $t("type") == "zh" ? "个" : "" }}
             </div>
             <el-divider />
             <div class="overview_line">
-              装机功率: {{ formatAmountkwh(multiStation.installedPower) }} {{ formatCompany1(multiStation.installedPower) }} |
-              装机容量: {{ formatAmountkwh(multiStation.installedCap) }} {{ formatCompany(multiStation.installedCap) }}
+              {{ $t("home.InstalledPower") }}: {{ formatAmountkwh(multiStation.installedPower) }}
+              {{ formatCompany1(multiStation.installedPower) }} | {{ $t("home.InstalledCapacity") }}:
+              {{ formatAmountkwh(multiStation.installedCap) }} {{ formatCompany(multiStation.installedCap) }}
             </div>
           </div>
         </el-card>
@@ -32,7 +36,7 @@
         <el-card>
           <div class="grid-content ep-bg-purple">
             <div class="overview_title1">
-              <div class="overview_title_name">今日充电量</div>
+              <div class="overview_title_name">{{ $t("home.TodayEnergy") }}</div>
             </div>
             <div class="overview_title">
               <div class="overview_titlename">
@@ -44,18 +48,19 @@
               </div>
             </div>
             <div class="overview_line" v-if="multiStation.importKwhDiffYDay > 0">
-              较昨日上升: {{ formatAmountkwh_(multiStation.importKwhDiffYDay) }}
+              {{ $t("home.upperYesterday") }}: {{ formatAmountkwh_(multiStation.importKwhDiffYDay) }}
               {{ formatCompany_(multiStation.importKwhDiffYDay) }}
             </div>
             <div class="overview_line" v-else>
-              较昨日下降: {{ formatAmountkwh_(multiStation.importKwhDiffYDay) }}
+              {{ $t("home.belowYesterday") }}: {{ formatAmountkwh_(multiStation.importKwhDiffYDay) }}
               {{ formatCompany_(multiStation.importKwhDiffYDay) }}
             </div>
 
             <el-divider />
             <div class="overview_line">
-              本月充电: {{ formatAmountkwh(multiStation.monthImportKwh) }} {{ formatCompany(multiStation.monthImportKwh) }} |
-              累计充电: {{ formatAmountkwh(multiStation.accumulativeImportKwh) }}
+              {{ $t("home.Charging") }} : {{ formatAmountkwh(multiStation.monthImportKwh) }}
+              {{ formatCompany(multiStation.monthImportKwh) }} | {{ $t("home.TotalCharging") }}:
+              {{ formatAmountkwh(multiStation.accumulativeImportKwh) }}
               {{ formatCompany(multiStation.accumulativeImportKwh) }}
             </div>
           </div>
@@ -65,7 +70,7 @@
         <el-card>
           <div class="grid-content ep-bg-purple">
             <div class="overview_title1">
-              <div class="overview_title_name">今日放电量</div>
+              <div class="overview_title_name">{{ $t("home.TodayDischarge") }}</div>
             </div>
             <div class="overview_title">
               <div class="overview_titlename">
@@ -77,17 +82,18 @@
               </div>
             </div>
             <div class="overview_line" v-if="multiStation.exportKwhDiffYDay > 0">
-              较昨日上升: {{ formatAmountkwh_(multiStation.exportKwhDiffYDay) }}
+              {{ $t("home.upperYesterday") }}: {{ formatAmountkwh_(multiStation.exportKwhDiffYDay) }}
               {{ formatCompany_(multiStation.exportKwhDiffYDay) }}
             </div>
             <div class="overview_line" v-else>
-              较昨日下降: {{ formatAmountkwh_(multiStation.exportKwhDiffYDay) }}
+              {{ $t("home.belowYesterday") }}: {{ formatAmountkwh_(multiStation.exportKwhDiffYDay) }}
               {{ formatCompany_(multiStation.exportKwhDiffYDay) }}
             </div>
             <el-divider />
             <div class="overview_line">
-              本月放电: {{ formatAmountkwh(multiStation.monthExportKwh) }} {{ formatCompany(multiStation.monthExportKwh) }} |
-              累计放电: {{ formatAmountkwh(multiStation.accumulativeExportKwh) }}
+              {{ $t("home.Discharge") }}: {{ formatAmountkwh(multiStation.monthExportKwh) }}
+              {{ formatCompany(multiStation.monthExportKwh) }} | {{ $t("home.discharge") }}:
+              {{ formatAmountkwh(multiStation.accumulativeExportKwh) }}
               {{ formatCompany(multiStation.accumulativeExportKwh) }}
             </div>
           </div>
@@ -97,7 +103,7 @@
         <el-card>
           <div class="grid-content ep-bg-purple">
             <div class="overview_title1">
-              <div class="overview_title_name">今日收益</div>
+              <div class="overview_title_name">{{ $t("home.TodayRevenue") }}</div>
             </div>
             <div class="overview_title">
               <div class="overview_titlename">
@@ -109,14 +115,17 @@
               </div>
             </div>
             <div class="overview_line" v-if="multiStation.profitDiffYDay > 0">
-              较昨日上升: {{ formatAmount1(multiStation.profitDiffYDay) }} {{ formatAmounts2(multiStation.profitDiffYDay) }}
+              {{ $t("home.upperYesterday") }}: {{ formatAmount1(multiStation.profitDiffYDay) }}
+              {{ formatAmounts2(multiStation.profitDiffYDay) }}
             </div>
             <div class="overview_line" v-else>
-              较昨日下降: {{ formatAmount1(multiStation.profitDiffYDay) }} {{ formatAmounts2(multiStation.profitDiffYDay) }}
+              {{ $t("home.belowYesterday") }}: {{ formatAmount1(multiStation.profitDiffYDay) }}
+              {{ formatAmounts2(multiStation.profitDiffYDay) }}
             </div>
             <el-divider />
             <div class="overview_line">
-              本月收益: {{ formatAmount(multiStation.monthProfit) }} {{ formatAmounts(multiStation.monthProfit) }} | 总收益:
+              {{ $t("home.MTDRevenue") }}: {{ formatAmount(multiStation.monthProfit) }}
+              {{ formatAmounts(multiStation.monthProfit) }} | {{ $t("home.TotalRevenue") }}:
               {{ formatAmount(multiStation.totalProfit) }} {{ formatAmounts(multiStation.totalProfit) }}
             </div>
           </div>
@@ -144,8 +153,8 @@
                 v-model="value2"
                 :type="timetype"
                 :shortcuts="shortcuts"
-                start-placeholder="开始时间"
-                end-placeholder="结束时间"
+                :start-placeholder="$t('home.StartTime')"
+                :end-placeholder="$t('home.EndTime')"
                 :default-value="value2"
                 :format="format"
                 :value-format="format"
@@ -156,7 +165,7 @@
               />
               <el-select
                 v-model="daymonthyearvalue"
-                placeholder="选择日期"
+                :placeholder="$t('home.SelectDate')"
                 size="large"
                 style="width: 80px"
                 @change="getdaymonthyear"
@@ -171,8 +180,8 @@
         <el-card>
           <div class="grid-content ep-bg-purple">
             <div class="grid_right">
-              <div>故障警告</div>
-              <div class="grid_right1">查看详细</div>
+              <div>{{ $t("home.FaultAlerts") }}</div>
+              <div class="grid_right1">{{ $t("home.ViewDetails") }}</div>
             </div>
             <div id="gridpiechart"></div>
           </div>
@@ -182,49 +191,49 @@
     <el-card>
       <template #header>
         <div class="card-header">
-          <span>设备列表</span>
+          <span>{{ $t("home.DeviceList") }}</span>
         </div>
       </template>
       <div class="cardtable">
-        <div>通讯状态:</div>
+        <div>{{ $t("home.CommunicationStatus") }}:</div>
         &emsp;
-        <el-select v-model="onlineStatus" placeholder="请选择" size="large" style="width: 240px">
+        <el-select v-model="onlineStatus" :placeholder="$t('home.Pleaseselect')" size="large" style="width: 240px">
           <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
         &emsp;
-        <el-input v-model="modelinput" style="width: 240px" placeholder="请输入内容" size="large" />
+        <el-input v-model="modelinput" style="width: 240px" :placeholder="$t('home.Pleaseselect')" size="large" />
         &emsp;
-        <el-button type="primary" size="large" color="#0052d9" @click="query(0)">查询</el-button>
-        <el-button size="large" @click="query(1)">重置</el-button>
+        <el-button type="primary" size="large" color="#0052d9" @click="query(0)">{{ $t("home.Query") }}</el-button>
+        <el-button size="large" @click="query(1)">{{ $t("home.Reset") }}</el-button>
       </div>
       <el-table :data="tableData.records" style="width: 100%" border>
         <el-table-column type="index" width="50" />
-        <el-table-column prop="stationName" label="电站名称" :show-overflow-tooltip="true" />
-        <el-table-column prop="onlineStatus" label="在线状态">
+        <el-table-column prop="stationName" :label="$t('home.PlantName')" :show-overflow-tooltip="true" />
+        <el-table-column prop="onlineStatus" :label="$t('home.OnlineStatus')">
           <template #default="scope">
-            {{ scope.row.onlineStatus == 0 ? "离线" : "在线" }}
+            {{ scope.row.onlineStatus == 0 ? $t("home.offline") : $t("home.online") }}
           </template>
         </el-table-column>
-        <el-table-column prop="todayChargeCap" label="今日充电量(kWh)" />
-        <el-table-column prop="todayDischargeCap" label="今日放电量(kWh)" />
-        <el-table-column prop="totalChargeCap" label="总充电量(kWh)" />
-        <el-table-column prop="totalDischargeCap" label="总放电量(kWh)" />
-        <el-table-column prop="todayAlarmCount" label="今日告警" align="center">
+        <el-table-column prop="todayChargeCap" :label="$t('home.TodayCharging')" />
+        <el-table-column prop="todayDischargeCap" :label="$t('home.TodaysDischarge')" />
+        <el-table-column prop="totalChargeCap" :label="$t('home.TotalCharged')" />
+        <el-table-column prop="totalDischargeCap" :label="$t('home.TotalDischarged')" />
+        <el-table-column prop="todayAlarmCount" :label="$t('home.TodayAlerts')" align="center">
           <template #default="scope">
             {{ scope.row.todayAlarmCount == null ? "-" : scope.row.todayAlarmCount }}
           </template>
         </el-table-column>
 
-        <el-table-column prop="overallEfficiency" label="综合效率(%)" />
+        <el-table-column prop="overallEfficiency" :label="$t('home.RoundEfficiency')" />
         <!-- <el-table-column prop="dischargeCompletionRate" label="放电达成率(%)" /> -->
         <!-- <el-table-column prop="yesterdayProfit" label="昨日收益(元)" /> -->
-        <el-table-column prop="yesterdayProfit" label="昨日收益(元)" align="center">
+        <el-table-column prop="yesterdayProfit" :label="$t('home.YesterdayRevenue')" align="center">
           <template #default="scope">
             {{ scope.row.yesterdayProfit.toFixed(2) }}
           </template>
         </el-table-column>
         <!-- <el-table-column prop="totalProfit" label="总收益(元)" /> .toFixed(2)-->
-        <el-table-column prop="totalProfit" label="总收益(元)" align="center">
+        <el-table-column prop="totalProfit" :label="$t('home.TotalRevenue')" align="center">
           <template #default="scope">
             {{ scope.row.totalProfit.toFixed(2) }}
           </template>
@@ -237,7 +246,7 @@
     </el-card>
   </div>
 </template>
-<!--  ECharte  -->
+<!-- el-car -->
 <script setup lang="ts">
 import { onMounted, Ref, ref } from "vue";
 import type { TabsPaneContext } from "element-plus";

src/views/incomeforms/index.vue

@@ -1,18 +1,19 @@
 <template>
   <div>
     <div class="title">
-      收益报表
+      {{ $t("incomeforms.incomestatement") }}
       <div class="title_time">{{ currentDate }}</div>
     </div>
     <el-card class="price_allocationcard" v-if="false">
       <div class="price_allocation">
-        <el-icon><WarningFilled /></el-icon>&ensp; 站点汇总展示所有站点报表数据，支持按日展示31天，按月展示一年内数据。
-        &ensp;&ensp;&ensp;&ensp;<el-icon><Close /></el-icon>
+        <el-icon><WarningFilled /></el-icon>&ensp; {{ $t("incomeforms.summary") }} &ensp;&ensp;&ensp;&ensp;<el-icon>
+          <Close />
+        </el-icon>
       </div>
     </el-card>
     <el-card>
       <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
-        <el-tab-pane label="站点汇总" name="站点汇总">
+        <el-tab-pane :label="$t('incomeforms.incomestatement')" name="站点汇总">
           <div class="tabdiv">
             <div class="tabpanesite">
               <div class="tabpane">
@@ -25,8 +26,8 @@
                     :shortcuts="shortcuts"
                     :format="format"
                     :value-format="format"
-                    start-placeholder="开始时间"
-                    end-placeholder="结束时间"
+                    :start-placeholder="$t('incomeforms.StartTime')"
+                    :end-placeholder="$t('incomeforms.EndTime')"
                     size="large"
                     :disabled-date="pickerOptions"
                   />
@@ -37,8 +38,8 @@
                     :format="format"
                     :value-format="format"
                     :shortcuts="shortcuts"
-                    start-placeholder="开始时间"
-                    end-placeholder="结束时间"
+                    :start-placeholder="$t('incomeforms.StartTime')"
+                    :end-placeholder="$t('incomeforms.EndTime')"
                     size="large"
                     :disabled-date="pickerOptions"
                   />
@@ -63,14 +64,16 @@
                   </el-select>
                 </div>
                 &ensp;&ensp;
-                <el-button type="primary" size="large" color="#0052d9" @click="gatSummary">查询</el-button>
-                <el-button size="large" @click="onreset">重置</el-button>
+                <el-button type="primary" size="large" color="#0052d9" @click="gatSummary">
+                  {{ $t("incomeforms.Query") }}
+                </el-button>
+                <el-button size="large" @click="onreset">{{ $t("incomeforms.Reset") }} </el-button>
                 <!-- <el-button v-if="BUTTONS.export" size="large" @click="onexport" type="primary" plain>导出</el-button> -->
               </div>
 
               <div v-if="BUTTONS.export" class="exportright">
                 <el-dropdown trigger="click" :hide-on-click="false" @visible-change="onclose">
-                  <el-button size="large" type="primary" plain>导出</el-button>
+                  <el-button size="large" type="primary" plain>{{ $t("incomeforms.export") }}</el-button>
                   <template #dropdown>
                     <el-dropdown-menu v-for="(item, index) in columnList" :key="index">
                       <el-dropdown-item>
@@ -83,7 +86,7 @@
                       </el-dropdown-item>
                     </el-dropdown-menu>
                     <div class="dropdown">
-                      <el-button @click="onexport" type="primary" plain>确定导出</el-button>
+                      <el-button @click="onexport" type="primary" plain>{{ $t("incomeforms.export") }}</el-button>
                     </div>
                   </template>
                 </el-dropdown>
@@ -126,22 +129,34 @@
             </el-table>
           </div>
         </el-tab-pane>
-        <el-tab-pane label="单站报表" name="单站报表">
+        <el-tab-pane :label="$t('incomeforms.Singlereport')" name="单站报表">
           <div class="tabdiv">
             <div class="tabpane">
-              <div class="tabpane_1">报表类型：</div>
-              <div :class="reportformsindex == 2 ? 'tabpane_2' : 'tabpane_1'" @click="onreportforms(2)">日报表</div>
-              <div :class="reportformsindex == 3 ? 'tabpane_2' : 'tabpane_1'" @click="onreportforms(3)">月报表</div>
-              <div :class="reportformsindex == 4 ? 'tabpane_2' : 'tabpane_1'" @click="onreportforms(4)">年报表</div>
+              <div class="tabpane_1">{{ $t("incomeforms.reporttype") }}：</div>
+              <div :class="reportformsindex == 2 ? 'tabpane_2' : 'tabpane_1'" @click="onreportforms(2)">
+                {{ $t("incomeforms.dailyreport") }}
+              </div>
+              <div :class="reportformsindex == 3 ? 'tabpane_2' : 'tabpane_1'" @click="onreportforms(3)">
+                {{ $t("incomeforms.Monthlyreport") }}
+              </div>
+              <div :class="reportformsindex == 4 ? 'tabpane_2' : 'tabpane_1'" @click="onreportforms(4)">
+                {{ $t("incomeforms.annualreport") }}
+              </div>
             </div>
             <div class="tabpanesite">
               <div class="selectsite">
-                <div class="tabpane_1">选择站点：</div>
-                <el-select v-model="Singlevalue" placeholder="选择站点" size="large" style="width: 240px" @change="postemsDevice">
+                <div class="tabpane_1">{{ $t("incomeforms.selectsite") }}：</div>
+                <el-select
+                  v-model="Singlevalue"
+                  :placeholder="$t('incomeforms.selectsite')"
+                  size="large"
+                  style="width: 240px"
+                  @change="postemsDevice"
+                >
                   <el-option v-for="item in cities" :key="item.id" :label="item.stationName" :value="item.id" />
                 </el-select>
                 &ensp;&ensp;&ensp;&ensp; &ensp;&ensp;
-                <div class="tabpane_1">选择日期：</div>
+                <div class="tabpane_1">{{ $t("incomeforms.SelectDate") }}：</div>
                 <div>
                   <el-date-picker
                     v-if="pickertype != 'year'"
@@ -150,8 +165,8 @@
                     :shortcuts="shortcuts"
                     :format="format"
                     :value-format="format"
-                    start-placeholder="开始时间"
-                    end-placeholder="结束时间"
+                    :start-placeholder="$t('incomeforms.StartTime')"
+                    :end-placeholder="$t('incomeforms.EndTime')"
                     size="large"
                     clearable
                     :disabled-date="pickerOptions"
@@ -163,8 +178,8 @@
                     :format="format"
                     :value-format="format"
                     :shortcuts="shortcuts"
-                    start-placeholder="开始时间"
-                    end-placeholder="结束时间"
+                    :start-placeholder="$t('incomeforms.StartTime')"
+                    :end-placeholder="$t('incomeforms.EndTime')"
                     size="large"
                     :disabled-date="pickerOptions"
                   />
@@ -181,8 +196,10 @@
                 </div>
                 &ensp;&ensp;
 
-                <el-button type="primary" size="large" color="#0052d9" @click="onselectsite">查询</el-button>
-                <el-button size="large" @click="onselectreset">重置</el-button>
+                <el-button type="primary" size="large" color="#0052d9" @click="onselectsite">{{
+                  $t("incomeforms.Query")
+                }}</el-button>
+                <el-button size="large" @click="onselectreset">{{ $t("incomeforms.Reset") }}</el-button>
               </div>
 
               <!-- <div style="margin-left: 14px" v-if="BUTTONS.export">
@@ -190,7 +207,7 @@
               </div> -->
               <div class="exportright" v-if="BUTTONS.export && reportformsindex != 1">
                 <el-dropdown trigger="click" :hide-on-click="false" @visible-change="onsingleclose">
-                  <el-button size="large" type="primary" plain>导出</el-button>
+                  <el-button size="large" type="primary" plain>{{ $t("incomeforms.export") }}</el-button>
                   <template #dropdown>
                     <el-dropdown-menu v-for="(item, index) in singlecolumnList" :key="index">
                       <el-dropdown-item>
@@ -203,13 +220,12 @@
                       </el-dropdown-item>
                     </el-dropdown-menu>
                     <div class="dropdown">
-                      <el-button @click="singleexport" type="primary" plain>确定导出</el-button>
+                      <el-button @click="singleexport" type="primary" plain>{{ $t("incomeforms.export") }}</el-button>
                     </div>
                   </template>
                 </el-dropdown>
               </div>
             </div>
-
             <div class="dailyreport">
               <el-table :data="betweenyear.list" style="width: 100%" align="center" :show-overflow-tooltip="true">
                 <template v-for="(item, index) in singlecolumnList" :key="index">
@@ -363,7 +379,7 @@ const singlecolumnList = ref([
   },
   {
     prop: "",
-    label: "充电量(元kWh)",
+    label: "充电量(元/kWh)",
     ifcolumn: true,
     children: [
       {
@@ -395,7 +411,7 @@ const singlecolumnList = ref([
   },
   {
     prop: "",
-    label: "放电量(kWh)",
+    label: "放电量(元/kWh)",
     ifcolumn: true,
     children: [
       {

src/views/localdata/index.vue

@@ -11,7 +11,11 @@
           <el-radio-button label="工商业储能" :value="1" />
           <el-radio-button label="大储储能" :value="2" />
         </el-radio-group>
-
+        <div class="screen_right" v-if="commerce == 1">
+          <div class="export">
+            <el-button type="primary" size="large" color="#0052d9" @click="newaddition">数据回复</el-button>
+          </div>
+        </div>
         <div class="screen_right" v-if="commerce == 2">
           <div>
             电站&ensp;&ensp;
@@ -58,7 +62,7 @@
         </div>
       </template>
     </el-dialog>
-    <!-- 大储导出 -->
+    <!--     -->
     <el-dialog v-model="energystorage" title="大储导入" top="100px" width="40%" @close="handenergyClose">
       <div class="dialoglexce_box">
         <div class="dialoglexce">
@@ -105,7 +109,9 @@
     </el-dialog>
   </div>
 </template>
-<!-- || -->
+<!--  
+
+-->
 <script setup lang="ts">
 import { directorylURL, selectfileURL, tdengineyuanshiURL, downloadfileURL, selectfileidURL } from "@/api/home/Multisite";
 import { onMounted, Ref, ref } from "vue";
@@ -407,7 +413,5 @@ onMounted(() => {
 @import "./index.scss";
 </style>
 <!--
-<style>
 
-</style>
- -->
+-->

src/views/login/index.scss

@@ -84,11 +84,15 @@
 .footer {
   position: fixed;
   bottom: 0;
-  height: 30px;
+  height: 40px;
+  font-size: 14px;
+  color: var(--el-text-color-secondary);
 
   // background-color: var(--el-bg-color);
+
   // border-top: 1px solid var(--el-border-color-light);
   a {
+    margin-right: 10px;
     font-size: 14px;
     color: var(--el-text-color-secondary);
     text-decoration: none;

src/views/login/index.vue

@@ -15,6 +15,7 @@
     </div>
     <div class="footer flx-center">
       <a href="http://www.hongpower.cc/" target="_blank"> 2024 © 晟运能源科技有限公司 </a>
+      京ICP备17045368号-1
     </div>
   </div>
 </template>

src/views/monitor/index.vue

@@ -4,7 +4,7 @@
       <el-select
         v-model="Singlevalue"
         collapse-tags
-        placeholder="选择电站"
+        :placeholder="$t('monitor.TodayEnergy')"
         popper-class="custom-header"
         :max-collapse-tags="1"
         class="Space_content"
@@ -20,7 +20,7 @@
       <el-select
         v-model="emsDeviceId"
         collapse-tags
-        placeholder="选择编号"
+        :placeholder="$t('monitor.selectId')"
         popper-class="custom-header"
         :max-collapse-tags="1"
         class="Space_content"
@@ -36,7 +36,7 @@
 
     <div class="message-empty" v-if="!deviceList[activeName].devices">
       <img style="width: 300px; margin-top: 400px" src="@/assets/images/notData.png" alt="notData" />
-      <div>暂无消息</div>
+      <div>{{ $t("monitor.noData") }}</div>
     </div>
     <div class="equipment">
       <el-card>
@@ -57,21 +57,21 @@
         </el-tabs>
 
         <div class="equipmentdiv" v-if="deviceType == 1">
-          <div class="equipmenttime">末次数据时间：{{ pcslist.ts }}</div>
+          <div class="equipmenttime">{{ $t("monitor.lastUpdate") }}：{{ pcslist.ts }}</div>
           <div style="height: 33px"></div>
-          <div>设备状态</div>
+          <div>{{ $t("monitor.DeviceStatus") }}</div>
           <div class="equipmentdevice">
             <el-card>
               <div class="equipmentdevice1">
                 <div class="equipmentname" v-if="pcslist.sysStatus == 1">
                   <div class="equipmentborder"></div>
-                  <div class="equipment1">运行</div>
+                  <div class="equipment1">{{ $t("monitor.Running") }}</div>
                 </div>
                 <div class="equipmentname" v-else>
                   <div class="equipmentborderif"></div>
-                  <div class="equipment1red">停止</div>
+                  <div class="equipment1red">{{ $t("monitor.Stopped") }}</div>
                 </div>
-                <div class="equipment2">运行状态</div>
+                <div class="equipment2">{{ $t("monitor.OperationStatus") }}</div>
               </div>
             </el-card>
             <!-- <el-card>
@@ -104,13 +104,13 @@
               <div class="equipmentdevice1">
                 <div class="equipmentname" v-if="pcslist.faultStatus == 0">
                   <div class="equipmentborder"></div>
-                  <div class="equipment1">正常</div>
+                  <div class="equipment1">{{ $t("monitor.Normal") }}</div>
                 </div>
                 <div class="equipmentname" v-else>
                   <div class="equipmentborderif"></div>
-                  <div class="equipment12">故障</div>
+                  <div class="equipment12">{{ $t("monitor.Fault") }}</div>
                 </div>
-                <div class="equipment2">故障状态</div>
+                <div class="equipment2">{{ $t("monitor.FaultDetails") }}</div>
               </div>
             </el-card>
             <!-- <el-card>
@@ -140,23 +140,23 @@
               </div>
             </el-card> -->
           </div>
-          <div class="equipmentdata">设备数据</div>
+          <div class="equipmentdata">{{ $t("monitor.DeviceMetrics") }}</div>
           <!--  -->
           <div class="equipmentdata_equipment">
             <div class="equipmentdata_div">
-              <div class="equipment_title">当日充电量</div>
+              <div class="equipment_title">{{ $t("monitor.DailyCharge") }}</div>
               <div>{{ pcslist.todayAcChargeKwh ?? "-" }} kWh</div>
             </div>
             <div class="equipmentdata_div">
-              <div class="equipment_title">当日放电量</div>
+              <div class="equipment_title">{{ $t("monitor.DailyDischarge") }}</div>
               <div>{{ pcslist.todayAcDischargeKwh ?? "-" }} kWh</div>
             </div>
             <div class="equipmentdata_div">
-              <div class="equipment_title">累计充电量</div>
+              <div class="equipment_title">{{ $t("monitor.TotalCharged") }}</div>
               <div>{{ (pcslist.totalAcChargeKwh * 1).toFixed(2) ?? "-" }} kWh</div>
             </div>
             <div class="equipmentdata_div4">
-              <div class="equipment_title">累计放电量</div>
+              <div class="equipment_title">{{ $t("monitor.TotalDischarged") }}</div>
               <!-- <div>{{ pcslist.totalAcActivePower ?? "-" }} kW</div> -->
               <div>{{ pcslist.totalAcDischargeKwh ?? "-" }} kWh</div>
             </div>
@@ -172,20 +172,20 @@
               <div>{{ pcslist.todayAcDischargeKwh ?? "-" }} kWh</div>
             </div> -->
             <div class="equipmentdata_div">
-              <div class="equipment_title">交流频率</div>
+              <div class="equipment_title">{{ $t("monitor.ACFrequency") }}</div>
               <div>{{ (pcslist.acFrequency * 1).toFixed(2) ?? "-" }} Hz</div>
             </div>
             <div class="equipmentdata_div4">
-              <div class="equipment_title">总交流有功功率</div>
+              <div class="equipment_title">{{ $t("monitor.TotalACActivePower") }}</div>
               <div>{{ pcslist.totalAcActivePower ?? "-" }} kW</div>
               <!-- <div>{{ pcslist.totalAcPowerFactor ?? "-" }} kW</div> -->
             </div>
             <div class="equipmentdata_div">
-              <div class="equipment_title">总交流无功功率</div>
+              <div class="equipment_title">{{ $t("monitor.TotalACReactivePower") }}</div>
               <div>{{ pcslist.totalAcReactivePower ?? "-" }} kW</div>
             </div>
             <div class="equipmentdata_div">
-              <div class="equipment_title">总交流视在功率</div>
+              <div class="equipment_title">{{ $t("monitor.TotalACApparentPower") }}</div>
               <div>{{ pcslist.totalAcApparentPower ?? "-" }} kW</div>
             </div>
           </div>
@@ -274,20 +274,20 @@
           <div class="equipmentdata_equipment">
             <div class="equipmentdata_div">
               <!-- <div class="equipment_title">总交流功率因数</div> -->
-              <div class="equipment_title">交流电流</div>
+              <div class="equipment_title">{{ $t("monitor.ACCurrent") }}</div>
               <!-- <div>{{ pcslist.aphaseActivePower ?? "-" }}A</div> -->
               <div>{{ (pcslist.acAbCurrent * 1).toFixed(2) ?? "-" }}A</div>
             </div>
             <div class="equipmentdata_div">
-              <div class="equipment_title">A相电压</div>
+              <div class="equipment_title">{{ $t("monitor.PhaseAVoltage") }}</div>
               <div>{{ (pcslist.acAphaseVolt * 1).toFixed(2) ?? "-" }} V</div>
             </div>
             <div class="equipmentdata_div4">
-              <div class="equipment_title">B相电压</div>
+              <div class="equipment_title">{{ $t("monitor.PhaseBVoltage") }}</div>
               <div>{{ (pcslist.acBphaseVolt * 1).toFixed(2) ?? "-" }} V</div>
             </div>
             <div class="equipmentdata_div">
-              <div class="equipment_title">C相电压</div>
+              <div class="equipment_title">{{ $t("monitor.PhaseCVoltage") }}</div>
               <div>{{ (pcslist.acCphaseVolt * 1).toFixed(2) ?? "-" }} V</div>
             </div>
             <!-- <div class="equipmentdata_div">
@@ -360,29 +360,29 @@
             </div>
             <div class="equipmentdata_div1"></div>
           </div> -->
-          <div class="equipmentdata">设备故障字</div>
+          <div class="equipmentdata">{{ $t("monitor.DeviceErrorCode") }}</div>
           <!-- faultStatusWordList -->
           <div class="equipmentdata_data">
             <div class="equipmentdata_div2" v-for="(item, index) in pcslist.faultStatusWordList" :key="index">
-              <div class="equipment_title">故障状态字</div>
+              <div class="equipment_title">{{ $t("monitor.FaultStatusWord") }}</div>
               <div>{{ item }}</div>
             </div>
           </div>
 
-          <div class="equipmentdata">支路数据</div>
+          <div class="equipmentdata">{{ $t("monitor.BranchData") }}</div>
 
           <el-table :data="pcslist.pcsBranches" style="width: 100%" border :scrollbar-always-on="true">
             <!-- <el-table-column type="index" label="支路" width="60" /> -->
-            <el-table-column type="index" :index="indexMethod" label="支路" align="center" width="160" />
-            <el-table-column prop="dcPower" label="直流功率(kW) " align="center" />
-            <el-table-column prop="dcVolt" label="直流电压(V)" align="center" />
-            <el-table-column prop="dcCurrent" label="直流电压(A)" align="center" />
+            <el-table-column type="index" :index="indexMethod" :label="$t('monitor.Branch')" align="center" width="160" />
+            <el-table-column prop="dcPower" :label="$t('monitor.DCPower') + '(kW)'" align="center" />
+            <el-table-column prop="dcVolt" :label="$t('monitor.DCVoltage') + '(V)'" align="center" />
+            <el-table-column prop="dcCurrent" :label="$t('monitor.DCCurrent') + '(A)'" align="center" />
           </el-table>
         </div>
         <div class="equipmentdiv" v-if="deviceType == 2">
-          <div class="equipmenttime">末次数据时间：{{ datalist.ts }}</div>
+          <div class="equipmenttime">{{ $t("monitor.lastUpdate") }}：{{ datalist.ts }}</div>
           <div style="height: 33px"></div>
-          <div>设备状态</div>
+          <div>{{ $t("monitor.DeviceStatus") }}</div>
           <div class="equipmentdevice">
             <!-- <el-card>
               <div class="equipmentdevice1">
@@ -414,13 +414,13 @@
               <div class="equipmentdevice1">
                 <div class="equipmentname" v-if="pcslist.emsCommStatus == 0">
                   <div class="equipmentborder"></div>
-                  <div class="equipment1">正常</div>
+                  <div class="equipment1">{{ $t("monitor.Normal") }}</div>
                 </div>
                 <div class="equipmentname" v-else>
                   <div class="equipmentborderif"></div>
-                  <div class="equipment1red">故障</div>
+                  <div class="equipment1red">{{ $t("monitor.Fault") }}</div>
                 </div>
-                <div class="equipment2">故障状态</div>
+                <div class="equipment2">{{ $t("monitor.FaultDetails") }}</div>
               </div>
             </el-card>
             <!-- <el-card>
@@ -437,37 +437,37 @@
               </div>
             </el-card> -->
           </div>
-          <div class="equipmentdata">设备数据</div>
+          <div class="equipmentdata">{{ $t("monitor.DeviceMetrics") }}</div>
           <!--  -->
           <div class="equipmentdata_equipment">
             <div class="equipmentdata_div">
-              <div class="equipment_title">总有功功率</div>
+              <div class="equipment_title">{{ $t("monitor.totalActive") }}</div>
               <div>{{ datalist.totalActivePower ?? "-" }} kW</div>
             </div>
             <div class="equipmentdata_div">
-              <div class="equipment_title">无功功率</div>
+              <div class="equipment_title">{{ $t("monitor.reactive") }}</div>
               <div>{{ datalist.totalReactivePower ?? "-" }} kW</div>
             </div>
             <div class="equipmentdata_div">
-              <div class="equipment_title">视在功率</div>
+              <div class="equipment_title">{{ $t("monitor.apparent") }}</div>
               <div>{{ datalist.aphaseApparentPower ?? "-" }} kW</div>
             </div>
             <div class="equipmentdata_div4">
-              <div class="equipment_title">功率因数</div>
+              <div class="equipment_title">{{ $t("monitor.powerFactor") }}</div>
               <div>{{ datalist.totalAcPowerFactor ?? "-" }}</div>
             </div>
           </div>
           <div class="equipmentdata_equipment">
             <div class="equipmentdata_div">
-              <div class="equipment_title">A相有功功率</div>
+              <div class="equipment_title">{{ $t("monitor.phaseA") }}</div>
               <div>{{ datalist.aphaseActivePower ?? "-" }} kW</div>
             </div>
             <div class="equipmentdata_div">
-              <div class="equipment_title">B相有功功率</div>
+              <div class="equipment_title">{{ $t("monitor.phaseB") }}</div>
               <div>{{ datalist.bphaseActivePower ?? "-" }} kW</div>
             </div>
             <div class="equipmentdata_div">
-              <div class="equipment_title">C相有功功率</div>
+              <div class="equipment_title">{{ $t("monitor.phaseC") }}</div>
               <div>{{ datalist.cphaseActivePower ?? "-" }} kW</div>
             </div>
             <div class="equipmentdata_divobx"></div>
@@ -482,52 +482,52 @@
               <div>-</div>
             </div>
           </div> -->
-          <div class="equipmentdata">电量数据</div>
+          <div class="equipmentdata">{{ $t("monitor.EnergyData") }}</div>
           <div class="eltable">
             <el-table :data="Electricitymeterlist" style="width: 100%" border>
-              <el-table-column prop="type" label="类别" width="180" />
-              <el-table-column prop="total" label="总/kWh" width="180" />
-              <el-table-column prop="tip" label="尖/kWh	" />
-              <el-table-column prop="peak" label="峰/kWh" />
-              <el-table-column prop="flat" label="平/kWh" />
-              <el-table-column prop="valley" label="谷/kWh" />
+              <el-table-column prop="type" :label="$t('monitor.EnergyData')" width="180" />
+              <el-table-column prop="total" label="$t('monitor.Total')" width="180" />
+              <el-table-column prop="tip" label="$t('monitor.Peak')" />
+              <el-table-column prop="peak" label="$t('monitor.Shoulder')" />
+              <el-table-column prop="flat" label="$t('monitor.Offpeak')" />
+              <el-table-column prop="valley" label="$t('monitor.Valley')" />
             </el-table>
           </div>
 
           <!--  -->
         </div>
         <div class="equipmentdiv" v-if="deviceType == 3">
-          <div class="equipmenttime">末次数据时间：{{ BMSlist.ts }}</div>
+          <div class="equipmenttime">{{ $t("monitor.lastUpdate") }}：{{ BMSlist.ts }}</div>
           <div style="height: 33px"></div>
-          <div>设备状态</div>
+          <div>{{ $t("monitor.DeviceStatus") }}</div>
           <div class="equipmentdevice">
             <el-card>
               <div class="equipmentdevice1">
                 <div class="equipmentname" v-if="BMSlist.workStatus == 0">
                   <div class="equipmentborder"></div>
-                  <div class="equipment1">空闲</div>
+                  <div class="equipment1">{{ $t("monitor.Idle") }}</div>
                 </div>
                 <div class="equipmentname" v-if="BMSlist.workStatus == 1">
                   <div class="equipmentborder"></div>
-                  <div class="equipment1">充电</div>
+                  <div class="equipment1">{{ $t("monitor.Charging") }}</div>
                 </div>
                 <div class="equipmentname" v-if="BMSlist.workStatus == 2">
                   <div class="equipmentborder"></div>
-                  <div class="equipment1">放电</div>
+                  <div class="equipment1">{{ $t("monitor.Discharging") }}</div>
                 </div>
                 <div class="equipmentname" v-if="BMSlist.workStatus == 3">
                   <div class="equipmentborder"></div>
-                  <div class="equipment1">充满</div>
+                  <div class="equipment1">{{ $t("monitor.FullyCharged") }}</div>
                 </div>
                 <div class="equipmentname" v-if="BMSlist.workStatus == 4">
                   <div class="equipmentborder"></div>
-                  <div class="equipment1">放空</div>
+                  <div class="equipment1">{{ $t("monitor.FullyDischarged") }}</div>
                 </div>
                 <div class="equipmentname" v-if="BMSlist.workStatus == 5">
                   <div class="equipmentborderif"></div>
-                  <div class="equipment1red">故障</div>
+                  <div class="equipment1red">{{ $t("monitor.Fault") }}</div>
                 </div>
-                <div class="equipment2">充放电状态</div>
+                <div class="equipment2">{{ $t("monitor.DischargeStatus") }}</div>
               </div>
             </el-card>
             <!-- <el-card>
@@ -571,15 +571,15 @@
             </el-card> -->
           </div>
 
-          <div class="equipmentdata">设备数据</div>
+          <div class="equipmentdata">{{ $t("monitor.DeviceStatus") }}</div>
           <!-- 1 -->
           <div class="equipmentdata_equipment">
             <div class="equipmentdata_div">
-              <div class="equipment_title">总电压</div>
+              <div class="equipment_title">{{ $t("monitor.TotalVoltage") }}</div>
               <div>{{ (BMSlist.tv * 1).toFixed(1) ?? "-" }} V</div>
             </div>
             <div class="equipmentdata_div">
-              <div class="equipment_title">总电流</div>
+              <div class="equipment_title">{{ $t("monitor.TotalCurrent") }}</div>
               <div>{{ (BMSlist.tc * 1).toFixed(1) ?? "-" }} A</div>
             </div>
             <div class="equipmentdata_div">
@@ -594,20 +594,20 @@
           <!-- 2 -->
           <div class="equipmentdata_equipment">
             <div class="equipmentdata_div">
-              <div class="equipment_title">充电限制功率</div>
+              <div class="equipment_title">{{ $t("monitor.ChargePowerLimit") }}</div>
               <div>{{ (BMSlist.rechargeablePower * 1).toFixed(1) ?? "-" }} kW</div>
             </div>
             <div class="equipmentdata_div">
-              <div class="equipment_title">放电限制功率</div>
+              <div class="equipment_title">{{ $t("monitor.DischargePowerLimit") }}</div>
               <div>{{ (BMSlist.dischargeablePower * 1).toFixed(1) ?? "-" }} kW</div>
             </div>
 
             <div class="equipmentdata_div">
-              <div class="equipment_title">平均单体温度</div>
+              <div class="equipment_title">{{ $t("monitor.AvgCellTemp") }}</div>
               <div>{{ (BMSlist.avgCellTempr * 1).toFixed(1) ?? "-" }} ℃</div>
             </div>
             <div class="equipmentdata_div">
-              <div class="equipment_title">平均单体电压</div>
+              <div class="equipment_title">{{ $t("monitor.AvgCellVoltage") }}</div>
               <div>{{ (BMSlist.avgCellVoltage * 1).toFixed(1) ?? "-" }} V</div>
             </div>
           </div>
@@ -637,19 +637,19 @@
               <div>{{ BMSlist.negInsulationResistance ?? "-" }} kΩ</div>
             </div> -->
             <div class="equipmentdata_div">
-              <div class="equipment_title">最高单体温度</div>
+              <div class="equipment_title">{{ $t("monitor.MaxCellTemp") }}</div>
               <div>{{ (BMSlist.maxCellTempr * 1).toFixed(3) ?? "-" }} ℃</div>
             </div>
             <div class="equipmentdata_div">
-              <div class="equipment_title">最低单体温度</div>
+              <div class="equipment_title">{{ $t("monitor.MinCellTemp") }}</div>
               <div>{{ (BMSlist.minCellTempr * 1).toFixed(3) ?? "-" }} ℃</div>
             </div>
             <div class="equipmentdata_div4">
-              <div class="equipment_title">最高单体电压</div>
+              <div class="equipment_title">{{ $t("monitor.MaxCellVoltage") }}</div>
               <div>{{ (BMSlist.maxCellVoltage * 1).toFixed(3) ?? "-" }} V</div>
             </div>
             <div class="equipmentdata_div">
-              <div class="equipment_title">最低单体电压</div>
+              <div class="equipment_title">{{ $t("monitor.MinCellVoltage") }}</div>
               <div>{{ (BMSlist.minCellVoltage * 1).toFixed(3) ?? "-" }} V</div>
             </div>
           </div>
@@ -658,21 +658,21 @@
           <!--  -->
         </div>
         <div class="equipmentdiv" v-if="deviceType == 4">
-          <div class="equipmenttime">末次数据时间：{{ Conditionerdata.ts }}</div>
+          <div class="equipmenttime">{{ $t("monitor.lastUpdate") }}：{{ Conditionerdata.ts }}</div>
           <div style="height: 33px"></div>
-          <div>设备状态</div>
+          <div>{{ $t("monitor.DeviceStatus") }}</div>
           <div class="equipmentdevice">
             <el-card>
               <div class="equipmentdevice1">
                 <div class="equipmentname" v-if="Conditionerdata.workStatus == 1">
                   <div class="equipmentborder"></div>
-                  <div class="equipment1">运行</div>
+                  <div class="equipment1">{{ $t("monitor.Running") }}</div>
                 </div>
                 <div class="equipmentname" v-else>
                   <div class="equipmentborderif"></div>
-                  <div class="equipment1red">停止</div>
+                  <div class="equipment1red">{{ $t("monitor.Stopped") }}</div>
                 </div>
-                <div class="equipment2">运行状态</div>
+                <div class="equipment2">{{ $t("monitor.OperationStatus") }}</div>
               </div>
             </el-card>
             <!-- <el-card>
@@ -783,18 +783,18 @@
               <div class="equipmentdevice1">
                 <div class="equipmentname" v-if="Conditionerdata.alarmStatus == 0">
                   <div class="equipmentborder"></div>
-                  <div class="equipment1">正常</div>
+                  <div class="equipment1">{{ $t("monitor.Normal") }}</div>
                 </div>
                 <div class="equipmentname" v-else>
                   <div class="equipmentborderif"></div>
-                  <div class="equipment1red">故障</div>
+                  <div class="equipment1red">{{ $t("monitor.Fault") }}</div>
                 </div>
-                <div class="equipment2">故障状态</div>
+                <div class="equipment2">{{ $t("monitor.FaultDetails") }}</div>
               </div>
             </el-card>
           </div>
 
-          <div class="equipmentdata">设备数据</div>
+          <div class="equipmentdata">{{ $t("monitor.DeviceMetrics") }}</div>
           <!-- class="" -->
           <!-- <div class="equipmentdata_equipment">
             <div class="equipmentdata_div">
@@ -836,19 +836,19 @@
           <!--  -->
           <div class="equipmentdata_equipment">
             <div class="equipmentdata_div">
-              <div class="equipment_title">出水温度</div>
+              <div class="equipment_title">{{ $t("monitor.Outlettemperature") }}</div>
               <div>{{ (Conditionerdata.condensingTempr * 1).toFixed(3) ?? "-" }} ℃</div>
             </div>
             <div class="equipmentdata_div">
-              <div class="equipment_title">回水温度</div>
+              <div class="equipment_title">{{ $t("monitor.returntemperature") }}</div>
               <div>{{ (Conditionerdata.defrostTempr * 1).toFixed(3) ?? "-" }} ℃</div>
             </div>
             <div class="equipmentdata_div">
-              <div class="equipment_title">出水压力</div>
+              <div class="equipment_title">{{ $t("monitor.outletpressure") }}</div>
               <div>{{ (Conditionerdata.outdoorTempr * 1).toFixed(1) ?? "-" }} Bar</div>
             </div>
             <div class="equipmentdata_div4">
-              <div class="equipment_title">回水压力</div>
+              <div class="equipment_title">{{ $t("monitor.ReturnPressure") }}</div>
               <div>{{ (Conditionerdata.cabinetTempr * 1).toFixed(1) ?? "-" }} Bar</div>
             </div>
           </div>

src/views/news/index.scss

@@ -0,0 +1,77 @@
+.screen {
+  display: flex;
+  width: 100%;
+  margin-bottom: 20px;
+}
+.screen1 {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: 100%;
+}
+.cardbottom {
+  margin-top: 20px;
+}
+.title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+  font-size: 18px;
+  .title_time {
+    margin-left: 10px;
+    font-size: 16px;
+  }
+}
+.pagination {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 20px;
+}
+.btn-group {
+  display: flex;
+  gap: 10px; /* 按钮之间的间隔 */
+  align-items: center; /* 垂直居中按钮 */
+  justify-content: center; /* 水平居中按钮 */
+}
+.dialog_box {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 20px 60px;
+  margin-top: 40px;
+}
+.dialog_box1 {
+  display: flex;
+  width: 100%;
+  padding: 20px 60px;
+  margin-top: 10px;
+}
+.dialog_box2 {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 20px 60px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+.dialog_name {
+  display: flex;
+  margin-right: 20px;
+}
+.dialog_footer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.elimageurl {
+  display: flex;
+  overflow: hidden;
+  overflow: auto auto;
+}
+.Required {
+  width: 10px;
+  color: red;
+}
+.buttonadd {
+  margin-bottom: 20px;
+}

src/views/news/index.vue

@@ -0,0 +1,151 @@
+<template>
+  <div>
+    <div class="title">
+      新闻管理
+      <div class="title_time">{{ currentDate }}</div>
+    </div>
+    <div class="card">
+      <div class="buttonadd">
+        <el-button type="primary" size="large" color="#0052d9" @click="buttonadd">新增</el-button>
+      </div>
+
+      <el-table :data="tableData.records" :show-overflow-tooltip="true" style="width: 100%" border>
+        <el-table-column prop="name" label="图片名称" />
+
+        <el-table-column prop="operationDate" label="创建时间" />
+        <el-table-column prop="newsimages" label="图片地址" width="700" />
+        <el-table-column prop="newsimages" label="并网点图片" width="200">
+          <template #default="scope">
+            <div class="elimageurl">
+              <el-image
+                style="width: 60px; height: 60px; margin-right: 10px"
+                :src="scope.row.newsimages"
+                :zoom-rate="1.2"
+                :max-scale="7"
+                :min-scale="0.2"
+                :preview-teleported="true"
+                :preview-src-list="[scope.row.newsimages]"
+                :initial-index="0"
+                fit="cover"
+              />
+            </div>
+
+            <!-- <img v-for="(item, index) in scope.row.url" :key="index" :src="item" alt="" style="height: 60px" /> -->
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center">
+          <template #default="scope">
+            <el-button v-if="false" color="#0052d9" type="primary" @click="newition(scope.row)"> 删除 </el-button>
+            <!-- <el-button @click="onremove(scope.row)">删除</el-button> -->
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页组件 -->
+      <div class="pagination">
+        <div></div>
+        <slot name="pagination">
+          <Pagination :pageable="pageable" :handle-size-change="handleSizeChange" :handle-current-change="handleCurrentChange" />
+        </slot>
+      </div>
+    </div>
+    <el-dialog v-model="dialogVisible" title="新增图片" width="1200" :before-close="handleClose" border>
+      <div class="dialog_box">
+        <div class="dialog_name"><span class="Required">*</span> 图片名称</div>
+        <el-input v-model="emsdeviceidname" style="width: 300px" size="large" placeholder="输入图片名称" />
+      </div>
+      <div class="dialog_box">
+        <div class="dialog_name"><span class="Required">*</span> 上传图片</div>
+        <UploadImgs v-model:file-list="absoluteStationPicUr1" width="300px" :limit="1">
+          <template #empty>
+            <el-icon><Picture /></el-icon>
+            <span>请上传电站图片</span>
+          </template>
+        </UploadImgs>
+      </div>
+      <template #footer>
+        <div class="dialog_footer">
+          <el-button type="primary" @click="determine" size="large" color="#0052d9"> 确定 </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+<!--    -->
+<script setup lang="ts">
+import { onMounted, ref } from "vue";
+import UploadImgs from "@/components/Upload/Imgs.vue";
+import { selectnewimagesURL, insertnewimagesURL } from "@/api/home/Multisite";
+import Pagination from "@/components/ProTable/components/Pagination.vue";
+
+const absoluteStationPicUr1 = ref();
+const tableData = ref();
+const dialogVisible = ref(false);
+const emsdeviceidname = ref();
+const pageable = ref({
+  pn: 1,
+  ps: 10,
+  total: 0
+});
+const getplatformuserlist = async () => {
+  let obj = {
+    pn: pageable.value.pn,
+    ps: pageable.value.ps
+  };
+  const { data } = await selectnewimagesURL(obj);
+  console.log(data);
+
+  tableData.value = data;
+  pageable.value.total = tableData.value.total;
+};
+const newition = (row: any) => {
+  console.log(row);
+  // alert("你点击了 " + row + " 次!");
+};
+// 关闭弹窗
+const handleClose = (row: any) => {
+  console.log(row);
+  dialogVisible.value = false;
+};
+const determine = async () => {
+  console.log(1);
+  let obj = {
+    newimages: absoluteStationPicUr1.value[0].url,
+    name: emsdeviceidname.value
+  };
+  const { data } = await insertnewimagesURL(obj);
+  console.log(data);
+  dialogVisible.value = false;
+  getplatformuserlist();
+};
+// 表格操作 Hooks
+const handleSizeChange = async (e: any) => {
+  pageable.value.ps = e;
+  getplatformuserlist();
+};
+const handleCurrentChange = async (e: any) => {
+  pageable.value.pn = e;
+
+  getplatformuserlist();
+};
+const buttonadd = async () => {
+  absoluteStationPicUr1.value = "";
+  emsdeviceidname.value = "";
+  dialogVisible.value = true;
+};
+
+const currentDate = ref();
+onMounted(() => {
+  const current = localStorage.getItem("currentDate");
+  if (current) {
+    currentDate.value = current;
+  }
+
+  getplatformuserlist();
+});
+</script>
+<style scoped lang="scss">
+@import "./index.scss";
+</style>
+<!--
+
+-->

src/views/overview/index.vue

@@ -4,7 +4,7 @@
       <el-select
         v-model="Singlevalue"
         collapse-tags
-        placeholder="选择电站"
+        :placeholder="$t('overview.SelectPlant')"
         popper-class="custom-header"
         :max-collapse-tags="1"
         class="Space_content"
@@ -27,7 +27,7 @@
         <el-card>
           <div class="grid-content ep-bg-purple">
             <div class="overview_title1">
-              <div class="overview_title_name">今日充电量</div>
+              <div class="overview_title_name">{{ $t("overview.TodayEnergy") }}</div>
             </div>
             <div class="overview_title">
               <div class="overview_titlename">
@@ -39,17 +39,17 @@
               </div>
             </div>
             <div class="overview_line" v-if="multiStation.importKwhDiffYDay > 0">
-              较昨日上升: {{ formatAmountkwh_(multiStation.importKwhDiffYDay) }}
+              {{ $t("overview.upperYesterday") }}: {{ formatAmountkwh_(multiStation.importKwhDiffYDay) }}
               {{ formatCompany_(multiStation.importKwhDiffYDay) }}
             </div>
             <div class="overview_line" v-else>
-              较昨日下降: {{ formatAmountkwh_(multiStation.importKwhDiffYDay) }}
+              {{ $t("overview.belowYesterday") }}: {{ formatAmountkwh_(multiStation.importKwhDiffYDay) }}
               {{ formatCompany_(multiStation.importKwhDiffYDay) }}
             </div>
             <el-divider />
             <div class="overview_line">
-              本月充电: {{ formatAmountkwh(multiStation.monthImportKwh) }} {{ formatCompany(multiStation.monthImportKwh) }} |
-              累计充电:
+              {{ $t("overview.Charging") }}: {{ formatAmountkwh(multiStation.monthImportKwh) }}
+              {{ formatCompany(multiStation.monthImportKwh) }} | {{ $t("overview.TotalCharging") }}:
               {{ formatAmountkwh(multiStation.accumulativeImportKwh) }}
               {{ formatCompany(multiStation.accumulativeImportKwh) }}
             </div>
@@ -60,7 +60,7 @@
         <el-card>
           <div class="grid-content ep-bg-purple">
             <div class="overview_title1">
-              <div class="overview_title_name">今日放电量</div>
+              <div class="overview_title_name">{{ $t("overview.TodayDischarge") }}</div>
             </div>
             <div class="overview_title">
               <div class="overview_titlename">
@@ -72,17 +72,17 @@
               </div>
             </div>
             <div class="overview_line" v-if="multiStation.exportKwhDiffYDay > 0">
-              较昨日上升: {{ formatAmountkwh_(multiStation.exportKwhDiffYDay) }}
+              {{ $t("overview.upperYesterday") }}: {{ formatAmountkwh_(multiStation.exportKwhDiffYDay) }}
               {{ formatCompany_(multiStation.exportKwhDiffYDay) }}
             </div>
             <div class="overview_line" v-else>
-              较昨日下降: {{ formatAmountkwh_(multiStation.exportKwhDiffYDay) }}
+              {{ $t("overview.belowYesterday") }}: {{ formatAmountkwh_(multiStation.exportKwhDiffYDay) }}
               {{ formatCompany_(multiStation.exportKwhDiffYDay) }}
             </div>
             <el-divider />
             <div class="overview_line">
-              本月放电: {{ formatAmountkwh(multiStation.monthExportKwh) }} {{ formatCompany(multiStation.monthExportKwh) }} |
-              累计放电:
+              {{ $t("overview.Discharge") }}: {{ formatAmountkwh(multiStation.monthExportKwh) }}
+              {{ formatCompany(multiStation.monthExportKwh) }} | {{ $t("overview.discharge") }}:
               {{ formatAmountkwh(multiStation.accumulativeExportKwh) }}
               {{ formatCompany(multiStation.accumulativeExportKwh) }}
             </div>
@@ -93,7 +93,7 @@
         <el-card>
           <div class="grid-content ep-bg-purple">
             <div class="overview_title1">
-              <div class="overview_title_name">今日收益</div>
+              <div class="overview_title_name">{{ $t("overview.TodayRevenue") }}</div>
             </div>
             <div class="overview_title">
               <div class="overview_titlename">
@@ -105,16 +105,17 @@
               </div>
             </div>
             <div class="overview_line" v-if="multiStation.profitDiffYDay > 0">
-              较昨日上升: {{ formatAmount1(multiStation.profitDiffYDay) }}
+              {{ $t("overview.upperYesterday") }}: {{ formatAmount1(multiStation.profitDiffYDay) }}
               {{ formatAmounts2(multiStation.profitDiffYDay) }}
             </div>
             <div class="overview_line" v-else>
-              较昨日下降: {{ formatAmount1(multiStation.profitDiffYDay) }}
+              {{ $t("overview.belowYesterday") }}: {{ formatAmount1(multiStation.profitDiffYDay) }}
               {{ formatAmounts2(multiStation.profitDiffYDay) }}
             </div>
             <el-divider />
             <div class="overview_line">
-              本月收益: {{ formatAmount(multiStation.monthProfit) }} {{ formatAmounts(multiStation.monthProfit) }} | 总收益:
+              {{ $t("overview.MTDRevenue") }}: {{ formatAmount(multiStation.monthProfit) }}
+              {{ formatAmounts(multiStation.monthProfit) }} | {{ $t("overview.TotalRevenue") }}:
               {{ formatAmount(multiStation.totalProfit) }}
               {{ formatAmounts(multiStation.totalProfit) }}
             </div>
@@ -125,21 +126,24 @@
         <el-card>
           <div class="grid-content ep-bg-purple">
             <div class="overview_title1">
-              <div class="overview_title_name">设备总数</div>
+              <div class="overview_title_name">{{ $t("overview.TotalDevices") }}</div>
             </div>
             <div class="overview_title">
-              <div class="overview_titlename">{{ multiStation.stationTotalCount }} <span class="overview_unit">个</span></div>
+              <div class="overview_titlename">
+                {{ multiStation.stationTotalCount }} <span class="overview_unit">{{ $t("type") == "zh" ? "个" : "" }}</span>
+              </div>
               <div class="overview_img">
                 <img src="../../assets/images/gu1.png" alt="站点" />
               </div>
             </div>
             <div class="overview_line">
-              在线 {{ multiStation.stationOnlineCount }} 个 \ 离线 {{ multiStation.stationOfflineCount }} 个
+              {{ $t("overview.Online") }} {{ multiStation.stationOnlineCount }} {{ $t("type") == "zh" ? "个" : "" }} \
+              {{ $t("overview.Offline") }} {{ multiStation.stationOfflineCount }} {{ $t("type") == "zh" ? "个" : "" }}
             </div>
             <el-divider />
             <div class="overview_line">
-              装机功率: {{ formatAmountkwh(multiStation.installedPower) }} {{ formatCompany1(multiStation.installedPower) }} |
-              装机容量:
+              {{ $t("overview.InstalledPower") }}: {{ formatAmountkwh(multiStation.installedPower) }}
+              {{ formatCompany1(multiStation.installedPower) }} | {{ $t("overview.InstalledCapacity") }}:
               {{ formatAmountkwh(multiStation.installedCap) }}
               {{ formatCompany(multiStation.installedCap) }}
             </div>
@@ -152,8 +156,8 @@
         <el-card>
           <div class="grid_div grid-content ep-bg-purple">
             <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
-              <el-tab-pane label="收益统计" name="first"></el-tab-pane>
-              <el-tab-pane label="充放电统计" name="second"></el-tab-pane>
+              <el-tab-pane :label="$t('overview.RevenueAnalytics')" name="first"></el-tab-pane>
+              <el-tab-pane :label="$t('overview.DischargeStatistics')" name="second"></el-tab-pane>
               <div class="grid_div1">
                 <div ref="baroption" id="baroption"></div>
               </div>
@@ -168,8 +172,8 @@
                 :shortcuts="shortcuts1"
                 :format="format1"
                 :value-format="format1"
-                start-placeholder="开始时间"
-                end-placeholder="结束时间"
+                :start-placeholder="$t('overview.StartTime')"
+                :end-placeholder="$t('overview.EndTime')"
                 :default-value="value2"
                 :disabled-date="pickerOptions"
                 size="large"
@@ -178,7 +182,7 @@
               />
               <el-select
                 v-model="daymonthyearvalue1"
-                placeholder="选择日期"
+                :placeholder="$t('overview.SelectDate')"
                 size="large"
                 style="width: 80px"
                 @change="getdaymonthyear1"
@@ -193,8 +197,8 @@
         <el-card>
           <div class="grid-content ep-bg-purple">
             <div class="grid_right">
-              <div>站点信息</div>
-              <div class="grid_right1" @click="details()">查看详细</div>
+              <div>{{ $t("overview.PlantInformation") }}</div>
+              <div class="grid_right1" @click="details()">{{ $t("overview.ViewDetails") }}</div>
             </div>
             <!-- <div id="gridpiechart">-||-</div> -->
             <div class="gridpiechart">
@@ -203,20 +207,20 @@
             <div class="gridpiechartname">{{ stationinfodata.stationName }}</div>
 
             <div class="gridpiechartdiv">
-              <div class="gridpiechartnameright">装机总容量</div>
+              <div class="gridpiechartnameright">{{ $t("overview.TotalInstalledCapacity") }}</div>
               <div class="gridpiechartnameleft">{{ stationinfodata.installedCap }} kWh</div>
             </div>
 
             <div class="gridpiechartdiv">
-              <div class="gridpiechartnameright">装机功率</div>
+              <div class="gridpiechartnameright">{{ $t("overview.RatedPower") }}</div>
               <div class="gridpiechartnameleft">{{ stationinfodata.installedPower }} MW</div>
             </div>
             <div class="gridpiechartdiv">
-              <div class="gridpiechartnameright">投运时间</div>
+              <div class="gridpiechartnameright">{{ $t("overview.CommissioningDate") }}</div>
               <div class="gridpiechartnameleft">{{ stationinfodata.operationDate }}</div>
             </div>
             <div class="gridpiechartdiv">
-              <div class="gridpiechartnameright">电站地址</div>
+              <div class="gridpiechartnameright">{{ $t("overview.PlantLocation") }}</div>
               <div class="gridpiechartnameleft1">
                 <el-icon><Location /></el-icon>&nbsp;<el-tooltip
                   class="box-item"
@@ -236,7 +240,7 @@
       <el-card style="width: 100%">
         <div class="middleleft">
           <div class="middlelefttop">
-            <div>综合功率</div>
+            <div>{{ $t("overview.CompositePower") }}</div>
 
             <div class="middle_divright">
               <!-- <div :class="timedays == 7 ? 'middle_divright_1' : 'middle_divright_2'" @click="oncomprehen(7)">近7日</div>
@@ -250,8 +254,8 @@
                 :value-format="format"
                 unlink-panels
                 size="large"
-                start-placeholder="开始时间"
-                end-placeholder="结束时间"
+                :start-placeholder="$t('overview.StartTime')"
+                :end-placeholder="$t('overview.EndTime')"
                 :default-value="timedayslist"
                 :disabled-date="pickerOptions"
                 @change="onpowerblur"
@@ -274,44 +278,44 @@
     <el-card>
       <template #header>
         <div class="card-header">
-          <span>设备列表</span>
+          <span>{{ $t("overview.DeviceList") }}</span>
         </div>
       </template>
       <div class="cardtable">
-        <div>通讯状态:</div>
+        <div>{{ $t("overview.CommunicationStatus") }}:</div>
         &emsp;
-        <el-select v-model="onlineStatus" placeholder="请选择" size="large" style="width: 240px">
+        <el-select v-model="onlineStatus" :placeholder="$t('overview.EndTime')" size="large" style="width: 240px">
           <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
         &emsp;
-        <el-input v-model="modelinput" style="width: 240px" placeholder="设备编号" size="large" />
+        <el-input v-model="modelinput" style="width: 240px" :placeholder="$t('overview.DeviceID')" size="large" />
         &emsp;
-        <el-button type="primary" size="large" color="#0052d9" @click="query(0)">查询</el-button>
-        <el-button size="large" @click="query(1)">重置</el-button>
+        <el-button type="primary" size="large" color="#0052d9" @click="query(0)">{{ $t("overview.Query") }}</el-button>
+        <el-button size="large" @click="query(1)">{{ $t("overview.Reset") }}</el-button>
       </div>
       <el-table :data="tableData.records" style="width: 100%" border :scrollbar-always-on="true">
-        <el-table-column type="index" label="序号" width="60" />
-        <el-table-column prop="eid" label="设备编号" width="160" :show-overflow-tooltip="true" />
-        <el-table-column prop="emsDeviceId" label="设备名称" width="160" :show-overflow-tooltip="true" />
-        <el-table-column prop="onlineStatus" label="在线状态" width="160">
+        <el-table-column type="index" :label="$t('overview.SNo')" width="60" />
+        <el-table-column prop="eid" :label="$t('overview.DeviceID')" width="160" :show-overflow-tooltip="true" />
+        <el-table-column prop="emsDeviceId" :label="$t('overview.DeviceName')" width="160" :show-overflow-tooltip="true" />
+        <el-table-column prop="onlineStatus" :label="$t('overview.OnlineStatus')" width="160">
           <template #default="scope">
-            {{ scope.row.onlineStatus == 0 ? "离线" : "在线" }}
+            {{ scope.row.onlineStatus == 0 ? $t("overview.Offline") : $t("overview.Online") }}
           </template>
         </el-table-column>
-        <el-table-column prop="dayImportKwh" label="今日充电量(kWh)" width="160" />
-        <el-table-column prop="dayExportKwh" label="今日放电量(kWh)" width="160" />
-        <el-table-column prop="accumulativeImportKwh" label="总充电量(kWh)" width="160" />
-        <el-table-column prop="accumulativeExportKwh" label="总放电量(kWh)" width="160" />
+        <el-table-column prop="dayImportKwh" :label="$t('overview.TodayCharging')" width="160" />
+        <el-table-column prop="dayExportKwh" :label="$t('overview.TodaysDischarge')" width="160" />
+        <el-table-column prop="accumulativeImportKwh" :label="$t('overview.TotalCharged')" width="160" />
+        <el-table-column prop="accumulativeExportKwh" :label="$t('overview.TotalDischarged')" width="160" />
         <el-table-column prop="soc" label="SOC(%)" width="160" />
-        <el-table-column prop="todayAlarmCount" label="运维处理(今日)" align="center" width="160">
+        <el-table-column prop="todayAlarmCount" :label="$t('overview.Maintenance')" align="center" width="160">
           <template #default="scope">
             {{ scope.row.todayAlarmCount == null ? "-" : scope.row.todayAlarmCount }}
           </template>
         </el-table-column>
 
-        <el-table-column prop="gridActivePower" label="电网有功功率(KW)" width="160" />
-        <el-table-column prop="storageActivePower" label="储能有功功率(KW)" width="160" />
-        <el-table-column prop="loadActivePower" label="负载有功功率(KW)" width="160" />
+        <el-table-column prop="gridActivePower" :label="$t('overview.GridActivePower')" width="160" />
+        <el-table-column prop="storageActivePower" :label="$t('overview.ESSActivePower')" width="160" />
+        <el-table-column prop="loadActivePower" :label="$t('overview.LoadActivePower')" width="160" />
       </el-table>
       <div class="example_block">
         <Pagination :pageable="pageable" :handle-size-change="handleSizeChange" :handle-current-change="handleCurrentChange" />
@@ -320,67 +324,71 @@
     </el-card>
     <el-dialog v-model="dialogVisible" title="查看电站" width="800" :before-close="handleClose">
       <div class="dialog">
-        <div :class="informationtype == 1 ? 'information' : 'more'" @click="oninformation">基础信息</div>
-        <div :class="informationtype == 2 ? 'information' : 'more'" @click="onmoreinformation">更多信息</div>
+        <div :class="informationtype == 1 ? 'information' : 'more'" @click="oninformation">
+          {{ $t("overview.BasicInformation") }}
+        </div>
+        <div :class="informationtype == 2 ? 'information' : 'more'" @click="onmoreinformation">
+          {{ $t("overview.MoreDetails") }}
+        </div>
       </div>
       <div v-if="informationtype == 1">
         <div class="more_img">
-          <div class="more_name">电站图片：</div>
+          <div class="more_name">{{ $t("overview.PlantPhotos") }}：</div>
           <img class="dialogimg" :src="stationinfodata.absoluteStationPicUrl" alt="" />
         </div>
         <div class="dialog_title">
-          <div class="more_name">电站名称：</div>
+          <div class="more_name">{{ $t("overview.PlantName") }}：</div>
           <div class="more_theme">{{ stationinfodata.stationName }}</div>
         </div>
         <div class="dialog_title">
-          <div class="more_name">装机功率：</div>
+          <div class="more_name">{{ $t("overview.InstalledPower") }}：</div>
           <div class="more_theme">{{ stationinfodata.installedPower }}MW</div>
         </div>
         <div class="dialog_title">
-          <div class="more_name">装机容量：</div>
+          <div class="more_name">{{ $t("overview.InstalledCapacity") }}：</div>
           <div class="more_theme">{{ stationinfodata.installedCap }}kWh</div>
         </div>
         <div class="dialog_title">
-          <div class="more_name">电站地址：</div>
+          <div class="more_name">{{ $t("overview.PlantLocation") }}：</div>
           <div class="more_theme">{{ stationinfodata.province }}</div>
         </div>
         <div class="dialog_title">
-          <div class="more_name">投运时间：</div>
+          <div class="more_name">{{ $t("overview.CommissioningDate") }}：</div>
           <div class="more_theme">{{ stationinfodata.operationDate }}</div>
         </div>
         <div class="dialog_title">
-          <div class="more_name">电站联系电话：</div>
+          <div class="more_name">{{ $t("overview.ContactNumber") }}：</div>
           <div class="more_theme">{{ stationinfodata.contactPhone }}</div>
         </div>
       </div>
       <div v-if="informationtype == 2">
         <div class="dialog_title">
-          <div class="more_name">安装图片：</div>
+          <div class="more_name">{{ $t("overview.InstallationPhotos") }}：</div>
           <div class="more_theme">-</div>
         </div>
         <div class="dialog_title">
-          <div class="more_name">并网点信息：</div>
+          <div class="more_name">{{ $t("overview.GridConnectionInfo") }}：</div>
           <div class="more_theme">-</div>
         </div>
         <div class="dialog_title">
-          <div class="more_name">变压器信息：</div>
+          <div class="more_name">{{ $t("overview.TransformerSpecifications") }}：</div>
           <div class="more_theme">-</div>
         </div>
         <div class="dialog_title">
-          <div class="more_name">站点变压器容量：</div>
+          <div class="more_name">{{ $t("overview.TransformerCapacity") }}：</div>
           <div class="more_theme">-</div>
         </div>
         <div class="dialog_title">
-          <div class="more_name">安装人：</div>
+          <div class="more_name">{{ $t("overview.Installer") }}：</div>
           <div class="more_theme">-</div>
         </div>
         <div class="dialog_title">
-          <div class="more_name">安装人联系号码：</div>
+          <div class="more_name">{{ $t("overview.InstallerContact") }}：</div>
           <div class="more_theme">-</div>
         </div>
       </div>
       <div class="dialog_footer">
-        <el-button @click="dialogVisible = false" size="large">关闭</el-button>
+        <el-button @click="dialogVisible = false" size="large">{{ $t("overview.Close") }}</el-button>
       </div>
     </el-dialog>
   </div>
@@ -407,6 +415,9 @@ import {
   postsexportKwhMonth
 } from "@/api/home/Multisite";
 import { Station } from "@/api/interface";
+import { useRoute } from "vue-router";
+const route = useRoute();
+
 const multiStation = ref();
 const activeName = ref("first");
 const value2 = ref();
@@ -420,7 +431,7 @@ const pageable = ref({
   total: 0
 });
 // 选择站点
-const Singlevalue = ref("");
+const Singlevalue = ref();
 const Singledata = ref([]);
 const onselect = (val: any) => {
   activeName.value = "first";
@@ -456,7 +467,12 @@ const options = ref([
 
 const poststationstationName = async () => {
   const { data } = await stationstationName({});
-  Singlevalue.value = data[0].id;
+  if (route.query.powerId) {
+    Singlevalue.value = route.query.powerId;
+  } else {
+    Singlevalue.value = data[0].id;
+  }
+
   cities.value = data;
   getsite();
   getStationinfo();

src/views/powerconfiguration/index.vue

@@ -71,13 +71,13 @@
 
           </template>
         </el-table-column> -->
-        <el-table-column prop="url" label="设备启停控制" align="center" width="200">
+        <el-table-column prop="value" label="设备启停控制" align="center" width="200">
           <template #default="scope">
             <el-switch
               v-model="scope.row.binding"
               active-value="1"
               inactive-value="0"
-              @change="newValue => changeswitch(newValue, scope.row)"
+              @change="changeswitch(scope.row)"
               size="large"
             />
           </template>
@@ -265,7 +265,7 @@
   </div>
 </template>
 <!--  
- 
+
 -->
 <script setup lang="ts">
 import { selectemssytemNameURL, stationstationName, periodoftimeURL, mqttsendURL } from "@/api/home/Multisite";
@@ -357,17 +357,11 @@ const newition = async (row: { url: never[]; emsDeviceId: any; eid: any; periodo
 };
 const Switchvalue = ref();
 
-const changeswitch = async (
-  newValue: any,
-  row: {
-    eid: any;
-    binding: string;
-  }
-) => {
-  console.log("Switch value:", newValue);
+const changeswitch = async (row: { eid: any; value: string }) => {
+  // console.log("Switch value:", newValue);
   console.log("Switch value:", row);
 
-  if (newValue == 0) {
+  if (row.value == "0") {
     Switchvalue.value = "确定关闭设备吗?";
   } else {
     Switchvalue.value = "确定开启设备吗?";
@@ -380,7 +374,7 @@ const changeswitch = async (
     .then(async () => {
       let obj = {
         deviceId: row.eid,
-        value: newValue == 0 ? 0 : 1,
+        value: row.value == "0" ? "0" : "1",
         id: "7721e827-610e-4d15-8497-3590eb120c5f",
         name: "Sys_Cmd_StartStop"
       };
@@ -397,7 +391,7 @@ const changeswitch = async (
         type: "info",
         message: "取消操作"
       });
-      row.binding = row.binding === "1" ? "0" : "1"; // 恢复到原来的状态
+      row.value = row.value === "1" ? "0" : "1"; // 恢复到原来的状态
     });
 };
 // 确定

src/views/reportforms/index.scss

@@ -174,3 +174,12 @@
   width: 100%;
   margin: 20px 0;
 }
+.abnormal {
+  color: red;
+}
+.different {
+  color: orange;
+}
+.normal {
+  color: #007545;
+}

src/views/reportforms/index.vue

@@ -1,22 +1,23 @@
 <template>
   <div>
     <div class="title">
-      电量报表
+      {{ $t("reportforms.Electricityreport") }}
       <div class="title_time">{{ currentDate }}</div>
     </div>
     <el-card class="price_allocationcard" v-if="false">
       <div class="price_allocation">
-        <el-icon><WarningFilled /></el-icon>&ensp;
-        站点汇总展示所有站点报表数据，支持按日展示31天，按月展示一年内数据。&ensp;&ensp;&ensp;&ensp;<el-icon><Close /></el-icon>
+        <el-icon><WarningFilled /></el-icon>&ensp; {{ $t("reportforms.summary") }} &ensp;&ensp;&ensp;&ensp;<el-icon>
+          <Close />
+        </el-icon>
       </div>
     </el-card>
     <el-card>
       <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
-        <el-tab-pane label="站点汇总" name="站点汇总">
+        <el-tab-pane :label="$t('reportforms.SiteSummary')" name="站点汇总">
           <div class="tabdiv">
             <div class="tabpanesite">
               <div class="tabpane">
-                <div>时间范围：</div>
+                <div>{{ $t("reportforms.timeframe") }}：</div>
                 <div class="tabpane1">
                   <!-- year -->
                   <el-date-picker
@@ -65,13 +66,15 @@
                   </el-select>
                 </div>
                 &ensp;&ensp;
-                <el-button type="primary" size="large" color="#0052d9" @click="gatSummary">查询</el-button>
-                <el-button size="large" @click="onreset">重置</el-button>
+                <el-button type="primary" size="large" color="#0052d9" @click="gatSummary">{{
+                  $t("reportforms.Query")
+                }}</el-button>
+                <el-button size="large" @click="onreset">{{ $t("reportforms.Reset") }}</el-button>
               </div>
 
               <div class="exportright" v-if="BUTTONS.export">
                 <el-dropdown trigger="click" :hide-on-click="false" @visible-change="onclose">
-                  <el-button size="large" type="primary" plain>导出</el-button>
+                  <el-button size="large" type="primary" plain>{{ $t("reportforms.export") }}</el-button>
                   <template #dropdown>
                     <el-dropdown-menu v-for="(item, index) in columnList" :key="index">
                       <el-dropdown-item>
@@ -84,7 +87,7 @@
                       </el-dropdown-item>
                     </el-dropdown-menu>
                     <div class="dropdown">
-                      <el-button @click="onexport" type="primary" plain>确定导出</el-button>
+                      <el-button @click="onexport" type="primary" plain>{{ $t("reportforms.export") }}</el-button>
                     </div>
                   </template>
                 </el-dropdown>
@@ -122,22 +125,34 @@
             </el-table>
           </div>
         </el-tab-pane>
-        <el-tab-pane label="单站报表" name="单站报表">
+        <el-tab-pane :label="$t('reportforms.Singlereport')" name="单站报表">
           <div class="tabpane">
-            <div class="tabpane_1">报表类型：</div>
+            <div class="tabpane_1">{{ $t("reportforms.reporttype") }}：</div>
             <!-- <div :class="reportformsindex == 1 ? 'tabpane_2' : 'tabpane_1'" @click="onreportforms(1)">时段报表</div> -->
-            <div :class="reportformsindex == 2 ? 'tabpane_2' : 'tabpane_1'" @click="onreportforms(2)">日报表</div>
-            <div :class="reportformsindex == 3 ? 'tabpane_2' : 'tabpane_1'" @click="onreportforms(3)">月报表</div>
-            <div :class="reportformsindex == 4 ? 'tabpane_2' : 'tabpane_1'" @click="onreportforms(4)">年报表</div>
+            <div :class="reportformsindex == 2 ? 'tabpane_2' : 'tabpane_1'" @click="onreportforms(2)">
+              {{ $t("reportforms.dailyreport") }}
+            </div>
+            <div :class="reportformsindex == 3 ? 'tabpane_2' : 'tabpane_1'" @click="onreportforms(3)">
+              {{ $t("reportforms.Monthlyreport") }}
+            </div>
+            <div :class="reportformsindex == 4 ? 'tabpane_2' : 'tabpane_1'" @click="onreportforms(4)">
+              {{ $t("reportforms.annualreport") }}
+            </div>
           </div>
           <div class="tabpanesite">
             <div class="selectsite">
-              <div class="tabpane_1">选择站点：</div>
-              <el-select v-model="Singlevalue" placeholder="选择站点" size="large" style="width: 240px" @change="postemsDevice">
+              <div class="tabpane_1">{{ $t("reportforms.selectsite") }}：</div>
+              <el-select
+                v-model="Singlevalue"
+                :placeholder="$t('reportforms.selectsite')"
+                size="large"
+                style="width: 240px"
+                @change="postemsDevice"
+              >
                 <el-option v-for="item in cities" :key="item.id" :label="item.stationName" :value="item.id" />
               </el-select>
               &ensp;&ensp;&ensp;&ensp; &ensp;&ensp;
-              <div class="tabpane_1">选择日期：</div>
+              <div class="tabpane_1">{{ $t("reportforms.SelectDate") }}：</div>
               <div>
                 <el-date-picker
                   v-if="pickertype != 'year'"
@@ -177,8 +192,10 @@
               </div>
               &ensp;&ensp;
 
-              <el-button type="primary" size="large" color="#0052d9" @click="onselectsite">查询</el-button>
-              <el-button size="large" @click="onselectreset">重置</el-button>
+              <el-button type="primary" size="large" color="#0052d9" @click="onselectsite">{{
+                $t("reportforms.Query")
+              }}</el-button>
+              <el-button size="large" @click="onselectreset">{{ $t("reportforms.Reset") }}</el-button>
               &ensp;&ensp;
             </div>
 
@@ -187,7 +204,7 @@
             </div> -->
             <div class="exportright" v-if="BUTTONS.export && reportformsindex != 1">
               <el-dropdown trigger="click" :hide-on-click="false" @visible-change="onsingleclose">
-                <el-button size="large" type="primary" plain>导出</el-button>
+                <el-button size="large" type="primary" plain>{{ $t("reportforms.export") }}</el-button>
                 <template #dropdown>
                   <el-dropdown-menu v-for="(item, index) in singlecolumnList" :key="index">
                     <el-dropdown-item>
@@ -200,37 +217,37 @@
                     </el-dropdown-item>
                   </el-dropdown-menu>
                   <div class="dropdown">
-                    <el-button @click="singleexport" type="primary" plain>确定导出</el-button>
+                    <el-button @click="singleexport" type="primary" plain>{{ $t("reportforms.export") }}</el-button>
                   </div>
                 </template>
               </el-dropdown>
             </div>
           </div>
           <!-- <div v-if="reportformsindex == 1"> -->
-          <!-- 目前没有时段数据 -->
+          <!-- 目前没有--时段数据 -->
           <div v-if="false">
-            <div class="tabpane_data">时段数据</div>
+            <div class="tabpane_data">{{ $t("reportforms.perioddata") }}</div>
             <div class="tabpanechart">
               <div :class="chartindex == 1 ? 'tabpane_22' : 'tabpane_11'" @click="onchart(1)">
-                <i class="iconfont iconfontfont">&#xeb96;</i>&ensp;折线图
+                <i class="iconfont iconfontfont">&#xeb96;</i>&ensp;{{ $t("reportforms.linechart") }}
               </div>
               <div :class="chartindex == 2 ? 'tabpane_22' : 'tabpane_11'" @click="onchart(2)">
-                <i class="iconfont iconfontfont">&#xe663;</i>&ensp;柱状图
+                <i class="iconfont iconfontfont">&#xe663;</i>&ensp;{{ $t("reportforms.barchart") }}
               </div>
               <div :class="chartindex == 3 ? 'tabpane_22' : 'tabpane_11'" @click="onchart(3)">
-                <i class="iconfont iconfontfont">&#xeb94;</i>&ensp;表格
+                <i class="iconfont iconfontfont">&#xeb94;</i>&ensp;{{ $t("reportforms.table") }}
               </div>
             </div>
             <div class="Line_chart" v-if="chartindex == 1">
               <div class="gcurve_title">
                 <div class="gcurve_tip"></div>
-                <div>尖</div>
+                <div>{{ $t("reportforms.Peak") }}</div>
                 <div class="gcurve_peak"></div>
-                <div>峰</div>
+                <div>{{ $t("reportforms.Shoulder") }}</div>
                 <div class="gcurve_flat"></div>
-                <div>平</div>
+                <div>{{ $t("reportforms.Offpeak") }}</div>
                 <div class="gcurve_valley"></div>
-                <div>谷</div>
+                <div>{{ $t("reportforms.Valley") }}</div>
               </div>
               <div class="gcurve_chart">
                 <div class="trendchartchart" ref="trendchart"></div>
@@ -240,13 +257,13 @@
             <div class="Line_chart" v-if="chartindex == 2">
               <div class="gcurve_title">
                 <div class="gcurve_tip"></div>
-                <div>尖</div>
+                <div>{{ $t("reportforms.Peak") }}</div>
                 <div class="gcurve_peak"></div>
-                <div>峰</div>
+                <div>{{ $t("reportforms.Shoulder") }}</div>
                 <div class="gcurve_flat"></div>
-                <div>平</div>
+                <div>{{ $t("reportforms.Offpeak") }}</div>
                 <div class="gcurve_valley"></div>
-                <div>谷</div>
+                <div>{{ $t("reportforms.Valley") }}</div>
               </div>
               <div class="trendchartchart" ref="columnchart"></div>
             </div>
@@ -260,36 +277,46 @@
                   </el-table-column>
 
                   <el-table-column label="充电量(kWh)" align="center">
-                    <el-table-column prop="chargeSharpKwh" label="尖" align="center" />
-                    <el-table-column prop="chargePeakKwh" label="峰" align="center" />
-                    <el-table-column prop="chargeShoulderKwh" label="平" align="center" />
-                    <el-table-column prop="chargeValleyKwh" label="谷" align="center" />
-                    <el-table-column prop="chargeKwh" label="总" align="center" />
+                    <el-table-column prop="chargeSharpKwh" :label="$t('reportforms.Valley')" align="center" />
+                    <el-table-column prop="chargePeakKwh" :label="$t('reportforms.Shoulder')" align="center" />
+                    <el-table-column prop="chargeShoulderKwh" :label="$t('reportforms.Shoulder')" align="center" />
+                    <el-table-column prop="chargeValleyKwh" :label="$t('reportforms.Shoulder')" align="center" />
+                    <el-table-column prop="chargeKwh" :label="$t('reportforms.Total')" align="center" />
                   </el-table-column>
                   <el-table-column label="放电量(kWh)" align="center">
-                    <el-table-column prop="dischargeSharpKwh" label="尖" align="center" />
-                    <el-table-column prop="dischargePeakKwh" label="峰" align="center" />
-                    <el-table-column prop="dischargeShoulderKwh" label="平" align="center" />
-                    <el-table-column prop="dischargeValleyKwh" label="谷" align="center" />
-                    <el-table-column prop="dischargeKwh" label="总" align="center" />
+                    <el-table-column prop="dischargeSharpKwh" :label="$t('reportforms.Valley')" align="center" />
+                    <el-table-column prop="dischargePeakKwh" :label="$t('reportforms.Shoulder')" align="center" />
+                    <el-table-column prop="dischargeShoulderKwh" :label="$t('reportforms.Shoulder')" align="center" />
+                    <el-table-column prop="dischargeValleyKwh" :label="$t('reportforms.Shoulder')" align="center" />
+                    <el-table-column prop="dischargeKwh" :label="$t('reportforms.Total')" align="center" />
+                  </el-table-column>
+
+                  <el-table-column prop="ymdHour" label="时间" width="150" align="center">
+                    <template #default="scope">
+                      {{ scope.row.ymdHour }}
+                    </template>
                   </el-table-column>
                 </el-table>
               </div>
             </div>
-            <div class="tabpane_data">原始数据</div>
+            <div class="tabpane_data">{{ $t("reportforms.rawdata") }}</div>
             <div class="tabpane">
-              <div :class="rawdataid == 1 ? 'tabpane_22' : 'tabpane_11'" @click="onrawdata(1)">当日数据</div>
-              <div :class="rawdataid == 2 ? 'tabpane_22' : 'tabpane_11'" @click="onrawdata(2)">积累数据</div>
+              <div :class="rawdataid == 1 ? 'tabpane_22' : 'tabpane_11'" @click="onrawdata(1)">
+                {{ $t("reportforms.Dailydata") }}
+              </div>
+              <div :class="rawdataid == 2 ? 'tabpane_22' : 'tabpane_11'" @click="onrawdata(2)">
+                {{ $t("reportforms.Accumulatedata") }}
+              </div>
             </div>
             <div class="gcurve_title">
               <div class="gcurve_tip"></div>
-              <div>尖</div>
+              <div>{{ $t("reportforms.Peak") }}</div>
               <div class="gcurve_peak"></div>
-              <div>峰</div>
+              <div>{{ $t("reportforms.Shoulder") }}</div>
               <div class="gcurve_flat"></div>
-              <div>平</div>
+              <div>{{ $t("reportforms.Offpeak") }}</div>
               <div class="gcurve_valley"></div>
-              <div>谷</div>
+              <div>{{ $t("reportforms.Valley") }}</div>
             </div>
             <div class="gcurve_chart">
               <div class="trendchartchart" ref="rawdatachart"></div>
@@ -307,6 +334,15 @@
                   </template>
                 </el-table-column>
               </template>
+              <!-- <el-table-column prop="ymdHour" label="数据质量状态" width="150" align="center">
+                <template #default="scope">
+               
+                  <div v-if="scope.row.andTime != '合计'">
+                    <div class="abnormal" v-if="scope.row.chargeTotal - scope.row.dischargeTotal > 200">充放数据有异</div>
+                    <div class="normal" v-else-if="scope.row.chargeTotal - scope.row.dischargeTotal < 200">充电数据正常</div>
+                  </div>
+                </template>
+              </el-table-column> -->
 
               <!-- <el-table-column label="日期" width="150" align="center">
                 <template #default="scope">
@@ -337,8 +373,8 @@
     </el-card>
   </div>
 </template>
-<!--    
-  
+<!--   
+
  -->
 <script setup lang="ts">
 import { onMounted, Ref, ref } from "vue";
@@ -359,7 +395,8 @@ import {
   Summaryexportyear,
   betweenbiaoExcel,
   betweenyearMonthExcel,
-  betweenyearExcel
+  betweenyearExcel,
+  selectemssytemNameURL
 } from "@/api/home/Multisite";
 import { useAuthButtons } from "@/hooks/useAuthButtons";
 const { BUTTONS } = useAuthButtons();
@@ -518,13 +555,6 @@ const singlecolumnList = ref([
       }
     ]
   }
-  // ,
-  // {
-  //   prop: "overallEfficiency",
-  //   label: "综合效率(%)",
-  //   ifcolumn: true,
-  //   children: null
-  // }
 ]);
 const currentDate = ref();
 const activeName = ref("站点汇总");
@@ -1127,6 +1157,23 @@ const poststationstationName = async () => {
   getemsSystemsingleStation();
   getstationsystem();
 };
+// 获取电站下的设备数
+const pageable = ref({
+  pn: 1,
+  ps: 10,
+  total: 0
+});
+const gettableData = ref();
+const getplatformuserlist = async () => {
+  let obj = {
+    powerId: Singlevalue.value, //查询电站id
+    pn: pageable.value.pn,
+    ps: pageable.value.ps
+  };
+  const { data } = await selectemssytemNameURL(obj);
+  gettableData.value = data;
+  pageable.value.total = gettableData.value.total;
+};
 const postemsDevice = async (value: any) => {
   console.log(value);
 };
@@ -1153,6 +1200,7 @@ const starttime: Ref<any> = ref("");
 // 查询-文件夹
 const onselectsite = async () => {
   onreportformsid(reportformsindex.value);
+  getplatformuserlist();
 };
 // 重置
 const onselectreset = async () => {

src/views/station/index.scss

@@ -170,8 +170,10 @@
   color: gray;
 }
 .topcard_Location {
-  display: flex;
-  align-items: center;
+  width: 30%; /* 需要设置一个宽度 */
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .topcard_div1:hover .content {
   transform: scale(1.1); /* 鼠标悬浮时放大 */

src/views/station/index.vue

@@ -2,28 +2,31 @@
   <div>
     <div>
       <div class="title">
-        多站卡片
+        {{ $t("station.SiteCard") }}
         <div class="title_time">{{ currentDate }}</div>
       </div>
       <el-card>
         <div class="search">
           <div class="search_choice">
             <div :class="searchtype == '' ? 'search_choice2' : 'search_choice1'" @click.stop="searchwhole('')">
-              全部({{ postmultinfo.stationPicArray.totalCnt }})
+              {{ $t("station.All") }}
+              ({{ postmultinfo.stationPicArray.totalCnt }})
             </div>
             <div :class="searchtype == '1' ? 'search_choice2' : 'search_choice1'" @click.stop="searchwhole('1')">
-              在线({{ postmultinfo.stationPicArray.onlineCnt }})
+              {{ $t("station.Online") }}
+              ({{ postmultinfo.stationPicArray.onlineCnt }})
             </div>
             <div :class="searchtype == '0' ? 'search_choice2' : 'search_choice1'" @click.stop="searchwhole('0')">
-              离线({{ postmultinfo.stationPicArray.offlineCnt }})
+              {{ $t("station.Offline") }}
+              ({{ postmultinfo.stationPicArray.offlineCnt }})
             </div>
           </div>
           <div class="search_right">
             <div class="search_right" v-if="!foldtype" @click.stop="foldopen">
-              <el-icon style="padding-top: 2px; margin-right: 8px"><ArrowDown /></el-icon>打开
+              <el-icon style="padding-top: 2px; margin-right: 8px"><ArrowDown /></el-icon>{{ $t("station.Expand") }}
             </div>
             <div class="search_right" v-if="foldtype" @click.stop="foldopen">
-              <el-icon style="margin-top: 2px; margin-right: 8px"><ArrowUp /></el-icon>收起
+              <el-icon style="margin-top: 2px; margin-right: 8px"><ArrowUp /></el-icon>{{ $t("station.Collapse") }}
             </div>
           </div>
         </div>
@@ -39,8 +42,8 @@
               style="width: 360px; margin-right: 20px"
             />
 
-            <el-button type="primary" size="large" color="#0052d9" @click="query(0)">查询</el-button>
-            <el-button size="large" @click="query(1)">重置</el-button>
+            <el-button type="primary" size="large" color="#0052d9" @click="query(0)">{{ $t("station.Query") }}</el-button>
+            <el-button size="large" @click="query(1)">{{ $t("station.Reset") }}</el-button>
           </div>
           <div>
             <el-popover placement="bottom-start" :width="400" :visible="visible">
@@ -48,7 +51,7 @@
                 <el-input
                   v-model="keyword"
                   style="width: 400px"
-                  placeholder="搜索电站名称/地址"
+                  :placeholder="$t('station.SearchAddress')"
                   size="large"
                   clearable
                   suffix-icon="Search"
@@ -58,9 +61,9 @@
                 >
                 </el-input>
               </template>
-              <div class="popover_name" @click="onCategory(0)">全部：{{ keyword }}</div>
-              <div class="popover_name" @click="onCategory(1)">电站名称：{{ keyword }}</div>
-              <div class="popover_name" @click="onCategory(2)">电站地址：{{ keyword }}</div>
+              <!-- <div class="popover_name" @click="onCategory(0)">全部：{{ keyword }}</div> -->
+              <div class="popover_name" @click="onCategory(1)">{{ $t("station.PlantName") }}：{{ keyword }}</div>
+              <!-- <div class="popover_name" @click="onCategory(2)">电站地址：{{ keyword }}</div> -->
             </el-popover>
           </div>
         </div>
@@ -73,7 +76,7 @@
         >
           <div>
             <img
-              @click.stop="onJump"
+              @click.stop="onJump(item.powerId)"
               class="topcard_img"
               :src="item.absoluteStationPicUrl"
               alt=""
@@ -83,18 +86,18 @@
 
             <div v-if="item.onlineStatus == 1" class="topcard_online">
               <div class="topcard_online1"></div>
-              在线
+              {{ $t("station.Online") }}
             </div>
             <div v-else class="topcard_online">
               <div class="topcard_online2"></div>
-              离线
+              {{ $t("station.Offline") }}
             </div>
             <div class="topcard_zhong">
               <el-card>
                 <div class="el_card">
                   <div>
                     <div class="el_cardname">{{ item.installedCap }} <span class="el_cardunit">kWh</span></div>
-                    <div class="topcard_title">装机容量</div>
+                    <div class="topcard_title">{{ $t("station.InstalledCapacity") }}</div>
                   </div>
                   <!-- <div>
                     <div class="el_cardname">{{ item.installedCap }} <span class="el_cardunit">台/套</span></div>
@@ -102,7 +105,7 @@
                   </div> -->
                   <div>
                     <div class="el_cardname">{{ item.installedPower }} <span class="el_cardunit">kW</span></div>
-                    <div class="topcard_title">装机功率</div>
+                    <div class="topcard_title">{{ $t("station.RatedPower") }}</div>
                   </div>
                 </div>
               </el-card>
@@ -115,86 +118,90 @@
                   <i class="iconfont iconfontfont" @click="details(item)">&#xe61b;</i>
                 </div>
                 <div class="topcard_bottom2">
-                  <div class="topcard_title">投运时间:</div>
+                  <div class="topcard_title">{{ $t("station.CommissioningDate") }}:</div>
                   <div>{{ item.operationDate }}</div>
                 </div>
                 <div class="topcard_bottom3">
-                  <div class="topcard_title">电站地址:</div>
-
+                  <div class="topcard_title">{{ $t("station.PlantAddress") }}:</div>
                   <div class="topcard_Location">
-                    <el-icon><Location /></el-icon>&nbsp;{{ item.province }}{{ item.city }}{{ item.county }}
+                    &nbsp;{{ item.detailedaddress }}
+                    <!-- <el-icon><Location /></el-icon> -->
                   </div>
                 </div>
               </div>
               <!-- </div> -->
             </el-card>
-            <div v-if="isHovered == index" class="overlay"><i class="iconfont">&#xe62d;</i>进入电站</div>
+            <div v-if="isHovered == index" class="overlay"><i class="iconfont">&#xe62d;</i>{{ $t("station.EnterPlant") }}</div>
           </div>
         </el-card>
       </div>
-      <el-dialog v-model="dialogVisible" title="查看电站" width="800" :before-close="handleClose">
+      <el-dialog v-model="dialogVisible" :title="$t('station.ViewPlant')" width="800" :before-close="handleClose">
         <div class="dialog">
-          <div :class="informationtype == 1 ? 'information' : 'more'" @click="oninformation">基础信息</div>
-          <div :class="informationtype == 2 ? 'information' : 'more'" @click="onmoreinformation">更多信息</div>
+          <div :class="informationtype == 1 ? 'information' : 'more'" @click="oninformation">
+            {{ $t("station.BasicInformation") }}
+          </div>
+          <div :class="informationtype == 2 ? 'information' : 'more'" @click="onmoreinformation">
+            {{ $t("station.MoreDetails") }}
+          </div>
         </div>
         <div v-if="informationtype == 1">
           <div class="more_img">
-            <div class="more_name">电站图片：</div>
+            <div class="more_name">{{ $t("station.PlantPhotos") }}：</div>
             <img class="dialogimg" :src="carditem.absoluteStationPicUrl" alt="" />
           </div>
           <div class="dialog_title">
-            <div class="more_name">电站名称：</div>
+            <div class="more_name">{{ $t("station.PlantName") }}：</div>
             <div class="more_theme">{{ carditem.stationName }}</div>
           </div>
           <div class="dialog_title">
-            <div class="more_name">装机功率：</div>
+            <div class="more_name">{{ $t("station.RatedPower") }}：</div>
             <div class="more_theme">{{ carditem.installedPower }}MW</div>
           </div>
           <div class="dialog_title">
-            <div class="more_name">装机容量：</div>
+            <div class="more_name">{{ $t("station.InstalledCapacity") }}：</div>
             <div class="more_theme">{{ carditem.installedCap }}kWh</div>
           </div>
           <div class="dialog_title">
-            <div class="more_name">电站地址：</div>
+            <div class="more_name">{{ $t("station.PlantAddress") }}：</div>
             <div class="more_theme">{{ carditem.province }}</div>
           </div>
           <div class="dialog_title">
-            <div class="more_name">投运时间：</div>
+            <div class="more_name">{{ $t("station.CommissioningDate") }}：</div>
             <div class="more_theme">{{ carditem.operationDate }}</div>
           </div>
           <div class="dialog_title">
-            <div class="more_name">电站联系电话：</div>
+            <div class="more_name">{{ $t("station.ContactNumber") }}：</div>
             <div class="more_theme">-</div>
           </div>
         </div>
         <div v-if="informationtype == 2">
           <div class="dialog_title">
-            <div class="more_name">安装图片：</div>
+            <div class="more_name">{{ $t("station.InstallationPhotos") }}：</div>
             <div class="more_theme">-</div>
           </div>
           <div class="dialog_title">
-            <div class="more_name">并网点信息：</div>
+            <div class="more_name">{{ $t("station.GridConnectionInfo") }}：</div>
             <div class="more_theme">-</div>
           </div>
           <div class="dialog_title">
-            <div class="more_name">变压器信息：</div>
+            <div class="more_name">{{ $t("station.TransformerSpecifications") }}：</div>
             <div class="more_theme">-</div>
           </div>
           <div class="dialog_title">
-            <div class="more_name">站点变压器容量：</div>
+            <div class="more_name">{{ $t("station.TransformerCapacity") }}：</div>
             <div class="more_theme">-</div>
           </div>
           <div class="dialog_title">
-            <div class="more_name">安装人：</div>
+            <div class="more_name">{{ $t("station.Installer") }}：</div>
             <div class="more_theme">-</div>
           </div>
           <div class="dialog_title">
-            <div class="more_name">安装人联系号码：</div>
+            <div class="more_name">{{ $t("station.InstallerContact") }}：</div>
             <div class="more_theme">-</div>
           </div>
         </div>
         <div class="dialog_footer">
-          <el-button @click="dialogVisible = false" size="large">关闭</el-button>
+          <el-button @click="dialogVisible = false" size="large">{{ $t("station.Close") }}</el-button>
         </div>
       </el-dialog>
     </div>
@@ -441,8 +448,14 @@ const onchange = () => {
   postmultiStationpageinfo();
 };
 // 跳转页面
-const onJump = () => {
-  router.push("/overview/index");
+const onJump = (e: any) => {
+  console.log(e);
+  router.push({
+    path: "/overview/index",
+    query: {
+      powerId: e
+    }
+  });
 };
 const dialogVisible = ref(false);
 // 卡片详情对话框

src/views/system/index.scss

@@ -506,3 +506,6 @@
   display: flex;
   align-items: center;
 }
+.Space_content1 {
+  width: 270px;
+}

src/views/system/index.vue

@@ -4,7 +4,7 @@
       <el-select
         v-model="Singlevalue"
         collapse-tags
-        placeholder="选择电站"
+        :placeholder="$t('system.MoreDetails')"
         popper-class="custom-header"
         :max-collapse-tags="1"
         class="Space_content"
@@ -20,7 +20,7 @@
       <el-select
         v-model="emsDeviceId"
         collapse-tags
-        placeholder="选择编号"
+        :placeholder="$t('system.MoreDetails')"
         popper-class="custom-header"
         :max-collapse-tags="1"
         class="Space_content"
@@ -28,7 +28,7 @@
         @change="getstationrealtime"
       >
         <template #prefix>
-          {{ (emsDevice.find(s => s.id === emsDeviceId) || {}).id }}
+          {{ (emsDevice.find(s => s.id === emsDeviceId) || {}).emsDeviceId }}
         </template>
         <el-option v-for="item in emsDevice" :key="item.id" :label="item.emsDeviceId" :value="item.id" />
       </el-select>
@@ -36,11 +36,11 @@
         <div></div>
         <div class="Equipmenttpye" v-if="realtime.onlineStatus == 1">
           <div class="equipmentborder"></div>
-          在线
+          {{ $t("system.Online") }}
         </div>
         <div class="Equipmenttpyes" v-else>
           <div class="equipmentborderif"></div>
-          离线
+          {{ $t("system.Offline") }}
         </div>
       </div>
     </div>
@@ -50,44 +50,44 @@
           <el-card>
             <template #header>
               <div class="card-header">
-                <span>实时数据</span>
+                <span>{{ $t("system.RealData") }}</span>
               </div>
             </template>
             <div class="real_time">
               <div class="real_timediv">
                 <el-card>
-                  <div class="real_timename">今日充电量</div>
+                  <div class="real_timename">{{ $t("system.todayCharge") }}</div>
                   <div class="real_timeunit">{{ realtime.dayImportKwh }}<span class="real_timeunitcss"> kWh</span></div>
                 </el-card>
               </div>
               <div class="real_timediv">
                 <el-card>
-                  <div class="real_timename">今日放电量</div>
+                  <div class="real_timename">{{ $t("system.todayDischarge") }}</div>
                   <div class="real_timeunit">{{ realtime.dayExportKwh }} <span class="real_timeunitcss">kWh</span></div>
                 </el-card>
               </div>
               <div class="real_timediv">
                 <el-card>
-                  <div class="real_timename">累计充电量</div>
+                  <div class="real_timename">{{ $t("system.totalCharge") }}</div>
                   <div class="real_timeunit">{{ realtime.accumulativeImportKwh }} <span class="real_timeunitcss">kWh</span></div>
                 </el-card>
               </div>
               <div class="real_timediv">
                 <el-card>
-                  <div class="real_timename">累计放电量</div>
+                  <div class="real_timename">{{ $t("system.totalDischarge") }}</div>
                   <div class="real_timeunit">{{ realtime.accumulativeExportKwh }} <span class="real_timeunitcss">kWh</span></div>
                 </el-card>
               </div>
               <div class="real_timediv">
                 <el-card>
-                  <div class="real_timename">电池堆SOC</div>
+                  <div class="real_timename">{{ $t("system.batterySOC") }}</div>
                   <div class="real_timeunit">{{ realtime.soc }} <span class="real_timeunitcss">%</span></div>
                 </el-card>
               </div>
             </div>
             <div class="trend">
               <div class="trend_left">
-                <div class="trend_leftname">运行状态</div>
+                <div class="trend_leftname">{{ $t("system.operatingStatus") }}</div>
                 <div class="trend_leftline">
                   <img class="trend_imgdw" src="../../assets/images/dw.36d3b54f.png" alt="" />
                   <div class="trend_line1">
@@ -107,8 +107,11 @@
                 </div>
               </div>
               <div class="trend_right">
-                <div>功率趋势</div>
-                <div>最大充电功率：107.00kW最大放电功率：80.20 kW 最大负载功率：- kW</div>
+                <div>{{ $t("system.powerTrend") }}</div>
+                <div>
+                  {{ $t("system.maxChargePower") }}：107.00kW {{ $t("system.maxDischargePower") }}：80.20 kW
+                  {{ $t("system.peakLoadPower") }}：- kW
+                </div>
                 <div class="trend_chart" ref="trendchart"></div>
               </div>
             </div>
@@ -118,16 +121,16 @@
           <el-card>
             <template #header>
               <div class="card-header">
-                <span>告警状态</span>
+                <span>{{ $t("system.alarmStatus") }}</span>
               </div>
             </template>
             <div class="Boxdiv">
               <div class="Boxdiv_">
                 <div class="Boxdiv_left">
-                  <div class="Boxdiv_bottom">名称</div>
+                  <div class="Boxdiv_bottom">{{ $t("system.name") }}</div>
                 </div>
                 <div class="Boxdiv_right">
-                  <div class="Boxdiv_bottom">状态</div>
+                  <div class="Boxdiv_bottom">{{ $t("system.status") }}</div>
                 </div>
               </div>
               <div class="Boxdiv_" v-for="(item, index) in device" :key="index">
@@ -138,11 +141,11 @@
                   <div class="Boxdiv_bottom">
                     <div v-if="item.emsCommStatus == 0" class="equipment">
                       <!-- <div class="equipmentborderif"></div> -->
-                      停机
+                      {{ $t("system.shutdown") }}
                     </div>
                     <div v-else class="equipment">
                       <!-- <div class="equipmentborder"></div> -->
-                      运行
+                      {{ $t("system.running") }}
                     </div>
                   </div>
                 </div>
@@ -159,11 +162,17 @@
       <el-card>
         <template #header>
           <div class="card-header">
-            <div>实时运行</div>
+            <div>{{ $t("system.Operation") }}</div>
             <div class="grid_divright">
-              <div :class="timetype == 1 ? 'grid_divright_1' : 'grid_divright_2'" @click="recently(1)">实时</div>
-              <div :class="timetype == 7 ? 'grid_divright_1' : 'grid_divright_2'" @click="recently(7)">近7日</div>
-              <div :class="timetype == 31 ? 'grid_divright_1' : 'grid_divright_2'" @click="recently(31)">近31月</div>
+              <div :class="timetype == 1 ? 'grid_divright_1' : 'grid_divright_2'" @click="recently(1)">
+                {{ $t("system.live") }}
+              </div>
+              <div :class="timetype == 7 ? 'grid_divright_1' : 'grid_divright_2'" @click="recently(7)">
+                {{ $t("system.last7Days") }}
+              </div>
+              <div :class="timetype == 31 ? 'grid_divright_1' : 'grid_divright_2'" @click="recently(31)">
+                {{ $t("system.last31Days") }}
+              </div>
               <el-date-picker
                 v-model="value2"
                 type="datetimerange"
@@ -177,7 +186,7 @@
           </div>
         </template>
         <div class="realoperationdiv">
-          <div class="realoperationdiv1">数据类型</div>
+          <div class="realoperationdiv1">{{ $t("system.DataType") }}</div>
           <div class="realoperationdiv2">
             <div class="realopscreen1">
               <div class="realopscreen1_top">
@@ -191,12 +200,12 @@
                 </el-select>
               </div>
               <div class="realopscreen1_bottom">
-                <el-checkbox v-model="PCS" style="font-weight: 600" label="有功功率" size="large" />
+                <el-checkbox v-model="PCS" style="font-weight: 600" :label="$t('system.activePower')" size="large" />
               </div>
             </div>
             <div class="realopscreen1">
               <div class="realopscreen1_top">
-                <el-checkbox v-model="metertype" style="font-weight: 600" label="电表：" size="large" /><el-select
+                <el-checkbox v-model="metertype" style="font-weight: 600" :label="$t('system.Meter')" size="large" /><el-select
                   v-model="metervalue"
                   placeholder="请选择电表"
                   size="large"
@@ -206,17 +215,17 @@
                 </el-select>
               </div>
               <div class="realopscreen1_bottom">
-                <el-checkbox v-model="metertype" style="font-weight: 600" label="有功功率" size="large" />
+                <el-checkbox v-model="metertype" style="font-weight: 600" :label="$t('system.activePower')" size="large" />
               </div>
             </div>
             <div class="realopscreen1">
               <div class="realopscreen1_top">
-                <el-checkbox v-model="Battery" style="font-weight: 600" label="电池堆：" size="large" /><el-select
-                  v-model="Batteryvalue"
-                  placeholder="请选择电池堆"
+                <el-checkbox
+                  v-model="Battery"
+                  style="font-weight: 600"
+                  :label="$t('system.BatteryStack')"
                   size="large"
-                  style="width: 360px"
-                >
+                /><el-select v-model="Batteryvalue" placeholder="请选择电池堆" size="large" style="width: 360px">
                   <el-option
                     v-for="item in batteryCluster"
                     :key="item.deviceId"
@@ -227,22 +236,24 @@
               </div>
               <div class="realopscreen1_bottom">
                 <el-checkbox v-model="socvalue" style="font-weight: 600" label="soc" size="large" />
-                <el-checkbox v-model="maxvoltage" style="font-weight: 600" label="单体最高电压" size="large" />
-                <el-checkbox v-model="minvoltage" style="font-weight: 600" label="单体最低电压" size="large" />
+                <el-checkbox v-model="maxvoltage" style="font-weight: 600" :label="$t('system.MaxCellVoltage')" size="large" />
+                <el-checkbox v-model="minvoltage" style="font-weight: 600" :label="$t('system.MinCellVoltage')" size="large" />
               </div>
             </div>
           </div>
-          <el-button type="primary" size="large" color="#0052d9" @click="getpoststationdevice">查询</el-button>
+          <el-button type="primary" size="large" color="#0052d9" @click="getpoststationdevice">{{
+            $t("system.Query")
+          }}</el-button>
         </div>
         <div class="gcurve_title">
           <div class="gcurve_tip"></div>
-          <div>尖</div>
+          <div>{{ $t("system.Peak") }}</div>
           <div class="gcurve_peak"></div>
-          <div>峰</div>
+          <div>{{ $t("system.Shoulder") }}</div>
           <div class="gcurve_flat"></div>
-          <div>平</div>
+          <div>{{ $t("system.Offpeak") }}</div>
           <div class="gcurve_valley"></div>
-          <div>谷</div>
+          <div>{{ $t("system.Valley") }}</div>
         </div>
         <div class="gcurve_chart" ref="operatingcurve"></div>
       </el-card>
@@ -251,47 +262,47 @@
       <el-card>
         <template #header>
           <div class="card-header">
-            <div>实时电量收益</div>
+            <div>{{ $t("system.LiveEnergyRevenue") }}</div>
           </div>
         </template>
         <div>
-          日期：
+          {{ $t("system.date") }}
           <el-date-picker
             v-model="pickervalue"
             type="date"
-            placeholder="选择时间"
+            :placeholder="$t('system.date')"
             size="large"
             clearable
             :disabled-date="pickerOptions"
             @change="pickerincome"
           />&ensp;&ensp;
-          <el-button type="primary" size="large" color="#0052d9" @click="gatrevenue">查询</el-button>
-          <el-button size="large" @click="onreset">重置</el-button>
+          <el-button type="primary" size="large" color="#0052d9" @click="gatrevenue">{{ $t("system.Query") }}</el-button>
+          <el-button size="large" @click="onreset">{{ $t("system.Reset") }}</el-button>
         </div>
         <div class="income_div">
           <div class="income_title">
-            <div class="income_title1">时间</div>
+            <div class="income_title1">{{ $t("system.time") }}</div>
             <div class="income_title2">
-              <div class="income_title2_">充电量（kWh）</div>
+              <div class="income_title2_">{{ $t("system.charge") }}</div>
               <div class="income_title2_1">
-                <div class="income_title2_11">尖</div>
-                <div class="income_title2_11">峰</div>
-                <div class="income_title2_11">平</div>
-                <div class="income_title2_11">谷</div>
-                <div class="income_title2_11">总</div>
+                <div class="income_title2_11">{{ $t("system.Peak") }}</div>
+                <div class="income_title2_11">{{ $t("system.Shoulder") }}</div>
+                <div class="income_title2_11">{{ $t("system.Offpeak") }}</div>
+                <div class="income_title2_11">{{ $t("system.Valley") }}</div>
+                <div class="income_title2_11">{{ $t("system.Total") }}</div>
               </div>
             </div>
             <div class="income_title3">
-              <div class="income_title2_">放电量（kWh）</div>
+              <div class="income_title2_">{{ $t("system.discharge") }}</div>
               <div class="income_title2_1">
-                <div class="income_title2_11">尖</div>
-                <div class="income_title2_11">峰</div>
-                <div class="income_title2_11">平</div>
-                <div class="income_title2_11">谷</div>
-                <div class="income_title2_11">总</div>
+                <div class="income_title2_11">{{ $t("system.Peak") }}</div>
+                <div class="income_title2_11">{{ $t("system.Shoulder") }}</div>
+                <div class="income_title2_11">{{ $t("system.Offpeak") }}</div>
+                <div class="income_title2_11">{{ $t("system.Valley") }}</div>
+                <div class="income_title2_11">{{ $t("system.Total") }}</div>
               </div>
             </div>
-            <div class="income_title4">当前收益（元）</div>
+            <div class="income_title4">{{ $t("system.revenue") }}</div>
           </div>
 
           <div class="income_ul" v-for="(item, index) in incomedata.list" :key="index">
@@ -317,7 +328,7 @@
             <div class="income_ul_right">{{ item.profit.toFixed(2) }}</div>
           </div>
           <div class="income_ul">
-            <div class="income_ul_left">总计</div>
+            <div class="income_ul_left">{{ $t("system.Total") }}</div>
             <div class="income_li1">
               <div class="income_title2_1">
                 <div class="income_title2_11">{{ incomedata.total.chargeSharpKwh.toFixed(2) }}</div>

src/views/user/index.scss

@@ -16,7 +16,7 @@
 .screen_view1 {
   display: flex;
   align-items: center;
-  width: 30%;
+  width: 18.5%;
 }
 .cardbottom {
   margin-top: 20px;

src/views/user/index.vue

@@ -9,17 +9,17 @@
     <div class="card">
       <div class="screen">
         <div class="screen_view">
-          登录账号&ensp;&ensp;<el-input v-model="loginName" style="width: 70%" size="large" placeholder="输入登录账号" />
+          登录账号&ensp;&ensp;<el-input v-model="loginName" style="width: 50%" size="large" placeholder="输入登录账号" />
         </div>
         <div class="screen_view">
-          用户状态&ensp;&ensp;<el-select v-model="status" placeholder="请选择用户状态" size="large" style="width: 70%">
+          用户状态&ensp;&ensp;<el-select v-model="status" placeholder="请选择用户状态" size="large" style="width: 50%">
             <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </div>
         <div class="screen_view">
           手机号码&ensp;&ensp;<el-input
             v-model="phonenumber"
-            style="width: 70%"
+            style="width: 50%"
             size="large"
             :rules="[
               { required: true, message: '请输入手机号码', trigger: 'blur' },