|
@@ -10,6 +10,7 @@ import {
|
|
|
NModal,
|
|
|
NSpace,
|
|
|
NSpin,
|
|
|
+ NTooltip,
|
|
|
useMessage
|
|
|
} from 'naive-ui';
|
|
|
import SearchInput from '@/components/searchInput';
|
|
@@ -154,7 +155,7 @@ export default defineComponent({
|
|
|
if (child.trainingType === 'PRACTICE' && child.musicName) {
|
|
|
pTitle += pTitle
|
|
|
? '《' + child.musicName + '》'
|
|
|
- : '练习曲目《' + child.musicName + '》';
|
|
|
+ : '练习曲目:《' + child.musicName + '》';
|
|
|
|
|
|
if (trainingContent) {
|
|
|
const tempList = [
|
|
@@ -168,7 +169,7 @@ export default defineComponent({
|
|
|
if (child.trainingType === 'EVALUATION' && child.musicName) {
|
|
|
eTitle += eTitle
|
|
|
? '《' + child.musicName + '》'
|
|
|
- : '评测曲目《' + child.musicName + '》';
|
|
|
+ : '评测曲目:《' + child.musicName + '》';
|
|
|
|
|
|
if (trainingContent) {
|
|
|
const tempList = [
|
|
@@ -553,23 +554,51 @@ export default defineComponent({
|
|
|
<span class={styles.title}>作业内容:</span>
|
|
|
<div class={styles.pSection}>
|
|
|
{item.pTitle && (
|
|
|
- <p class={[styles.text, styles.p1]}>
|
|
|
- {/* {item.pTitle} */}
|
|
|
- <TheTooltip
|
|
|
- maxWidth={500}
|
|
|
- content={item.pTitle}
|
|
|
- style={{ maxWidth: '100% !important' }}
|
|
|
- />
|
|
|
- </p>
|
|
|
+ <NTooltip
|
|
|
+ trigger="hover"
|
|
|
+ class={styles.theTooltip}
|
|
|
+ delay={500}>
|
|
|
+ {{
|
|
|
+ trigger: () => (
|
|
|
+ <p
|
|
|
+ class={[
|
|
|
+ styles.text,
|
|
|
+ styles.p1,
|
|
|
+ styles.theTooltip
|
|
|
+ ]}>
|
|
|
+ {item.pTitle}
|
|
|
+ </p>
|
|
|
+ ),
|
|
|
+ default: () => item.pTitle
|
|
|
+ }}
|
|
|
+ </NTooltip>
|
|
|
)}
|
|
|
{item.eTitle && (
|
|
|
- <p class={[styles.text, styles.p2]}>
|
|
|
- <TheTooltip
|
|
|
- maxWidth={500}
|
|
|
- content={item.eTitle}
|
|
|
- style={{ maxWidth: '100% !important' }}
|
|
|
- />
|
|
|
- </p>
|
|
|
+ // <p class={[styles.text, styles.p2]}>
|
|
|
+ // <TheTooltip
|
|
|
+ // maxWidth={500}
|
|
|
+ // content={item.eTitle}
|
|
|
+ // style={{ maxWidth: '100% !important' }}
|
|
|
+ // />
|
|
|
+ // </p>
|
|
|
+ <NTooltip
|
|
|
+ trigger="hover"
|
|
|
+ class={styles.theTooltip}
|
|
|
+ delay={500}>
|
|
|
+ {{
|
|
|
+ trigger: () => (
|
|
|
+ <p
|
|
|
+ class={[
|
|
|
+ styles.text,
|
|
|
+ styles.p2,
|
|
|
+ styles.theTooltip
|
|
|
+ ]}>
|
|
|
+ {item.pTitle}
|
|
|
+ </p>
|
|
|
+ ),
|
|
|
+ default: () => item.pTitle
|
|
|
+ }}
|
|
|
+ </NTooltip>
|
|
|
)}
|
|
|
</div>
|
|
|
</div>
|