|
@@ -1,7 +1,6 @@
|
|
|
import { Button, Dialog, Grid, GridItem, Popup, Toast } from 'vant'
|
|
|
-import { defineComponent, onBeforeUnmount, onMounted, ref, toRefs, watch } from 'vue'
|
|
|
+import { defineComponent, ref, toRefs } from 'vue'
|
|
|
import qs from 'query-string'
|
|
|
-// import { getImageUrl } from '../../header'
|
|
|
import appState from '/src/state'
|
|
|
import detailState from '/src/pages/detail/state'
|
|
|
import styles from './index.module.less'
|
|
@@ -13,7 +12,6 @@ import TryIcon from './icons/icon-try.png'
|
|
|
import IntegrityIcon from './icons/integrity.svg'
|
|
|
import IntonationIcon from './icons/intonation.svg'
|
|
|
import CadenceIcon from './icons/cadence.svg'
|
|
|
-// import bg from './icons/bg.svg'
|
|
|
import runtime from '/src/pages/detail/runtime'
|
|
|
import { postMessage } from '/src/helpers/native-message'
|
|
|
import { evaluatingShow, ResultContent } from './index'
|
|
@@ -28,7 +26,6 @@ import iconShare from './icons/icon-share.svg'
|
|
|
import iconUpload from './icons/icon-upload.svg'
|
|
|
import { useOriginSearch } from '../../uses'
|
|
|
import { onChangeModelType } from '../../buttons'
|
|
|
-import { useRoute } from 'vue-router'
|
|
|
|
|
|
const scoreInfos: any = {
|
|
|
1: {
|
|
@@ -86,11 +83,6 @@ export default defineComponent({
|
|
|
score: data.value?.score || 0,
|
|
|
examSongName: detailState.activeDetail?.examSongName || '',
|
|
|
}
|
|
|
- // if (!this.isStrike) {
|
|
|
- // data.intonation = data.value?.intonation
|
|
|
- // data.cadence = data.value?.cadence
|
|
|
- // data.integrity = data.value?.integrity
|
|
|
- // }
|
|
|
if (!detailState.isPercussion) {
|
|
|
shareData.intonation = data.value?.intonation
|
|
|
shareData.cadence = data.value?.cadence
|
|
@@ -161,7 +153,6 @@ export default defineComponent({
|
|
|
<div class={styles.wrap}>
|
|
|
<div class={styles.wrapContainer}>
|
|
|
<div class={styles.top}>
|
|
|
- {/* {info === 5 && <img class={styles.iconLeft} src={iconBadge} />} */}
|
|
|
<div class={styles.title}>
|
|
|
<div style={{ position: 'relative', zIndex: 1, 'white-space': 'nowrap' }}>
|
|
|
<span class={styles.num}>{data.value?.score}</span>
|
|
@@ -173,22 +164,24 @@ export default defineComponent({
|
|
|
</div>
|
|
|
<div class={styles.evaluatWrap}>
|
|
|
<Grid>
|
|
|
- <GridItem
|
|
|
- vSlots={{
|
|
|
- icon: () => (
|
|
|
- <div>
|
|
|
- <img class={styles.evaluatIcon} src={IntonationIcon} />
|
|
|
- <span class={styles.evaluatTitle}>音准</span>
|
|
|
- </div>
|
|
|
- ),
|
|
|
- text: () => (
|
|
|
- <span class={styles.fraction}>
|
|
|
- {data.value?.intonation}
|
|
|
- <span>分</span>
|
|
|
- </span>
|
|
|
- ),
|
|
|
- }}
|
|
|
- ></GridItem>
|
|
|
+ {detailState.isPercussion ? null : (
|
|
|
+ <GridItem
|
|
|
+ vSlots={{
|
|
|
+ icon: () => (
|
|
|
+ <div>
|
|
|
+ <img class={styles.evaluatIcon} src={IntonationIcon} />
|
|
|
+ <span class={styles.evaluatTitle}>音准</span>
|
|
|
+ </div>
|
|
|
+ ),
|
|
|
+ text: () => (
|
|
|
+ <span class={styles.fraction}>
|
|
|
+ {data.value?.intonation}
|
|
|
+ <span>分</span>
|
|
|
+ </span>
|
|
|
+ ),
|
|
|
+ }}
|
|
|
+ ></GridItem>
|
|
|
+ )}
|
|
|
<div class={styles.line}></div>
|
|
|
<GridItem
|
|
|
vSlots={{
|
|
@@ -207,56 +200,63 @@ export default defineComponent({
|
|
|
}}
|
|
|
></GridItem>
|
|
|
<div class={styles.line}></div>
|
|
|
- <GridItem
|
|
|
- vSlots={{
|
|
|
- icon: () => (
|
|
|
- <div>
|
|
|
- <img class={styles.evaluatIcon} src={IntegrityIcon} />
|
|
|
- <span class={styles.evaluatTitle}>完整性</span>
|
|
|
- </div>
|
|
|
- ),
|
|
|
- text: () => (
|
|
|
- <span class={styles.fraction}>
|
|
|
- {data.value?.integrity}
|
|
|
- <span>分</span>
|
|
|
- </span>
|
|
|
- ),
|
|
|
- }}
|
|
|
- ></GridItem>
|
|
|
+ {detailState.isPercussion ? null : (
|
|
|
+ <GridItem
|
|
|
+ vSlots={{
|
|
|
+ icon: () => (
|
|
|
+ <div>
|
|
|
+ <img class={styles.evaluatIcon} src={IntegrityIcon} />
|
|
|
+ <span class={styles.evaluatTitle}>完整性</span>
|
|
|
+ </div>
|
|
|
+ ),
|
|
|
+ text: () => (
|
|
|
+ <span class={styles.fraction}>
|
|
|
+ {data.value?.integrity}
|
|
|
+ <span>分</span>
|
|
|
+ </span>
|
|
|
+ ),
|
|
|
+ }}
|
|
|
+ ></GridItem>
|
|
|
+ )}
|
|
|
</Grid>
|
|
|
</div>
|
|
|
|
|
|
<div class={styles.tips}>{scoreInfos[info].tips}</div>
|
|
|
-
|
|
|
</div>
|
|
|
<div class={styles.btns}>
|
|
|
{detailState.frozenMode || isUnitTest ? null : (
|
|
|
- <Button onClick={() => {
|
|
|
- runtime.evaluatingStatus = false
|
|
|
- detailState.evaluatings = {}
|
|
|
- evaluatingShow.value = false
|
|
|
- onChangeModelType('practice')
|
|
|
- }}>
|
|
|
+ <Button
|
|
|
+ onClick={() => {
|
|
|
+ runtime.evaluatingStatus = false
|
|
|
+ detailState.evaluatings = {}
|
|
|
+ evaluatingShow.value = false
|
|
|
+ onChangeModelType('practice')
|
|
|
+ }}
|
|
|
+ >
|
|
|
<img class={styles.btnIcon} src={iconLianxi} />
|
|
|
</Button>
|
|
|
)}
|
|
|
<Button style={{ margin: '0 4px' }} onClick={() => emit('restart')}>
|
|
|
<img class={styles.btnIcon} src={TryIcon} />
|
|
|
</Button>
|
|
|
- {isUnitTest ? null : <Button onClick={viewReport}>
|
|
|
- <img class={styles.btnIcon} src={iconReport} alt="查看报告" />
|
|
|
- </Button>}
|
|
|
+ {isUnitTest ? null : (
|
|
|
+ <Button onClick={viewReport}>
|
|
|
+ <img class={styles.btnIcon} src={iconReport} alt="查看报告" />
|
|
|
+ </Button>
|
|
|
+ )}
|
|
|
</div>
|
|
|
- {isUnitTest ? null : <div class={styles.rigthBtns}>
|
|
|
- <div class={styles.skepBtn} onClick={() => emit('upload')}>
|
|
|
- <img src={iconUpload} />
|
|
|
- 上传
|
|
|
- </div>
|
|
|
- {/* <div class={styles.skepBtn} onClick={() => (shareShow.value = true)}>
|
|
|
+ {isUnitTest ? null : (
|
|
|
+ <div class={styles.rigthBtns}>
|
|
|
+ <div class={styles.skepBtn} onClick={() => emit('upload')}>
|
|
|
+ <img src={iconUpload} />
|
|
|
+ 上传
|
|
|
+ </div>
|
|
|
+ {/* <div class={styles.skepBtn} onClick={() => (shareShow.value = true)}>
|
|
|
<img src={iconShare} />
|
|
|
分享
|
|
|
</div> */}
|
|
|
- </div>}
|
|
|
+ </div>
|
|
|
+ )}
|
|
|
</div>
|
|
|
<Popup
|
|
|
teleport="body"
|
|
@@ -285,8 +285,6 @@ export default defineComponent({
|
|
|
/>
|
|
|
</Popup>
|
|
|
<Button class={styles.button} icon={backIcon} onClick={() => emit('restart')}></Button>
|
|
|
-
|
|
|
-
|
|
|
</div>
|
|
|
</div>
|
|
|
)
|