|
@@ -68,7 +68,7 @@ export const PractiseDriver = defineComponent({
|
|
|
}
|
|
|
|
|
|
// pc端不显示标题和模式切换引导
|
|
|
- if(state.platform === IPlatform.PC) {
|
|
|
+ if (state.platform === IPlatform.PC) {
|
|
|
length -= 2;
|
|
|
} else {
|
|
|
// 判断是否有标题
|
|
@@ -200,7 +200,6 @@ export const PractiseDriver = defineComponent({
|
|
|
});
|
|
|
}
|
|
|
|
|
|
-
|
|
|
if (state.platform === IPlatform.PC) {
|
|
|
if (state.setting.displayFingering) {
|
|
|
options.steps?.push({
|
|
@@ -267,21 +266,21 @@ export const PractiseDriver = defineComponent({
|
|
|
});
|
|
|
}
|
|
|
} else {
|
|
|
- options.steps?.push({
|
|
|
- element: ".driver-6",
|
|
|
- popover: {
|
|
|
- title: "",
|
|
|
- description: "",
|
|
|
- popoverClass: "popoverClass popoverClass6",
|
|
|
- align: "start",
|
|
|
- side: "top",
|
|
|
- nextBtnText: `下一步 (${options.steps.length + 1}/${length})`, //"下一步6/" + length,
|
|
|
- showButtons: ["next"],
|
|
|
- onPopoverRender: (popover: PopoverDOM, options: { config: Config; state: State }) => {
|
|
|
- driverInitialPosition(popover, options);
|
|
|
- },
|
|
|
- },
|
|
|
- });
|
|
|
+ options.steps?.push({
|
|
|
+ element: ".driver-6",
|
|
|
+ popover: {
|
|
|
+ title: "",
|
|
|
+ description: "",
|
|
|
+ popoverClass: "popoverClass popoverClass6",
|
|
|
+ align: "start",
|
|
|
+ side: "top",
|
|
|
+ nextBtnText: `下一步 (${options.steps.length + 1}/${length})`, //"下一步6/" + length,
|
|
|
+ showButtons: ["next"],
|
|
|
+ onPopoverRender: (popover: PopoverDOM, options: { config: Config; state: State }) => {
|
|
|
+ driverInitialPosition(popover, options);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ });
|
|
|
|
|
|
if (state.setting.displayFingering) {
|
|
|
// 是否有指法图
|
|
@@ -308,8 +307,8 @@ export const PractiseDriver = defineComponent({
|
|
|
|
|
|
if (!props.statusAll.modelTypeStatus) {
|
|
|
options.steps?.push({
|
|
|
- //
|
|
|
- element: props.statusAll.titleType === "TEXT" ? ".driver-8 .van-notice-bar__content" : '".driver-8',
|
|
|
+ //props.statusAll.titleType === "TEXT" ? ".driver-8 .van-notice-bar__content" :
|
|
|
+ element: ".driver-8",
|
|
|
popover: {
|
|
|
title: "",
|
|
|
description: "",
|
|
@@ -345,7 +344,8 @@ export const PractiseDriver = defineComponent({
|
|
|
{
|
|
|
// .van-notice-bar__content
|
|
|
// element: ".driver-8 .van-notice-bar__content",
|
|
|
- element: props.statusAll.titleType === "TEXT" ? ".driver-8 .van-notice-bar__content" : '".driver-8',
|
|
|
+ // props.statusAll.titleType === "TEXT" ? ".driver-8 .van-notice-bar__content" :
|
|
|
+ element: ".driver-8",
|
|
|
popover: {
|
|
|
title: "",
|
|
|
description: "",
|
|
@@ -406,15 +406,15 @@ export const PractiseDriver = defineComponent({
|
|
|
let driverObj: any;
|
|
|
|
|
|
const handleClickOutside = (event: any) => {
|
|
|
- // 如果高亮没有结束则下进行下一步
|
|
|
- if (driverNextStatus.value) return;
|
|
|
- if (driverObj.isActive() && (event.target.nodeName === "path" || event.target.classList.contains("driver-popover") || event.target.classList.contains("driver-overlay"))) {
|
|
|
- if (driverObj.isLastStep()) {
|
|
|
- onDriverClose();
|
|
|
- } else {
|
|
|
- driverObj.moveNext(); // 跳转到下一步
|
|
|
- }
|
|
|
+ // 如果高亮没有结束则下进行下一步
|
|
|
+ if (driverNextStatus.value) return;
|
|
|
+ if (driverObj.isActive() && (event.target.nodeName === "path" || event.target.classList.contains("driver-popover") || event.target.classList.contains("driver-overlay"))) {
|
|
|
+ if (driverObj.isLastStep()) {
|
|
|
+ onDriverClose();
|
|
|
+ } else {
|
|
|
+ driverObj.moveNext(); // 跳转到下一步
|
|
|
}
|
|
|
+ }
|
|
|
};
|
|
|
|
|
|
const guideInfo = ref({} as any);
|
|
@@ -459,14 +459,13 @@ export const PractiseDriver = defineComponent({
|
|
|
driverObj.destroy();
|
|
|
document.querySelector(".driver-popover-close-btn-custom")?.remove();
|
|
|
document.removeEventListener("click", handleClickOutside, true);
|
|
|
- state.hasDriverPop = false
|
|
|
+ state.hasDriverPop = false;
|
|
|
};
|
|
|
|
|
|
onUnmounted(() => {
|
|
|
document.removeEventListener("click", handleClickOutside, true);
|
|
|
});
|
|
|
|
|
|
-
|
|
|
return () => (
|
|
|
<Teleport to="body">
|
|
|
{showCloseBtn.value && (
|
|
@@ -652,12 +651,12 @@ export const FollowDriver = defineComponent({
|
|
|
driverObj.destroy();
|
|
|
document.querySelector(".driver-popover-close-btn-custom")?.remove();
|
|
|
document.removeEventListener("click", handleClickOutside, true);
|
|
|
- state.hasDriverPop = false
|
|
|
+ state.hasDriverPop = false;
|
|
|
};
|
|
|
|
|
|
onUnmounted(() => {
|
|
|
document.removeEventListener("click", handleClickOutside, true);
|
|
|
- })
|
|
|
+ });
|
|
|
|
|
|
return () => (
|
|
|
<Teleport to="body">
|
|
@@ -871,7 +870,6 @@ export const EvaluatingDriver = defineComponent({
|
|
|
document.removeEventListener("click", handleClickOutside, true);
|
|
|
});
|
|
|
|
|
|
-
|
|
|
return () => (
|
|
|
<Teleport to="body">
|
|
|
{showCloseBtn.value && (
|
|
@@ -898,9 +896,9 @@ export const EvaluatingResultDriver = defineComponent({
|
|
|
},
|
|
|
},
|
|
|
setup(props) {
|
|
|
- let length = 4
|
|
|
- if(!props.saveBtn) {
|
|
|
- length -= 1
|
|
|
+ let length = 4;
|
|
|
+ if (!props.saveBtn) {
|
|
|
+ length -= 1;
|
|
|
}
|
|
|
console.log(props.saveBtn, "props.saveBtn");
|
|
|
const driverNextStatus = ref(false);
|
|
@@ -1369,14 +1367,13 @@ export const EvaluatingReportDriver = defineComponent({
|
|
|
driverObj.destroy();
|
|
|
document.querySelector(".driver-popover-close-btn-custom")?.remove();
|
|
|
document.removeEventListener("click", handleClickOutside, true);
|
|
|
- state.hasDriverPop = false
|
|
|
+ state.hasDriverPop = false;
|
|
|
};
|
|
|
|
|
|
onUnmounted(() => {
|
|
|
document.removeEventListener("click", handleClickOutside, true);
|
|
|
});
|
|
|
|
|
|
-
|
|
|
return () => (
|
|
|
<Teleport to="body">
|
|
|
{showCloseBtn.value && (
|