From 9aae2af6f3937a7d99ec619b51f457002cef969f Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 03 十一月 2025 14:29:37 +0800
Subject: [PATCH] 档案管理-添加导出功能
---
src/views/energyManagement/energyPeriodTime/index.vue | 163 +++++++++++++++++++++++++++++++++---------------------
1 files changed, 100 insertions(+), 63 deletions(-)
diff --git a/src/views/energyManagement/energyPeriodTime/index.vue b/src/views/energyManagement/energyPeriodTime/index.vue
index bd84308..0c94322 100644
--- a/src/views/energyManagement/energyPeriodTime/index.vue
+++ b/src/views/energyManagement/energyPeriodTime/index.vue
@@ -2,8 +2,8 @@
<div class="app-container">
<div class="search_form">
<div>
- <span class="search_title">鏃堕棿鑼冨洿锛�</span>
- <el-time-picker
+ <span class="search_title">鏃ユ湡锛�</span>
+ <!-- <el-time-picker
style="width: 240px;margin-right: 10px"
v-model="searchForm.startTime"
value-format="HH:mm:ss"
@@ -11,15 +11,12 @@
type="time"
placeholder="璇烽�夋嫨寮�濮嬫椂闂�"
clearable
- />
- <el-time-picker
- style="width: 240px;margin-right: 10px"
- v-model="searchForm.endTime"
- value-format="HH:mm:ss"
- format="HH:mm:ss"
- type="time"
- placeholder="璇烽�夋嫨缁撴潫鏃堕棿"
- clearable
+ /> -->
+ <el-date-picker
+ v-model="searchForm.date"
+ type="date"
+ placeholder="璇烽�夋嫨鏃ユ湡"
+ :size="size"
/>
<!-- <el-time-picker
v-model="searchForm.timeRange"
@@ -74,48 +71,75 @@
>
<el-row :gutter="30">
<el-col :span="12">
- <el-form-item label="寮�濮嬫椂闂达細" prop="startTime">
- <el-time-picker
+ <el-form-item label="鏃ユ湡锛�" prop="date">
+ <el-date-picker
style="width: 100%"
- v-model="form.startTime"
- value-format="HH:mm:ss"
- format="HH:mm:ss"
- type="time"
- placeholder="璇烽�夋嫨寮�濮嬫椂闂�"
+ v-model="form.date"
+ value-format="YYYY-MM-DD"
+ format="YYYY-MM-DD"
+ type="date"
+ placeholder="璇烽�夋嫨鏃ユ湡"
clearable
/>
</el-form-item>
</el-col>
- <el-col :span="12">
- <el-form-item label="缁撴潫鏃堕棿锛�" prop="endTime">
- <el-time-picker
- style="width: 100%"
- v-model="form.endTime"
- value-format="HH:mm:ss"
- format="HH:mm:ss"
- type="time"
- placeholder="璇烽�夋嫨缁撴潫鏃堕棿"
- clearable
- />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="30">
-<!-- <el-col :span="12">-->
-<!-- <el-form-item label="鏃舵鍚嶇О锛�" prop="timeName">-->
-<!-- <el-input-->
-<!-- v-model="form.timeName"-->
-<!-- placeholder="璇疯緭鍏ユ椂娈靛悕绉�"-->
-<!-- clearable-->
-<!-- :disabled="operationType !== 'add'"-->
-<!-- />-->
-<!-- </el-form-item>-->
-<!-- </el-col>-->
<el-col :span="12">
<el-form-item label="鐢典环锛堝厓/搴︼級锛�" prop="price">
<el-input
v-model="form.price"
placeholder="璇疯緭鍏ョ數浠�"
+ clearable
+ type="number"
+ step="0.01"
+ min="0"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="30">
+ <el-col :span="12">
+ <el-form-item label="宄版锛�" prop="peak">
+ <el-input
+ v-model="form.peak"
+ placeholder="璇疯緭鍏ュ嘲娈�"
+ clearable
+ type="number"
+ step="0.01"
+ min="0"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="璋锋锛�" prop="valley">
+ <el-input
+ v-model="form.valley"
+ placeholder="璇疯緭鍏ヨ胺娈�"
+ clearable
+ type="number"
+ step="0.01"
+ min="0"
+ />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row :gutter="30">
+ <el-col :span="12">
+ <el-form-item label="骞虫锛�" prop="flat">
+ <el-input
+ v-model="form.flat"
+ placeholder="璇疯緭鍏ュ钩娈�"
+ clearable
+ type="number"
+ step="0.01"
+ min="0"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="灏栨锛�" prop="sharp">
+ <el-input
+ v-model="form.sharp"
+ placeholder="璇疯緭鍏ュ皷娈�"
clearable
type="number"
step="0.01"
@@ -144,15 +168,16 @@
const data = reactive({
searchForm: {
- startTime: "",
- endTime: "",
+ date: "",
price: ""
},
form: {
- // timeName: "",
- startTime: "",
- endTime: "",
- price: ""
+ date: "",
+ price: "",
+ peak: "",
+ valley: "",
+ flat: "",
+ sharp: ""
}
});
const { searchForm,form } = toRefs(data);
@@ -174,18 +199,31 @@
// width: 200,
// },
{
- label: "寮�濮嬫椂闂�",
- prop: "startTime",
+ label: "鏃ユ湡",
+ prop: "date",
+ width: 200,
},
{
- label: "缁撴潫鏃堕棿",
- prop: "endTime",
+ label: "鐢典环锛堝厓/搴︼級",
+ prop: "price",
+ width: 200,
},
- {
- label: "鐢典环锛堝厓/搴︼級",
- prop: "price",
- width: 200,
- },
+ {
+ label: "宄版",
+ prop: "peak",
+ },
+ {
+ label: "璋锋",
+ prop: "valley",
+ },
+ {
+ label: "骞虫",
+ prop: "flat",
+ },
+ {
+ label: "灏栨",
+ prop: "sharp",
+ },
{
dataType: "action",
label: "鎿嶄綔",
@@ -265,10 +303,9 @@
//閲嶇疆
const resetFilters = () => {
searchForm.value = {
- startTime: "",
- endTime: "",
- price: ""
- };
+ date: "",
+ price: ""
+ };
getList();
};
@@ -279,7 +316,7 @@
};
const getList = () => {
tableLoading.value = true;
- periodListPage({ ...searchForm.value, ...page.value }).then((res) => {
+ periodListPage({ ...searchForm, ...page.value }).then((res) => {
tableLoading.value = false;
if (res && res.data) {
tableData.value = res.data.records || [];
--
Gitblit v1.9.3