feat: 新增搜索时间

4 months ago · 9f0af47b41
5 changed files with 193 additions and 26 deletions
--- a/src/views/monitorDataPreview/horizontalDisplacement/index.vue
+++ b/src/views/monitorDataPreview/horizontalDisplacement/index.vue
@ -4,6 +4,26 @@
    <TopBackTitle :showBackBtn="false" />

    <div class="slider-right-body" ref="tableBoxRef">
+      <div class="pb-16" ref="topBoxRef">
+        <div class="flex items-center flex-wrap">
+          <span>时间范围：</span>
+          <el-date-picker
+            :clearable="false"
+            v-model="dateTimeRange"
+            type="datetimerange"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+          >
+          </el-date-picker>
+          <el-button class="!ml-10" type="success" @click="handleSearch"
+            >搜索</el-button
+          >
+          <el-button class="ml-10" @click="resetSearch">重置</el-button>
+        </div>
+      </div>
+
      <el-table :height="tableHeight" :data="tableData" border>
        <el-table-column type="index" align="center" label="序号" width="60" />
        <el-table-column
@ -50,6 +70,10 @@ export default {
  data() {
    return {
      tableData: [], // 检查列表
+      dateTimeRange: [
+        dayjs().subtract(1, "year").format("YYYY-MM-DD HH:mm:ss"),
+        dayjs().format("YYYY-MM-DD HH:mm:ss"),
+      ],
      pageData: {
        pageNum: 1, // 当前页
        pageSize: 10, // 请求数量
@ -70,14 +94,24 @@ export default {
      this.pageData.pageSize = pageSize;
      this.getTableData();
    },
-
+    handleSearch() {
+      this.tableData = [];
+      this.getTableData();
+    },
+    resetSearch() {
+      this.dateTimeRange = [
+        dayjs().subtract(1, "year").format("YYYY-MM-DD HH:mm:ss"),
+        dayjs().format("YYYY-MM-DD HH:mm:ss"),
+      ];
+      this.tableData = [];
+      this.pageData.pageNum = 1;
+      this.getTableData();
+    },
    // 获取列表数据
    getTableData() {
      getMonitorData({
-        startTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
-        endTime: dayjs(dayjs().subtract(1, "year")).format(
-          "YYYY-MM-DD HH:mm:ss"
-        ),
+        startTime: this.dateTimeRange[0],
+        endTime: this.dateTimeRange[1],
        monitorType: "MS_DSM_SRHRDS",
        pageSize: this.pageData.pageSize,
        pageNum: this.pageData.pageNum,
--- a/src/views/monitorDataPreview/rainfall/index.vue
+++ b/src/views/monitorDataPreview/rainfall/index.vue
@ -4,6 +4,25 @@
    <TopBackTitle :showBackBtn="false" />

    <div class="slider-right-body" ref="tableBoxRef">
+      <div class="pb-16" ref="topBoxRef">
+        <div class="flex items-center flex-wrap">
+          <span>时间范围：</span>
+          <el-date-picker
+            :clearable="false"
+            v-model="dateTimeRange"
+            type="datetimerange"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+          >
+          </el-date-picker>
+          <el-button class="!ml-10" type="success" @click="handleSearch"
+            >搜索</el-button
+          >
+          <el-button class="ml-10" @click="resetSearch">重置</el-button>
+        </div>
+      </div>
      <el-table :height="tableHeight" :data="tableData" border>
        <el-table-column type="index" align="center" label="序号" width="60" />
        <el-table-column prop="stcd" align="center" label="测站编码" />
@ -47,6 +66,10 @@ export default {
  data() {
    return {
      tableData: [], // 检查列表
+      dateTimeRange: [
+        dayjs().subtract(1, "year").format("YYYY-MM-DD HH:mm:ss"),
+        dayjs().format("YYYY-MM-DD HH:mm:ss"),
+      ],
      pageData: {
        pageNum: 1, // 当前页
        pageSize: 10, // 请求数量
@ -67,14 +90,24 @@ export default {
      this.pageData.pageSize = pageSize;
      this.getTableData();
    },
-
+    handleSearch() {
+      this.tableData = [];
+      this.getTableData();
+    },
+    resetSearch() {
+      this.dateTimeRange = [
+        dayjs().subtract(1, "year").format("YYYY-MM-DD HH:mm:ss"),
+        dayjs().format("YYYY-MM-DD HH:mm:ss"),
+      ];
+      this.tableData = [];
+      this.pageData.pageNum = 1;
+      this.getTableData();
+    },
    // 获取列表数据
    getTableData() {
      getMonitorData({
-        startTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
-        endTime: dayjs(dayjs().subtract(1, "year")).format(
-          "YYYY-MM-DD HH:mm:ss"
-        ),
+        startTime: this.dateTimeRange[0],
+        endTime: this.dateTimeRange[1],
        monitorType: "MS_HDM_OBP",
        pageSize: this.pageData.pageSize,
        pageNum: this.pageData.pageNum,
--- a/src/views/monitorDataPreview/reservoirWater/index.vue
+++ b/src/views/monitorDataPreview/reservoirWater/index.vue
@ -4,6 +4,26 @@
    <TopBackTitle :showBackBtn="false" />

    <div class="slider-right-body" ref="tableBoxRef">
+      <div class="pb-16" ref="topBoxRef">
+        <div class="flex items-center flex-wrap">
+          <span>时间范围：</span>
+          <el-date-picker
+            :clearable="false"
+            v-model="dateTimeRange"
+            type="datetimerange"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+          >
+          </el-date-picker>
+          <el-button class="!ml-10" type="success" @click="handleSearch"
+            >搜索</el-button
+          >
+          <el-button class="ml-10" @click="resetSearch">重置</el-button>
+        </div>
+      </div>
+
      <el-table :height="tableHeight" :data="tableData" border>
        <el-table-column type="index" align="center" label="序号" width="60" />
        <el-table-column prop="stcd" align="center" label="测站编码" />
@ -54,6 +74,10 @@ export default {
  data() {
    return {
      tableData: [], // 检查列表
+      dateTimeRange: [
+        dayjs().subtract(1, "year").format("YYYY-MM-DD HH:mm:ss"),
+        dayjs().format("YYYY-MM-DD HH:mm:ss"),
+      ],
      pageData: {
        pageNum: 1, // 当前页
        pageSize: 10, // 请求数量
@ -74,14 +98,24 @@ export default {
      this.pageData.pageSize = pageSize;
      this.getTableData();
    },
-
+    handleSearch() {
+      this.tableData = [];
+      this.getTableData();
+    },
+    resetSearch() {
+      this.dateTimeRange = [
+        dayjs().subtract(1, "year").format("YYYY-MM-DD HH:mm:ss"),
+        dayjs().format("YYYY-MM-DD HH:mm:ss"),
+      ];
+      this.tableData = [];
+      this.pageData.pageNum = 1;
+      this.getTableData();
+    },
    // 获取列表数据
    getTableData() {
      getMonitorData({
-        startTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
-        endTime: dayjs(dayjs().subtract(1, "year")).format(
-          "YYYY-MM-DD HH:mm:ss"
-        ),
+        startTime: this.dateTimeRange[0],
+        endTime: this.dateTimeRange[1],
        monitorType: "MS_HDM_RSVR",
        pageSize: this.pageData.pageSize,
        pageNum: this.pageData.pageNum,
--- a/src/views/monitorDataPreview/riverwayWater/index.vue
+++ b/src/views/monitorDataPreview/riverwayWater/index.vue
@ -4,6 +4,25 @@
    <TopBackTitle :showBackBtn="false" />

    <div class="slider-right-body" ref="tableBoxRef">
+      <div class="pb-16" ref="topBoxRef">
+        <div class="flex items-center flex-wrap">
+          <span>时间范围：</span>
+          <el-date-picker
+            :clearable="false"
+            v-model="dateTimeRange"
+            type="datetimerange"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+          >
+          </el-date-picker>
+          <el-button class="!ml-10" type="success" @click="handleSearch"
+            >搜索</el-button
+          >
+          <el-button class="ml-10" @click="resetSearch">重置</el-button>
+        </div>
+      </div>
      <el-table :height="tableHeight" :data="tableData" border>
        <el-table-column type="index" align="center" label="序号" width="60" />
        <el-table-column prop="stcd" align="center" label="测站编码" />
@ -48,6 +67,10 @@ export default {
  data() {
    return {
      tableData: [], // 检查列表
+      dateTimeRange: [
+        dayjs().subtract(1, "year").format("YYYY-MM-DD HH:mm:ss"),
+        dayjs().format("YYYY-MM-DD HH:mm:ss"),
+      ],
      pageData: {
        pageNum: 1, // 当前页
        pageSize: 10, // 请求数量
@ -68,14 +91,24 @@ export default {
      this.pageData.pageSize = pageSize;
      this.getTableData();
    },
-
+    handleSearch() {
+      this.tableData = [];
+      this.getTableData();
+    },
+    resetSearch() {
+      this.dateTimeRange = [
+        dayjs().subtract(1, "year").format("YYYY-MM-DD HH:mm:ss"),
+        dayjs().format("YYYY-MM-DD HH:mm:ss"),
+      ];
+      this.tableData = [];
+      this.pageData.pageNum = 1;
+      this.getTableData();
+    },
    // 获取列表数据
    getTableData() {
      getMonitorData({
-        startTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
-        endTime: dayjs(dayjs().subtract(1, "year")).format(
-          "YYYY-MM-DD HH:mm:ss"
-        ),
+        startTime: this.dateTimeRange[0],
+        endTime: this.dateTimeRange[1],
        monitorType: "MS_HDM_RIVER",
        pageSize: this.pageData.pageSize,
        pageNum: this.pageData.pageNum,
--- a/src/views/monitorDataPreview/verticalDisplacement/index.vue
+++ b/src/views/monitorDataPreview/verticalDisplacement/index.vue
@ -4,6 +4,25 @@
    <TopBackTitle :showBackBtn="false" />

    <div class="slider-right-body" ref="tableBoxRef">
+      <div class="pb-16" ref="topBoxRef">
+        <div class="flex items-center flex-wrap">
+          <span>时间范围：</span>
+          <el-date-picker
+            :clearable="false"
+            v-model="dateTimeRange"
+            type="datetimerange"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+          >
+          </el-date-picker>
+          <el-button class="!ml-10" type="success" @click="handleSearch"
+            >搜索</el-button
+          >
+          <el-button class="ml-10" @click="resetSearch">重置</el-button>
+        </div>
+      </div>
      <el-table :height="tableHeight" :data="tableData" border>
        <el-table-column type="index" align="center" label="序号" width="60" />
        <el-table-column
@ -15,7 +34,7 @@
        <el-table-column prop="mstm" align="center" label="测量时间" />
        <el-table-column prop="vrds" align="center" label="垂直位移" />
        <el-table-column prop="colmt" align="center" label="采集方式" />
-        <el-table-column prop="crateTime" align="center" label="入库时间" />
+        <el-table-column prop="createTime" align="center" label="入库时间" />
        <el-table-column prop="collTime" align="center" label="采集时间" />
        <el-table-column prop="gdwrDasc" align="center" label="数据来源" />
      </el-table>
@ -50,6 +69,10 @@ export default {
  data() {
    return {
      tableData: [], // 检查列表
+      dateTimeRange: [
+        dayjs().subtract(1, "year").format("YYYY-MM-DD HH:mm:ss"),
+        dayjs().format("YYYY-MM-DD HH:mm:ss"),
+      ],
      pageData: {
        pageNum: 1, // 当前页
        pageSize: 10, // 请求数量
@ -70,14 +93,24 @@ export default {
      this.pageData.pageSize = pageSize;
      this.getTableData();
    },
-
+    handleSearch() {
+      this.tableData = [];
+      this.getTableData();
+    },
+    resetSearch() {
+      this.dateTimeRange = [
+        dayjs().subtract(1, "year").format("YYYY-MM-DD HH:mm:ss"),
+        dayjs().format("YYYY-MM-DD HH:mm:ss"),
+      ];
+      this.tableData = [];
+      this.pageData.pageNum = 1;
+      this.getTableData();
+    },
    // 获取列表数据
    getTableData() {
      getMonitorData({
-        startTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
-        endTime: dayjs(dayjs().subtract(1, "year")).format(
-          "YYYY-MM-DD HH:mm:ss"
-        ),
+        startTime: this.dateTimeRange[0],
+        endTime: this.dateTimeRange[1],
        monitorType: "MS_DSM_SRVRDS",
        pageSize: this.pageData.pageSize,
        pageNum: this.pageData.pageNum,