feat:webview通信处理

shuishen

2025-12-19 32febb140d320b35d580c8d4e78a80ef846e75fc

 src/pages/inspectionTask/index.vue

@@ -1,73 +1,80 @@
<!-- 巡检任务 -->
<template>
  <view>
    <WebViewPlus :src="`${viewUrl}`" @webMessage="onPostMessage"/>
    <WebViewPlus :src="`${viewUrl}`" @webMessage="onPostMessage" />
  </view>
</template>

<script setup>
import { getWebViewUrl } from "@/utils/index.js";
import WebViewPlus from "@/components/WebViewPlus.vue";
import {onHide, onShow} from "@dcloudio/uni-app";
import {errorFactory} from "sass-loader/dist/utils.js";
import { useAppStore } from "@/store/index.js"
import { onHide, onShow } from "@dcloudio/uni-app";
import { errorFactory } from "sass-loader/dist/utils.js";
import { useAppStore } from "@/store/index.js";

const appStore = useAppStore()
const appStore = useAppStore();

// const viewUrl = getWebViewUrl('/inspectionTask')

const updateKey = ref(0)
const sxListKey = ref(0)
const updateKey = ref(0);
const sxListKey = ref(0);
const viewUrl = computed(() => {
  return getWebViewUrl(  '/inspectionTask', { updateKey: updateKey.value,sxListKey: sxListKey.value })
})
  return getWebViewUrl("/inspectionTask", {
    updateKey: updateKey.value,
    sxListKey: sxListKey.value,
  });
});

watch(() => [appStore.jobUpdateKey, appStore.deviceUpdateKey], () => {
  sxListKey.value = sxListKey.value + 1
})

watch(
  () => [appStore.jobUpdateKey, appStore.deviceUpdateKey],
  () => {
    sxListKey.value = sxListKey.value + 1;
  }
);

function onPostMessage(data) {
  if (data.type === 'taskDetails'){
    if ([1,2].includes(data.rowItem.status)){
  if (data.type === "taskDetails") {
    // #ifdef MP-WEIXIN
    // #endif

    // #ifndef MP-WEIXIN
    if ([1, 2].includes(data.rowItem.status)) {
      uni.navigateTo({
        url: `/subPackages/inProgress/index?wayLineJobInfoId=${data.rowItem.id}`
        url: `/subPackages/inProgress/index?wayLineJobInfoId=${data.rowItem.id}`,
      });
    } else {
      uni.navigateTo({
        url: `/subPackages/taskDetail/execution/index?wayLineJobInfoId=${data.rowItem.id}&waylineJobId=${data.rowItem.wayline_job_id}&batch_no=${data.rowItem.batch_no}`
        url: `/subPackages/taskDetail/execution/index?wayLineJobInfoId=${data.rowItem.id}&waylineJobId=${data.rowItem.wayline_job_id}&batch_no=${data.rowItem.batch_no}`,
      });
    }
    // #endif
  }
}
const isApp = ref(false)
const isApp = ref(false);
onShow(() => {
  const joinParams = uni.getStorageSync('joinParams');
  const joinParams = uni.getStorageSync("joinParams");
  if (joinParams) {
    // 使用后清除
    console.log('是否打印', updateKey.value)
    updateKey.value = updateKey.value + 1
    uni.removeStorageSync('joinParams');
    console.log("是否打印", updateKey.value);
    updateKey.value = updateKey.value + 1;
    uni.removeStorageSync("joinParams");
  }
  // isApp.value = true
  // 清除数据
  const encodedData = encodeURIComponent(JSON.stringify({ device_sn: '' }))
  uni.setStorageSync('webview_params', encodedData);
  
  uni.setStorageSync('lastTab', 'task');
  const encodedData = encodeURIComponent(JSON.stringify({ device_sn: "" }));
  uni.setStorageSync("webview_params", encodedData);

  uni.setStorageSync("lastTab", "task");
  uni.setTabBarItem({
    index: 2,
    text: '',
    iconPath: 'static/images/tabbar/add.png',
    selectedIconPath: 'static/images/tabbar/add.png'
    text: "",
    iconPath: "static/images/tabbar/add.png",
    selectedIconPath: "static/images/tabbar/add.png",
  });
});

onHide(() => {
  // isApp.value = false
});

</script>
<style scoped lang="scss">

</style>
<style scoped lang="scss"></style>