仓储物流-查询条件加一个日期

gaoluyang

4 天以前 c49a9d727dd7620c3a9cb67c512b29bab842b1eb

 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,13 @@
         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="请选择日期"
         value-format="YYYY-MM-DD"
                  format="YYYY-MM-DD"
      />
        <!-- <el-time-picker
            v-model="searchForm.timeRange"
@@ -44,6 +42,7 @@
      </div>
      <div>
        <el-button type="primary" @click="openForm('add')">新增</el-button>
        <el-button @click="handleOut">导出</el-button>
        <el-button type="danger" plain @click="handleDelete">删除</el-button>
      </div>
    </div>
@@ -74,48 +73,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"
@@ -136,7 +162,7 @@
</template>
<script setup>
import {Search} from "@element-plus/icons-vue";
import {onMounted, ref} from "vue";
import {onMounted, ref, getCurrentInstance} from "vue";
import {ElMessageBox} from "element-plus";
import {getToken} from "@/utils/auth.js";
import {periodListPage,periodDelete,periodAdd,periodUpdate} from "@/api/energyManagement/index.js";
@@ -144,15 +170,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 +201,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 +305,9 @@
//重置
const resetFilters = () => {
   searchForm.value = {
    startTime: "",
    endTime: "",
    price: ""
  };
      date: "",
      price: ""
   };
  getList();

};
@@ -397,6 +436,22 @@
      proxy.$modal.msg("已取消");
   });
};

// 导出
const handleOut = () => {
   ElMessageBox.confirm("选中的内容将被导出，是否确认导出？", "导出", {
      confirmButtonText: "确认",
      cancelButtonText: "取消",
      type: "warning",
   })
      .then(() => {
         proxy.download("/energyPeriod/export", {}, "用电时段管理.xlsx");
      })
      .catch(() => {
         proxy.$modal.msg("已取消");
      });
};

onMounted(() => {
   getList();
});