美文网首页
日常常用代码

日常常用代码

作者: 怎么昵称 | 来源:发表于2022-10-27 15:56 被阅读0次


滚动条上移动到顶部
    scrollToTop() {
      if (!this.$refs.table) {
        return
      }
      const table = this.$refs.table.$el
      const tableBody = table.querySelector('.ant-table-body')

      if (tableBody) {
        this.$nextTick(() => {
          tableBody.scrollTop = 0
        })
      }
    },


页码切换
 pageChange(pageNo) {
      if (pageNo !== 1) {
        this.scrollToTop()
      }
      this.queryParam.pageNum = pageNo
      this.getList()
    },


获取列表数据
 getList() {
      this.isLoading = true


      let obj = {
        startLoginTime: this.queryParam.startDate,
        endLoginTime: this.queryParam.endDate,
        fuzzyStr: this.queryParam.fuzzyStr,
       alertType: this.queryParam.alertType,
        pageNum: this.page.pageNo,
        pageSize: this.page.pageSize,
      }
        console.log('chuancna',obj)

      getList(obj).then((res) => { 
        this.isLoading = false

        console.log('ddd', res)
        // this.page.totalCount = arr
        // this.clueList = arr

        this.clueList = res.body.items

          this.page.totalCount = res.body.total //总条数
        // this.page.pageNo = res.body.pageNum // 当前页数
        // this.page.pageSize = res.body.pageSize // 页面共22条数据
      })
    },

设置日期时间显示 
  setDate() {
      // var startDate = moment().startOf('year')

       var startDate =  moment().startOf('month')
       var endDate=  moment().endOf('month')
      // var today = moment() // 今天
      this.dateValue.push(startDate, endDate)
      //  let x = this.dateValue[0].format('YYYY-MM-DD').toString()
      // let y= this.dateValue[1].format('YYYY-MM-DD').toString()
      this.queryParam.startDate = this.dateValue[0].format('YYYY-MM-DD').toString()
      this.queryParam.endDate = this.dateValue[1].format('YYYY-MM-DD').toString()
      this.onSearch()
    },

解决表头下面有 滚动部分  和背景为白色挡住水印
/deep/ .ant-table-hide-scrollbar {
  overflow-x: hidden !important;
  padding-bottom: 20px !important;
}
/deep/ .ant-table-content > .ant-table-scroll > .ant-table-body {
  // position: relative;
  background: none;
}


相关文章

  • Vue3 常用代码片段

    1、 Vue3 常用代码片段 snippets: 日常开发中常用的代码片段及组件封装集合[https://gith...

  • 日常常用代码

  • python常用时间函数

    常用函数 日常写代码,经常用到时间相关的函数,以下整理了python常用的时间函数: 执行结果 此外datatim...

  • Git日常常用命令汇总

    本篇博文作为git日常常用命令总结,不定时更新 拉取自己的代码库,可push 拉取代码库,不可直接push 常用三...

  • Git常用命令汇总

    看懂下图,大概就可以记住日常常用的几个命令了,文章后面列出列不同状态场景下常用的命令。 常用命令 1. 新建代码...

  • 程序猿二三事之工具使用-Eclipse调试Java常用功能介绍

    [ TOC ] 调试常用功能介绍 日常java开发中实际写代码的时间并不会很多,花在整理思路,代码重构,调试bug...

  • 日常用的git提交代码的方法

    日常用的git提交代码的方法 一、初始化本地仓库,提交代码,提交到远程git仓库 1、初始化代码仓库 git in...

  • Java统计方法代码执行时间

    在日常代码开发中,经常会用到统计方法或代码执行时长,用于对业务代码做优化。常用的代码统计时间方法有一下6种: 一、...

  • git常用命令

    按照日常开发的顺序,整理经常用到的git命令 clone项目代码 代码clone完成后,cd到项目目录下 创建开发...

  • 常用Markdown语法归纳

    本文主要介绍了我在日常更博时常用的Markdown语法。 插入标题(两种方法) 插入代码(两种方法) 一行代码使用...

网友评论

      本文标题:日常常用代码

      本文链接:https://www.haomeiwen.com/subject/nlpttdtx.html