大储离线导出导入

.env.development

@@ -25,15 +25,7 @@ VITE_PROXY = [["/api","https://esos-iot.bjdexn.cn"]]
 # VITE_PROXY = [["/api-easymock","https://mock.mengxuegu.com"],["/api-fastmock","https://www.fastmock.site"]]
 # 故障列表 导出  /电站级
 # 邮箱分享报表 电量 收益    普通用户 / 故障信息  管理员
-# 0.3094     1.1344
-# 
-# 209        363
-# 
-#                                             
-# 
-# 
-#                                                                                                          
-# 
+
 
 
 

.vscode/settings.json

@@ -78,10 +78,12 @@
     "openxmlformats",
     "operatingcurve",
     "Pageable",
+    "periodoftime",
     "persistedstate",
     "phonenumber",
     "pinia",
     "pjpeg",
+    "poststationstation",
     "Prefixs",
     "reportforms",
     "reportpowerday",

src/api/home/Multisite.ts

@@ -618,3 +618,37 @@ export const directorylURL = () => {
 export const directorylURL1 = () => {
   return http.get(`/Thisitem_20241029.tar.gz`, {}, { loading: false });
 };
+// 接口监控日志
+export const LogListpageURL = (params: {}) => {
+  return http.post(`/Generate/LogListpage`, qs.stringify(params));
+};
+// 设备控制启停
+export const mqttsendURL = (params: {}) => {
+  return http.post(`/mqtt/send`, qs.stringify(params));
+};
+// 设备控制时间段控制
+export const periodoftimeURL = (id: any, params: {}) => {
+  return http.post(`/mqtt/periodoftime?deviceId=${id}`, params);
+};
+// 本地文件上传查询接口
+export const selectfileURL = (params: {}) => {
+  return http.post(`/tdengineyuanshi/selectfile`, params);
+};
+// 上传文件
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export const tdengineyuanshiURL = (params: {}, body: FormData) => {
+  return http.post(`/tdengineyuanshi/upload`, body, {
+    params, // 将额外参数作为查询参数传递
+    headers: {
+      "Content-Type": "multipart/form-data" // 设置请求头为 multipart/form-data
+    }
+  });
+};
+// 大储本地文件下载
+export const downloadfileURL = (params: {}) => {
+  return http.download(`/tdengineyuanshi/downloadfile`, qs.stringify(params));
+};
+// 本地查询数字典
+export const selectfileidURL = (params: {}) => {
+  return http.post(`/tdengineyuanshi/selectfileid`, params);
+};

src/api/index.ts

@@ -146,7 +146,7 @@ class RequestHttp {
   delete<T>(url: string, params?: any, _object = {}): Promise<ResultData<T>> {
     return this.service.delete(url, { params, ..._object });
   }
-  download(url: string, params?: object, _object = {}): Promise<BlobPart> {
+  download(url: string, params?: object | string, _object = {}): Promise<BlobPart> {
     return this.service.post(url, params, { ..._object, responseType: "blob" });
   }
 }

src/api/interface/index.ts

@@ -156,6 +156,7 @@ export namespace Station {
   }
   // 设备监控 tap标签
   export interface deviceList {
+    name: string;
     deviceClass: number;
     deviceType: number;
     deviceClassName: string;

src/views/home/index.vue

@@ -529,8 +529,13 @@ const getdaymonthyear = async (value: any) => {
     const currentDate = today.toISOString().split("T")[0];
     const sevenDaysAgoDate = new Date(today);
     sevenDaysAgoDate.setDate(today.getDate() - 6);
-    const sevenDaysAgo = sevenDaysAgoDate.toLocaleDateString();
-    value2.value = [sevenDaysAgo, currentDate];
+    // const sevenDaysAgo = sevenDaysAgoDate.toLocaleDateString();
+    const year1 = sevenDaysAgoDate.getFullYear();
+    const month1 = String(sevenDaysAgoDate.getMonth() + 1).padStart(2, "0"); // Months are zero-based
+    const day1 = String(sevenDaysAgoDate.getDate()).padStart(2, "0");
+    const formattedDate = `${year1}-${month1}-${day1}`;
+
+    value2.value = [formattedDate, currentDate];
     // getreportpowerday();
   } else if (value == 2) {
     const today = new Date();
@@ -690,9 +695,16 @@ const getsite = async () => {
   localStorage.setItem("currentDate", currentDate.value);
   const today = new Date();
   const sevenDaysAgoDate = new Date(today);
-  sevenDaysAgoDate.setDate(today.getDate() - 6);
-  const sevenDaysAgo = sevenDaysAgoDate.toLocaleDateString();
-  value2.value = [sevenDaysAgo, currentDate.value];
+  sevenDaysAgoDate.setDate(today.getDate() - 7);
+  // const sevenDaysAgo = sevenDaysAgoDate.toLocaleDateString();
+  // const sevenDaysAgo = sevenDaysAgoDate.toLocaleDateString();
+  const year1 = sevenDaysAgoDate.getFullYear();
+  const month1 = String(sevenDaysAgoDate.getMonth() + 1).padStart(2, "0"); // Months are zero-based
+  const day1 = String(sevenDaysAgoDate.getDate()).padStart(2, "0");
+
+  // Format the date as "YYYY-MM-DD"
+  const formattedDate = `${year1}-${month1}-${day1}`;
+  value2.value = [formattedDate, currentDate.value];
   const { data } = await gethomesite();
 
   multiStation.value = data;
@@ -710,7 +722,7 @@ const getmultiStation = async () => {
       dates.push([data[index].ymd, data[index].profit]);
     }
   } else {
-    dates.push([value2.value[0], "50"], [value2.value[1], "120"]);
+    dates.push([value2.value[0], "0"], [value2.value[1], "0"]);
   }
   const profits = [{ type: "bar" }];
 
@@ -729,7 +741,7 @@ const getmultiStationMonthMonth = async () => {
       dates.push([data[index].ymd, data[index].profit]);
     }
   } else {
-    dates.push([value2.value[0], "50"], [value2.value[1], "120"]);
+    dates.push([value2.value[0], "0"], [value2.value[1], "0"]);
   }
   const profits = [{ type: "bar" }];
 
@@ -864,7 +876,7 @@ const getmultiStationtopday = async () => {
     profitlist = sortedData.map(item => parseFloat(item.profit)); // 转回为数字
     stationNames = sortedData.map(item => item.stationName);
   } else {
-    profitlist = [60, 40, 70, 20, 80, 100, 120];
+    profitlist = [1, 1, 1, 1, 1, 1, 1];
     stationNames = ["演示电站一", "演示电站二", "演示电站三", "演示电站四", "演示电站五", "演示电站六", "演示电站七"];
   }
 
@@ -886,7 +898,7 @@ const getmultiStationtopdayMonth = async () => {
     profitlist = sortedData.map(item => parseFloat(item.profit)); // 转回为数字
     stationNames = sortedData.map(item => item.stationName);
   } else {
-    profitlist = [60, 40, 70, 20, 80, 100, 120];
+    profitlist = [1, 1, 1, 1, 1, 1, 1];
     stationNames = ["演示电站一", "演示电站二", "演示电站三", "演示电站四", "演示电站五", "演示电站六", "演示电站七"];
   }
 
@@ -1102,6 +1114,7 @@ const postmultiStationpagebaseInfo = async () => {
 
   pageable.value.total = tableData.value.total;
 };
+
 onMounted(() => {
   getsite();
   getmultiStationtopday();

src/views/localdata/index.scss

@@ -1,8 +1,14 @@
 .screen {
   display: flex;
+  justify-content: space-between;
   width: 100%;
   margin-bottom: 20px;
 }
+.screen_right {
+  display: flex;
+
+  // width: 100%;
+}
 .screen1 {
   display: flex;
   justify-content: space-between;
@@ -30,3 +36,29 @@
   margin-top: 20px;
   font-size: 16px;
 }
+.export {
+  margin-left: 40px;
+}
+.dialoglexce {
+  display: flex;
+  flex-direction: column;
+
+  // align-items: center;
+  height: 360px;
+  margin-top: 40px;
+}
+.dialoglexcebox {
+  display: flex;
+  align-items: center;
+}
+.dialogpileup {
+  margin-top: 40px;
+}
+.dialoglexce_box {
+  display: flex;
+}
+.dialoglexce_right {
+  box-sizing: border-box;
+  width: 50%;
+  padding: 30px;
+}

src/views/localdata/index.vue

@@ -4,100 +4,50 @@
       本地数据
       <div class="title_time">{{ currentDate }}</div>
     </div>
-    <!-- <div class="card">
+
+    <div class="card">
       <div class="screen">
-        <div>
-          电站&ensp;&ensp;
-          <el-select v-model="status" placeholder="选择电站" 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>
-        </div>
-        <div>
-          &ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;所属设备&ensp;&ensp;
-          <el-select
-            v-model="emsDeviceId"
-            placeholder="请先选择电站在选择所属设备"
-            size="large"
-            style="width: 240px"
-            clearable
-            @change="getpostdeviceClass"
-          >
-            <el-option v-for="item in emsDevice" :key="item.id" :label="item.emsDeviceId" :value="item.id" />
-          </el-select>
-        </div>
-        <div>
-          &ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;设备类型&ensp;&ensp;
-          <el-select v-model="quipment" placeholder="请选择设备类型" size="large" style="width: 240px" clearable>
-            <el-option v-for="item in quipmentlist" :key="item.peek" :label="item.peek" :value="item.peek" />
-          </el-select>
-        </div>
-        <div>
-          &ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;标题翻译&ensp;&ensp;
-          <el-select
-            v-model="translate.user.peekType"
-            placeholder="请选择设备类型"
-            size="large"
-            style="width: 240px"
-            clearable
-            @change="ontranslate"
-          >
-            <el-option v-for="item in translatelist" :key="item.id" :label="item.value" :value="item.id" />
-          </el-select>
-        </div>
-      </div>
-      <div class="screen1">
-        <div>
-          时间范围&ensp;&ensp;
-          <el-date-picker
-            size="large"
-            v-model="timevalue"
-            :shortcuts="shortcuts"
-            type="daterange"
-            start-placeholder="开始时间"
-            end-placeholder="结束时间"
-            :default-value="timevalue"
-            :disabled-date="pickerOptions"
-            value-format="YYYY-MM-DD"
-            format="YYYY-MM-DD"
-          />
-        </div>
-        &ensp;&ensp; &ensp;&ensp;
-        <div>
+        <el-radio-group v-model="commerce" size="large" fill="#0052d9" @change="oncommerce">
+          <el-radio-button label="工商业储能" :value="1" />
+          <el-radio-button label="大储储能" :value="2" />
+        </el-radio-group>
+
+        <div class="screen_right" v-if="commerce == 2">
+          <div>
+            电站&ensp;&ensp;
+            <el-cascader v-model="localdata" :options="optionsfile" :props="cascaderProps" filterable @change="postemsDevice" />
+          </div>
+          &ensp;&ensp;&ensp;&ensp;
           <el-button type="primary" size="large" color="#0052d9" @click="query(0)">查询</el-button>
-          <el-button type="primary" size="large" color="#0052d9" @click="newaddition">导出</el-button>
-          <el-button size="large" @click="query(1)">重置</el-button>&ensp;&ensp;
+          <div class="export">
+            <el-button type="primary" size="large" color="#0052d9" @click="newaddition">导入</el-button>
+          </div>
         </div>
       </div>
-    </div> -->
+    </div>
     <div class="card cardbottom">
       <div>&ensp;</div>
       <el-table
-        :data="tableData.children"
+        :data="commerce == 1 ? tableData.children : options"
         row-key="name"
         :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
         style="width: 100%"
         border
+        show-overflow-tooltip
         @row-click="handleRowClick"
       >
-        <!-- <el-table-column/> -->
-        <!-- <el-table-column width="250" :show-overflow-tooltip="true" v-for="item in head" :key="item" :prop="item" :label="item" /> -->
-        <!-- <el-table-column type="selection" width="55" :selectable="selectable" /> -->
         <el-table-column prop="name" label="文件名称" />
-        <el-table-column prop="size" label="文件大小" />
-        <el-table-column prop="type" label="文件类型" />
+
+        <el-table-column prop="id" label="ID" />
+        <el-table-column prop="parentId" label="父ID" />
         <el-table-column label="操作" align="center" width="180">
           <template #default="scope">
-            <el-button v-if="scope.row.type == 'file'" @click="downloadxlsx(row.name)">下载</el-button>
+            <el-button v-if="scope.row.type == 'file'" @click="downloadxlsx(scope.row.name)">下载</el-button>
+            <el-button v-if="scope.row.fileType == 'file'" @click="downloadfilezip(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="导出中" top="300px" width="40%" @close="handleClose">
       <div class="lexce">{{ message }}</div>
@@ -108,36 +58,96 @@
         </div>
       </template>
     </el-dialog>
+    <!-- 大储导出 -->
+    <el-dialog v-model="energystorage" title="大储导入" top="100px" width="40%" @close="handenergyClose">
+      <div class="dialoglexce_box">
+        <div class="dialoglexce">
+          <div class="dialoglexcebox">
+            电站&ensp;&ensp;
+            <el-cascader
+              v-model="status"
+              style="width: 300px"
+              :options="optionsfile"
+              :props="cascaderProps"
+              filterable
+              @change="e => onpostemsDevice(e)"
+            />
+          </div>
+          <div class="dialogpileup">
+            &ensp;&ensp;{{ acbcType == 1 ? "堆" : "PCS" }}&ensp;&ensp;<el-input
+              v-model="emsdevicename"
+              style="width: 300px"
+              size="large"
+              placeholder="请输入"
+            />
+          </div>
+          <div class="dialogpileup" v-if="acbcType == 1">
+            &ensp;&ensp;栈&ensp;&ensp;<el-input v-model="Stackename" style="width: 300px" size="large" placeholder="请输入" />
+          </div>
+        </div>
+        <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 { directorylURL, stationstationName, selectaccountNumber } from "@/api/home/Multisite";
+import { directorylURL, selectfileURL, tdengineyuanshiURL, downloadfileURL, selectfileidURL } from "@/api/home/Multisite";
 import { onMounted, Ref, ref } from "vue";
+import { UploadFilled } from "@element-plus/icons-vue";
 // import { useAuthButtons } from "@/hooks/useAuthButtons";
 // const { BUTTONS } = useAuthButtons();
-import { Station } from "@/api/interface";
+// import { Station } from "@/api/interface";
 // import Pagination from "@/components/ProTable/components/Pagination.vue";
-import { TreeNode } from "element-plus";
+import { ElMessage, TreeNode } from "element-plus";
 // import { saveAs } from "file-saver";
 // import axios from "axios";
 
 // import { useRouter } from "vue-router";
 // const router = useRouter();
-const translate = ref();
-
-const cities: Ref<Station.todo[]> = ref([]);
+// const translate = ref();
 
 const timevalue: Ref<any> = ref([]);
-
-const poststationstationName = async () => {
-  const { data } = await stationstationName({});
-  cities.value = data;
+const options = ref();
+const cascaderProps = ref({
+  value: "id", // 绑定值的字段
+  label: "name", // 显示文本的字段
+  children: "children", // 子选项的字段
+  checkStrictly: true
+});
+const postselectfileURL = async () => {
+  const { data } = await selectfileURL({});
+  console.log(data);
+  options.value = data;
+};
+// 回显
+const optionsfile = ref();
+const onselectfileid = async () => {
+  const { data } = await selectfileidURL({});
+  console.log(data);
+  optionsfile.value = data;
 };
-
 const dialogVisible = ref(false);
 const message = ref("");
 
+const status = ref();
+const localdata = ref();
+
 const timerId = ref();
 
 const excelexport = ref();
@@ -157,29 +167,6 @@ const pageable = ref({
   ps: 10,
   total: 0
 });
-// 表格操作 Hooks
-// const handleSizeChange = async (e: any) => {
-//   pageable.value.ps = e;
-//   getplatformuserlist();
-// };
-// const handleCurrentChange = async (e: any) => {
-//   pageable.value.pn = e;
-
-//   getplatformuserlist();
-// };
-// 文件 编辑 选择
-// interface User {
-//   size: number;
-//   name: string;
-//   type: string;
-//   children?: User[];
-// }
-// const treeProps = reactive({
-//   checkStrictly: false
-// });
-// const selectable = (row: any) => {
-//   console.log(row);
-// };
 const currentPath = ref();
 const handleRowClick = (node: TreeNode) => {
   // 获取当前点击行的所有父级名称
@@ -211,19 +198,6 @@ const getParentNames = (currentNode: any, targetNode: any, parentNames: string[]
   return null;
 };
 
-// const downloadFile = async () => {
-// setTimeout(async () => {
-//   try {
-//     const fileUrl = `https://esos-iot.bjdexn.cn/Thisitem_20241029.tar.gz`;
-//     const response = await axios.get(fileUrl, { responseType: "blob" });
-//     const fileName = "Thisitem_20241029.tar.gz".split("/").pop();
-//     saveAs(response.data, fileName);
-//   } catch (error) {
-//     console.error("下载失败:", error);
-//   }
-// }, 2000);
-// };
-// https://esos-iot.bjdexn.cn/myDeviceData/Thisitem_20241029.tar.gz
 const downloadxlsx = (name: any) => {
   let fileUrl = `myDeviceData/${name}`;
   let fileName = name;
@@ -248,17 +222,31 @@ const downloadxlsx = (name: any) => {
       console.error("下载文件时出错:", error);
     });
 };
+//
+const downloadfilezip = async (row: { name: any }) => {
+  console.log(row.name);
+  try {
+    let params = {
+      fileName: row.name
+    };
+    const response = await downloadfileURL(params); // 假设返回的是包含 headers 的完整响应
+    const blob = response; // 获取 Blob 数据
+    // 创建下载链接
+    const url = window.URL.createObjectURL(new Blob([blob]));
+    console.log(blob);
 
+    const a = document.createElement("a");
+    a.href = url;
+    a.setAttribute("download", `${row.name}.zip`); // 设置下载文件名
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    return;
+  } catch (error) {
+    console.error("下载失败:", error);
+  }
+};
 const getplatformuserlist = async () => {
-  // let obj = {
-  //   powerId: status.value,
-  //   eId: emsDeviceId.value,
-  //   startTime: timevalue.value[0],
-  //   endTime: timevalue.value[1],
-  //   peek: quipment.value,
-  //   pageNum: pageable.value.pn,
-  //   pageSize: pageable.value.ps
-  // };
   const { data } = await directorylURL();
 
   tableData.value = data;
@@ -266,12 +254,136 @@ const getplatformuserlist = async () => {
   head.value = Object.keys(tableData.value.list[0]);
   pageable.value.total = tableData.value.page.totald;
 };
+
 const currentDate = ref();
 
-const selectaccountNumberlist = async () => {
-  const { data } = await selectaccountNumber({});
-  console.log(data);
-  translate.value = data;
+const commerce = ref(1);
+
+const oncommerce = async () => {
+  console.log(commerce.value);
+  if (commerce.value == 1) {
+    getplatformuserlist();
+  } else {
+    postselectfileURL();
+    onselectfileid();
+  }
+};
+// 大储弹窗
+const energystorage = ref(false);
+
+const handenergyClose = async () => {
+  energystorage.value = false;
+};
+
+const emsdevicename = ref("");
+const Stackename = ref("");
+const uploadData = ref();
+const handenergysure = async () => {
+  // 构建额外参数对象
+  console.log(status.value);
+  console.log(emsdevicename.value);
+  console.log(Stackename.value);
+
+  if (acbcType.value == 1) {
+    if (status.value == undefined || emsdevicename.value == "" || Stackename.value == "" || uploadData.value == undefined) {
+      ElMessage({
+        type: "warning",
+        message: "请输入完整信息"
+      });
+      return;
+    } else if (status.value.length < 4) {
+      ElMessage({
+        type: "warning",
+        message: "最少选择到仓级"
+      });
+      return;
+    }
+  } else if (acbcType.value == 2) {
+    if (status.value == undefined || emsdevicename.value == "" || uploadData.value == undefined) {
+      ElMessage({
+        type: "warning",
+        message: "请输入完整信息"
+      });
+      return;
+    } else if (status.value.length < 4) {
+      ElMessage({
+        type: "warning",
+        message: "最少选择到仓级"
+      });
+      return;
+    }
+  }
+
+  let obj = {
+    deviceId: status.value[1],
+    acdcType: acbcType.value,
+    acdcId: status.value[2],
+    syspileId: emsdevicename.value,
+    crowdId: Stackename.value
+  };
+  // 创建 FormData 对象
+  const formData = new FormData();
+  formData.append("file", uploadData.value); // 添加文件
+  try {
+    // 调用上传接口
+    const { data } = await tdengineyuanshiURL(obj, formData);
+    console.log(data);
+    energystorage.value = false;
+  } catch (error) {
+    console.error("上传失败:", error);
+  }
+};
+const newaddition = async () => {
+  console.log(commerce.value);
+  energystorage.value = true;
+};
+const acbcType = ref(1);
+const onpostemsDevice = async (e: any) => {
+  console.log(e);
+  console.log(options);
+
+  if (e.length == 3) {
+    const [firstLevel, secondLevel, thirdLevel] = e;
+
+    // 查找第一层
+    const firstLevelOption = options.value.find((item: { id: any }) => item.id === firstLevel);
+    if (firstLevelOption && firstLevelOption.children) {
+      // 查找第二层
+      const secondLevelOption = firstLevelOption.children.find((item: { id: any }) => item.id === secondLevel);
+      if (secondLevelOption && secondLevelOption.children) {
+        // 查找第三层
+        const selectedOption = secondLevelOption.children.find((item: { id: any }) => item.id === thirdLevel);
+        console.log("当前点击的节点:", selectedOption);
+        acbcType.value = selectedOption.acbcType;
+      }
+    }
+    emsdevicename.value = "";
+    Stackename.value = "";
+  } else if (e.length == 4) {
+    emsdevicename.value = e[3];
+    Stackename.value = "";
+  } else if (e.length == 5) {
+    emsdevicename.value = e[3];
+    Stackename.value = e[4];
+  }
+};
+const postemsDevice = async (e: any) => {
+  console.log(e);
+};
+const query = async (e: any) => {
+  console.log(e);
+};
+const beforeUpload = (file: Blob | MediaSource) => {
+  // 获取文件的临时路径
+  const filePath = URL.createObjectURL(file);
+  console.log("文件临时路径:", filePath);
+  console.log(file);
+  uploadData.value = file;
+  // 手动上传文件
+  // uploadFile(file);
+
+  // 返回 false，阻止默认上传行为
+  return false;
 };
 
 onMounted(() => {
@@ -287,14 +399,15 @@ onMounted(() => {
   timevalue.value = [currentDate.value, sevenDaysAgoDate];
   console.log(timevalue.value);
 
-  getplatformuserlist();
-  poststationstationName();
-  selectaccountNumberlist();
+  oncommerce();
+  // postselectfileURL();
 });
 </script>
 <style scoped lang="scss">
 @import "./index.scss";
 </style>
 <!--
+<style>
 
--->
+</style>
+ -->

src/views/log/index.scss

@@ -0,0 +1,37 @@
+.screen {
+  display: flex;
+
+  // justify-content: space-between;
+  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;
+}
+.lexce {
+  margin-top: 20px;
+  font-size: 16px;
+}
+.export {
+  margin-left: 40px;
+}

src/views/log/index.vue

@@ -0,0 +1,214 @@
+<template>
+  <div>
+    <div class="title">
+      本地数据
+      <div class="title_time">{{ currentDate }}</div>
+    </div>
+
+    <div class="card">
+      <div>
+        时间范围&ensp;&ensp;
+        <el-date-picker
+          size="large"
+          v-model="timevalue"
+          :shortcuts="shortcuts"
+          type="daterange"
+          start-placeholder="开始时间"
+          end-placeholder="结束时间"
+          :default-value="timevalue"
+          :disabled-date="pickerOptions"
+          value-format="YYYY-MM-DD"
+          format="YYYY-MM-DD"
+          @change="getplatformuserlist"
+        />
+      </div>
+    </div>
+    <div class="card cardbottom">
+      <div>&ensp;</div>
+      <el-table :data="tableData.records" style="width: 100%" border @row-click="handleRowClick" show-overflow-tooltip>
+        <el-table-column prop="operIp" label="IP" />
+        <el-table-column prop="operTime" label="时间" />
+        <el-table-column prop="status" label="状态" />
+        <el-table-column prop="method" label="接口" />
+        <el-table-column prop="jsonResult" label="响应数据" />
+        <el-table-column prop="errorMsg" label="错误消息" />
+      </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="导出中" top="300px" width="40%" @close="handleClose">
+      <div class="lexce">{{ message }}</div>
+      <template #footer>
+        <div class="dialog-footer" v-if="excelexport">
+          <el-button v-if="excelexport.progress == 0" @click="handleClose">取消导出</el-button>
+          <el-button v-if="excelexport.progress == 3" type="primary" @click="handleClose"> 确定 </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+<!--  
+
+-->
+<script setup lang="ts">
+import { LogListpageURL } from "@/api/home/Multisite";
+import { onMounted, Ref, ref } from "vue";
+// import { useAuthButtons } from "@/hooks/useAuthButtons";
+// const { BUTTONS } = useAuthButtons();
+// import { Station } from "@/api/interface";
+import Pagination from "@/components/ProTable/components/Pagination.vue";
+import { TreeNode } from "element-plus";
+// import { saveAs } from "file-saver";
+// import axios from "axios";
+
+// import { useRouter } from "vue-router";
+// const router = useRouter();
+// const translate = ref();
+
+// const cities: Ref<Station.todo[]> = ref([]);
+
+const timevalue: Ref<any> = ref([]);
+
+const dialogVisible = ref(false);
+const message = ref("");
+
+const timerId = ref();
+
+const excelexport = ref();
+
+const handleClose = async () => {
+  if (timerId.value) {
+    clearTimeout(timerId.value);
+    timerId.value = ""; // 清除引用
+    dialogVisible.value = false;
+  }
+};
+
+const tableData = ref();
+const shortcuts = [
+  {
+    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 pickerOptions = (time: { getTime: (arg0: Date) => number }) => {
+  return time.getTime(new Date()) > Date.now();
+};
+// const head = ref();
+const pageable = ref({
+  pn: 1,
+  ps: 10,
+  total: 0
+});
+// 表格操作 Hooks
+const handleSizeChange = async (e: any) => {
+  pageable.value.ps = e;
+  getplatformuserlist();
+};
+const handleCurrentChange = async (e: any) => {
+  pageable.value.pn = e;
+
+  getplatformuserlist();
+};
+
+const currentPath = ref();
+const handleRowClick = (node: TreeNode) => {
+  // 获取当前点击行的所有父级名称
+  const parentNames = getParentNames(tableData.value, node, []);
+  console.log("点击的节点: ", node); // 输出当前点击节点
+  // 拼接成字符串
+  currentPath.value = parentNames?.join("/"); // 不反转顺序，确保路径是从根节点到目标节点的顺序
+  console.log("父级路径: ", currentPath.value); // 输出拼接后的父级路径
+};
+
+// 明确指定参数类型和返回类型
+const getParentNames = (currentNode: any, targetNode: any, parentNames: string[]): string[] | null => {
+  // 如果找到了目标节点
+  if (currentNode.name === targetNode.name) {
+    parentNames.push(currentNode.name); // 添加当前节点的名称到父级路径
+    return parentNames;
+  }
+
+  // 如果当前节点有子节点，递归查找
+  if (currentNode.children && currentNode.children.length) {
+    const newParentNames = [...parentNames, currentNode.name]; // 创建新的父级名称数组
+    for (let child of currentNode.children) {
+      const result = getParentNames(child, targetNode, newParentNames);
+      if (result) return result;
+    }
+  }
+
+  // 如果没有找到，返回 null
+  return null;
+};
+
+const getplatformuserlist = async () => {
+  let obj = {
+    operparam: "2f4bc06e-6caf-48f6-a4cc-8ad92becb709",
+    page: pageable.value.pn,
+    rows: pageable.value.ps,
+    stationTime: timevalue.value[1],
+    endTime: timevalue.value[0]
+  };
+  const { data } = await LogListpageURL(obj);
+
+  tableData.value = data;
+
+  // head.value = Object.keys(tableData.value.list[0]);
+  pageable.value.total = tableData.value.total;
+};
+const currentDate = ref();
+
+onMounted(() => {
+  const current = localStorage.getItem("currentDate");
+  if (current) {
+    currentDate.value = current;
+  }
+  const today = new Date();
+  const sevenDaysAgo = new Date(today);
+  sevenDaysAgo.setDate(today.getDate() - 7);
+  const sevenDaysAgoDate = sevenDaysAgo.toISOString().split("T")[0];
+
+  timevalue.value = [currentDate.value, sevenDaysAgoDate];
+  console.log(timevalue.value);
+
+  getplatformuserlist();
+  // poststationstationName();
+  // selectaccountNumberlist();
+});
+</script>
+<style scoped lang="scss">
+@import "./index.scss";
+</style>
+
+<!-- 
+
+-->

src/views/monitor/index.vue

@@ -41,11 +41,15 @@
     <div class="equipment">
       <el-card>
         <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handletabs">
-          <el-tab-pane v-for="(item, index) in deviceList" :key="index" :label="item.deviceClassName" :name="index">
+          <el-tab-pane v-for="(item, index) in deviceList" :key="index" :label="item.name" :name="index">
             <div class="demo_div">
               <div v-for="(items, indexs) in item.devices" :key="indexs">
                 <div :class="devicesClickindex == indexs ? 'demo_tabsccc' : 'demo_tabs'" @click="devicesClick(indexs, items.id)">
                   {{ items.deviceName }}
+                  <!-- 储能变流器 -->
+                  <!-- 电池 -->
+                  <!--  系统-->
+                  <!--  液冷-->
                 </div>
               </div>
             </div>
@@ -966,12 +970,30 @@ const postemsDevice = async (value: any) => {
 };
 const deviceList: Ref<Station.deviceList[]> = ref([]);
 const deviceType = ref(1);
+// 定义排序优先级
+const typeMap: Record<string, { name: string; order: number }> = {
+  pcs: { name: "变流器", order: 1 },
+  bms: { name: "电池", order: 2 },
+  sys: { name: "系统", order: 3 },
+  lcs: { name: "液冷", order: 4 }
+};
 
 const getstationrealtime = async () => {
   const { data } = await poststationdeviceList({ emsId: emsDeviceId.value }, Singlevalue.value);
   if (data.length == 0) return;
 
   deviceList.value = data;
+
+  // 按优先级排序
+  deviceList.value = deviceList.value
+    .map(item => ({
+      ...item,
+      name: typeMap[item.deviceClassName]?.name || "未知设备"
+    }))
+    .sort((a, b) => (typeMap[a.deviceClassName]?.order || Infinity) - (typeMap[b.deviceClassName]?.order || Infinity));
+  // 然后按 deviceType 排序
+  console.log(deviceList.value);
+
   deviceType.value = data[0].deviceType;
   handleClick();
   // 清除定时器的示例

src/views/overview/index.scss

@@ -243,6 +243,14 @@
   align-items: center;
   font-size: 14px;
 }
+.gridpiechartnameleft1 {
+  display: flex;
+  align-items: center;
+  width: 200px; /* 内容宽度超过容器 */
+  overflow: hidden; /* 隐藏溢出内容 */
+  font-size: 14px;
+  white-space: nowrap; /* 不换行 */
+}
 .home {
   display: flex;
   align-items: center;

src/views/overview/index.vue

@@ -217,8 +217,15 @@
             </div>
             <div class="gridpiechartdiv">
               <div class="gridpiechartnameright">电站地址</div>
-              <div class="gridpiechartnameleft">
-                <el-icon><Location /></el-icon>&nbsp;{{ stationinfodata.province }}{{ stationinfodata.city }}
+              <div class="gridpiechartnameleft1">
+                <el-icon><Location /></el-icon>&nbsp;<el-tooltip
+                  class="box-item"
+                  effect="dark"
+                  :content="stationinfodata.detailedaddress"
+                  placement="left-start"
+                >
+                  {{ stationinfodata.detailedaddress }}
+                </el-tooltip>
               </div>
             </div>
           </div>
@@ -423,6 +430,7 @@ const onselect = (val: any) => {
   postmultiStationpagebaseInfo();
   onhandleClick();
   getsite();
+  onpowerblur();
 };
 
 const cities: Ref<Station.todo[]> = ref([]);
@@ -515,8 +523,14 @@ const getdaymonthyear1 = async (value: any) => {
     const currentDate = today.toISOString().split("T")[0];
     const sevenDaysAgoDate = new Date(today);
     sevenDaysAgoDate.setDate(today.getDate() - 7);
-    const sevenDaysAgo = sevenDaysAgoDate.toLocaleDateString();
-    value2.value = [sevenDaysAgo, currentDate];
+    // const sevenDaysAgo = sevenDaysAgoDate.toLocaleDateString();
+    const year = sevenDaysAgoDate.getFullYear();
+    const month = String(sevenDaysAgoDate.getMonth() + 1).padStart(2, "0"); // Months are zero-based
+    const day = String(sevenDaysAgoDate.getDate()).padStart(2, "0");
+
+    // Format the date as "YYYY-MM-DD"
+    const formattedDate = `${year}-${month}-${day}`;
+    value2.value = [formattedDate, currentDate];
 
     // getreportpowerday();
   } else if (value == 2) {
@@ -695,9 +709,44 @@ const onhandleClick = () => {
   }
 };
 // 收益统计----日
+const listday = ref([
+  {
+    ymd: "2025-02-12",
+    profit: 1
+  },
+  {
+    ymd: "2025-02-13",
+    profit: 1
+  },
+  {
+    ymd: "2025-02-14",
+    profit: 1
+  },
+  {
+    ymd: "2025-02-15",
+    profit: 1
+  },
+  {
+    ymd: "2025-02-16",
+    profit: 1
+  },
+  {
+    ymd: "2025-02-17",
+    profit: 1
+  },
+  {
+    ymd: "2025-02-18",
+    profit: 1
+  }
+]);
+
 const gatsinglestationday = async () => {
   const { data } = await singlestationday({ startDate: value2.value[0], endDate: value2.value[1] }, Singlevalue.value);
   const dates = [["product", "收益"]];
+
+  if (data.list.length < 1) {
+    data.list.push(...listday.value);
+  }
   for (let index = 0; index < data.list.length; index++) {
     dates.push([data.list[index].ymd, data.list[index].profit.toFixed()]);
   }
@@ -710,6 +759,9 @@ const gatsinglestationday = async () => {
 const getsinglestationdayMonth = async () => {
   const { data } = await singlestationdayMonth({ startDate: value2.value[0], endDate: value2.value[1] }, Singlevalue.value);
   const dates = [["product", "收益"]];
+  if (data.list.length < 1) {
+    data.list.push(...listday.value);
+  }
   for (let index = 0; index < data.list.length; index++) {
     dates.push([data.list[index].ymd, data.list[index].profit.toFixed()]);
   }
@@ -725,7 +777,9 @@ const gatsinglestationyearMonth = async () => {
     Singlevalue.value
   );
   const dates = [["product", "收益"]];
-
+  if (data.list.length < 1) {
+    data.list.push(...listday.value);
+  }
   for (let index = 0; index < data.list.length; index++) {
     dates.push([data.list[index].ymd, data.list[index].profit.toFixed()]);
   }
@@ -734,10 +788,49 @@ const gatsinglestationyearMonth = async () => {
   baroptionchart(dates, profits, "收益/元");
 };
 // 充放电统计图
+const TotalKwh = ref([
+  {
+    ymd: "2025-02-12",
+    chargeTotal: 1,
+    dischargeTotal: 0.5
+  },
+  {
+    ymd: "2025-02-13",
+    chargeTotal: 1,
+    dischargeTotal: 0.5
+  },
+  {
+    ymd: "2025-02-14",
+    chargeTotal: 1,
+    dischargeTotal: 0.5
+  },
+  {
+    ymd: "2025-02-15",
+    chargeTotal: 1,
+    dischargeTotal: 0.5
+  },
+  {
+    ymd: "2025-02-16",
+    chargeTotal: 1,
+    dischargeTotal: 0.5
+  },
+  {
+    ymd: "2025-02-17",
+    chargeTotal: 1,
+    dischargeTotal: 0.5
+  },
+  {
+    ymd: "2025-02-18",
+    chargeTotal: 1,
+    dischargeTotal: 0.5
+  }
+]);
 const getmultiStatiopower = async () => {
   const { data } = await postsexportKwh({ startDate: value2.value[0], endDate: value2.value[1] }, Singlevalue.value);
   const dates = [["product", "充电", "放电"]];
-
+  if (data.length < 1) {
+    data.push(...TotalKwh.value);
+  }
   for (let index = 0; index < data.length; index++) {
     dates.push([data[index].ymd, data[index].chargeTotal.toString(), data[index].dischargeTotal.toString()]);
   }
@@ -749,7 +842,9 @@ const getmultiStatiopower = async () => {
 const getpostsexportKwhMonth = async () => {
   const { data } = await postsexportKwhMonth({ startDate: value2.value[0], endDate: value2.value[1] }, Singlevalue.value);
   const dates = [["product", "充电", "放电"]];
-
+  if (data.length < 1) {
+    data.push(...TotalKwh.value);
+  }
   for (let index = 0; index < data.length; index++) {
     dates.push([data[index].ymd, data[index].chargeTotal.toString(), data[index].dischargeTotal.toString()]);
   }
@@ -761,6 +856,9 @@ const getpostsexportKwhMonth = async () => {
 const getsinglestationchargingMonth = async () => {
   const { data } = await singlestationchargingMonth({ startDate: value2.value[0], endDate: value2.value[1] }, Singlevalue.value);
   const dates = [["product", "充电", "放电"]];
+  if (data.length < 1) {
+    data.push(...TotalKwh.value);
+  }
   for (let index = 0; index < data.length; index++) {
     dates.push([data[index].ymd, data[index].chargeTotal.toString(), data[index].dischargeTotal.toString()]);
   }
@@ -1193,9 +1291,17 @@ onMounted(() => {
   const today = new Date();
   const sevenDaysAgoDate = new Date(today);
   sevenDaysAgoDate.setDate(today.getDate() - 7);
-  const sevenDaysAgo = sevenDaysAgoDate.toLocaleDateString();
-  value2.value = [sevenDaysAgo, currentDate.value];
-  timedayslist.value = [sevenDaysAgo, currentDate.value];
+  // const sevenDaysAgo = sevenDaysAgoDate.toLocaleDateString();
+
+  // Get year, month, and day components
+  const year = sevenDaysAgoDate.getFullYear();
+  const month = String(sevenDaysAgoDate.getMonth() + 1).padStart(2, "0"); // Months are zero-based
+  const day = String(sevenDaysAgoDate.getDate()).padStart(2, "0");
+
+  // Format the date as "YYYY-MM-DD"
+  const formattedDate = `${year}-${month}-${day}`;
+  value2.value = [formattedDate, currentDate.value];
+  timedayslist.value = [formattedDate, currentDate.value];
 
   poststationstationName();
 });

src/views/post/index.vue

@@ -62,8 +62,8 @@
     </div>
   </div>
 </template>
-<!--
-        
+<!--      
+                                                                                                                                                                                                                                     
 --->
 <script setup lang="ts">
 import { platformpostlist, platformpostremove } from "@/api/home/Multisite";

src/views/powerStation/index.vue

@@ -27,7 +27,7 @@
         <el-table-column type="index" prop="date" label="序号" width="60" />
         <el-table-column prop="powerName" label="电站名称" width="180" />
         <el-table-column prop="stationName" label="安装人" :show-overflow-tooltip="true" />
-        <el-table-column prop="contactPhone" label="安装人电话">
+        <el-table-column prop="contactPhone" label="客户电话">
           <!-- <template #default="scope">
             {{ scope.row.pcsStatus == "" ? "-" : scope.row.pcsStatus }}
           </template> -->
@@ -35,7 +35,7 @@
         <el-table-column prop="installedPower" label="装机功率(MW)" />
         <el-table-column prop="installedCap" label="装机容量(kWh)" />
         <el-table-column prop="country" label="电站地址">
-          <template #default="scope"> {{ scope.row.country }} {{ scope.row.province }} {{ scope.row.city }} </template>
+          <template #default="scope"> {{ scope.row.address }} </template>
         </el-table-column>
         <el-table-column prop="operationDate" label="投运时间" />
         <el-table-column prop="url" label="电站图片" width="200">
@@ -191,6 +191,7 @@
     </el-dialog>
   </div>
 </template>
+<!--    -->
 <script setup lang="ts">
 import { onMounted, ref } from "vue";
 import { stationmanage } from "@/api/home/Multisite";
@@ -220,6 +221,7 @@ const cities = ref([
     id: "1"
   }
 ]);
+
 const tableData = ref();
 const getstationmanage = async () => {
   let params = {
@@ -309,6 +311,6 @@ onMounted(() => {
 <style scoped lang="scss">
 @import "./index.scss";
 </style>
-<!--     
- 
- -->
+<!--   
+  
+--->

src/views/powerconfiguration/index.scss

@@ -0,0 +1,88 @@
+.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;
+  margin-top: 20px;
+  margin-bottom: 20px;
+  color: #999999;
+}
+.dialog_footer1 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 50px;
+  margin-bottom: 10px;
+}
+.dialog_footer2 {
+  display: flex;
+  margin-bottom: 10px;
+  color: #000000;
+}
+.elimageurl {
+  display: flex;
+  overflow: hidden;
+  overflow: auto auto;
+}
+.Required {
+  width: 10px;
+  color: red;
+}

src/views/powerconfiguration/index.vue

@@ -0,0 +1,729 @@
+<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" style="width: 100%" border show-overflow-tooltip>
+        <el-table-column prop="eid" label="设备编号" />
+        <el-table-column prop="emsDeviceId" label="设备名称" />
+        <el-table-column prop="powerName" label="归属电站" />
+        <el-table-column prop="binding" label="绑定状态" align="center">
+          <template #default="scope">
+            <!-- <div v-if="scope.row.binding == 1">绑定</div>
+              <div v-else>未绑定</div> -->
+
+            <div v-if="scope.row.binding == 1">已绑定</div>
+            <div v-if="scope.row.binding == 0">未绑定</div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="createTime" label="创建时间" />
+        <el-table-column prop="updateTime" label="修改时间" />
+        <!-- <el-table-column prop="url" label="设备图片" align="center" width="200">
+          <template #default="scope">
+            <div class="elimageurl">
+              <div v-for="(item, index) in scope.row.url" :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.url"
+                  :initial-index="index"
+                  fit="cover"
+                />
+              </div>
+            </div>
+
+          </template>
+        </el-table-column> -->
+        <el-table-column prop="url" 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)"
+              size="large"
+            />
+          </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>
+          </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>
+      <template #footer>
+        <div class="dialog_footer2">夜间电网充放电配置(市电)</div>
+        <div class="dialog_footer">
+          充电开始时间&ensp;&ensp;&ensp;&ensp;
+
+          <el-time-select
+            v-model="Sys_Params_cz1"
+            style="width: 240px"
+            :max-time="Sys_Params_cy1"
+            class="mr-4"
+            placeholder="充电开始时间"
+            start="00:00"
+            step="00:01"
+            end="24:00"
+          />
+          &ensp;&ensp;&ensp;&ensp; 充电结束时间&ensp;&ensp;&ensp;&ensp;
+
+          <el-time-select
+            v-model="Sys_Params_cy1"
+            style="width: 240px"
+            :max-time="Sys_Params_fz1"
+            :min-time="Sys_Params_cz1"
+            placeholder="充电结束时间"
+            start="00:00"
+            step="00:01"
+            end="24:00"
+            @change="handleFocus(1)"
+          />
+          &ensp;&ensp;&ensp;&ensp;充电功率&ensp;&ensp;
+          <el-input
+            type="number"
+            v-model="Sys_Params_VPP_ChargePower_1"
+            min="0"
+            max="100"
+            style="width: 160px"
+            placeholder="请输入充电功率"
+            @input="ChargePower1input"
+          />
+          &ensp;&ensp;
+        </div>
+        <div class="dialog_footer">
+          放电开始时间&ensp;&ensp;&ensp;&ensp;
+
+          <el-time-select
+            v-model="Sys_Params_fz1"
+            style="width: 240px"
+            :min-time="Sys_Params_cy1"
+            :max-time="Sys_Params_fy1"
+            class="mr-4"
+            placeholder="放电开始时间"
+            start="00:00"
+            step="00:01"
+            end="24:00"
+          />
+          &ensp;&ensp;&ensp;&ensp; 放电结束时间&ensp;&ensp;&ensp;&ensp;
+
+          <el-time-select
+            v-model="Sys_Params_fy1"
+            style="width: 240px"
+            :min-time="Sys_Params_fz1"
+            :max-time="Sys_Params_cz2"
+            placeholder="放电结束时间"
+            start="00:00"
+            step="00:01"
+            end="24:00"
+            @change="handleFocus(2)"
+          />
+          &ensp;&ensp;&ensp;&ensp;放电功率&ensp;&ensp;
+          <el-input
+            v-model="Sys_Params_VPP_DischargePower_1"
+            type="number"
+            min="0"
+            max="100"
+            style="width: 160px"
+            placeholder="请输入放电功率"
+            @input="ChargePower2input"
+          />
+          &ensp;&ensp;
+        </div>
+        <div class="dialog_footer2">白天光伏充放电配置(光电)</div>
+
+        <div class="dialog_footer">
+          充电开始时间&ensp;&ensp;&ensp;&ensp;
+
+          <el-time-select
+            v-model="Sys_Params_cz2"
+            style="width: 240px"
+            :min-time="Sys_Params_fy1"
+            :max-time="Sys_Params_cy2"
+            class="mr-4"
+            placeholder="充电开始时间"
+            start="00:00"
+            step="00:01"
+            end="24:00"
+          />
+
+          &ensp;&ensp;&ensp;&ensp; 充电结束时间&ensp;&ensp;&ensp;&ensp;
+
+          <el-time-select
+            v-model="Sys_Params_cy2"
+            style="width: 240px"
+            :min-time="Sys_Params_cz2"
+            :max-time="Sys_Params_fz2"
+            placeholder="充电结束时间"
+            start="00:00"
+            step="00:01"
+            end="24:00"
+            @change="handleFocus(3)"
+          />
+          &ensp;&ensp;&ensp;&ensp;充电功率&ensp;&ensp;
+          <el-input
+            v-model="Sys_Params_VPP_ChargePower_2"
+            type="number"
+            min="0"
+            max="100"
+            style="width: 160px"
+            placeholder="请输入充电功率"
+            @input="ChargePower3input"
+          />
+          &ensp;&ensp;
+        </div>
+        <div class="dialog_footer">
+          放电开始时间&ensp;&ensp;&ensp;&ensp;
+
+          <el-time-select
+            v-model="Sys_Params_fz2"
+            style="width: 240px"
+            :min-time="Sys_Params_cy2"
+            :max-time="Sys_Params_fy2"
+            class="mr-4"
+            placeholder="放电开始时间"
+            start="00:00"
+            step="00:01"
+            end="24:00"
+          />
+
+          &ensp;&ensp;&ensp;&ensp; 放电结束时间&ensp;&ensp;&ensp;&ensp;
+
+          <el-time-select
+            v-model="Sys_Params_fy2"
+            style="width: 240px"
+            :min-time="Sys_Params_fz2"
+            placeholder="放电结束时间"
+            start="00:00"
+            step="00:01"
+            end="24:00"
+          />
+          &ensp;&ensp;&ensp;&ensp;放电功率&ensp;&ensp;
+          <el-input
+            v-model="Sys_Params_VPP_DischargePower_2"
+            type="number"
+            min="0"
+            max="100"
+            style="width: 160px"
+            placeholder="请输入放电功率"
+            @input="ChargePower4input"
+          />
+          &ensp;&ensp;
+        </div>
+        <div class="dialog_footer1">
+          <el-button type="primary" @click="determine" size="large" color="#0052d9"> 确定 </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+<!--  
+ 
+-->
+<script setup lang="ts">
+import { selectemssytemNameURL, stationstationName, periodoftimeURL, mqttsendURL } from "@/api/home/Multisite";
+import Pagination from "@/components/ProTable/components/Pagination.vue";
+import { onMounted, ref, Ref } from "vue";
+import { Station } from "@/api/interface";
+// import UploadImgs from "@/components/Upload/Imgs.vue";
+// import { useAuthButtons } from "@/hooks/useAuthButtons";
+import { ElMessage, ElMessageBox } from "element-plus";
+
+// 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 emsId = ref();
+const dialogVisible = ref();
+const strategy = ref();
+const muserlistObj = ref<{ [key: string]: any }>({});
+// const muserlist = ref([]);
+
+const newition = async (row: { url: never[]; emsDeviceId: any; eid: any; periodoftime: any }) => {
+  dialogVisible.value = true;
+
+  emsId.value = row.eid;
+  strategy.value = row.periodoftime;
+
+  for (let index = 0; index < strategy.value.length; index++) {
+    for (let i = 0; i < strategy.value[index].length; i++) {
+      // 将 value 转换为整数
+      strategy.value[index][i].value = Number(strategy.value[index][i].value) | 0;
+
+      const key = strategy.value[index][i].k; // 使用 'k' 属性作为键
+      const value = strategy.value[index][i].value + "";
+      const value1 = String(value).padStart(2, "0");
+      // 将键值对推入 muserlist Sys_Params_VPP_ChargePower_1:30
+
+      // 将键值对存入 muserlistObj
+      muserlistObj.value[key] = value1;
+    }
+  }
+
+  // 从 muserlistObj.value 中获取值并赋值给 Sys_Params_*
+  Sys_Params_VPP_ChargePower_1.value = muserlistObj.value["Sys_Params_VPP_ChargePower_1"] || 0;
+  Sys_Params_cz1.value = `${muserlistObj.value["Sys_Params_VPP_Charge_StartHour_1"] || ""}:${muserlistObj.value["Sys_Params_VPP_Charge_StartMin_1"] || ""}`;
+  Sys_Params_cy1.value = `${muserlistObj.value["Sys_Params_VPP_Charge_StopHour_1"] || ""}:${muserlistObj.value["Sys_Params_VPP_Charge_StopMin_1"] || ""}`;
+
+  Sys_Params_VPP_ChargePower_2.value = muserlistObj.value["Sys_Params_VPP_ChargePower_2"] || 0;
+  Sys_Params_cz2.value = `${muserlistObj.value["Sys_Params_VPP_Charge_StartHour_2"] || ""}:${muserlistObj.value["Sys_Params_VPP_Charge_StartMin_2"] || ""}`;
+  Sys_Params_cy2.value = `${muserlistObj.value["Sys_Params_VPP_Charge_StopHour_2"] || ""}:${muserlistObj.value["Sys_Params_VPP_Charge_StopMin_2"] || ""}`;
+
+  Sys_Params_VPP_DischargePower_1.value = muserlistObj.value["Sys_Params_VPP_DischargePower_1"] || 0;
+  Sys_Params_fz1.value = `${muserlistObj.value["Sys_Params_VPP_Discharge_StartHour_1"] || ""}:${muserlistObj.value["Sys_Params_VPP_Discharge_StartMin_1"] || ""}`;
+  Sys_Params_fy1.value = `${muserlistObj.value["Sys_Params_VPP_Discharge_StopHour_1"] || ""}:${muserlistObj.value["Sys_Params_VPP_Discharge_StopMin_1"] || ""}`;
+
+  Sys_Params_VPP_DischargePower_2.value = muserlistObj.value["Sys_Params_VPP_DischargePower_2"] || 0;
+  Sys_Params_fz2.value = `${muserlistObj.value["Sys_Params_VPP_Discharge_StartHour_2"] || ""}:${muserlistObj.value["Sys_Params_VPP_Discharge_StartMin_2"] || ""}`;
+  Sys_Params_fy2.value = `${muserlistObj.value["Sys_Params_VPP_Discharge_StopHour_2"] || ""}:${muserlistObj.value["Sys_Params_VPP_Discharge_StopMin_2"] || ""}`;
+  // setTimeout(() => {
+  //   loading.close();
+  //   getplatformuserlist();
+  // }, 2000);
+};
+const Switchvalue = ref();
+
+const changeswitch = async (
+  newValue: any,
+  row: {
+    eid: any;
+    binding: string;
+  }
+) => {
+  console.log("Switch value:", newValue);
+  console.log("Switch value:", row);
+
+  if (newValue == 0) {
+    Switchvalue.value = "确定关闭设备吗?";
+  } else {
+    Switchvalue.value = "确定开启设备吗?";
+  }
+  ElMessageBox.confirm(Switchvalue.value, "设备控制", {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: "warning"
+  })
+    .then(async () => {
+      let obj = {
+        deviceId: row.eid,
+        value: newValue == 0 ? 0 : 1,
+        id: "7721e827-610e-4d15-8497-3590eb120c5f",
+        name: "Sys_Cmd_StartStop"
+      };
+      const { data } = await mqttsendURL(obj);
+      const res = data as { msg?: string }; // 类型断言，msg 是可选的
+
+      ElMessage({
+        type: "success",
+        message: res.msg ?? "操作成功" // 如果 msg 不存在，使用默认值
+      });
+    })
+    .catch(() => {
+      ElMessage({
+        type: "info",
+        message: "取消操作"
+      });
+      row.binding = row.binding === "1" ? "0" : "1"; // 恢复到原来的状态
+    });
+};
+// 确定
+const determine = async () => {
+  if (
+    Sys_Params_VPP_ChargePower_1.value == 0 ||
+    Sys_Params_VPP_ChargePower_2.value == 0 ||
+    Sys_Params_cz1.value == undefined ||
+    Sys_Params_cy1.value == undefined ||
+    Sys_Params_cz2.value == undefined ||
+    Sys_Params_cy2.value == undefined ||
+    Sys_Params_VPP_DischargePower_1.value == 0 ||
+    Sys_Params_VPP_DischargePower_2.value == 0 ||
+    Sys_Params_fz1.value == undefined ||
+    Sys_Params_fy1.value == undefined ||
+    Sys_Params_fz2.value == undefined ||
+    Sys_Params_fy2.value == undefined
+  ) {
+    ElMessage({
+      type: "warning",
+      message: "请输入充放电时间及功率" // 如果 msg 不存在，使用默认值
+    });
+    return;
+  }
+
+  let obj = [
+    [
+      {
+        value: Sys_Params_VPP_ChargePower_1.value,
+        id: "c50df00f-1c76-49a5-b3ed-70452bf40182",
+        k: "Sys_Params_VPP_ChargePower_1"
+      },
+      {
+        value: Sys_Params_cz1.value.split(":")[0],
+        id: "96df77d1-0367-4b11-b4d0-94d854ee4e03",
+        k: "Sys_Params_VPP_Charge_StartHour_1"
+      },
+      {
+        value: Sys_Params_cz1.value.split(":")[1],
+        id: "1ce66892-15ea-44a4-b6ba-cc85668ed060",
+        k: "Sys_Params_VPP_Charge_StartMin_1"
+      },
+      {
+        value: Sys_Params_cy1.value.split(":")[0],
+        id: "5a40a3c7-03c0-4f35-ad0d-8dd0b12e3fe8",
+        k: "Sys_Params_VPP_Charge_StopHour_1"
+      },
+      {
+        value: Sys_Params_cy1.value.split(":")[1],
+        id: "6a1ab2a9-e8f4-4687-83d5-7214fa246c4c",
+        k: "Sys_Params_VPP_Charge_StopMin_1"
+      }
+    ],
+    [
+      {
+        value: Sys_Params_VPP_ChargePower_2.value,
+        id: "b3d2a5f1-79ba-40f8-8458-fa6fd5cec7c1",
+        k: "Sys_Params_VPP_ChargePower_2"
+      },
+      {
+        value: Sys_Params_cz2.value.split(":")[0],
+        id: "8f80fdef-bbd2-4099-bf0b-7213de084f99",
+        k: "Sys_Params_VPP_Charge_StartHour_2"
+      },
+      {
+        value: Sys_Params_cz2.value.split(":")[1],
+
+        id: "6fb9fe2b-b7d9-43c6-80b8-bcc67a5ddba5",
+        k: "Sys_Params_VPP_Charge_StartMin_2"
+      },
+      {
+        value: Sys_Params_cy2.value.split(":")[0],
+        id: "cad0cec9-97fe-42b6-8f42-87816bd7d5fe",
+        k: "Sys_Params_VPP_Charge_StopHour_2"
+      },
+      {
+        value: Sys_Params_cy2.value.split(":")[1],
+        id: "c73dfc92-d76a-45ea-9ffe-1628547cf850",
+        k: "Sys_Params_VPP_Charge_StopMin_2"
+      }
+    ],
+    [
+      {
+        value: Sys_Params_VPP_DischargePower_1.value,
+        id: "1b1822f4-a28f-4e1a-bf7f-93ddeca96a59",
+        k: "Sys_Params_VPP_DischargePower_1"
+      },
+      {
+        value: Sys_Params_fz1.value.split(":")[0],
+
+        id: "84005a81-1a5d-4fb2-9077-a7b277e9c489",
+        k: "Sys_Params_VPP_Discharge_StartHour_1"
+      },
+      {
+        value: Sys_Params_fz1.value.split(":")[1],
+
+        id: "b2ed27a4-4afa-4cbf-a59e-fdb24df82658",
+        k: "Sys_Params_VPP_Discharge_StartMin_1"
+      },
+      {
+        value: Sys_Params_fy1.value.split(":")[0],
+
+        id: "3d149d90-82c5-4ebf-89d2-3dad5773b5d5",
+        k: "Sys_Params_VPP_Discharge_StopHour_1"
+      },
+      {
+        value: Sys_Params_fy1.value.split(":")[1],
+
+        id: "ce2904d4-42d2-4cb2-bef8-4ba1bd9a6687",
+        k: "Sys_Params_VPP_Discharge_StopMin_1"
+      }
+    ],
+    [
+      {
+        value: Sys_Params_VPP_DischargePower_2.value,
+        id: "13b67750-d6fe-4198-8b2c-6a2a34a12c6c",
+        k: "Sys_Params_VPP_DischargePower_2"
+      },
+      {
+        value: Sys_Params_fz2.value.split(":")[0],
+        id: "dc2ab3f4-0c0a-4444-8600-800ca3ac138d",
+        k: "Sys_Params_VPP_Discharge_StartHour_2"
+      },
+      {
+        value: Sys_Params_fz2.value.split(":")[1],
+        id: "07f2edcb-2ef8-4ab8-94c0-fdc1fb057b2e",
+        k: "Sys_Params_VPP_Discharge_StartMin_2"
+      },
+      {
+        value: Sys_Params_fy2.value.split(":")[0],
+        id: "3d61e26d-915c-4e26-86f4-52d0244deaac",
+        k: "Sys_Params_VPP_Discharge_StopHour_2"
+      },
+      {
+        value: Sys_Params_fy2.value.split(":")[1],
+        id: "ffe51d70-8cc5-443a-8724-f7d796beaca3",
+        k: "Sys_Params_VPP_Discharge_StopMin_2"
+      }
+    ]
+  ];
+  console.log(obj);
+
+  const { data } = await periodoftimeURL(emsId.value, obj);
+  const res = data as { msg?: string }; // 类型断言，msg 是可选的
+
+  ElMessage({
+    type: "success",
+    message: res.msg ?? "操作成功" // 如果 msg 不存在，使用默认值
+  });
+  getplatformuserlist();
+  dialogVisible.value = false;
+};
+// 弹出取消
+const handleClose = () => {
+  dialogVisible.value = false;
+};
+const tableData = ref();
+const emsdevicename = ref("");
+const pageable = ref({
+  pn: 1,
+  ps: 10,
+  total: 0
+});
+
+// 表格操作 Hooks
+const handleSizeChange = async (e: any) => {
+  pageable.value.ps = e;
+  getplatformuserlist();
+};
+const handleCurrentChange = async (e: any) => {
+  pageable.value.pn = e;
+
+  getplatformuserlist();
+};
+// 时间
+const Sys_Params_cz1 = ref("");
+const Sys_Params_cy1 = ref("");
+const Sys_Params_fz1 = ref("");
+const Sys_Params_fy1 = ref("");
+const Sys_Params_cz2 = ref("");
+const Sys_Params_cy2 = ref("");
+const Sys_Params_fz2 = ref("");
+const Sys_Params_fy2 = ref("");
+// 时间
+
+// 功率
+const Sys_Params_VPP_ChargePower_1 = ref(0);
+const Sys_Params_VPP_ChargePower_2 = ref(0);
+const Sys_Params_VPP_DischargePower_1 = ref(0);
+const Sys_Params_VPP_DischargePower_2 = ref(0);
+
+// 处理点击事件
+const handleFocus = (a: number) => {
+  if (a == 1) {
+    if (Sys_Params_cy1.value) {
+      // 解析当前时间
+      const [hour, minute] = Sys_Params_cy1.value.split(":").map(Number);
+
+      // 增加一分钟
+      let newMinute = minute + 1;
+      let newHour = hour;
+
+      // 处理分钟超过 59 的情况
+      if (newMinute > 59) {
+        newMinute = 0;
+        newHour += 1;
+
+        // 处理小时超过 23 的情况
+        if (newHour > 23) {
+          newHour = 0;
+        }
+      }
+
+      // 格式化时间
+      const formattedTime = `${String(newHour).padStart(2, "0")}:${String(newMinute).padStart(2, "0")}`;
+
+      // 更新 Sys_Params_cy1 的值
+      Sys_Params_fz1.value = formattedTime;
+    }
+  } else if (a == 2) {
+    if (Sys_Params_fy1.value) {
+      // 解析当前时间
+      const [hour, minute] = Sys_Params_fy1.value.split(":").map(Number);
+
+      // 增加一分钟
+      let newMinute = minute + 1;
+      let newHour = hour;
+
+      // 处理分钟超过 59 的情况
+      if (newMinute > 59) {
+        newMinute = 0;
+        newHour += 1;
+
+        // 处理小时超过 23 的情况
+        if (newHour > 23) {
+          newHour = 0;
+        }
+      }
+
+      // 格式化时间
+      const formattedTime = `${String(newHour).padStart(2, "0")}:${String(newMinute).padStart(2, "0")}`;
+
+      // 更新 Sys_Params_cy1 的值
+      Sys_Params_cz2.value = formattedTime;
+    }
+  } else if (a == 3) {
+    if (Sys_Params_cy2.value) {
+      // 解析当前时间
+      const [hour, minute] = Sys_Params_cy2.value.split(":").map(Number);
+
+      // 增加一分钟
+      let newMinute = minute + 1;
+      let newHour = hour;
+
+      // 处理分钟超过 59 的情况
+      if (newMinute > 59) {
+        newMinute = 0;
+        newHour += 1;
+
+        // 处理小时超过 23 的情况
+        if (newHour > 23) {
+          newHour = 0;
+        }
+      }
+
+      // 格式化时间
+      const formattedTime = `${String(newHour).padStart(2, "0")}:${String(newMinute).padStart(2, "0")}`;
+
+      // 更新 Sys_Params_cy1 的值
+      Sys_Params_fz2.value = formattedTime;
+    }
+  }
+};
+const getplatformuserlist = async () => {
+  let obj = {
+    powerId: Singlevalue.value, //查询电站id
+    emsdeviceId: emsdevicename.value, // 设备名称
+    pn: pageable.value.pn,
+    ps: pageable.value.ps
+  };
+  const { data } = await selectemssytemNameURL(obj);
+  tableData.value = data;
+  pageable.value.total = tableData.value.total;
+};
+const ChargePower1input = async (e: any) => {
+  if (e < 0) {
+    Sys_Params_VPP_ChargePower_1.value = 0;
+  } else if (e > 100) {
+    Sys_Params_VPP_ChargePower_1.value = 100;
+  }
+};
+const ChargePower2input = async (e: any) => {
+  if (e < 0) {
+    Sys_Params_VPP_DischargePower_1.value = 0;
+  } else if (e > 100) {
+    Sys_Params_VPP_DischargePower_1.value = 100;
+  }
+};
+const ChargePower3input = async (e: any) => {
+  if (e < 0) {
+    Sys_Params_VPP_ChargePower_2.value = 0;
+  } else if (e > 100) {
+    Sys_Params_VPP_ChargePower_2.value = 100;
+  }
+};
+const ChargePower4input = async (e: any) => {
+  if (e < 0) {
+    Sys_Params_VPP_DischargePower_2.value = 0;
+  } else if (e > 100) {
+    Sys_Params_VPP_DischargePower_2.value = 100;
+  }
+};
+const currentDate = ref();
+
+onMounted(() => {
+  const current = localStorage.getItem("currentDate");
+  if (current) {
+    currentDate.value = current;
+  }
+  poststationstationName();
+  getplatformuserlist();
+});
+</script>
+<style scoped lang="scss">
+@import "./index.scss";
+</style>
+<!--  
+
+-->

src/views/rawdata/index.scss

@@ -3,6 +3,18 @@
   width: 100%;
   margin-bottom: 20px;
 }
+.filter_item {
+  display: flex;
+  align-items: center;
+  width: calc(100% - 80%);
+  white-space: nowrap;
+}
+.filter_item1 {
+  display: flex;
+  align-items: center;
+  width: calc(100% - 75%);
+  white-space: nowrap;
+}
 .screen1 {
   display: flex;
   justify-content: space-between;
@@ -30,3 +42,12 @@
   margin-top: 20px;
   font-size: 16px;
 }
+.cardbottom1 {
+  display: flex;
+}
+.cardbottom2 {
+  display: flex;
+  width: 240px;
+  padding-bottom: 10px;
+  padding-left: 10px;
+}

src/views/rawdata/index.vue

@@ -6,41 +6,33 @@
     </div>
     <div class="card">
       <div class="screen">
-        <div>
+        <div class="filter_item">
           电站&ensp;&ensp;
-          <el-select v-model="status" placeholder="选择电站" size="large" style="width: 240px" @change="postemsDevice">
+          <el-select v-model="status" placeholder="选择电站" @change="postemsDevice">
             <el-option v-for="item in cities" :key="item.id" :label="item.stationName" :value="item.id" />
           </el-select>
         </div>
-        <div>
+        <div class="filter_item1">
           &ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;所属设备&ensp;&ensp;
           <el-select
             v-model="emsDeviceId"
             placeholder="请先选择电站在选择所属设备"
             size="large"
-            style="width: 240px"
             clearable
             @change="getpostdeviceClass"
           >
             <el-option v-for="item in emsDevice" :key="item.id" :label="item.emsDeviceId" :value="item.id" />
           </el-select>
         </div>
-        <div>
+        <div class="filter_item1">
           &ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;设备类型&ensp;&ensp;
-          <el-select v-model="quipment" placeholder="请选择设备类型" size="large" style="width: 240px" clearable>
+          <el-select v-model="quipment" placeholder="请选择设备类型" size="large" clearable>
             <el-option v-for="item in quipmentlist" :key="item.peek" :label="item.peek" :value="item.peek" />
           </el-select>
         </div>
-        <div>
+        <div class="filter_item1">
           &ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;标题翻译&ensp;&ensp;
-          <el-select
-            v-model="translate.user.peekType"
-            placeholder="请选择设备类型"
-            size="large"
-            style="width: 240px"
-            clearable
-            @change="ontranslate"
-          >
+          <el-select v-model="translate.user.peekType" placeholder="请选择设备类型" size="large" clearable @change="ontranslate">
             <el-option v-for="item in translatelist" :key="item.id" :label="item.value" :value="item.id" />
           </el-select>
         </div>
@@ -71,8 +63,15 @@
     </div>
     <div class="card cardbottom">
       <div>&ensp;</div>
-      <el-table :data="tableData.list" style="width: 100%" border>
-        <el-table-column width="250" :show-overflow-tooltip="true" v-for="item in head" :key="item" :prop="item" :label="item" />
+      <el-table :data="tableData.list" style="width: 100%" border @header-click="toggleColumn" show-overflow-tooltip>
+        <el-table-column
+          v-for="item in headdata"
+          :key="item"
+          :prop="visibleColumns[item] ? item : ''"
+          :label="visibleColumns[item] ? item : ''"
+          :width="visibleColumns[item] ? 250 : 10"
+          style="overflow: auto"
+        />
       </el-table>
       <!-- 分页 组件 -->
       <div class="pagination">
@@ -93,7 +92,7 @@
     </el-dialog>
   </div>
 </template>
-<!--    -->
+
 <script setup lang="ts">
 import {
   tdengineyuanshilURL,
@@ -106,14 +105,9 @@ import {
   selectaccountNumber
 } from "@/api/home/Multisite";
 import { onMounted, Ref, ref } from "vue";
-// import { useAuthButtons } from "@/hooks/useAuthButtons";
-// const { BUTTONS } = useAuthButtons();
-import { Station } from "@/api/interface";
 import Pagination from "@/components/ProTable/components/Pagination.vue";
 import { ElMessage } from "element-plus";
 
-// import { useRouter } from "vue-router";
-// const router = useRouter();
 const emsDeviceId = ref("");
 const quipment = ref("");
 const quipmentlist = ref();
@@ -130,33 +124,32 @@ const translatelist = ref([
 ]);
 
 const emsDevice: Ref<any[]> = ref([]);
-
-const cities: Ref<Station.todo[]> = ref([]);
-
+const cities = ref();
 const timevalue: Ref<any> = ref([]);
 
 const poststationstationName = async () => {
   const { data } = await stationstationName({});
   cities.value = data;
 };
+
 const postemsDevice = async (value: any) => {
   console.log(value);
 
   emsDevice.value = [];
   emsDeviceId.value = "";
   const { data } = await postemsSystemsingleStation({}, value);
-  // emsDeviceId.value = data[0].id;
   emsDevice.value = data;
 };
+
 const pickerOptions = (time: { getTime: (arg0: Date) => number }) => {
   return time.getTime(new Date()) > Date.now();
 };
-// 设备类型
+
 const getpostdeviceClass = async () => {
   const { data } = await powerlistURL({ eId: emsDeviceId.value });
-
   quipmentlist.value = data;
 };
+
 const query = (val: any) => {
   if (val == 0) {
     getplatformuserlist();
@@ -165,6 +158,7 @@ const query = (val: any) => {
     (emsDeviceId.value = ""), getplatformuserlist();
   }
 };
+
 const dialogVisible = ref(false);
 const message = ref("");
 
@@ -190,9 +184,10 @@ const newaddition = async () => {
 
   gitlistexcelURL();
 };
-const timerId = ref();
 
+const timerId = ref();
 const excelexport = ref();
+
 const handleClose = async () => {
   if (timerId.value) {
     clearTimeout(timerId.value);
@@ -200,6 +195,7 @@ const handleClose = async () => {
     dialogVisible.value = false;
   }
 };
+
 const gitlistexcelURL = async () => {
   const { data } = await listexcelURL();
   console.log(data);
@@ -225,17 +221,13 @@ const downloadxlsx = (data: any) => {
   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.download = fileName;
       a.style.display = "none";
-      // 将<a>标签添加到文档中，并模拟点击下载
       document.body.appendChild(a);
       a.click();
-      // 下载完成后，移除<a>标签和临时URL对象
       document.body.removeChild(a);
       URL.revokeObjectURL(url);
     })
@@ -243,29 +235,44 @@ const downloadxlsx = (data: any) => {
       console.error("下载文件时出错:", error);
     });
 };
+
 const formatTime = (time: number) => {
-  return time < 10 ? `0${time}` : time; // 如果时间小于 10，在前面加上 0
+  return time < 10 ? `0${time}` : time;
 };
-const tableData = ref();
 
+const tableData = ref();
 const status = ref("");
-const head = ref();
 const pageable = ref({
   pn: 1,
   ps: 10,
   total: 0
 });
-// 表格操作 Hooks
+
 const handleSizeChange = async (e: any) => {
   pageable.value.ps = e;
   getplatformuserlist();
 };
+
 const handleCurrentChange = async (e: any) => {
   pageable.value.pn = e;
-
   getplatformuserlist();
 };
-// 文件 编辑 选择
+
+const visibleColumns = ref<{ [key: string]: boolean }>({});
+
+const toggleColumn = (column: any) => {
+  console.log("点击的列对象:", column);
+  const columnLabel = column.rawColumnKey; // 获取列名
+  console.log("当前 visibleColumns:", visibleColumns.value);
+
+  if (columnLabel) {
+    visibleColumns.value[columnLabel] = !visibleColumns.value[columnLabel]; // 切换列的显示状态
+    console.log(`列 ${columnLabel} 的显示状态：`, visibleColumns.value[columnLabel]);
+  }
+};
+const headdata = ref();
+const head = ref();
+
 const getplatformuserlist = async () => {
   let obj = {
     powerId: status.value,
@@ -278,10 +285,21 @@ const getplatformuserlist = async () => {
   };
   const { data } = await tdengineyuanshilURL(obj);
   tableData.value = data;
+  console.log(tableData.value.list[0]);
 
   head.value = Object.keys(tableData.value.list[0]);
+  head.value.forEach((item: string) => {
+    if (!visibleColumns.value[item]) {
+      visibleColumns.value[item] = true; // 默认显示所有列
+    }
+  });
+  headdata.value = head.value;
+
+  console.log(visibleColumns.value);
+
   pageable.value.total = tableData.value.page.totald;
 };
+
 const currentDate = ref();
 const ontranslate = async (e: any) => {
   console.log(e);
@@ -291,11 +309,13 @@ const ontranslate = async (e: any) => {
   await updateURL(obj);
   await getplatformuserlist();
 };
+
 const selectaccountNumberlist = async () => {
   const { data } = await selectaccountNumber({});
   console.log(data);
   translate.value = data;
 };
+
 const shortcuts = [
   {
     text: "过去7天",
@@ -325,6 +345,7 @@ const shortcuts = [
     }
   }
 ];
+
 onMounted(() => {
   const current = localStorage.getItem("currentDate");
   if (current) {
@@ -335,7 +356,7 @@ onMounted(() => {
   sevenDaysAgo.setDate(today.getDate() - 7);
   const sevenDaysAgoDate = sevenDaysAgo.toISOString().split("T")[0];
 
-  timevalue.value = [currentDate.value, sevenDaysAgoDate];
+  timevalue.value = [sevenDaysAgoDate, currentDate.value];
   console.log(timevalue.value);
 
   getplatformuserlist();
@@ -343,7 +364,7 @@ onMounted(() => {
   selectaccountNumberlist();
 });
 </script>
+
 <style scoped lang="scss">
 @import "./index.scss";
 </style>
-<!-- -->

src/views/system/index.vue

@@ -535,7 +535,7 @@ const recently = (val: any) => {
   timetype.value = val;
 
   const today = new Date();
-  const currentDate = today.toLocaleDateString();
+  const currentDate = today.toISOString().split("T")[0];
   const currentHour = today.getHours();
   const currentMinute = today.getMinutes();
   // 格式化小时、分钟和秒，确保它们始终有两位数
@@ -547,11 +547,12 @@ const recently = (val: any) => {
   // 获取过去 7 天的日期
   const sevenDaysAgoDate = new Date(today);
   sevenDaysAgoDate.setDate(today.getDate() - 7);
-  const sevenDaysAgo = sevenDaysAgoDate.toLocaleDateString();
+  const sevenDaysAgo = sevenDaysAgoDate.toISOString().split("T")[0];
+
   // 获取过去 31 天的日期
   const thirtyOneDaysAgoDate = new Date(today);
   thirtyOneDaysAgoDate.setDate(today.getDate() - 31);
-  const thirtyOneDaysAgo = thirtyOneDaysAgoDate.toLocaleDateString();
+  const thirtyOneDaysAgo = thirtyOneDaysAgoDate.toISOString().split("T")[0];
   if (val == 1) {
     value2.value = [currentDate + " " + "00:00", currentDate + " " + currentTime];
   } else if (val == 7) {