更新 - 完成 recommend

Author: lbwa

src/api/the-recommend.js

@@ -46,6 +46,7 @@ export function getRecommendItem (recommendId) {
  }
  }
 
+ // 在没有 header 验证的情况下直接使用 jsonp 请求 url，否则使用后端 ajax 代理
  // return jsonp(RECOMMEND_ITEM_URL, data, {
  // ...options,
  // // https://github.com/webmodules/jsonp/blob/master/index.js#L50

src/components/parts-recom-item/parts-recom-item.vue

@@ -3,6 +3,7 @@
  <PartsMusicList
  :bgImage="itemBgImage"
  :title="itemTitle"
+ :songs="itemSongs"
  />
  </transition>
 </template>
@@ -11,16 +12,41 @@
 import PartsMusicList from 'components/parts-music-list/parts-music-list'
 import { mapGetters } from 'vuex'
 import { getRecommendItem } from 'api/the-recommend'
-// import { ERR_OK } from 'api/config'
+import { ERR_OK } from 'api/config'
+import { createSong } from 'common/js/normalize-song'
 
 export default {
  methods: {
  _getRecommendItem (id) {
- getRecommendItem(id).then(res => console.log(res))
+ if (!this.recommendItem.dissid) { // 在 recommend 详情页刷新时，跳转至首页
+ this.$router.push({ path: '/recommend' })
+ return
+ }
+
+ getRecommendItem(id).then(res => {
+ if (res.code === ERR_OK) {
+ this.itemSongs = this._normalizeSongs(res.cdlist[0].songlist)
+ console.info('%c Loading recommend songs', 'color: dodgerblue')
+ }
+ })
+ },
+
+ _normalizeSongs (list) {
+ let ret = []
+ list.forEach(musicData => {
+ if (musicData.songmid && musicData.albummid) {
+ ret.push(createSong(musicData))
+ }
+ })
+ return ret
  }
  },
+
  computed: {
  itemTitle () {
+ if (!this.recommendItem.dissid) { // 在 recommend 详情页刷新时
+ return
+ }
  return this.recommendItem.creator.name
  },
 
@@ -37,6 +63,12 @@ export default {
  this._getRecommendItem(this.recommendItem.dissid)
  },
 
+ data () {
+ return {
+ itemSongs: []
+ }
+ },
+
  components: {
  PartsMusicList
  }