From 82a0ee83b29ece465221198013991c3392c42e7c Mon Sep 17 00:00:00 2001
From: kron <kai_hong@126.com>
Date: Thu, 27 Nov 2025 12:02:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=AE=A1=E5=88=86=E6=9C=AC?=
 =?UTF-8?q?=E8=8D=89=E7=A8=BF=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/canvas.js                   |   2 +-
 src/components/BowTarget.vue    |  18 +++---
 src/pages/point-book-create.vue |   2 +-
 src/pages/point-book-edit.vue   |  42 +++++++++-----
 src/pages/point-book-list.vue   |  99 +++++++++++++++++++++++++++++++-
 src/pages/point-book.vue        |  51 ++++++++--------
 src/static/draft-icon.png       | Bin 0 -> 526 bytes
 7 files changed, 165 insertions(+), 49 deletions(-)
 create mode 100644 src/static/draft-icon.png

diff --git a/src/canvas.js b/src/canvas.js
index 52d89f4..ab5b89a 100644
--- a/src/canvas.js
+++ b/src/canvas.js
@@ -86,7 +86,7 @@ const drawRoundImage = async (
 };
 
 function drawRingCircle(ctx, x, y, text, diameter = 9) {
-  const fillColor = "#ff4444";
+  const fillColor = "#00bf04";
   const borderColor = "#ffffff";
   const borderWidth = 1;
   const r = diameter / 2;
diff --git a/src/components/BowTarget.vue b/src/components/BowTarget.vue
index e14430b..1bb55b0 100644
--- a/src/components/BowTarget.vue
+++ b/src/components/BowTarget.vue
@@ -306,10 +306,10 @@ onBeforeUnmount(() => {
 }
 .hit {
   position: absolute;
-  width: 22rpx;
-  height: 22rpx;
-  min-width: 22rpx;
-  min-height: 22rpx;
+  width: 10px;
+  height: 10px;
+  min-width: 10px;
+  min-height: 10px;
   border-radius: 50%;
   border: 1px solid #fff;
   z-index: 1;
@@ -324,12 +324,12 @@ onBeforeUnmount(() => {
   font-size: 16rpx;
   font-family: "DINCondensed", "PingFang SC", "Helvetica Neue", Arial,
     sans-serif;
-  line-height: 10px;
-  display: block;
-  width: 100%;
   text-align: center;
-  line-height: 22rpx;
-  margin-top: 2px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  margin-top: 1px;
 }
 .header {
   width: 100%;
diff --git a/src/pages/point-book-create.vue b/src/pages/point-book-create.vue
index fa6b94d..6ccea38 100644
--- a/src/pages/point-book-create.vue
+++ b/src/pages/point-book-create.vue
@@ -49,7 +49,7 @@ const toEditPage = () => {
       bowtargetType: bowtargetType.value,
       amountGroup: amountGroup.value,
     });
-    uni.navigateTo({
+    uni.redirectTo({
       url: "/pages/point-book-edit",
     });
   } else {
diff --git a/src/pages/point-book-edit.vue b/src/pages/point-book-edit.vue
index 74c75ea..4405b93 100644
--- a/src/pages/point-book-edit.vue
+++ b/src/pages/point-book-edit.vue
@@ -55,6 +55,7 @@ const onSubmit = async () => {
       Object.values(arrowGroups.value)
     );
     if (res.record_id) {
+      uni.removeStorageSync("last-point-record");
       uni.redirectTo({
         url: `/pages/point-book-detail?id=${res.record_id}`,
       });
@@ -65,26 +66,25 @@ const onClickRing = (ring) => {
   if (arrowGroups.value[currentGroup.value]) {
     arrowGroups.value[currentGroup.value][currentArrow.value] = { ring };
     if (currentArrow.value < amount.value - 1) currentArrow.value++;
+    uni.setStorageSync("last-point-record", arrowGroups.value);
   }
 };
 const deleteArrow = () => {
-  arrowGroups.value[currentGroup.value][currentArrow.value] = {};
+  const arrow = arrowGroups.value[currentGroup.value][currentArrow.value];
+  if (JSON.stringify(arrow) === "{}") {
+    currentArrow.value -= 1;
+  } else {
+    arrowGroups.value[currentGroup.value][currentArrow.value] = {};
+  }
+  uni.setStorageSync("last-point-record", arrowGroups.value);
 };
 const onEditDone = (arrow) => {
   arrowGroups.value[currentGroup.value][currentArrow.value] = arrow;
   if (currentArrow.value < amount.value - 1) currentArrow.value++;
+  uni.setStorageSync("last-point-record", arrowGroups.value);
 };
 
-onLoad(() => {
-  uni.enableAlertBeforeUnload({
-    message: "现在离开会导致未提交的数据丢失，是否继续？",
-    success: (res) => {
-      console.log("已启用离开提示");
-    },
-  });
-});
-
-onMounted(() => {
+onLoad((options) => {
   const pointBook = uni.getStorageSync("last-point-book");
   if (pointBook.bowtargetType) {
     bowtarget.value = pointBook.bowtargetType;
@@ -102,6 +102,22 @@ onMounted(() => {
       arrowGroups.value[i] = new Array(amount.value).fill({});
     }
   }
+  if (options.withDraft) {
+    const draft = uni.getStorageSync("last-point-record");
+    if (draft) {
+      Object.values(draft).some((arrows, index1) =>
+        arrows.some((arrow, index2) => {
+          currentArrow.value = index2;
+          currentGroup.value = index1 + 1;
+          return JSON.stringify(arrow) === "{}";
+        })
+      );
+      arrowGroups.value = draft;
+    }
+  }
+  // uni.enableAlertBeforeUnload({
+  //   message: "现在离开会导致未提交的数据丢失，是否继续？",
+  // });
 });
 </script>
 
@@ -140,8 +156,8 @@ onMounted(() => {
               : arrow.ring
               ? arrow.ring + " 环"
               : ""
-          }}</view
-        >
+          }}
+        </view>
       </view>
       <text>推荐在靶纸上落点计分，这样可获得稳定性分析</text>
       <view class="bow-rings">
diff --git a/src/pages/point-book-list.vue b/src/pages/point-book-list.vue
index 76b17cc..dd0ac3f 100644
--- a/src/pages/point-book-list.vue
+++ b/src/pages/point-book-list.vue
@@ -1,5 +1,6 @@
 <script setup>
-import { ref, onMounted } from "vue";
+import { ref } from "vue";
+import { onShow } from "@dcloudio/uni-app";
 import Container from "@/components/Container.vue";
 import SModal from "@/components/SModal.vue";
 import EditOption from "@/components/EditOption.vue";
@@ -16,6 +17,7 @@ const showModal = ref(false);
 const selectorIndex = ref(0);
 const list = ref([]);
 const removeId = ref("");
+const pointDraft = ref(null);
 
 const onListLoading = async (page) => {
   const result = await getPointBookListAPI(
@@ -64,6 +66,22 @@ const onSelectOption = (itemIndex, value) => {
   showModal.value = false;
   onListLoading(1);
 };
+
+const onRemoveDraft = () => {
+  pointDraft.value = null;
+  uni.removeStorageSync("last-point-record");
+};
+
+const toEditPage = () => {
+  uni.navigateTo({
+    url: "/pages/point-book-edit?withDraft=true",
+  });
+};
+
+onShow(() => {
+  const draft = uni.getStorageSync("last-point-record");
+  pointDraft.value = draft ? uni.getStorageSync("last-point-book") : null;
+});
 </script>
 
 <template>
@@ -97,6 +115,33 @@ const onSelectOption = (itemIndex, value) => {
       <view class="point-records">
         <ScrollList :onLoading="onListLoading">
           <uni-swipe-action>
+            <block v-if="pointDraft">
+              <uni-swipe-action-item>
+                <template v-slot:right>
+                  <view class="swipe-right" @click="onRemoveDraft">
+                    <image
+                      class="swipe-icon"
+                      src="../static/delete-white.png"
+                      mode="widthFix"
+                    />
+                  </view>
+                </template>
+                <view class="point-draft" v-if="pointDraft" @click="toEditPage">
+                  <text>{{ pointDraft.bowType.name }}</text>
+                  <text>{{ pointDraft.distance }}米</text>
+                  <text>{{ pointDraft.bowtargetType.name }}</text>
+                  <view>
+                    <image src="../static/draft-icon.png" mode="widthFix" />
+                    <text>本地草稿</text>
+                    <view>
+                      <text>计分待完成</text>
+                      <image src="../static/back.png" mode="widthFix" />
+                    </view>
+                  </view>
+                </view>
+              </uni-swipe-action-item>
+              <view :style="{ height: '25rpx' }" />
+            </block>
             <block v-for="(item, index) in list" :key="item.id">
               <uni-swipe-action-item>
                 <template v-slot:right>
@@ -113,7 +158,7 @@ const onSelectOption = (itemIndex, value) => {
               <view
                 v-if="index < list.length - 1"
                 :style="{ height: '25rpx' }"
-              ></view>
+              />
             </block>
           </uni-swipe-action>
           <view class="no-data" v-if="list.length === 0">暂无数据</view>
@@ -274,4 +319,54 @@ const onSelectOption = (itemIndex, value) => {
   width: 44rpx;
   height: 44rpx;
 }
+.point-draft {
+  height: 200rpx;
+  border-radius: 25rpx;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+}
+.point-draft > text {
+  font-weight: 500;
+  font-size: 40rpx;
+  color: #333333;
+  margin: 0 20rpx;
+}
+.point-draft > view:last-child {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background: #000000b3;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.point-draft > view:last-child > image {
+  width: 46rpx;
+  height: 38rpx;
+  margin-bottom: 10rpx;
+}
+.point-draft > view:last-child > text {
+  font-weight: 500;
+  font-size: 26rpx;
+  color: #ffffff;
+}
+.point-draft > view:last-child > view {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 22rpx;
+  color: #ffffff;
+  transform: translateX(8rpx);
+}
+.point-draft > view:last-child > view > image {
+  width: 30rpx;
+  height: 30rpx;
+  transform: rotate(180deg);
+}
 </style>
diff --git a/src/pages/point-book.vue b/src/pages/point-book.vue
index c86f07e..5d87959 100644
--- a/src/pages/point-book.vue
+++ b/src/pages/point-book.vue
@@ -58,29 +58,33 @@ const onSignin = () => {
 
 const startScoring = () => {
   if (user.value.id) {
-    uni.navigateTo({
-      url: "/pages/point-book-create",
-    });
+    const draft = uni.getStorageSync("last-point-record");
+    if (draft) {
+      showTip2.value = true;
+      return;
+    }
+    toScorePage();
   } else {
     showModal.value = true;
   }
 };
 
-const onRemoveRecord = (item) => {
-  removeId.value = item.id;
-  showTip2.value = true;
+const toScorePage = (withDraft) => {
+  showTip2.value = false;
+  if (withDraft) {
+    return uni.navigateTo({
+      url: "/pages/point-book-edit?withDraft=true",
+    });
+  }
+  uni.removeStorageSync("last-point-record");
+  return uni.navigateTo({
+    url: "/pages/point-book-create",
+  });
 };
 
-const confirmRemove = async () => {
-  try {
-    showTip2.value = false;
-    await removePointRecord(removeId.value);
-    const result = await getPointBookListAPI(1);
-    list.value = result.slice(0, 3);
-    uni.showToast({ title: "已删除", icon: "none" });
-  } catch (e) {
-    uni.showToast({ title: "删除失败，请重试", icon: "none" });
-  }
+const closeHint = () => {
+  showTip.value = false;
+  showTip2.value = false;
 };
 
 const loadData = async () => {
@@ -352,20 +356,21 @@ onShareTimeline(() => {
     <SModal :show="showModal" :onClose="() => (showModal = false)" :noBg="true">
       <Signin :onClose="() => (showModal = false)" :noBg="true" />
     </SModal>
-    <ScreenHint2
-      :show="showTip || showTip2"
-      :onClose="showTip ? () => (showTip = false) : null"
-    >
+    <ScreenHint2 :show="showTip || showTip2" :onClose="closeHint">
       <RewardUs
         v-if="showTip"
         :show="showTip"
         :onClose="() => (showTip = false)"
       />
       <view class="tip-content" v-if="showTip2">
-        <text>确认删除该记录吗？</text>
+        <text>发现未完成的记分，是否继续编辑？</text>
         <view>
-          <button hover-class="none" @click="showTip2 = false">取消</button>
-          <button hover-class="none" @click="confirmRemove">确认</button>
+          <button hover-class="none" @click="toScorePage(false)">
+            重新计分
+          </button>
+          <button hover-class="none" @click="toScorePage(true)">
+            继续编辑
+          </button>
         </view>
       </view>
     </ScreenHint2>
diff --git a/src/static/draft-icon.png b/src/static/draft-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..21499c935b588018ee25d360ebbe4ebb978b9251
GIT binary patch
literal 526
zcmeAS@N?(olHy`uVBq!ia0vp^T0pGE!3-o@@Bb76QWXI{A+A9B|3H9aE1s+Y+O1v^
z<QL2!|EW`0@b8AFNt!?2-KonywQcE?HZMEQRUXf8oIAO9^}M1ue;<SM!gJak85kJl
zJY5_^EKZ-De0y4xf`pr6^O@wObC)eE-hBT*@A6Qs9U`lCf8+hLYx@40h97f6r?NJu
zT=goM`7q_0sd+_2$rV$XCkn|HH<o!NXtG5*En2gy!N=mnf(@rMpXiykuUwgQ;nGqs
z-oohC4dQ;^1h%=dq;IckTQO5#A)?aEsG*hftA>qC;$7~m!nyV#^;^_J;<xM#_<ON!
zLL2Y(zM@>Y<>xb$b-o-k(x26qzNO@c>9Su3pRJtctDHOk@y?%{H-)-CTl@13>x?U(
z1LJ#5b9{c!e6hOh^8S;}hD$CjKPGk9<wuC&cKxmKp-*=#3-Q}}{`*R)C)%M-Me^GM
z_5^X?xYy1#DOkt$$a0odyH_dQQ>a?=Tx@URy;riQ$}=A*-hJv-bHx5cx_!9jXFeWa
P;4*l+`njxgN@xNAe0nZ6

literal 0
HcmV?d00001