修复初始化页面

zhangzengfei

2022-06-08 182aed85616f7ac60d0ffb02e4feac5661b80e0c

 src/pages/syslog/views/eventPushLog.vue

@@ -28,7 +28,7 @@
            <span class="icon iconfont icon_clear" @click="clearSearch" slot="append" v-if="fuzzySearch">

              &#xe785;

            </span>

            <span class="icon iconfont icon_search" @click="getPushLog(1)" slot="append" v-else>

            <span class="icon iconfont icon_search" @click="getPushLog(1)" slot="append">

              &#xe714;

            </span>



@@ -44,10 +44,8 @@
        <div class="bar">

          <div class="name">状态：</div>



          <el-select v-model="level" placeholder="请选择" size="small" @change="levelChange">

            <el-option label="全部" :value="''"> </el-option>

            <el-option v-for="(item, i) in levelOptions" :key="i" :label="item.proc_name" :value="item.proc_name">

            </el-option>

          <el-select v-model="state" placeholder="请选择" size="small" @change="stateChange">

            <el-option v-for="(item, i) in stateOptions" :key="i" :label="item.label" :value="item.value"> </el-option>

          </el-select>

        </div>

      </div>

@@ -124,8 +122,8 @@
</template>



<script>

import { pad0 } from "@/api/utils";

import { queryDataPushLog } from "@/api/log";

import { pad0 } from "@/api/utils"

import { queryDataPushLog } from "@/api/log"



export default {

  data() {

@@ -138,20 +136,19 @@
      tableData: [],

      subTableData: [],

      dateArr: ["今日", "近三天", "近七天", "近一个月", "近六个月"],

      levelOptions: [],

      hostNameOptions: [],

      resultOptions: [

      stateOptions: [

        {

          value: "",

          label: "全部"

        },

        {

          value: "成功",

          label: "成功"

          value: "完成",

          label: "完成"

        },

        {

          value: "失败",

          label: "失败"

          value: "进行中",

          label: "进行中"

        }

      ],

      value: "",

@@ -160,105 +157,95 @@
      activeDateChoise: 0,

      hostName: "",

      result: "",

      level: "",

      state: "",

      timeStart: "",

      timeEnd: "",

      fuzzySearch: "",

      total: 0

    };

    }

  },

  mounted() {

    this.getTimeRange(24 * 60 * 60 * 1000);

    this.getPushLog();

    this.getTimeRange(24 * 60 * 60 * 1000)

    this.getPushLog()

  },

  methods: {

    styleFunc({ row, column, rowIndex, columnIndex }) {

      if (columnIndex == 6) {

        return { cursor: "pointer" };

        return { cursor: "pointer" }

      }

      return {};

      return {}

    },

    handleSizeChange(val) {

      this.pageSize = val;

      this.pageSize = val

      // this.getPushLog();

    },

    handleCurrentChange(val) {

      this.page = val;

      this.page = val

      // this.getPushLog();

    },

    levelChange(val) {

      // this.getPushLog(1);

      // this.hostName = "";

      // getOperations({

      //   module: this.level,

      // }).then((res) => {

      //   this.hostNameOptions = res.data;

      // });

    },

    clickFaults(row, column, cell, event) {

      this.showSubTable = true;

    stateChange(val) {

      this.getPushLog(1)

    },

    choseRange(item, i) {

      switch (item) {

        case "今日":

          this.getTimeRange(24 * 60 * 60 * 1000);

          break;

          this.getTimeRange(24 * 60 * 60 * 1000)

          break

        case "近三天":

          this.getTimeRange(24 * 60 * 60 * 1000 * 3);

          break;

          this.getTimeRange(24 * 60 * 60 * 1000 * 3)

          break

        case "近七天":

          this.getTimeRange(24 * 60 * 60 * 1000 * 7);

          break;

          this.getTimeRange(24 * 60 * 60 * 1000 * 7)

          break

        case "近一个月":

          this.getTimeRange(24 * 60 * 60 * 1000 * 30);

          break;

          this.getTimeRange(24 * 60 * 60 * 1000 * 30)

          break

        case "近六个月":

          this.getTimeRange(24 * 60 * 60 * 1000 * 30 * 6);

          break;

          this.getTimeRange(24 * 60 * 60 * 1000 * 30 * 6)

          break

        default:

          break;

          break

      }

      // this.getPushLog(1);

      this.activeDateChoise = i;

      this.getPushLog(1)

      this.activeDateChoise = i

    },

    getPushLog(typ) {

      if (typ == 1) {

        this.page = 1;

        this.page = 1

      }

      queryDataPushLog({

        timeStart: this.timeStart,

        timeEnd: this.timeEnd,

        page: this.page,

        pageSize: this.pageSize,

        state: this.level,

        state: this.state,

        function: this.hostName,

        result: this.result,

        fuzzySearch: this.fuzzySearch

      }).then((res) => {

        this.tableData = res.data.logs;

        this.total = res.data.total;

      });

        this.tableData = res.data.logs

        this.total = res.data.total

      })

    },

    getTimeStr(date) {

      var month = pad0(date.getMonth() + 1); //月

      var day = pad0(date.getDate()); //日

      var hour = pad0(date.getHours()); //时

      var minute = pad0(date.getMinutes()); //分

      var second = pad0(date.getSeconds()); //秒

      return `${date.getFullYear()}-${month}-${day} ${hour}:${minute}:${second}`;

      var month = pad0(date.getMonth() + 1) //月

      var day = pad0(date.getDate()) //日

      return `${date.getFullYear()}-${month}-${day}`

    },

    getTimeRange(gap) {

      var date = new Date(); //当前时间

      var preDay = new Date(new Date().getTime() - gap);

      this.timeStart = this.getTimeStr(preDay);

      this.timeEnd = this.getTimeStr(date);

      var date = new Date() //当前时间

      // 计算出来的时间会多一天, 为了不修改上边的代码, 计算时增加一天

      // 修正时间从起始日期的, 0点开始到24点结束

      var preDay = new Date(new Date().getTime() - gap + 24 * 60 * 60 * 1000)

      this.timeStart = this.getTimeStr(preDay) + " 00:00:00"

      this.timeEnd = this.getTimeStr(date) + " 23:59:59"

    },

    clearSearch() {

      this.fuzzySearch = "";

      this.getPushLog(1);

      this.fuzzySearch = ""

      this.getPushLog(1)

    }

  }

};

}

</script>

<style lang="scss">

.push-log {