判断支付金额

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

@@ -266,12 +266,15 @@ export default defineComponent({
               </div>
             </div>
 
-            <div class={styles.albumTips}>
-              <span>此专辑为收费类型，购买即可自由练习该专辑</span>
-              <span class={styles.albumPrice}>
-                ¥{moneyFormat(albumDetail.value?.albumPrice)}
-              </span>
-            </div>
+            {albumDetail.value?.paymentType === 'CHARGE' &&
+              albumDetail.value?.orderStatus !== 'PAID' && (
+                <div class={styles.albumTips}>
+                  <span>此专辑为收费类型，购买即可自由练习该专辑</span>
+                  <span class={styles.albumPrice}>
+                    ¥{moneyFormat(albumDetail.value?.albumPrice)}
+                  </span>
+                </div>
+              )}
           </div>
           <div class={styles.alumnContainer}>
             <div class={styles.alumnList}>
@@ -327,41 +330,43 @@ export default defineComponent({
               )}
           </div>
 
-          {albumDetail.value?.paymentType === 'CHARGE' && (
-            <ColSticky position="bottom" background="white">
-              <div
-                class={[
-                  'btnGroup',
-                  albumDetail.value?.musicPaymentTypes.includes('CHARGE') &&
-                    'btnMore'
-                ]}
-                style={{ paddingTop: '12px' }}
-              >
-                <Button
-                  block
-                  round
-                  type="primary"
-                  style={{ fontSize: '16px' }}
-                  onClick={onBuy}
+          {/* 判断是否是收费 是否是已经购买 */}
+          {albumDetail.value?.paymentType === 'CHARGE' &&
+            albumDetail.value?.orderStatus !== 'PAID' && (
+              <ColSticky position="bottom" background="white">
+                <div
+                  class={[
+                    'btnGroup',
+                    albumDetail.value?.musicPaymentTypes.includes('CHARGE') &&
+                      'btnMore'
+                  ]}
+                  style={{ paddingTop: '12px' }}
                 >
-                  购买专辑
-                </Button>
-                {albumDetail.value?.musicPaymentTypes.includes('VIP') && (
                   <Button
                     block
                     round
                     type="primary"
                     style={{ fontSize: '16px' }}
-                    onClick={() => {
-                      router.push('/memberCenter')
-                    }}
+                    onClick={onBuy}
                   >
-                    开通会员
+                    购买专辑
                   </Button>
-                )}
-              </div>
-            </ColSticky>
-          )}
+                  {albumDetail.value?.musicPaymentTypes.includes('VIP') && (
+                    <Button
+                      block
+                      round
+                      type="primary"
+                      style={{ fontSize: '16px' }}
+                      onClick={() => {
+                        router.push('/memberCenter')
+                      }}
+                    >
+                      开通会员
+                    </Button>
+                  )}
+                </div>
+              </ColSticky>
+            )}
         </div>
       )
     }

src/views/music/component/song/index.module.less

@@ -59,7 +59,7 @@
       }
     }
     .title {
-      max-width: 150px;
+      max-width: 120px;
       font-size: 16px;
       font-weight: bold;
       color: #1a1a1a;