|
@@ -79,100 +79,105 @@ export default defineComponent({
|
|
|
}
|
|
|
})
|
|
|
return () => (
|
|
|
- <div class={styles.evaluatResult}>
|
|
|
- <div class={styles.closeBtn} onClick={() => emit("close")}>
|
|
|
- <img src={icons["arrow-left-background"]} />
|
|
|
- </div>
|
|
|
-
|
|
|
- {
|
|
|
- !state.isHideEvaluatReportSaveBtn &&
|
|
|
- <div class={styles.headerButton}>
|
|
|
- <div class={[styles.headBtn, evaluatingData.resultData.recordId ? '' : styles.disabled]} onClick={debounce(saveResult,300)}>
|
|
|
- 保存演奏
|
|
|
+ <>
|
|
|
+ {
|
|
|
+ !evaluatingData.hideResultModal &&
|
|
|
+ <div class={styles.evaluatResult}>
|
|
|
+ <div class={styles.closeBtn} onClick={() => emit("close")}>
|
|
|
+ <img src={icons["arrow-left-background"]} />
|
|
|
</div>
|
|
|
- </div>
|
|
|
- }
|
|
|
|
|
|
- <div class={styles.fraction}>
|
|
|
- <img class={styles.bg} src={imgs.bg} />
|
|
|
- <div class={styles.top}>
|
|
|
- {evaluatingData.resultData.score > 79 && (
|
|
|
- <img style={{}} class={styles.badge} src={iconBadge} />
|
|
|
- )}
|
|
|
- <div class={styles.text}>
|
|
|
- <div>
|
|
|
- <span class={styles.num}>{evaluatingData.resultData.score}</span>分
|
|
|
- </div>
|
|
|
- <div style={{ marginLeft: "6px" }}>{evaluatingData.resultData.clxmome}</div>
|
|
|
+ {
|
|
|
+ !state.isHideEvaluatReportSaveBtn &&
|
|
|
+ <div class={styles.headerButton}>
|
|
|
+ <div class={[styles.headBtn, evaluatingData.resultData.recordId ? '' : styles.disabled]} onClick={debounce(saveResult,300)}>
|
|
|
+ 保存演奏
|
|
|
</div>
|
|
|
- <img
|
|
|
- style={{ display: evaluatingData.resultData.leve === 0 ? "" : "none" }}
|
|
|
- class={styles.rightBadge}
|
|
|
- src={icon_expression0}
|
|
|
- />
|
|
|
- <img
|
|
|
- style={{ display: evaluatingData.resultData.leve === 1 ? "" : "none" }}
|
|
|
- class={styles.rightBadge}
|
|
|
- src={icon_expression1}
|
|
|
- />
|
|
|
- <img
|
|
|
- style={{ display: evaluatingData.resultData.leve === 2 ? "" : "none" }}
|
|
|
- class={styles.rightBadge}
|
|
|
- src={icon_expression2}
|
|
|
- />
|
|
|
- <img
|
|
|
- style={{ display: evaluatingData.resultData.leve === 3 ? "" : "none" }}
|
|
|
- class={styles.rightBadge}
|
|
|
- src={icon_expression3}
|
|
|
- />
|
|
|
- <img
|
|
|
- style={{ display: evaluatingData.resultData.leve === 4 ? "" : "none" }}
|
|
|
- class={styles.rightBadge}
|
|
|
- src={icon_expression4}
|
|
|
- />
|
|
|
</div>
|
|
|
- {state.isPercussion ? (
|
|
|
- <div class={styles.percussion}>
|
|
|
- <img class={styles.leftIcon} src={evaluatingData.resultData.img || icon1} />
|
|
|
- <div class={styles.scoreDes}>
|
|
|
- <span class={styles.scoreNum}>{evaluatingData.resultData.score}</span>分
|
|
|
- <span style={{ marginLeft: "8px" }}>{evaluatingData.resultData.mome}</span>
|
|
|
+ }
|
|
|
+
|
|
|
+ <div class={styles.fraction}>
|
|
|
+ <img class={styles.bg} src={imgs.bg} />
|
|
|
+ <div class={styles.top}>
|
|
|
+ {evaluatingData.resultData.score > 79 && (
|
|
|
+ <img style={{}} class={styles.badge} src={iconBadge} />
|
|
|
+ )}
|
|
|
+ <div class={styles.text}>
|
|
|
+ <div>
|
|
|
+ <span class={styles.num}>{evaluatingData.resultData.score}</span>分
|
|
|
+ </div>
|
|
|
+ <div style={{ marginLeft: "6px" }}>{evaluatingData.resultData.clxmome}</div>
|
|
|
</div>
|
|
|
+ <img
|
|
|
+ style={{ display: evaluatingData.resultData.leve === 0 ? "" : "none" }}
|
|
|
+ class={styles.rightBadge}
|
|
|
+ src={icon_expression0}
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ style={{ display: evaluatingData.resultData.leve === 1 ? "" : "none" }}
|
|
|
+ class={styles.rightBadge}
|
|
|
+ src={icon_expression1}
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ style={{ display: evaluatingData.resultData.leve === 2 ? "" : "none" }}
|
|
|
+ class={styles.rightBadge}
|
|
|
+ src={icon_expression2}
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ style={{ display: evaluatingData.resultData.leve === 3 ? "" : "none" }}
|
|
|
+ class={styles.rightBadge}
|
|
|
+ src={icon_expression3}
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ style={{ display: evaluatingData.resultData.leve === 4 ? "" : "none" }}
|
|
|
+ class={styles.rightBadge}
|
|
|
+ src={icon_expression4}
|
|
|
+ />
|
|
|
</div>
|
|
|
- ) : (
|
|
|
- <div class={styles.detail}>
|
|
|
- <div class={styles.progressitem}>
|
|
|
- <div class={styles.intonation}>音准</div>
|
|
|
- <span>{evaluatingData.resultData.intonation}分</span>
|
|
|
+ {state.isPercussion ? (
|
|
|
+ <div class={styles.percussion}>
|
|
|
+ <img class={styles.leftIcon} src={evaluatingData.resultData.img || icon1} />
|
|
|
+ <div class={styles.scoreDes}>
|
|
|
+ <span class={styles.scoreNum}>{evaluatingData.resultData.score}</span>分
|
|
|
+ <span style={{ marginLeft: "8px" }}>{evaluatingData.resultData.mome}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class={styles.progressitem}>
|
|
|
- <div class={styles.cadence}>节奏</div>
|
|
|
- <span>{evaluatingData.resultData.cadence}分</span>
|
|
|
+ ) : (
|
|
|
+ <div class={styles.detail}>
|
|
|
+ <div class={styles.progressitem}>
|
|
|
+ <div class={styles.intonation}>音准</div>
|
|
|
+ <span>{evaluatingData.resultData.intonation}分</span>
|
|
|
+ </div>
|
|
|
+ <div class={styles.progressitem}>
|
|
|
+ <div class={styles.cadence}>节奏</div>
|
|
|
+ <span>{evaluatingData.resultData.cadence}分</span>
|
|
|
+ </div>
|
|
|
+ <div class={styles.progressitem}>
|
|
|
+ <div class={styles.integrity}>完成度</div>
|
|
|
+ <span>{evaluatingData.resultData.integrity}分</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class={styles.progressitem}>
|
|
|
- <div class={styles.integrity}>完成度</div>
|
|
|
- <span>{evaluatingData.resultData.integrity}分</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- )}
|
|
|
+ )}
|
|
|
|
|
|
- <div class={styles.tips}>{evaluatingData.resultData.clxtip}</div>
|
|
|
- <div class={styles.ctrls}>
|
|
|
- <img
|
|
|
- style={{ display: query.workRecord ? "none" : "" }}
|
|
|
- src={imgs.btn1}
|
|
|
- class={styles.ctrlsBtn}
|
|
|
- onClick={() => emit("close", "practise")}
|
|
|
- />
|
|
|
- <img src={imgs.btn2} class={styles.ctrlsBtn} onClick={() => emit("close", "tryagain")} />
|
|
|
- <img
|
|
|
- src={imgs.btn3}
|
|
|
- class={[styles.ctrlsBtn, data.saveLoading ? styles.disablued : ""]}
|
|
|
- onClick={() => emit("close", "look")}
|
|
|
- />
|
|
|
+ <div class={styles.tips}>{evaluatingData.resultData.clxtip}</div>
|
|
|
+ <div class={styles.ctrls}>
|
|
|
+ <img
|
|
|
+ style={{ display: query.workRecord ? "none" : "" }}
|
|
|
+ src={imgs.btn1}
|
|
|
+ class={styles.ctrlsBtn}
|
|
|
+ onClick={() => emit("close", "practise")}
|
|
|
+ />
|
|
|
+ <img src={imgs.btn2} class={styles.ctrlsBtn} onClick={() => emit("close", "tryagain")} />
|
|
|
+ <img
|
|
|
+ src={imgs.btn3}
|
|
|
+ class={[styles.ctrlsBtn, data.saveLoading ? styles.disablued : ""]}
|
|
|
+ onClick={() => emit("close", "look")}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ </>
|
|
|
);
|
|
|
},
|
|
|
});
|