feat: 微信小程序支持上传头像

罗广辉

2026-05-08 be4e2d7c2b330c3b8991a0286ea16cc1285b9ec0

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<template>
  <view class="eventTickets">
    <WebViewPlus
      ref="sWebViewRef"
      :src="`${viewUrl}`"
      @webMessage="onPostMessage"
    />
  </view>
</template>
 
<script setup>
import { getWebViewUrl } from "@/utils/index.js";
import WebViewPlus from "@/components/WebViewPlus.vue";
import { onShow, onHide } from "@dcloudio/uni-app";
 
const sWebViewRef = ref(null);
const updateKey = ref(0);
const viewUrl = computed(() => {
  // #ifdef MP-WEIXIN
  return getWebViewUrl("/work", {
    updateKey: updateKey.value,
    showAddBtn: 1,
  });
  // #endif
 
  // #ifndef MP-WEIXIN
  return getWebViewUrl("/work", {
    updateKey: updateKey.value,
    showAddBtn: 0,
  });
  // #endif
});
 
function onPostMessage(data) {
  // #ifdef MP-WEIXIN
  if (data.type === "addWork") {
  }
  // #endif
 
  // #ifndef MP-WEIXIN
  if (data.type === "jumpMapNav") {
    uni.navigateTo({
      url: `/subPackages/workDetail/mapWork/index?currentItem=${data.eventNum}`,
    });
  } else if (data.type === "workid") {
    uni.navigateTo({
      url: `/subPackages/workDetail/index?eventNum=${data.eventNum}&totalNum=${data.totalNum}&keyword=${data.keyword}&aiType=${data.aiType}&status=${data.status}&current=${data.current}`,
    });
  } else if (data.type === "bigImage") {
    uni.navigateTo({
      url: `/subPackages/workDetail/photoMagnify/index?eventNum=${data.eventNum}`,
    });
  }
  // #endif
}
onShow(() => {
  const joinParams = uni.getStorageSync("joinParams");
  if (joinParams) {
    updateKey.value = updateKey.value + 1;
    uni.removeStorageSync("joinParams");
  }
 
  // #ifndef MP-WEIXIN
  uni.setTabBarItem({
    index: 2, // Tab 的索引（从0开始）
    // text: '新建工单',
    visible: true,
    pagePath: "subPackages/workDetail/addWork/index",
  });
  uni.setTabBarItem({
    index: 3, // Tab
    visible: false,
  });
  // #endif
 
});
 
onHide(() => {
});
</script>
 
<style scoped lang="scss">
.eventTickets {
  width: 100%;
  height: 100%;
}
</style>