前端数据排序

不抽烟的小王

于 2023-12-22 14:21:54 发布

阅读量1.1k

点赞数

分类专栏： VUE2 JavaScript vue2_Element_UI 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/Achong999/article/details/135152241

版权

JavaScript 同时被 3 个专栏收录

29 篇文章 0 订阅

订阅专栏

22 篇文章 0 订阅

订阅专栏

vue2_Element_UI

14 篇文章 0 订阅

订阅专栏

'sort-change': ({ column, prop, order }) => {
          const orderType = {
            ascending: 1,
            descending: -1
          }
          const { label } = column
          if (label === '星期') {
            console.log('星期')
            this.tableData.sort((a, b) => {
              const aXingQi = this.$tools.formatDate(a.shangBanSJ, '{a}')
              const bXingQi = this.$tools.formatDate(b.shangBanSJ, '{a}')
              return aXingQi.localeCompare(bXingQi) * orderType[order]
            })
          } else if (label === '班次') {
            this.tableData.sort((a, b) => {
              const aHour = this.$tools.formatDate(a.shangBanSJ, '{h}') < 12 ? '上午' : '下午'
              const bHour = this.$tools.formatDate(b.shangBanSJ, '{h}') < 12 ? '上午' : '下午'
              return aHour.localeCompare(bHour) * orderType[order]
            })
          } else {
            this.tableData.sort((a, b) => {
              return a[prop]?.toString().localeCompare(b[prop].toString()) * orderType[order]
            })
          }
          // if (order === 'descending') {
          //   // 降序
          //   this.tableData.sort((a, b) => {
          //     console.log('a[prop]', a[prop])
          //     return a[prop].localeCompare(b[prop]) * orderType[order]
          //   })
          // } else if (order === 'ascending') {
          //   // 升序
          //   this.tableData.sort((a, b) => {
          //     console.log('a[prop]', a[prop])
          //     return a[prop].localeCompare(b[prop]) * orderType[order]
          //   })
          // }
        },