處理數(shù)據(jù),按月份劃分

數(shù)據(jù)處理代碼:

// 獲取客戶跟進記錄
    fetchFollowList () {
      let url = `/agent/guest/follow/list`
      let params = {
        customer_id: this.clientId,
        page: this.page,
        per_page: 10
      }
      this.loading = true
      this.$_load.show()
      this.$post(url, params).then(res => {
        this.loading = false
        this.$_load.hide()
        if (res.code === 200) {
          let data = res.data
          if (data) {
            let list = data.data || []
            const groupedData = {};
            // 遍歷數(shù)據(jù)數(shù)組撮奏,將數(shù)據(jù)按月份分組
            list.forEach(item => {
              const month = item.month
              if (!groupedData[month]) {
                groupedData[month] = []; // 如果該月份還沒有分組魔眨,則創(chuàng)建一個新的分組數(shù)組
              }
              groupedData[month].push(item); // 將數(shù)據(jù)添加到對應(yīng)的分組數(shù)組中
            })
            
            let followList = []
            let keys = Object.keys(groupedData)
            keys.forEach(item => {
              let obj = {
                month: item,
                dataList: groupedData[item]
              }
              followList.push(obj)
            })
            if (!this.followList || !this.followList.length) {
              this.followList = followList
            } else {
              let lastInfo = this.followList[this.followList.length - 1]
              let lastMonth = lastInfo.month
              followList.forEach(item => {
                if (item.month === lastMonth) {
                  lastInfo.dataList = lastInfo.dataList.concat(item.dataList)
                } else {
                  this.followList.push(item)
                }
              })
            }
          }
          if (this.page < data.last_page) {
            this.isEnd = false
          } else {
            this.isEnd = true
          }
          this.refreshScroll()
        } else {
          this.$toast(res.message)
        }
      })
    },

效果圖:
image.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市济锄,隨后出現(xiàn)的幾起案子聊浅,更是在濱河造成了極大的恐慌灰追,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,651評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件狗超,死亡現(xiàn)場離奇詭異弹澎,居然都是意外死亡,警方通過查閱死者的電腦和手機努咐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評論 3 392
  • 文/潘曉璐 我一進店門苦蒿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人渗稍,你說我怎么就攤上這事佩迟⊥爬模” “怎么了?”我有些...
    開封第一講書人閱讀 162,931評論 0 353
  • 文/不壞的土叔 我叫張陵报强,是天一觀的道長灸姊。 經(jīng)常有香客問我,道長秉溉,這世上最難降的妖魔是什么力惯? 我笑而不...
    開封第一講書人閱讀 58,218評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮召嘶,結(jié)果婚禮上父晶,老公的妹妹穿的比我還像新娘。我一直安慰自己弄跌,他們只是感情好甲喝,可當我...
    茶點故事閱讀 67,234評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著铛只,像睡著了一般埠胖。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上淳玩,一...
    開封第一講書人閱讀 51,198評論 1 299
  • 那天直撤,我揣著相機與錄音,去河邊找鬼凯肋。 笑死,一個胖子當著我的面吹牛汽馋,可吹牛的內(nèi)容都是我干的侮东。 我是一名探鬼主播,決...
    沈念sama閱讀 40,084評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼豹芯,長吁一口氣:“原來是場噩夢啊……” “哼悄雅!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起铁蹈,我...
    開封第一講書人閱讀 38,926評論 0 274
  • 序言:老撾萬榮一對情侶失蹤宽闲,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后握牧,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體容诬,經(jīng)...
    沈念sama閱讀 45,341評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,563評論 2 333
  • 正文 我和宋清朗相戀三年沿腰,在試婚紗的時候發(fā)現(xiàn)自己被綠了览徒。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,731評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡颂龙,死狀恐怖习蓬,靈堂內(nèi)的尸體忽然破棺而出纽什,到底是詐尸還是另有隱情,我是刑警寧澤躲叼,帶...
    沈念sama閱讀 35,430評論 5 343
  • 正文 年R本政府宣布芦缰,位于F島的核電站,受9級特大地震影響枫慷,放射性物質(zhì)發(fā)生泄漏让蕾。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,036評論 3 326
  • 文/蒙蒙 一流礁、第九天 我趴在偏房一處隱蔽的房頂上張望涕俗。 院中可真熱鬧,春花似錦神帅、人聲如沸再姑。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽元镀。三九已至,卻和暖如春霎桅,著一層夾襖步出監(jiān)牢的瞬間栖疑,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評論 1 269
  • 我被黑心中介騙來泰國打工滔驶, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留遇革,地道東北人。 一個月前我還...
    沈念sama閱讀 47,743評論 2 368
  • 正文 我出身青樓揭糕,卻偏偏與公主長得像萝快,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子著角,可洞房花燭夜當晚...
    茶點故事閱讀 44,629評論 2 354

推薦閱讀更多精彩內(nèi)容