update:代码备份

src/pages/training/practise-one.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, onBeforeUnmount } from "vue";
+import { computed, ref, onMounted, onBeforeUnmount } from "vue";
 import { onLoad } from "@dcloudio/uni-app";
 import Container from "@/components/Container.vue";
 import ShootProgress from "./components/ShootProgress.vue";
@@ -30,21 +30,140 @@ const { user } = storeToRefs(store);
 const sound = ref(true);
 const start = ref(false);
 const scores = ref([]);
-const total = 12;
+const defaultTotal = 12;
+const defaultShootTime = 120;
+const defaultTargetType = 1;
+const total = ref(defaultTotal);
+const shootTime = ref(defaultShootTime);
 const practiseResult = ref({});
 const practiseId = ref("");
 const showGuide = ref(false);
 const tips = ref("");
-const targetType = ref(1);
+const targetType = ref(defaultTargetType);
+const trainingParams = ref({});
 const trainingDifficultyRefreshEvent = "training-difficulty-refresh";
+const useHighlightTest = ref(false);
+const highlightTestTimer = ref(null);
 
-onLoad((options) => {
-  if (options.target) {
-    targetType.value = Number(options.target);
+const env = computed(() => {
+  try {
+    return uni.getAccountInfoSync().miniProgram.envVersion;
+  } catch (error) {
+    return "release";
   }
 });
 
+const defaultHighlightAreas = [{ quadrant: 1, rings: [7] }];
+
+// 临时高亮测试数据：第 N 项对应第 N 箭，每箭展示一个不同区域。
+const highlightTestAreas = [
+  { arrowIndex: 1, quadrant: 1, rings: [10] },
+  { arrowIndex: 2, quadrant: 2, rings: [9, 10] },
+  { arrowIndex: 3, quadrant: 3, rings: [8, 9] },
+  { arrowIndex: 4, quadrant: 4, rings: [7, 8] },
+  { arrowIndex: 5, quadrant: 1, rings: [6, 7] },
+  { arrowIndex: 6, quadrant: 2, rings: [5, 6] },
+  { arrowIndex: 7, quadrant: 3, rings: [4, 5] },
+  { arrowIndex: 8, quadrant: 4, rings: [3, 4] },
+  { arrowIndex: 9, quadrant: 1, rings: "all", scope: "sector" },
+  { arrowIndex: 10, quadrant: 2, rings: "all", scope: "sector" },
+  { arrowIndex: 11, quadrant: 3, rings: "all", scope: "sector" },
+  { arrowIndex: 12, quadrant: 4, rings: "all", scope: "sector" },
+];
+
+const targetHighlightAreas = computed(() => {
+  return useHighlightTest.value ? highlightTestAreas : defaultHighlightAreas;
+});
+
+const toRouteNumber = (value, fallback = 0) => {
+  const numberValue = Number(value);
+  return Number.isFinite(numberValue) ? numberValue : fallback;
+};
+
+const toPositiveRouteNumber = (value, fallback) => {
+  const numberValue = toRouteNumber(value, fallback);
+  return numberValue > 0 ? numberValue : fallback;
+};
+
+const createPractice = async () => {
+  const result = await createPractiseAPI(
+    total.value,
+    shootTime.value,
+    targetType.value
+  );
+
+  if (result) practiseId.value = result.id;
+};
+
+const clearHighlightTestTimer = () => {
+  if (highlightTestTimer.value) {
+    clearInterval(highlightTestTimer.value);
+    highlightTestTimer.value = null;
+  }
+};
+
+const buildHighlightTestScore = (index) => ({
+  playerId: user.value?.id,
+  ring: 9,
+  ringX: false,
+  x: ((index % 4) - 1.5) * 2,
+  y: (Math.floor(index / 4) - 1) * 2,
+  angle: null,
+});
+
+const setHighlightTestArrow = (arrowIndex) => {
+  const completedCount = Math.max(arrowIndex - 1, 0);
+  scores.value = Array.from({ length: completedCount }, (_, index) =>
+    buildHighlightTestScore(index)
+  );
+};
+
+// 临时测试入口：自动切换第 1 到第 12 箭，让 BowTarget 按当前箭展示不同高亮。
+const runHighlightTest = () => {
+  clearHighlightTestTimer();
+  useHighlightTest.value = true;
+  practiseResult.value = {};
+  start.value = true;
+
+  let arrowIndex = 1;
+  setHighlightTestArrow(arrowIndex);
+
+  highlightTestTimer.value = setInterval(() => {
+    if (arrowIndex >= highlightTestAreas.length) {
+      clearHighlightTestTimer();
+      return;
+    }
+
+    arrowIndex += 1;
+    setHighlightTestArrow(arrowIndex);
+  }, 1000);
+};
+
+const resetHighlightTest = () => {
+  clearHighlightTestTimer();
+  useHighlightTest.value = false;
+  scores.value = [];
+};
+
+onLoad((options = {}) => {
+  targetType.value = toPositiveRouteNumber(options.target, defaultTargetType);
+  total.value = toPositiveRouteNumber(options.arrows, defaultTotal);
+  shootTime.value = toPositiveRouteNumber(options.time, defaultShootTime);
+  trainingParams.value = {
+    type: options.type || "",
+    difficultyId: options.difficultyId || "",
+    difficulty: toRouteNumber(options.difficulty),
+    recordId: options.recordId || "",
+    hitReq: toRouteNumber(options.hitReq),
+    totalReq: toRouteNumber(options.totalReq),
+    blocks: toRouteNumber(options.blocks),
+    mode: toRouteNumber(options.mode),
+  };
+});
+
 const onReady = async () => {
+  clearHighlightTestTimer();
+  useHighlightTest.value = false;
   await startPractiseAPI();
   scores.value = [];
   start.value = true;
@@ -70,12 +189,13 @@ function onComplete() {
 }
 
 async function onRetry() {
+  clearHighlightTestTimer();
+  useHighlightTest.value = false;
   practiseId.value = "";
   practiseResult.value = {};
   start.value = false;
   scores.value = [];
-  const result = await createPractiseAPI(total, 120, targetType.value);
-  if (result) practiseId.value = result.id;
+  await createPractice();
 }
 
 const onClickShare = debounce(async () => {
@@ -103,8 +223,7 @@ onMounted(async () => {
   uni.$on("socket-inbox", onReceiveMessage);
   uni.$on("share-image", onClickShare);
   uni.$on("audioEnded", onAudioEnded);
-  const result = await createPractiseAPI(total, 120, targetType.value);
-  if (result) practiseId.value = result.id;
+  await createPractice();
 });
 
 onBeforeUnmount(() => {
@@ -115,6 +234,7 @@ onBeforeUnmount(() => {
   uni.$off("share-image", onClickShare);
   uni.$off("audioEnded", onAudioEnded);
   audioManager.stopAll();
+  clearHighlightTestTimer();
   endPractiseAPI();
 });
 </script>
@@ -123,6 +243,7 @@ onBeforeUnmount(() => {
   <Container
     :bgType="!start && !practiseResult.id?9:10"
     :showBottom="!start && !scores.length"
+    headerClass="training-practise-header"
   >
     <view>
       <TestDistance v-if="!start && !practiseResult.id" />
@@ -143,7 +264,25 @@ onBeforeUnmount(() => {
         :totalRound="start ? total / 4 : 0"
         :currentRound="scores.length % 3"
         :scores="scores"
+        :showCrosshair="false"
+        :highlightAreas="targetHighlightAreas"
         />
+        <view v-if="env !== 'release'" class="highlight-test-actions">
+          <button
+            class="highlight-test-btn"
+            hover-class="none"
+            @click="runHighlightTest"
+          >
+            高亮测试
+          </button>
+          <button
+            class="highlight-test-btn"
+            hover-class="none"
+            @click="resetHighlightTest"
+          >
+            重置高亮
+          </button>
+        </view>
         <view class="sound-text-box">
           <button class="sound-btn" hover-class="none" @click="updateSound">
             <image
@@ -221,6 +360,38 @@ onBeforeUnmount(() => {
   bottom: -36rpx;
 }
 
+:deep(.training-practise-header .back-btn) {
+  position: relative;
+  z-index: 1000;
+}
+
+.highlight-test-actions {
+  display: flex;
+  justify-content: center;
+  margin-top: -24rpx;
+  position: relative;
+  z-index: 10;
+}
+
+.highlight-test-btn {
+  width: 150rpx;
+  height: 48rpx;
+  line-height: 48rpx;
+  padding: 0;
+  border-radius: 24rpx;
+  background: rgba(0, 0, 0, 0.48);
+  color: #fed847;
+  font-size: 22rpx;
+}
+
+.highlight-test-btn::after {
+  border: none;
+}
+
+.highlight-test-btn + .highlight-test-btn {
+  margin-left: 16rpx;
+}
+
 .sound-text-box{
   height: 125rpx;
   padding: 0 56rpx;