Update index.tsx

src/views/music/music-detail/index.tsx

@@ -1070,12 +1070,12 @@ export default defineComponent({
                  <div
                   class={[styles.functionItem, (loading.value ||
                     (!staffData.musicPdfUrl && staffData.imgs.length <= 0)) ? styles.disabled : '',
-                  !downloadHidden.value && userMemberStatus.value ? '' : styles.disabled]}
+                  !downloadHidden.value && userMemberStatus.value && buyState.value.play ? '' : styles.disabled]}
                   onClick={() => {
                     if((loading.value ||
                       (!staffData.musicPdfUrl && staffData.imgs.length <= 0))) return
 
-                    if(!(!downloadHidden.value && userMemberStatus.value)) return
+                    if(!(!downloadHidden.value && userMemberStatus.value && buyState.value.play)) return
                     if (staffData.musicPdfUrl) {
                       const songName =
                         staffData.details?.name +
@@ -1189,8 +1189,7 @@ export default defineComponent({
                 </div>
                 {/* 判断是否是免费的，或者已经购买过，是否从专辑过来的 ||
                 (state.platformType === 'TEACHER' */}
-                {buyState.value.play ||
-                  buyState.value.hasTenantAlbum ? (
+                {buyState.value.play ? (
                   <Button
                     round
                     block
@@ -1232,7 +1231,23 @@ export default defineComponent({
                   >
                     立即练习
                   </Button>
-                ) : (
+                ) : buyState.value.hasTenantAlbum && !buyState.value.play ? <Button
+                    disabled={route.query.buyStatus === '1'}
+                    round
+                    block
+                    type="primary"
+                    color="linear-gradient(180deg, #59E5D5 0%, #2DC7AA 100%)"
+                    onClick={() => {
+                      if(state.platformType === 'TEACHER') {
+                        Toast('请联系平台客服开通权限')
+                        return
+                      } else {
+                        router.push('train-tool')
+                      }
+                    }}
+                  >
+                    开通训练教程
+                  </Button> : (
                   <div class={styles.colSticky}>
                     {/* 只有，有点播类型的才显示价格 */}
                     {buyState.value.charge && (