zmc
2023-09-27 eeef5d4039d2b3fee6854ddc2789aa23232b2cfb
src/views/data_management/HistoryData.vue
@@ -1,8 +1,8 @@
<script>
import TimeSelectWithShortCuts from '@/sfc/TimeSelectWithShortCuts.vue';
import TimeShortCuts from '@/sfc/TimeShortCuts.vue';
import ScenarioType from '@/sfc/ScenarioType.vue';
import InputSearch from '@/sfc/InputSearch.vue';
import { ElMessage } from 'element-plus'
import AreaAndmonitorType from '@/sfc/AreaAndmonitorType.vue'
import { useCommonFunction } from '../../utils/common.js';
@@ -13,7 +13,7 @@
export default {
  components: {
    TimeSelectWithShortCuts,
    TimeShortCuts,
    ScenarioType,
    InputSearch,
    ButtonClick,
@@ -128,7 +128,6 @@
    // 页号改变时触发
    handleCurrentChange(val) {
      console.log('当前页为:', val);
      // 将当前页号给currentPage
      this.currentPage = val;
@@ -210,6 +209,7 @@
</script>
<template>
  <div class="history-container">
  <el-row>
    <el-col ref="h1" class="head-row">
      <el-card>
@@ -217,12 +217,10 @@
          <div class="demo-form-inline">
            <el-row>
              <el-col>
                <el-form-item>
                  <AreaAndmonitorType></AreaAndmonitorType>
                </el-form-item>
                <el-form-item>
                  <template #label> </template>
                  <InputSearch isNeedDefaultSite="1" @submit-value="(n) => (form.name = n)">
                  </InputSearch>
                </el-form-item>
@@ -232,14 +230,21 @@
                  </template>
                  <el-input v-model="form.number" clearable placeholder="请输入"></el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item>
                <TimeShortCuts @submit-time="giveTime"></TimeShortCuts>
              </el-form-item>
              <el-form-item>
                  <ScenarioType @submitScenarioType="(val) => (scenarioType = val)">
                  </ScenarioType>
                </el-form-item>
              </el-col>
              <el-form-item>
                <TimeSelectWithShortCuts @submit-time="giveTime"></TimeSelectWithShortCuts>
              </el-form-item>
            </el-row>
          </div>
          <div class="button-and-export">
@@ -291,10 +296,14 @@
    <el-empty v-show="isNoData" :image-size="200" />
  </el-row>
</div>
</template>
<style lang="scss" scoped>
// 整体左外边距
<style  scoped>
.history-container {
  min-width: 1200px;
}
/* // 整体左外边距 */
.el-row {
  margin-left: 10px;
}
@@ -310,6 +319,8 @@
.font-label {
  margin-top: 3px;
  font-weight: bold;
  font-size: 14px;
  color: #333333;
}
.demo-form-inline {
@@ -322,7 +333,11 @@
  /* 从行尾位置开始排列 */
}
.el-table {
  /* color: #303133 */
  color: rgb(59, 60, 63)
}
.el-pagination {
  margin: 10px 0px;
  margin: 10px 10px;
}
</style>