细节调整

src/pages/point-book-detail.vue

@@ -7,7 +7,7 @@ import ScreenHint2 from "@/components/ScreenHint2.vue";
 import RingBarChart from "@/components/RingBarChart.vue";
 
 import { getPointBookDetailAPI, addNoteAPI } from "@/apis";
-import { generateShareCardImage } from "@/util";
+import { wxShare, generateShareCard, generateShareImage } from "@/util";
 
 import useStore from "@/store";
 import { storeToRefs } from "pinia";
@@ -26,7 +26,9 @@ const notes = ref("");
 const draftNotes = ref("");
 const record = ref({
   groups: [],
+  user: {},
 });
+const shareType = ref(1);
 
 const openTip = (index) => {
   if (index === 1) showTip.value = true;
@@ -80,9 +82,19 @@ const ringRates = computed(() => {
   return rates.map((r) => r / arrows.value.length);
 });
 
+const loading = ref(false);
+const shareImage = async () => {
+  if (loading.value) return;
+  loading.value = true;
+  await generateShareImage("shareImageCanvas");
+  await wxShare("shareImageCanvas");
+  loading.value = false;
+};
+
 onLoad(async (options) => {
   if (options.id) {
     const result = await getPointBookDetailAPI(options.id || 194);
+    console.log(result);
     record.value = result;
     notes.value = result.remark || "";
     const config = uni.getStorageSync("point-book-config");
@@ -101,7 +113,7 @@ onLoad(async (options) => {
 
 onShareAppMessage(async () => {
   const imageUrl = await generateShareCardImage(
-    "shareCanvas",
+    "shareCardCanvas",
     record.value.recordDate,
     data.value.userTotalRing,
     data.value.totalRing
@@ -114,7 +126,7 @@ onShareAppMessage(async () => {
 });
 onShareTimeline(async () => {
   const imageUrl = await generateShareCardImage(
-    "shareCanvas",
+    "shareCardCanvas",
     record.value.recordDate,
     data.value.userTotalRing,
     data.value.totalRing
@@ -155,9 +167,14 @@ onShareTimeline(async () => {
       </view> -->
       <canvas
         class="share-canvas"
-        canvas-id="shareCanvas"
+        canvas-id="shareCardCanvas"
         style="width: 375px; height: 300px"
       ></canvas>
+      <canvas
+        class="share-canvas"
+        canvas-id="shareImageCanvas"
+        style="width: 375px; height: 860px"
+      ></canvas>
       <view class="detail-data">
         <view>
           <view
@@ -192,7 +209,7 @@ onShareTimeline(async () => {
         <button
           hover-class="none"
           @click="() => openTip(3)"
-          v-if="user.id === record.userId"
+          v-if="user.id === record.user.id"
         >
           <image src="../static/edit.png" mode="widthFix" />
           <text>备注</text>
@@ -268,18 +285,18 @@ onShareTimeline(async () => {
           class="btns"
           :style="{
             gridTemplateColumns: `repeat(${
-              user.id === record.userId ? 2 : 1
+              user.id === record.user.id ? 1 : 1
             }, 1fr)`,
           }"
         >
           <button hover-class="none" @click="goBack">关闭</button>
-          <button
+          <!-- <button
             hover-class="none"
-            @click="share"
-            v-if="user.id === record.userId"
+            @click="shareImage"
+            v-if="user.id === record.user.id"
           >
             分享
-          </button>
+          </button> -->
         </view>
       </view>
       <ScreenHint2