From 5d91643637933288ad600674b15ed2400f613c71 Mon Sep 17 00:00:00 2001
From: lyswhut <lyswhut@qq.com>
Date: Thu, 25 Jun 2020 23:10:38 +0800
Subject: [PATCH] =?UTF-8?q?=E6=AD=8C=E6=9B=B2=E5=88=97=E8=A1=A8=E5=8F=B3?=
 =?UTF-8?q?=E5=87=BB=E8=8F=9C=E5=8D=95=E6=96=B0=E5=A2=9E=E8=B7=B3=E8=BD=AC?=
 =?UTF-8?q?=E5=88=B0=E5=BD=93=E5=89=8D=E6=AD=8C=E6=9B=B2=E6=BA=90=E5=AE=98?=
 =?UTF-8?q?=E6=96=B9=E8=AF=A6=E6=83=85=E9=A1=B5=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/components/core/Player.vue        |  6 +++---
 src/renderer/components/material/SongList.vue  | 14 +++++++++++---
 .../lang/en-us/material/song_list.json         |  1 +
 src/renderer/lang/en-us/view/download.json     |  1 +
 src/renderer/lang/en-us/view/list.json         |  1 +
 src/renderer/lang/en-us/view/search.json       |  1 +
 .../lang/zh-cn/material/song_list.json         |  1 +
 src/renderer/lang/zh-cn/view/download.json     |  1 +
 src/renderer/lang/zh-cn/view/list.json         |  1 +
 src/renderer/lang/zh-cn/view/search.json       |  1 +
 .../lang/zh-tw/material/song_list.json         |  1 +
 src/renderer/lang/zh-tw/view/download.json     |  1 +
 src/renderer/lang/zh-tw/view/list.json         |  1 +
 src/renderer/lang/zh-tw/view/search.json       |  1 +
 src/renderer/utils/music/bd/index.js           |  3 +++
 src/renderer/utils/music/kg/index.js           |  3 +++
 src/renderer/utils/music/kw/index.js           |  4 ++++
 src/renderer/utils/music/mg/index.js           |  3 +++
 src/renderer/utils/music/tx/index.js           |  3 +++
 src/renderer/utils/music/wy/index.js           |  3 +++
 src/renderer/utils/music/xm/index.js           |  3 +++
 src/renderer/utils/music/xm/leaderboard.js     |  3 ++-
 src/renderer/utils/music/xm/musicSearch.js     |  1 +
 src/renderer/utils/music/xm/songList.js        |  1 +
 src/renderer/views/Download.vue                | 16 +++++++++++++++-
 src/renderer/views/Leaderboard.vue             |  9 +++++++++
 src/renderer/views/List.vue                    | 16 +++++++++++++++-
 src/renderer/views/Search.vue                  | 18 ++++++++++++++++--
 src/renderer/views/SongList.vue                | 11 +++++++++--
 29 files changed, 116 insertions(+), 13 deletions(-)

diff --git a/src/renderer/components/core/Player.vue b/src/renderer/components/core/Player.vue
index 3772f70f..80d73a2e 100644
--- a/src/renderer/components/core/Player.vue
+++ b/src/renderer/components/core/Player.vue
@@ -948,14 +948,13 @@ export default {
 .progress {
   width: 100%;
   height: 3px;
-  border-radius: 10px;
   // overflow: hidden;
   transition: @transition-theme;
   transition-property: background-color;
   background-color: @color-player-progress;
   // background-color: #f5f5f5;
   position: relative;
-  border-radius: @radius-progress-border;
+  border-radius: 20px;
 }
 .progress-mask {
   position: absolute;
@@ -972,7 +971,7 @@ export default {
   width: 100%;
   height: 100%;
   transform-origin: 0;
-  border-radius: @radius-progress-border;
+  border-radius: 20px;
 }
 .progress-bar1 {
   background-color: @color-player-progress-bar1;
@@ -1008,6 +1007,7 @@ export default {
   color: @color-player-status-text;
   .mixin-ellipsis-1;
   // padding: 0 5px;
+  padding-right: 5px;
   flex: 1 1 0;
   // text-align: center;
   line-height: 1.2;
diff --git a/src/renderer/components/material/SongList.vue b/src/renderer/components/material/SongList.vue
index 02f9bc7e..0fca8132 100644
--- a/src/renderer/components/material/SongList.vue
+++ b/src/renderer/components/material/SongList.vue
@@ -49,6 +49,7 @@ div(:class="$style.songList")
 <script>
 import { mapGetters } from 'vuex'
 import { scrollTo, clipboardWriteText, assertApiSupport, findParentNode } from '../../utils'
+import musicSdk from '../../utils/music'
 export default {
   name: 'MaterialSongList',
   model: {
@@ -113,15 +114,20 @@ export default {
           action: 'download',
           disabled: !this.listMenu.itemMenuControl.download,
         },
+        {
+          name: this.$t('material.song_list.list_search'),
+          action: 'search',
+          disabled: !this.listMenu.itemMenuControl.search,
+        },
         {
           name: this.$t('material.song_list.list_add_to'),
           action: 'addTo',
           disabled: !this.listMenu.itemMenuControl.addTo,
         },
         {
-          name: this.$t('material.song_list.list_search'),
-          action: 'search',
-          disabled: !this.listMenu.itemMenuControl.search,
+          name: this.$t('material.song_list.list_source_detail'),
+          action: 'sourceDetail',
+          disabled: !this.listMenu.itemMenuControl.sourceDetail,
         },
       ]
     },
@@ -169,6 +175,7 @@ export default {
           addTo: true,
           download: true,
           search: true,
+          sourceDetail: true,
         },
         menuLocation: {
           x: 0,
@@ -326,6 +333,7 @@ export default {
       return assertApiSupport(source)
     },
     handleListItemRigthClick(event, index) {
+      this.listMenu.itemMenuControl.sourceDetail = !!musicSdk[this.list[index].source].getMusicDetailPageUrl
       let dom_selected = this.$refs.dom_tbody.querySelector('tr.selected')
       if (dom_selected) dom_selected.classList.remove('selected')
       this.$refs.dom_tbody.querySelectorAll('tr')[index].classList.add('selected')
diff --git a/src/renderer/lang/en-us/material/song_list.json b/src/renderer/lang/en-us/material/song_list.json
index 47de8903..8782cd51 100644
--- a/src/renderer/lang/en-us/material/song_list.json
+++ b/src/renderer/lang/en-us/material/song_list.json
@@ -3,6 +3,7 @@
   "list_add_to": "Add to ...",
   "list_download": "Download",
   "list_search": "Search",
+  "list_source_detail": "Song Page",
   "name": "Name",
   "singer": "Artist",
   "album": "Album",
diff --git a/src/renderer/lang/en-us/view/download.json b/src/renderer/lang/en-us/view/download.json
index 857145dc..57f45632 100644
--- a/src/renderer/lang/en-us/view/download.json
+++ b/src/renderer/lang/en-us/view/download.json
@@ -5,6 +5,7 @@
   "menu_file": "Locate File",
   "menu_search": "Search",
   "menu_remove": "Remove",
+  "menu_source_detail": "Song Page",
   "name": "Name",
   "progress": "Progress",
   "status": "State",
diff --git a/src/renderer/lang/en-us/view/list.json b/src/renderer/lang/en-us/view/list.json
index 4b7d9675..8a23de01 100644
--- a/src/renderer/lang/en-us/view/list.json
+++ b/src/renderer/lang/en-us/view/list.json
@@ -11,6 +11,7 @@
   "list_move_to": "Move to ...",
   "list_download": "Download",
   "list_remove": "Remove",
+  "list_source_detail": "Song Page",
   "default_list": "Recently Played",
   "love_list": "Favorites",
   "name": "Name",
diff --git a/src/renderer/lang/en-us/view/search.json b/src/renderer/lang/en-us/view/search.json
index 94c958ee..a265f2cf 100644
--- a/src/renderer/lang/en-us/view/search.json
+++ b/src/renderer/lang/en-us/view/search.json
@@ -2,6 +2,7 @@
   "list_play": "Play",
   "list_add_to": "Add to ...",
   "list_download": "Download",
+  "list_source_detail": "Song Page",
   "name": "Name",
   "singer": "Artist",
   "album": "Album",
diff --git a/src/renderer/lang/zh-cn/material/song_list.json b/src/renderer/lang/zh-cn/material/song_list.json
index a89e62e8..a0eb76f1 100644
--- a/src/renderer/lang/zh-cn/material/song_list.json
+++ b/src/renderer/lang/zh-cn/material/song_list.json
@@ -2,6 +2,7 @@
   "list_play": "播放",
   "list_add_to": "添加到...",
   "list_download": "下载",
+  "list_source_detail": "歌曲详情页",
   "list_search": "搜索",
   "name": "歌曲名",
   "singer": "歌手",
diff --git a/src/renderer/lang/zh-cn/view/download.json b/src/renderer/lang/zh-cn/view/download.json
index 4917e132..89af68b3 100644
--- a/src/renderer/lang/zh-cn/view/download.json
+++ b/src/renderer/lang/zh-cn/view/download.json
@@ -5,6 +5,7 @@
   "menu_file": "定位文件",
   "menu_search": "搜索",
   "menu_remove": "删除",
+  "menu_source_detail": "歌曲详情页",
   "name": "歌曲名",
   "progress": "进度",
   "status": "状态",
diff --git a/src/renderer/lang/zh-cn/view/list.json b/src/renderer/lang/zh-cn/view/list.json
index 7ce8ad1d..e53c3460 100644
--- a/src/renderer/lang/zh-cn/view/list.json
+++ b/src/renderer/lang/zh-cn/view/list.json
@@ -7,6 +7,7 @@
   "lists_remove": "删除",
   "list_play": "播放",
   "list_copy_name": "复制歌曲名",
+  "list_source_detail": "歌曲详情页",
   "list_add_to": "添加到...",
   "list_move_to": "移动到...",
   "list_download": "下载",
diff --git a/src/renderer/lang/zh-cn/view/search.json b/src/renderer/lang/zh-cn/view/search.json
index 2e23edad..b981c68f 100644
--- a/src/renderer/lang/zh-cn/view/search.json
+++ b/src/renderer/lang/zh-cn/view/search.json
@@ -2,6 +2,7 @@
   "list_play": "播放",
   "list_add_to": "添加到...",
   "list_download": "下载",
+  "list_source_detail": "歌曲详情页",
   "name": "歌曲名",
   "singer": "歌手",
   "album": "专辑",
diff --git a/src/renderer/lang/zh-tw/material/song_list.json b/src/renderer/lang/zh-tw/material/song_list.json
index 8b028543..ed5a4460 100644
--- a/src/renderer/lang/zh-tw/material/song_list.json
+++ b/src/renderer/lang/zh-tw/material/song_list.json
@@ -3,6 +3,7 @@
   "list_add_to": "添加到...",
   "list_download": "下載",
   "list_search": "搜索",
+  "list_source_detail": "歌曲詳情頁",
   "name": "歌曲名",
   "singer": "歌手",
   "album": "專輯",
diff --git a/src/renderer/lang/zh-tw/view/download.json b/src/renderer/lang/zh-tw/view/download.json
index bf53df2d..025f5b98 100644
--- a/src/renderer/lang/zh-tw/view/download.json
+++ b/src/renderer/lang/zh-tw/view/download.json
@@ -5,6 +5,7 @@
   "menu_file": "定位文件",
   "menu_search": "搜索",
   "menu_remove": "刪除",
+  "menu_source_detail": "歌曲詳情頁",
   "name": "歌曲名",
   "progress": "進度",
   "status": "狀態",
diff --git a/src/renderer/lang/zh-tw/view/list.json b/src/renderer/lang/zh-tw/view/list.json
index 286b38a7..52612a8c 100644
--- a/src/renderer/lang/zh-tw/view/list.json
+++ b/src/renderer/lang/zh-tw/view/list.json
@@ -11,6 +11,7 @@
   "list_move_to": "移動到...",
   "list_download": "下載",
   "list_remove": "刪除",
+  "list_source_detail": "歌曲詳情頁",
   "default_list": "試聽列表",
   "love_list": "收藏列表",
   "name": "歌曲名",
diff --git a/src/renderer/lang/zh-tw/view/search.json b/src/renderer/lang/zh-tw/view/search.json
index ebdec9c5..ac9d7a36 100644
--- a/src/renderer/lang/zh-tw/view/search.json
+++ b/src/renderer/lang/zh-tw/view/search.json
@@ -2,6 +2,7 @@
   "list_play": "播放",
   "list_add_to": "添加到...",
   "list_download": "下載",
+  "list_source_detail": "歌曲詳情頁",
   "name": "歌曲名",
   "singer": "歌手",
   "album": "專輯",
diff --git a/src/renderer/utils/music/bd/index.js b/src/renderer/utils/music/bd/index.js
index f7cda7b9..c83fe67e 100644
--- a/src/renderer/utils/music/bd/index.js
+++ b/src/renderer/utils/music/bd/index.js
@@ -33,6 +33,9 @@ const bd = {
   getMusicInfo(songInfo) {
     return musicInfo.getMusicInfo(songInfo.songmid)
   },
+  getMusicDetailPageUrl(songInfo) {
+    return `http://music.taihe.com/song/${songInfo.songmid}`
+  },
 }
 
 export default bd
diff --git a/src/renderer/utils/music/kg/index.js b/src/renderer/utils/music/kg/index.js
index ab4f1938..524c5fbd 100644
--- a/src/renderer/utils/music/kg/index.js
+++ b/src/renderer/utils/music/kg/index.js
@@ -23,6 +23,9 @@ const kg = {
   getPic(songInfo) {
     return pic.getPic(songInfo)
   },
+  getMusicDetailPageUrl(songInfo) {
+    return `https://www.kugou.com/song/#hash=${songInfo.hash}`
+  },
   // getPic(songInfo) {
   //   return apis('kg').getPic(songInfo)
   // },
diff --git a/src/renderer/utils/music/kw/index.js b/src/renderer/utils/music/kw/index.js
index 21d69b8e..19c0c143 100644
--- a/src/renderer/utils/music/kw/index.js
+++ b/src/renderer/utils/music/kw/index.js
@@ -99,6 +99,10 @@ const kw = {
     return pic.getPic(songInfo)
   },
 
+  getMusicDetailPageUrl(songInfo) {
+    return `http://www.kuwo.cn/play_detail/${songInfo.songmid}`
+  },
+
   init() {
     getToken()
   },
diff --git a/src/renderer/utils/music/mg/index.js b/src/renderer/utils/music/mg/index.js
index a0099d81..3ee240a8 100644
--- a/src/renderer/utils/music/mg/index.js
+++ b/src/renderer/utils/music/mg/index.js
@@ -20,6 +20,9 @@ const mg = {
   getPic(songInfo) {
     return pic.getPic(songInfo)
   },
+  getMusicDetailPageUrl(songInfo) {
+    return `http://music.migu.cn/v3/music/song/${songInfo.copyrightId}`
+  },
 }
 
 export default mg
diff --git a/src/renderer/utils/music/tx/index.js b/src/renderer/utils/music/tx/index.js
index 7bdc3e55..ffa94b54 100644
--- a/src/renderer/utils/music/tx/index.js
+++ b/src/renderer/utils/music/tx/index.js
@@ -21,6 +21,9 @@ const tx = {
   getPic(songInfo) {
     return apis('tx').getPic(songInfo)
   },
+  getMusicDetailPageUrl(songInfo) {
+    return `https://y.qq.com/n/yqq/song/${songInfo.songmid}.html`
+  },
 }
 
 export default tx
diff --git a/src/renderer/utils/music/wy/index.js b/src/renderer/utils/music/wy/index.js
index 479c2997..a06284a4 100644
--- a/src/renderer/utils/music/wy/index.js
+++ b/src/renderer/utils/music/wy/index.js
@@ -20,6 +20,9 @@ const wy = {
   getPic(songInfo) {
     return getMusicInfo(songInfo.songmid).then(info => info.al.picUrl)
   },
+  getMusicDetailPageUrl(songInfo) {
+    return `https://music.163.com/#/song?id=${songInfo.songmid}`
+  },
 }
 
 export default wy
diff --git a/src/renderer/utils/music/xm/index.js b/src/renderer/utils/music/xm/index.js
index e689c5b7..06c07b2c 100644
--- a/src/renderer/utils/music/xm/index.js
+++ b/src/renderer/utils/music/xm/index.js
@@ -23,6 +23,9 @@ const xm = {
     return Promise.reject(new Error('fail'))
     // return pic.getPic(songInfo)
   },
+  getMusicDetailPageUrl(songInfo) {
+    return songInfo.songStringId ? `https://www.xiami.com/song/${songInfo.songStringId}` : null
+  },
   // init() {
   //   getToken()
   // },
diff --git a/src/renderer/utils/music/xm/leaderboard.js b/src/renderer/utils/music/xm/leaderboard.js
index a4c4ed4a..fa28b59f 100644
--- a/src/renderer/utils/music/xm/leaderboard.js
+++ b/src/renderer/utils/music/xm/leaderboard.js
@@ -78,7 +78,7 @@ export default {
     return arr.join('、')
   },
   filterData(rawList) {
-    // console.log(rawList)
+    console.log(rawList)
     let ids = new Set()
     const list = []
     rawList.forEach(songData => {
@@ -124,6 +124,7 @@ export default {
         interval: formatPlayTime(parseInt(songData.length / 1000)),
         songmid: songData.songId,
         img: songData.albumLogo || songData.albumLogoS,
+        songStringId: songData.songStringId,
         lrc: null,
         lrcUrl: songData.lyricInfo && songData.lyricInfo.lyricFile,
         types,
diff --git a/src/renderer/utils/music/xm/musicSearch.js b/src/renderer/utils/music/xm/musicSearch.js
index e276bff7..47c6b218 100644
--- a/src/renderer/utils/music/xm/musicSearch.js
+++ b/src/renderer/utils/music/xm/musicSearch.js
@@ -76,6 +76,7 @@ export default {
         interval: formatPlayTime(parseInt(songData.length / 1000)),
         songmid: songData.songId,
         img: songData.albumLogo || songData.albumLogoS,
+        songStringId: songData.songStringId,
         lrc: null,
         lrcUrl: songData.lyricInfo && songData.lyricInfo.lyricFile,
         types,
diff --git a/src/renderer/utils/music/xm/songList.js b/src/renderer/utils/music/xm/songList.js
index d93c4b36..0ca81450 100644
--- a/src/renderer/utils/music/xm/songList.js
+++ b/src/renderer/utils/music/xm/songList.js
@@ -138,6 +138,7 @@ export default {
         source: 'xm',
         interval: formatPlayTime(parseInt(songData.length / 1000)),
         songmid: songData.songId,
+        songStringId: songData.songStringId,
         img: songData.albumLogo || songData.albumLogoS,
         lrc: null,
         lrcUrl: songData.lyricInfo && songData.lyricInfo.lyricFile,
diff --git a/src/renderer/views/Download.vue b/src/renderer/views/Download.vue
index 85656991..71454083 100644
--- a/src/renderer/views/Download.vue
+++ b/src/renderer/views/Download.vue
@@ -36,7 +36,8 @@ div(:class="$style.download")
 
 <script>
 import { mapGetters, mapActions, mapMutations } from 'vuex'
-import { checkPath, openDirInExplorer, findParentNode } from '../utils'
+import { checkPath, openDirInExplorer, findParentNode, openUrl } from '../utils'
+import musicSdk from '../utils/music'
 import path from 'path'
 
 export default {
@@ -63,6 +64,7 @@ export default {
           file: true,
           search: true,
           remove: true,
+          sourceDetail: true,
         },
         menuLocation: {
           x: 0,
@@ -145,6 +147,11 @@ export default {
           action: 'file',
           hide: !this.listMenu.itemMenuControl.file,
         },
+        {
+          name: this.$t('view.download.menu_source_detail'),
+          action: 'sourceDetail',
+          disabled: !this.listMenu.itemMenuControl.sourceDetail,
+        },
         {
           name: this.$t('view.download.menu_search'),
           action: 'search',
@@ -359,6 +366,7 @@ export default {
       this.selectdData = []
     },
     handleListItemRigthClick(event, index) {
+      this.listMenu.itemMenuControl.sourceDetail = !!musicSdk[this.showList[index].musicInfo.source].getMusicDetailPageUrl
       let dom_selected = this.$refs.dom_tbody.querySelector('tr.selected')
       if (dom_selected) dom_selected.classList.remove('selected')
       this.$refs.dom_tbody.querySelectorAll('tr')[index].classList.add('selected')
@@ -401,6 +409,7 @@ export default {
       this.hideListMenu()
       // let key
       let item
+      let url
 
       switch (action && action.action) {
         case 'play':
@@ -456,6 +465,11 @@ export default {
             })
           }
           break
+        case 'sourceDetail':
+          item = this.showList[index].musicInfo
+          url = musicSdk[item.source].getMusicDetailPageUrl(item)
+          if (!url) return
+          openUrl(url)
       }
     },
   },
diff --git a/src/renderer/views/Leaderboard.vue b/src/renderer/views/Leaderboard.vue
index 72815d1f..c95c7d72 100644
--- a/src/renderer/views/Leaderboard.vue
+++ b/src/renderer/views/Leaderboard.vue
@@ -23,6 +23,8 @@
 
 <script>
 import { mapGetters, mapMutations, mapActions } from 'vuex'
+import { openUrl } from '../utils'
+import musicSdk from '../utils/music'
 export default {
   name: 'Leaderboard',
   data() {
@@ -99,6 +101,8 @@ export default {
       }
     },
     handleMenuClick(info) {
+      let minfo
+      let url
       switch (info.action) {
         case 'download':
           if (this.selectedData.length) {
@@ -132,6 +136,11 @@ export default {
             })
           }
           break
+        case 'sourceDetail':
+          minfo = this.list[info.index]
+          url = musicSdk[minfo.source].getMusicDetailPageUrl(minfo)
+          if (!url) return
+          openUrl(url)
       }
     },
     testPlay(index) {
diff --git a/src/renderer/views/List.vue b/src/renderer/views/List.vue
index 39be952b..f7f91a6a 100644
--- a/src/renderer/views/List.vue
+++ b/src/renderer/views/List.vue
@@ -69,7 +69,8 @@
 
 <script>
 import { mapMutations, mapGetters, mapActions } from 'vuex'
-import { throttle, scrollTo, clipboardWriteText, assertApiSupport, findParentNode } from '../utils'
+import { throttle, scrollTo, clipboardWriteText, assertApiSupport, findParentNode, openUrl } from '../utils'
+import musicSdk from '../utils/music'
 export default {
   name: 'List',
   data() {
@@ -120,6 +121,7 @@ export default {
           moveTo: true,
           download: true,
           remove: true,
+          sourceDetail: true,
         },
         menuLocation: {
           x: 0,
@@ -211,6 +213,11 @@ export default {
           action: 'copyName',
           disabled: !this.listMenu.itemMenuControl.copyName,
         },
+        {
+          name: this.$t('view.list.list_source_detail'),
+          action: 'sourceDetail',
+          disabled: !this.listMenu.itemMenuControl.sourceDetail,
+        },
         {
           name: this.$t('view.list.list_add_to'),
           action: 'addTo',
@@ -658,6 +665,7 @@ export default {
       })
     },
     handleListItemRigthClick(event, index) {
+      this.listMenu.itemMenuControl.sourceDetail = !!musicSdk[this.list[index].source].getMusicDetailPageUrl
       let dom_selected = this.$refs.dom_tbody.querySelector('tr.selected')
       if (dom_selected) dom_selected.classList.remove('selected')
       this.$refs.dom_tbody.querySelectorAll('tr')[index].classList.add('selected')
@@ -711,6 +719,7 @@ export default {
       let index = this.listMenu.rightClickItemIndex
       this.hideListMenu()
       let minfo
+      let url
       switch (action && action.action) {
         case 'play':
           this.testPlay(index)
@@ -765,6 +774,11 @@ export default {
             this.handleRemove(index)
           }
           break
+        case 'sourceDetail':
+          minfo = this.list[index]
+          url = musicSdk[minfo.source].getMusicDetailPageUrl(minfo)
+          if (!url) return
+          openUrl(url)
       }
     },
   },
diff --git a/src/renderer/views/Search.vue b/src/renderer/views/Search.vue
index 98909784..1c537270 100644
--- a/src/renderer/views/Search.vue
+++ b/src/renderer/views/Search.vue
@@ -61,8 +61,8 @@
 
 <script>
 import { mapGetters, mapActions, mapMutations } from 'vuex'
-import { scrollTo, clipboardWriteText, assertApiSupport, findParentNode } from '../utils'
-// import music from '../utils/music'
+import { scrollTo, clipboardWriteText, assertApiSupport, findParentNode, openUrl } from '../utils'
+import musicSdk from '../utils/music'
 export default {
   name: 'Search',
   data() {
@@ -90,6 +90,7 @@ export default {
           play: true,
           addTo: true,
           download: true,
+          sourceDetail: true,
         },
         menuLocation: {
           x: 0,
@@ -178,6 +179,11 @@ export default {
           action: 'addTo',
           disabled: !this.listMenu.itemMenuControl.addTo,
         },
+        {
+          name: this.$t('view.search.list_source_detail'),
+          action: 'sourceDetail',
+          disabled: !this.listMenu.itemMenuControl.sourceDetail,
+        },
       ]
     },
     listInfo() {
@@ -414,6 +420,7 @@ export default {
       return assertApiSupport(source)
     },
     handleListItemRigthClick(event, index) {
+      this.listMenu.itemMenuControl.sourceDetail = !!musicSdk[this.listInfo.list[index].source].getMusicDetailPageUrl
       let dom_selected = this.$refs.dom_tbody.querySelector('tr.selected')
       if (dom_selected) dom_selected.classList.remove('selected')
       this.$refs.dom_tbody.querySelectorAll('tr')[index].classList.add('selected')
@@ -436,6 +443,7 @@ export default {
       let index = this.listMenu.rightClickItemIndex
       this.hideListMenu()
       let minfo
+      let url
       switch (action && action.action) {
         case 'play':
           if (this.selectedData.length) {
@@ -468,6 +476,12 @@ export default {
             })
           }
           break
+        case 'sourceDetail':
+          minfo = this.listInfo.list[index]
+          url = musicSdk[minfo.source].getMusicDetailPageUrl(minfo)
+          if (!url) return
+          openUrl(url)
+          break
       }
     },
   },
diff --git a/src/renderer/views/SongList.vue b/src/renderer/views/SongList.vue
index bd98781b..c88d6267 100644
--- a/src/renderer/views/SongList.vue
+++ b/src/renderer/views/SongList.vue
@@ -61,8 +61,8 @@
 
 <script>
 import { mapGetters, mapMutations, mapActions } from 'vuex'
-import { scrollTo, assertApiSupport } from '../utils'
-// import music from '../utils/music'
+import { scrollTo, assertApiSupport, openUrl } from '../utils'
+import musicSdk from '../utils/music'
 export default {
   name: 'SongList',
   data() {
@@ -203,6 +203,8 @@ export default {
       }
     },
     handleMenuClick(info) {
+      let minfo
+      let url
       switch (info.action) {
         case 'download':
           if (this.selectedData.length) {
@@ -236,6 +238,11 @@ export default {
             })
           }
           break
+        case 'sourceDetail':
+          minfo = this.listDetail.list[info.index]
+          url = musicSdk[minfo.source].getMusicDetailPageUrl(minfo)
+          if (!url) return
+          openUrl(url)
       }
     },
     testPlay(index) {