练习结果完善

src/pages/practise-two.vue

@@ -14,6 +14,8 @@ const start = ref(false);
 const showScore = ref(false);
 const scores = ref([]);
 const total = 36;
+const practiseResult = ref({});
+const power = ref(0);
 
 const onReady = async () => {
   const result = await createPractiseAPI(total);
@@ -27,9 +29,14 @@ const onReady = async () => {
         scores.value.push(msg.target);
         if (scores.value.length === total) {
           showScore.value = true;
-          websocket.closeWebSocket();
         }
       }
+      if (msg.constructor === MESSAGETYPES.ShootSyncMePracticeID) {
+        practiseResult.value = {
+          ...msg.practice,
+          arrows: JSON.parse(msg.practice.arrows),
+        };
+      }
     });
   });
 };
@@ -41,14 +48,14 @@ onUnmounted(() => {
 
 <template>
   <view class="container">
-    <AppBackground type="1" />
+    <AppBackground :type="1" />
     <Header title="个人耐力挑战" />
-    <ShootProgress :tips="`请连续射箭${total}支`" total="120" />
+    <ShootProgress :tips="`请连续射箭${total}支`" :total="120" />
     <BowTarget
       :totalRound="total"
       :currentRound="scores.length + 1"
       avatar="../static/avatar.png"
-      :power="45"
+      :power="power"
       :scores="scores"
     />
     <ScorePanel
@@ -62,7 +69,7 @@ onUnmounted(() => {
       :rowCount="9"
       :show="showScore"
       :onClose="() => (showScore = false)"
-      :scores="scores.map((s) => s.ring)"
+      :result="practiseResult"
     />
     <SButton v-if="!start" :onClick="onReady">准备好了，直接开始</SButton>
   </view>