日常迭代

src/api/home/Multisite.ts

@@ -690,3 +690,51 @@ export const priceanalysisURL = (params: {}, body: FormData) => {
     }
   });
 };
+// 国网报表按日
+export const stategriddayURL = (params: {}, id: any) => {
+  return http.post<Station.summary>(`/stategrid/singlebetween/${id}/day`, qs.stringify(params));
+};
+// 国网报表按月份
+export const stategridmonthURL = (params: {}, id: any) => {
+  return http.post<Station.summary>(`/stategrid/singlebetween/${id}/month`, qs.stringify(params));
+};
+// 国网报表按年
+export const stategridyearURL = (params: {}, id: any) => {
+  return http.post<Station.summary>(`/stategrid/singlebetween/${id}/year`, qs.stringify(params));
+};
+// 导出电量报表汇总-按日
+export const selectstartegridbetweenexcelday = (params: {}, id: any) => {
+  return http.post<other.Data>(`/stategrid/${id}/selectstategridexcelsinglebetweenday`, qs.stringify(params));
+};
+// 导出电量报表报表汇总-按月
+export const summaryearmonthEXcelURL = (params: {}, id: any) => {
+  return http.post<other.Data>(`/stategrid/${id}/selectstategridexcelsinglebetweenmonth`, qs.stringify(params));
+};
+// 导出电量报表报表汇总-按年
+export const summaryearEXcel = (params: {}, id: any) => {
+  return http.post<other.Data>(`/stategrid/${id}/selectstategridexcelsinglebetweenyear`, qs.stringify(params));
+};
+// 国网收益报表-汇总_日表
+export const getstategriddayURL = (params: {}, id: any) => {
+  return http.post<Station.summary>(`/stategrid/profit/${id}/day`, qs.stringify(params));
+};
+// 国网收益报表-汇总_月表
+export const getstategridmonthURL = (params: {}, id: any) => {
+  return http.post<Station.summary>(`/stategrid/profit/${id}/month`, qs.stringify(params));
+};
+// 国网收益报表-汇总_年表
+export const getstategridyearURL = (params: {}, id: any) => {
+  return http.post<Station.summary>(`/stategrid/profit/${id}/year`, qs.stringify(params));
+};
+// 国网导出收益报表汇总-按日
+export const stategridEXcelday = (params: {}, id: any) => {
+  return http.post<other.Data>(`/stategrid/${id}/selectstartegridprofitexceldaysingle`, qs.stringify(params));
+};
+// 国网导出收益报表报表汇总-按月
+export const stategridEXcelmonth = (params: {}, id: any) => {
+  return http.post<other.Data>(`/stategrid/${id}/selectstartegridprofitexcelmonthsingle`, qs.stringify(params));
+};
+// 国网导出收益报表报表汇总-按年
+export const stategridEXcelyear = (params: {}, id: any) => {
+  return http.post<other.Data>(`/stategrid/${id}/selectstartegridprofitexcelyearsingle`, qs.stringify(params));
+};

src/languages/modules/en.ts

@@ -323,6 +323,7 @@ export default {
       "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",
+    GridReport: "State Grid Report",
     timeframe: "time frame",
     reporttype: "report type",
     selectsite: "select site",
@@ -352,6 +353,7 @@ export default {
       "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",
+    StateGrid: "state grid",
     StartTime: "Start Time",
     EndTime: "End Time",
     Query: "Query",

src/languages/modules/zh.ts

@@ -320,6 +320,7 @@ export default {
     summary: "站点汇总展示所有站点报表数据，支持按日展示31天，按月展示一年内数据。",
     SiteSummary: "站点汇总",
     Singlereport: "单站报表",
+    GridReport: "国网报表",
     timeframe: "时间范围",
     reporttype: "报表类型",
     selectsite: "选择站点",
@@ -348,6 +349,7 @@ export default {
     summary: " 站点汇总展示所有站点报表数据，支持按日展示31天，按月展示一年内数据。",
     SiteSummary: "站点汇总",
     Singlereport: "单站报表",
+    StateGrid: "国网报表",
     StartTime: "开始时间",
     EndTime: "结束时间",
     Query: "查询",

src/views/Administration/addition.vue

@@ -75,7 +75,7 @@
                     </el-select>
                   </template>
                 </el-table-column>
-                <el-table-column prop="buyPrice" :label="$t('Administration.Endperiod')">
+                <el-table-column prop="buyPrice" :label="$t('Administration.Purchase')">
                   <template #default="scope">
                     <el-input v-model="scope.row.buyPrice" type="number"></el-input>
                   </template>

src/views/Administration/index.vue

@@ -851,6 +851,6 @@ onMounted(() => {
 <style scoped lang="scss">
 @import "./index.scss";
 </style>
-<!--
-  script
+<!-- 
+  
  -->

src/views/incomeforms/index.vue

@@ -264,11 +264,120 @@
             </div>
           </div>
         </el-tab-pane>
+        <el-tab-pane :label="$t('incomeforms.StateGrid')" name="国网报表" v-if="BUTTONS.stategrid">
+          <div class="tabdiv">
+            <div class="tabpanesite">
+              <div class="tabpane">
+                <div class="tabpane_1">{{ $t("incomeforms.selectsite") }}：</div>
+                <el-select
+                  v-model="stategridSite"
+                  :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>时间范围：</div>
+                <div class="tabpane1">
+                  <el-date-picker
+                    v-if="timetype != 'year'"
+                    v-model="StateGridtime"
+                    :type="timetype"
+                    :shortcuts="shortcuts"
+                    :format="format"
+                    :value-format="format"
+                    :start-placeholder="$t('incomeforms.StartTime')"
+                    :end-placeholder="$t('incomeforms.EndTime')"
+                    size="large"
+                    :disabled-date="pickerOptions"
+                  />
+                  <el-date-picker
+                    v-if="timetype == 'year'"
+                    v-model="StateGridtime"
+                    type="yearrange"
+                    :format="format"
+                    :value-format="format"
+                    :shortcuts="shortcuts"
+                    :start-placeholder="$t('incomeforms.StartTime')"
+                    :end-placeholder="$t('incomeforms.EndTime')"
+                    size="large"
+                    :disabled-date="pickerOptions"
+                  />
+                  <!-- <YearPicker
+                    v-if="timetype == 'year'"
+                    style="width: 300px"
+                    ref="statisticPicker"
+                    :label-width="50"
+                    :init-year="dateValue"
+                    :start-year1="timepicker[0]"
+                    :end-year2="timepicker[1]"
+                    @update-time-range="updateStatisticYear"
+                  /> -->
+                  <el-select
+                    v-model="stategridvalue"
+                    placeholder="选择日期"
+                    size="large"
+                    style="width: 80px"
+                    @change="getSummarygrid"
+                  >
+                    <el-option v-for="item in daymonthyear" :key="item.value" :label="item.label" :value="item.value" />
+                  </el-select>
+                </div>
+                &ensp;&ensp;
+                <el-button type="primary" size="large" color="#0052d9" @click="gatSummarygrid">
+                  {{ $t("incomeforms.Query") }}
+                </el-button>
+                <el-button size="large" @click="onstategridreset">{{ $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>{{ $t("incomeforms.export") }}</el-button>
+                  <template #dropdown>
+                    <el-dropdown-menu v-for="(item, index) in columnList" :key="index">
+                      <el-dropdown-item>
+                        <el-checkbox @change="oncheck" v-model="item.ifcolumn" :label="item.label" size="large" />
+                        <template v-if="item.children">
+                          <template v-for="(items, i) in item.children" :key="i">
+                            <el-checkbox @change="onchildren" v-model="items.ifcolumn" :label="items.label" size="large" />
+                          </template>
+                        </template>
+                      </el-dropdown-item>
+                    </el-dropdown-menu>
+                    <div class="dropdown">
+                      <el-button @click="stategridexport" type="primary" plain>{{ $t("incomeforms.export") }}</el-button>
+                    </div>
+                  </template>
+                </el-dropdown>
+              </div>
+            </div>
+            &ensp;&ensp;
+
+            <el-table :data="tableData.list" style="width: 100%" align="center" :show-overflow-tooltip="true">
+              <!-- <el-table-column type="selection" width="55" /> -->
+              <template v-for="(item, index) in columnList" :key="index">
+                <el-table-column v-if="item.ifcolumn" :label="item.label" :prop="item.prop" align="center">
+                  <template v-if="item.children">
+                    <template v-for="(items, i) in item.children" :key="i">
+                      <el-table-column v-if="items.ifcolumn" :label="items.label" :prop="items.prop" align="center">
+                      </el-table-column>
+                    </template>
+                  </template>
+                </el-table-column>
+              </template>
+            </el-table>
+          </div>
+        </el-tab-pane>
       </el-tabs>
     </el-card>
   </div>
 </template>
-<!--    -->
+<!-- 
+     
+  -->
 <script setup lang="ts">
 import { onMounted, Ref, ref } from "vue";
 import {
@@ -284,7 +393,13 @@ import {
   reportsummaryyearEXcel,
   reportsingleExcel,
   singlemonthExcel,
-  singleyeaeExcel
+  singleyeaeExcel,
+  getstategriddayURL,
+  getstategridmonthURL,
+  getstategridyearURL,
+  stategridEXcelday,
+  stategridEXcelmonth,
+  stategridEXcelyear
 } from "@/api/home/Multisite";
 import { other, Station } from "@/api/interface";
 import { useAuthButtons } from "@/hooks/useAuthButtons";
@@ -461,15 +576,23 @@ const activeName = ref("站点汇总");
 
 const handleClick = async (val: any) => {
   activeName.value = val.props.name;
+  console.log(val.props.name);
+
   if (val.props.name == "站点汇总") {
     getdaymonthyear(1);
     gatSummary();
+  } else if (val.props.name == "国网报表") {
+    await poststationstationName();
+
+    await getSummarygrid(1);
+    await gatSummarygrid();
   } else {
     await poststationstationName();
     await onreportforms(2);
   }
 };
 const timepicker: Ref<any> = ref([]);
+const StateGridtime: Ref<any> = ref([]);
 
 // 禁用日期
 const pickerOptions = (time: { getTime: (arg0: Date) => number }) => {
@@ -481,6 +604,7 @@ const pickerOptions = (time: { getTime: (arg0: Date) => number }) => {
 // };
 // 选择日期
 const daymonthyearvalue = ref(1);
+const stategridvalue = ref(1); //国网报表
 
 const shortcuts = ref([
   {
@@ -637,6 +761,116 @@ const getdaymonthyear = async (value: any) => {
     // getreportpoweryear();
   }
 };
+// 国网报表
+const getSummarygrid = async (value: any) => {
+  stategridvalue.value = value;
+  if (value == 1) {
+    timetype.value = "daterange";
+    format.value = "YYYY-MM-DD";
+    shortcuts.value = [
+      {
+        text: "过去7天",
+        value: () => {
+          const end = new Date();
+          const start = new Date();
+          start.setDate(start.getDate() - 7);
+          return [start, end];
+        }
+      },
+      {
+        text: "过去1个月",
+        value: () => {
+          const end = new Date();
+          const start = new Date();
+          start.setMonth(start.getMonth() - 1);
+          return [start, end];
+        }
+      },
+      {
+        text: "过去3个月",
+        value: () => {
+          const end = new Date();
+          const start = new Date();
+          start.setMonth(start.getMonth() - 3);
+          return [start, end];
+        }
+      }
+    ];
+    const today = new Date();
+    const currentDate = today.toISOString().split("T")[0];
+    StateGridtime.value = [currentDate, currentDate];
+    // getreportpowerday();
+  } else if (value == 2) {
+    const today = new Date();
+    const currentDate = today.toISOString().split("T")[0];
+    const currentYearMonth = currentDate.slice(0, 7);
+
+    StateGridtime.value = [currentYearMonth, currentYearMonth];
+    // getreportpoweryearMonth();
+    timetype.value = "monthrange";
+    format.value = "YYYY-MM";
+
+    shortcuts.value = [
+      {
+        text: "本月",
+        value: () => {
+          return [new Date(), new Date()];
+        }
+      },
+      {
+        text: "过去6个月",
+        value: () => {
+          const end = new Date();
+          const start = new Date();
+          start.setMonth(start.getMonth() - 6);
+          return [start, end];
+        }
+      },
+      {
+        text: "今年",
+        value: () => {
+          const end = new Date();
+          const start = new Date(new Date().getFullYear(), 0);
+          return [start, end];
+        }
+      }
+    ];
+  } else {
+    const today = new Date();
+    const currentDate = today.toISOString().split("T")[0];
+    // 获取去年同月的日期
+    StateGridtime.value = [currentDate.substring(0, 4), currentDate.substring(0, 4)];
+    console.log(StateGridtime.value);
+    timetype.value = "yearrange";
+    format.value = "YYYY";
+
+    shortcuts.value = [
+      {
+        text: "今年",
+        value: () => {
+          return [new Date(), new Date()];
+        }
+      },
+      {
+        text: "过去1年",
+        value: () => {
+          const end = new Date();
+          const start = new Date(new Date().setFullYear(new Date().getFullYear() - 1));
+          return [start, end];
+        }
+      },
+      {
+        text: "过去2年",
+        value: () => {
+          const start = new Date();
+          const end = new Date(new Date().setFullYear(new Date().getFullYear() - 2));
+          return [start, end];
+        }
+      }
+    ];
+    // getreportpoweryear();
+  }
+};
 
 // 查询
 const gatSummary = () => {
@@ -648,10 +882,24 @@ const gatSummary = () => {
     getreportpoweryear();
   }
 };
+// 国网报表查询
+const gatSummarygrid = () => {
+  if (stategridvalue.value == 1) {
+    getstategridday();
+  } else if (stategridvalue.value == 2) {
+    getstategridmonth();
+  } else if (stategridvalue.value == 3) {
+    getstategridyear();
+  }
+};
 // 重置
 const onreset = () => {
   getdaymonthyear(1);
 };
+// 重置
+const onstategridreset = () => {
+  getSummarygrid(1);
+};
 const onclose = (val: boolean) => {
   console.log(val);
   setTimeout(() => {
@@ -822,6 +1070,54 @@ const onexport = async () => {
     downloadxlsx(timepicker.value[0] + "-" + timepicker.value[1], data);
   }
 };
+// 国网导出
+const stategridexport = async () => {
+  let obj: string[] = []; // 假设 prop 是 string 类型，如果不是，请根据实际类型修改
+
+  if (columnList.value) {
+    for (const column of columnList.value) {
+      if (column?.ifcolumn) {
+        if (column.prop) {
+          obj.push(column.prop);
+        }
+        if (column.children) {
+          for (const child of column.children) {
+            if (child?.ifcolumn && child.prop) {
+              obj.push(child.prop);
+            }
+          }
+        }
+      }
+    }
+  }
+
+  const jsonString = obj.join(",");
+  if (stategridvalue.value == 1) {
+    let obj = {
+      excel: jsonString,
+      startDate: timepicker.value[0],
+      endDate: timepicker.value[1]
+    };
+    const { data } = await stategridEXcelday(obj, stategridSite.value);
+    downloadxlsx(timepicker.value[0], data);
+  } else if (stategridvalue.value == 2) {
+    let obj = {
+      excel: jsonString,
+      startYearMonth: timepicker.value[0],
+      endYearMonth: timepicker.value[1]
+    };
+    const { data } = await stategridEXcelmonth(obj, stategridSite.value);
+    downloadxlsx(timepicker.value[0], data);
+  } else if (stategridvalue.value == 3) {
+    let obj = {
+      excel: jsonString,
+      startYear: timepicker.value[0],
+      endYear: timepicker.value[1]
+    };
+    const { data } = await stategridEXcelyear(obj, stategridSite.value);
+    downloadxlsx(timepicker.value[0] + "-" + timepicker.value[1], data);
+  }
+};
 const downloadxlsx = (item: string, data: other.Data) => {
   console.log(item, data);
 
@@ -830,7 +1126,7 @@ const downloadxlsx = (item: string, data: other.Data) => {
   const hours = formatTime(date.getHours());
   const minutes = formatTime(date.getMinutes());
   const seconds = formatTime(date.getSeconds());
-  let fileName = `${item} ${hours}：${minutes}：${seconds}电量报表.xlsx`;
+  let fileName = `${item} ${hours}：${minutes}：${seconds}${activeName.value == "站点汇总" ? "收益报表" : "国网收益报表"}.xlsx`;
   fetch(fileUrl)
     .then(response => response.blob())
     .then(blob => {
@@ -906,6 +1202,42 @@ const getreportpoweryear = async () => {
   data.list.push(data.total);
   tableData.value = data;
 };
+const gridtableData = ref(); // 国网
+
+// 国网日
+const getstategridday = async () => {
+  let obj = {
+    startDate: timepicker.value[0],
+    endDate: timepicker.value[1]
+  };
+  const { data } = await getstategriddayURL(obj, Singlevalue.value);
+  data.total.ymdHour = "总计";
+  data.list.push(data.total);
+  gridtableData.value = data;
+};
+// 国网月份
+const getstategridmonth = async () => {
+  let obj = {
+    startYearMonth: timepicker.value[0],
+    endYearMonth: timepicker.value[1]
+  };
+  const { data } = await getstategridmonthURL(obj, Singlevalue.value);
+  data.total.ymdHour = "总计";
+  data.list.push(data.total);
+  gridtableData.value = data;
+};
+// 国网年份
+
+const getstategridyear = async () => {
+  let obj = {
+    startYear: timepicker.value[0],
+    endYear: timepicker.value[1]
+  };
+  const { data } = await getstategridyearURL(obj, Singlevalue.value);
+  data.total.ymdHour = "总计";
+  data.list.push(data.total);
+  gridtableData.value = data;
+};
 
 const reportformsindex = ref(2);
 const pickertype: Ref<any> = ref("daterange");
@@ -1021,10 +1353,14 @@ const onreportforms = (val: any) => {
 
 // 选择站点
 const Singlevalue = ref("");
+const stategridSite = ref(""); // 国网
+
 const cities: Ref<Station.todo[]> = ref([]);
 const poststationstationName = async () => {
   const { data } = await stationstationName({});
   Singlevalue.value = data[0].id;
+  stategridSite.value = data[0].id;
+
   cities.value = data;
   // getsingleincomeday();
 };

src/views/reportforms/index.vue

@@ -369,13 +369,136 @@
             </el-table>
           </div>
         </el-tab-pane>
+        <el-tab-pane :label="$t('reportforms.GridReport')" name="国网报表" v-if="BUTTONS.stategrid">
+          <div class="tabdiv">
+            <div class="tabpanesite">
+              <div class="tabpane">
+                <div class="tabpane_1">{{ $t("reportforms.selectsite") }}：</div>
+                <el-select
+                  v-model="stategridSite"
+                  :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>{{ $t("reportforms.timeframe") }}：</div>
+                <div class="tabpane1">
+                  <!-- year -->
+                  <el-date-picker
+                    v-if="timetype != 'year'"
+                    v-model="StateGrid"
+                    :type="timetype"
+                    :shortcuts="shortcuts"
+                    :format="format"
+                    :value-format="format"
+                    start-placeholder="开始时间"
+                    end-placeholder="结束时间"
+                    size="large"
+                    :disabled-date="pickerOptions"
+                  />
+                  <el-date-picker
+                    v-if="timetype == 'year'"
+                    v-model="StateGrid"
+                    type="yearrange"
+                    :format="format"
+                    :value-format="format"
+                    :shortcuts="shortcuts"
+                    start-placeholder="开始时间"
+                    end-placeholder="结束时间"
+                    size="large"
+                    :disabled-date="pickerOptions"
+                  />
+                  <!-- <YearPicker
+                    v-if="timetype == 'year'"
+                    style="width: 300px"
+                    ref="statisticPicker"
+                    :label-width="50"
+                    :shortcuts="shortcuts"
+                    :init-year="dateValue"
+                    :start-year1="timepicker[0]"
+                    :end-year2="timepicker[1]"
+                    @update-time-range="updateStatisticYear"
+                  /> -->
+                  <el-select
+                    v-model="StateGriddate"
+                    placeholder="选择日期"
+                    size="large"
+                    style="width: 80px"
+                    @change="StateGridchange"
+                  >
+                    <el-option v-for="item in daymonthyear" :key="item.value" :label="item.label" :value="item.value" />
+                  </el-select>
+                </div>
+                &ensp;&ensp;
+                <el-button type="primary" size="large" color="#0052d9" @click="gatstategridSummary">{{
+                  $t("reportforms.Query")
+                }}</el-button>
+                <el-button size="large" @click="onstategridreset">{{ $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>{{ $t("reportforms.export") }}</el-button>
+                  <template #dropdown>
+                    <el-dropdown-menu v-for="(item, index) in columnList" :key="index">
+                      <el-dropdown-item>
+                        <el-checkbox @change="oncheck" v-model="item.ifcolumn" :label="item.label" size="large" />
+                        <template v-if="item.children">
+                          <template v-for="(items, i) in item.children" :key="i">
+                            <el-checkbox @change="onchildren" v-model="items.ifcolumn" :label="items.label" size="large" />
+                          </template>
+                        </template>
+                      </el-dropdown-item>
+                    </el-dropdown-menu>
+                    <div class="dropdown">
+                      <el-button @click="onexportstategrid" type="primary" plain>{{ $t("reportforms.export") }}</el-button>
+                    </div>
+                  </template>
+                </el-dropdown>
+              </div>
+            </div>
+            &ensp;&ensp;
+            <el-table :data="GridReportdata.list" style="width: 100%" align="center" :show-overflow-tooltip="true">
+              <!-- <el-table-column type="selection" width="55" /> -->
+              <template v-for="(item, index) in columnList" :key="index">
+                <el-table-column v-if="item.ifcolumn" :label="item.label" :prop="item.prop" align="center">
+                  <template v-if="item.children">
+                    <template v-for="(items, i) in item.children" :key="i">
+                      <el-table-column v-if="items.ifcolumn" :label="items.label" :prop="items.prop" align="center">
+                      </el-table-column>
+                    </template>
+                  </template>
+                </el-table-column>
+              </template>
+              <!-- <el-table-column prop="stationName" label="站点名称" width="150" align="center" />
+              <el-table-column label="充电量(kWh)" align="center">
+                <el-table-column prop="chargeSharp" label="尖" align="center" />
+                <el-table-column prop="chargePeak" label="峰" align="center" />
+                <el-table-column prop="chargeShoulder" label="平" align="center" />
+                <el-table-column prop="chargeValley" label="谷" align="center" />
+                <el-table-column prop="chargeTotal" label="总" align="center" />
+              </el-table-column>
+              <el-table-column label="放电量(kWh)" align="center">
+                <el-table-column prop="dischargeSharp" label="尖" align="center" />
+                <el-table-column prop="dischargePeak" label="峰" align="center" />
+                <el-table-column prop="dischargeShoulder" label="平" align="center" />
+                <el-table-column prop="dischargeValley" label="谷" align="center" />
+                <el-table-column prop="dischargeTotal" label="总" align="center" />
+              </el-table-column>
+              <el-table-column prop="overallEfficiency" label="综合效率(%)" width="150" align="center" /> -->
+            </el-table>
+          </div>
+        </el-tab-pane>
       </el-tabs>
     </el-card>
   </div>
 </template>
 <!--   
-
- -->
+     
+-->
 <script setup lang="ts">
 import { onMounted, Ref, ref } from "vue";
 import {
@@ -396,7 +519,13 @@ import {
   betweenbiaoExcel,
   betweenyearMonthExcel,
   betweenyearExcel,
-  selectemssytemNameURL
+  selectemssytemNameURL,
+  stategriddayURL,
+  stategridmonthURL,
+  stategridyearURL,
+  selectstartegridbetweenexcelday,
+  summaryearmonthEXcelURL,
+  summaryearEXcel
 } from "@/api/home/Multisite";
 import { useAuthButtons } from "@/hooks/useAuthButtons";
 const { BUTTONS } = useAuthButtons();
@@ -559,12 +688,17 @@ const singlecolumnList = ref([
 const currentDate = ref();
 const activeName = ref("站点汇总");
 const timepicker: Ref<any> = ref([]);
+const StateGrid: Ref<any> = ref([]); // 国网报表
 //year daterange
 const timetype: Ref<any> = ref("daterange");
 const handleClick = async (val: any) => {
   if (val.props.name == "站点汇总") {
     getdaymonthyear(1);
     gatSummary();
+  } else if (val.props.name == "国网报表") {
+    await poststationstationName();
+    await StateGridchange(1);
+    await gatstategridSummary();
   } else {
     await poststationstationName();
     await onreportforms(2);
@@ -584,6 +718,7 @@ const pickerOptions = (time: { getTime: (arg0: Date) => number }) => {
 // 选择日期
 
 const daymonthyearvalue = ref(1);
+const StateGriddate = ref(1); // 国网报表
 const daymonthyear = ref([
   {
     value: 1,
@@ -737,6 +872,115 @@ const getdaymonthyear = async (value: any) => {
     // getreportpoweryear();
   }
 };
+const StateGridchange = async (value: any) => {
+  StateGriddate.value = value;
+  if (value == 1) {
+    timetype.value = "daterange";
+    format.value = "YYYY-MM-DD";
+    shortcuts.value = [
+      {
+        text: "过去7天",
+        value: () => {
+          const end = new Date();
+          const start = new Date();
+          start.setDate(start.getDate() - 7);
+          return [start, end];
+        }
+      },
+      {
+        text: "过去1个月",
+        value: () => {
+          const end = new Date();
+          const start = new Date();
+          start.setMonth(start.getMonth() - 1);
+          return [start, end];
+        }
+      },
+      {
+        text: "过去3个月",
+        value: () => {
+          const end = new Date();
+          const start = new Date();
+          start.setMonth(start.getMonth() - 3);
+          return [start, end];
+        }
+      }
+    ];
+    const today = new Date();
+    const currentDate = today.toISOString().split("T")[0];
+    StateGrid.value = [currentDate, currentDate];
+    // getreportpowerday();
+  } else if (value == 2) {
+    const today = new Date();
+    const currentDate = today.toISOString().split("T")[0];
+    const currentYearMonth = currentDate.slice(0, 7);
+
+    StateGrid.value = [currentYearMonth, currentYearMonth];
+    // getreportpoweryearMonth();
+    timetype.value = "monthrange";
+    format.value = "YYYY-MM";
+
+    shortcuts.value = [
+      {
+        text: "本月",
+        value: () => {
+          return [new Date(), new Date()];
+        }
+      },
+      {
+        text: "过去6个月",
+        value: () => {
+          const end = new Date();
+          const start = new Date();
+          start.setMonth(start.getMonth() - 6);
+          return [start, end];
+        }
+      },
+      {
+        text: "今年",
+        value: () => {
+          const end = new Date();
+          const start = new Date(new Date().getFullYear(), 0);
+          return [start, end];
+        }
+      }
+    ];
+  } else {
+    const today = new Date();
+    const currentDate = today.toISOString().split("T")[0];
+    // 获取去年同月的日期
+    StateGrid.value = [currentDate.substring(0, 4), currentDate.substring(0, 4)];
+    console.log(StateGrid.value);
+    timetype.value = "yearrange";
+    format.value = "YYYY";
+
+    shortcuts.value = [
+      {
+        text: "今年",
+        value: () => {
+          return [new Date(), new Date()];
+        }
+      },
+      {
+        text: "过去1年",
+        value: () => {
+          const end = new Date();
+          const start = new Date(new Date().setFullYear(new Date().getFullYear() - 1));
+          return [start, end];
+        }
+      },
+      {
+        text: "过去2年",
+        value: () => {
+          const start = new Date();
+          const end = new Date(new Date().setFullYear(new Date().getFullYear() - 2));
+          return [start, end];
+        }
+      }
+    ];
+    // getreportpoweryear();
+  }
+};
 // 查询
 const gatSummary = () => {
   // getdaymonthyear(daymonthyearvalue.value);
@@ -748,10 +992,24 @@ const gatSummary = () => {
     getreportpoweryear();
   }
 };
+// 国网查询
+const gatstategridSummary = () => {
+  if (StateGriddate.value == 1) {
+    getstategriddayURL();
+  } else if (StateGriddate.value == 2) {
+    getstategridmonthURL();
+  } else if (StateGriddate.value == 3) {
+    getstategridyearURL();
+  }
+};
 // 重置
 const onreset = () => {
   getdaymonthyear(1);
 };
+// 重置
+const onstategridreset = () => {
+  StateGridchange(1);
+};
 const onclose = (val: boolean) => {
   console.log(val);
   setTimeout(() => {
@@ -949,6 +1207,83 @@ const downloadxlsx = (item: string, data: other.Data) => {
       console.error("下载文件时出错:", error);
     });
 };
+// 国网导出
+const onexportstategrid = async () => {
+  let obj: string[] = []; // 假设 prop 是 string 类型，如果不是，请根据实际类型修改
+
+  if (columnList.value) {
+    for (const column of columnList.value) {
+      if (column?.ifcolumn) {
+        if (column.prop) {
+          obj.push(column.prop);
+        }
+        if (column.children) {
+          for (const child of column.children) {
+            if (child?.ifcolumn && child.prop) {
+              obj.push(child.prop);
+            }
+          }
+        }
+      }
+    }
+  }
+  const jsonString = obj.join(",");
+
+  if (StateGriddate.value == 1) {
+    let obj = {
+      excel: jsonString,
+      startDate: StateGrid.value[0],
+      endDate: StateGrid.value[1]
+    };
+    const { data } = await selectstartegridbetweenexcelday(obj, stategridSite.value);
+    getdownloadxlsx(StateGrid.value[0], data);
+  } else if (StateGriddate.value == 2) {
+    let obj = {
+      excel: jsonString,
+
+      startYearMonth: StateGrid.value[0],
+      endYearMonth: StateGrid.value[1]
+    };
+    const { data } = await summaryearmonthEXcelURL(obj, stategridSite.value);
+    getdownloadxlsx(StateGrid.value[0], data);
+  } else if (StateGriddate.value == 3) {
+    let obj = {
+      excel: jsonString,
+      startYear: StateGrid.value[0],
+      endYear: StateGrid.value[1]
+    };
+    const { data } = await summaryearEXcel(obj, stategridSite.value);
+    getdownloadxlsx(StateGrid.value[0] + "-" + StateGrid.value[1], data);
+  }
+};
+const getdownloadxlsx = (item: string, data: other.Data) => {
+  let fileUrl = `download/${data.msg}`;
+  const date = new Date();
+  const hours = formatTime(date.getHours());
+  const minutes = formatTime(date.getMinutes());
+  const seconds = formatTime(date.getSeconds());
+  let fileName = `${item} ${hours}：${minutes}：${seconds}国网电量报表.xlsx`;
+  fetch(fileUrl)
+    .then(response => response.blob())
+    .then(blob => {
+      // 创建一个临时的URL对象
+      const url = URL.createObjectURL(blob);
+      // 创建一个隐藏的<a>标签，并设置其href属性为临时URL
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = fileName; // 设置下载的文件名
+      a.style.display = "none";
+      // 将<a>标签添加到文档中，并模拟点击下载
+      document.body.appendChild(a);
+      a.click();
+      // 下载完成后，移除<a>标签和临时URL对象
+      document.body.removeChild(a);
+      URL.revokeObjectURL(url);
+    })
+    .catch(error => {
+      console.error("下载文件时出错:", error);
+    });
+};
 const formatTime = (time: number) => {
   return time < 10 ? `0${time}` : time; // 如果时间小于 10，在前面加上 0
 };
@@ -1002,6 +1337,45 @@ const getreportpoweryear = async () => {
   data.list.push(data.total);
   tableData.value = data;
 };
+// 国网表格
+const GridReportdata = ref();
+// 日
+const getstategriddayURL = async () => {
+  let obj = {
+    startDate: StateGrid.value[0],
+    endDate: StateGrid.value[1]
+  };
+  const { data } = await stategriddayURL(obj, stategridSite.value);
+  data.total.stationName = "总计";
+
+  data.list.push(data.total);
+  GridReportdata.value = data;
+};
+// 月份
+const getstategridmonthURL = async () => {
+  let obj = {
+    startYearMonth: StateGrid.value[0],
+    endYearMonth: StateGrid.value[1]
+  };
+  const { data } = await stategridmonthURL(obj, stategridSite.value);
+  data.total.stationName = "总计";
+
+  data.list.push(data.total);
+  GridReportdata.value = data;
+};
+// 年份
+const getstategridyearURL = async () => {
+  let obj = {
+    startYear: StateGrid.value[0],
+    endYear: StateGrid.value[1]
+  };
+  const { data } = await stategridyearURL(obj, stategridSite.value);
+  data.total.stationName = "总计";
+
+  data.list.push(data.total);
+  GridReportdata.value = data;
+};
+
 const reportformsindex = ref(2);
 const pickertype: Ref<any> = ref("date");
 
@@ -1147,11 +1521,14 @@ const onchart = (val: any) => {
 };
 // 选择站点
 const Singlevalue = ref("");
+const stategridSite = ref("");
+
 const cities: Ref<Station.todo[]> = ref([]);
 
 const poststationstationName = async () => {
   const { data } = await stationstationName({});
   Singlevalue.value = data[0].id;
+  stategridSite.value = data[0].id;
   cities.value = data;
   return;
   getemsSystemsingleStation();