功能完善

src/pages/practise-one.vue

@@ -8,6 +8,10 @@ import ScoreResult from "@/components/ScoreResult.vue";
 import SButton from "@/components/SButton.vue";
 import { createPractiseAPI } from "@/apis";
 import { MESSAGETYPES, roundsName } from "@/constants";
+import useStore from "@/store";
+import { storeToRefs } from "pinia";
+const store = useStore();
+const { user } = storeToRefs(store);
 const start = ref(false);
 const showScore = ref(false);
 const scores = ref([]);
@@ -18,12 +22,13 @@ const power = ref(0);
 const onReady = async () => {
   await createPractiseAPI(total);
   start.value = true;
+  scores.value = [];
 };
 
 async function onReceiveMessage(content) {
   const messages = JSON.parse(content).data.updates || [];
   messages.forEach((msg) => {
-    if (start.value && msg.constructor === MESSAGETYPES.ShootSyncMeArrowID) {
+    if (msg.constructor === MESSAGETYPES.ShootSyncMeArrowID) {
       scores.value.push(msg.target);
       power.value = msg.target.battery;
       if (scores.value.length === total) {
@@ -67,8 +72,8 @@ onUnmounted(() => {
       />
       <BowTarget
         :totalRound="total"
-        :currentRound="scores.length + 1"
-        avatar="../static/avatar.png"
+        :currentRound="start ? scores.length + 1 : 0"
+        :avatar="user.avatarUrl"
         :power="power"
         :scores="scores"
       />
@@ -81,7 +86,9 @@ onUnmounted(() => {
         :result="practiseResult"
       />
     </view>
-    <SButton v-if="!start" :onClick="onReady">准备好了，直接开始</SButton>
+    <view :style="{ marginBottom: '10px' }">
+      <SButton v-if="!start" :onClick="onReady">准备好了，直接开始</SButton>
+    </view>
   </Container>
 </template>