|
@@ -188,18 +188,22 @@ export const moveGracePosition = (needTrans?: boolean) => {
|
|
// transBeamDom.style.transform = 'translateX(-0.5rem)';
|
|
// transBeamDom.style.transform = 'translateX(-0.5rem)';
|
|
// }
|
|
// }
|
|
} else {
|
|
} else {
|
|
|
|
+ // vf-auto2172 , vf-auto2384
|
|
const signatureDom = document.getElementById('auto2784'), fixedSigntureDom = document.getElementById('auto3022');
|
|
const signatureDom = document.getElementById('auto2784'), fixedSigntureDom = document.getElementById('auto3022');
|
|
const signatureDom2 = document.getElementById('auto2744'),fixedSigntureDom2 = document.getElementById('auto2978');
|
|
const signatureDom2 = document.getElementById('auto2744'),fixedSigntureDom2 = document.getElementById('auto2978');
|
|
const needTransLateDom: any = document.getElementById('vf-auto2178')?.getElementsByClassName('vf-modifier')?.[0], fixednNeedTransLateDom: any = document.getElementById('vf-auto2390')?.getElementsByClassName('vf-modifier')?.[0];
|
|
const needTransLateDom: any = document.getElementById('vf-auto2178')?.getElementsByClassName('vf-modifier')?.[0], fixednNeedTransLateDom: any = document.getElementById('vf-auto2390')?.getElementsByClassName('vf-modifier')?.[0];
|
|
const arrowDom = document.getElementById('vf-auto2178-lines'), fixedArrowDom = document.getElementById('vf-auto2390-lines');
|
|
const arrowDom = document.getElementById('vf-auto2178-lines'), fixedArrowDom = document.getElementById('vf-auto2390-lines');
|
|
-
|
|
|
|
- const targetIdx = ['1788502467554750466','1788501975122489346'].includes(state.cbsExamSongId) ? 29 : 17;
|
|
|
|
- const targetNeedTransLateDom: any = document.querySelectorAll('.vf-measure')?.[targetIdx]?.getElementsByClassName('vf-stavenote')?.[1]?.getElementsByClassName('vf-modifier')?.[0];
|
|
|
|
- const targetId = document.querySelectorAll('.vf-measure')?.[targetIdx]?.getElementsByClassName('vf-stavenote')?.[1]?.getAttribute('id');
|
|
|
|
- const targetArrowDom = document.getElementById(targetId + '-lines');
|
|
|
|
- // console.log(123456,targetArrowDom)
|
|
|
|
- if (targetNeedTransLateDom) targetNeedTransLateDom.style.transform = 'translateX(-0.65rem)';
|
|
|
|
- if (targetArrowDom) targetArrowDom.style.transform = 'translateX(-0.65rem)';
|
|
|
|
|
|
+
|
|
|
|
+ const needTransLateDom2: any = document.getElementById('vf-auto2172')?.getElementsByClassName('vf-modifier')?.[0], fixednNeedTransLateDom2: any = document.getElementById('vf-auto2384')?.getElementsByClassName('vf-modifier')?.[0];
|
|
|
|
+ const arrowDom2 = document.getElementById('vf-auto2172-lines'), fixedArrowDom2 = document.getElementById('vf-auto2384-lines');
|
|
|
|
+
|
|
|
|
+ // const targetIdx = ['1788502467554750466','1788501975122489346'].includes(state.cbsExamSongId) ? 29 : 17;
|
|
|
|
+ // const targetNeedTransLateDom: any = document.querySelectorAll('.vf-measure')?.[targetIdx]?.getElementsByClassName('vf-stavenote')?.[1]?.getElementsByClassName('vf-modifier')?.[0];
|
|
|
|
+ // const targetId = document.querySelectorAll('.vf-measure')?.[targetIdx]?.getElementsByClassName('vf-stavenote')?.[1]?.getAttribute('id');
|
|
|
|
+ // const targetArrowDom = document.getElementById(targetId + '-lines');
|
|
|
|
+ // // console.log(123456,targetArrowDom)
|
|
|
|
+ // if (targetNeedTransLateDom) targetNeedTransLateDom.style.transform = 'translateX(-0.65rem)';
|
|
|
|
+ // if (targetArrowDom) targetArrowDom.style.transform = 'translateX(-0.65rem)';
|
|
|
|
|
|
if (signatureDom) signatureDom.style.display = 'none';
|
|
if (signatureDom) signatureDom.style.display = 'none';
|
|
if (fixedSigntureDom) fixedSigntureDom.style.display = 'none';
|
|
if (fixedSigntureDom) fixedSigntureDom.style.display = 'none';
|
|
@@ -207,14 +211,16 @@ export const moveGracePosition = (needTrans?: boolean) => {
|
|
if (fixedSigntureDom2) fixedSigntureDom2.style.display = 'none';
|
|
if (fixedSigntureDom2) fixedSigntureDom2.style.display = 'none';
|
|
if (needTransLateDom) needTransLateDom.style.transform = 'translateX(-0.65rem)';
|
|
if (needTransLateDom) needTransLateDom.style.transform = 'translateX(-0.65rem)';
|
|
if (fixednNeedTransLateDom) fixednNeedTransLateDom.style.transform = 'translateX(-0.65rem)';
|
|
if (fixednNeedTransLateDom) fixednNeedTransLateDom.style.transform = 'translateX(-0.65rem)';
|
|
- if (arrowDom) {
|
|
|
|
- arrowDom.style.transform = 'translateX(-0.65rem)';
|
|
|
|
- }
|
|
|
|
- if (fixedArrowDom) {
|
|
|
|
- fixedArrowDom.style.transform = 'translateX(-0.65rem)';
|
|
|
|
- }
|
|
|
|
- if (arrowDom || fixedArrowDom || targetArrowDom) {
|
|
|
|
- const path: any = arrowDom ? arrowDom.querySelector('path') : fixedArrowDom ? fixedArrowDom.querySelector('path') : targetArrowDom ? targetArrowDom.querySelector('path') : null;
|
|
|
|
|
|
+ if (needTransLateDom2) needTransLateDom2.style.transform = 'translateX(-1rem)';
|
|
|
|
+ if (fixednNeedTransLateDom2) fixednNeedTransLateDom2.style.transform = 'translateX(-1rem)';
|
|
|
|
+
|
|
|
|
+ if (arrowDom) arrowDom.style.transform = 'translateX(-0.65rem)';
|
|
|
|
+ if (fixedArrowDom) fixedArrowDom.style.transform = 'translateX(-0.65rem)';
|
|
|
|
+ if (arrowDom2) arrowDom2.style.transform = 'translateX(-1rem)';
|
|
|
|
+ if (fixedArrowDom2) fixedArrowDom2.style.transform = 'translateX(-1rem)';
|
|
|
|
+
|
|
|
|
+ if (arrowDom || fixedArrowDom || arrowDom2 || fixedArrowDom2 || targetArrowDom) {
|
|
|
|
+ const path: any = arrowDom ? arrowDom.querySelector('path') : fixedArrowDom ? fixedArrowDom.querySelector('path') : arrowDom2 ? arrowDom2.querySelector('path') : fixedArrowDom2 ? fixedArrowDom2.querySelector('path') : targetArrowDom ? targetArrowDom.querySelector('path') : null;
|
|
let d = path?.getAttribute("d");
|
|
let d = path?.getAttribute("d");
|
|
if (d) {
|
|
if (d) {
|
|
const patchStr = d.split('L')?.last()?.split(" ")?.[0];
|
|
const patchStr = d.split('L')?.last()?.split(" ")?.[0];
|