评测音频回放

src/pages/report/player/index.module.less

@@ -5,7 +5,7 @@
   // position: relative;
   :global{
     .van-badge__wrapper{
-      color: #01C1B5;
+      color: var(--primary-color);
       background-color: #FFF;
       border-radius: 100%;
       font-size: 20PX;
@@ -31,6 +31,7 @@
     .plyr {
       border-radius: 10px;
       overflow: hidden;
+      --plyr-color-main: var(--primary-color);
     }
     .plyr video{
       max-height: 80vh;

src/pages/report/player/index.tsx

@@ -25,9 +25,9 @@ export default defineComponent({
         }}
         className={styles.popup}
       >
-        <span class={this.btnClass} onClick={popupRef.value?.open}>
+        <div onClick={popupRef.value?.open}>
           {this.$slots.default?.()}
-        </span>
+        </div>
       </PopupWraper>
     )
   },

src/subpages/colexiu-report/header/index.tsx

@@ -2,7 +2,7 @@ import { defineComponent, toRefs, PropType, ref, Transition, onMounted } from 'v
 import { Button, Grid, GridItem, Popup } from 'vant'
 import qs from 'query-string'
 import { MusicSheelDetail, ShaeetStatusType } from '../../colexiu/index.d'
-import BackIcon from '../../colexiu/buttons/icons/icon-back.svg'
+import BackIcon from '../../colexiu/buttons/icons/icon-back.png'
 import { heardLevel } from '/src/constant/formats'
 import Note from '/src/pages/report/note'
 import PlayerPopup from '/src/pages/report/player'
@@ -92,7 +92,7 @@ export default defineComponent({
           <div class={styles.info}>
             <div class={styles.leftButton}>
               <Button onClick={back} class={styles.back}>
-                <img src={BackIcon} alt="back" />
+                <img style={{width: '30px', height: '30px', display: 'block'}} src={BackIcon} alt="back" />
               </Button>
               <span class={styles.musicName}>{record?.value?.sysMusicScoreName}</span>
             </div>
@@ -146,9 +146,9 @@ export default defineComponent({
                 />}
               </Grid>
             ) : null}
-            <Grid columnNum={3} class={styles.btns}>
-              {record.value?.videoFilePath && record.value?.expire === 0 && browserInfo.isStudent ? (
-                <PlayerPopup {...record.value} btnClass={detailStyles.btn} popupClass={detailStyles.popup}>
+            <Grid columnNum={3} class={styles.btns} style={{alignItems: 'center'}}>
+              {record.value?.videoFilePath && browserInfo.isStudent ? (
+                <PlayerPopup {...record.value} btnClass={'van-grid-item'} popupClass={detailStyles.popup}>
                   <GridItem
                     vSlots={{
                       icon: () => <img src={ReplayIcon} />,

src/subpages/colexiu/popups/evaluating/index.tsx

@@ -52,7 +52,7 @@ export default defineComponent({
           },
           body: {
             filePath: res?.content?.filePath,
-            recordId: props.data?.recordId,
+            recordId: props.data?.recordIdStr,
           },
         },
       })