评论商品接口有问题

TUIKit/components/TUIConversation/conversation-header/index.vue

@@ -1,26 +1,15 @@
 <template>
-  <div
-    :ref="convHeaderRef"
-    class="tui-conversation-header"
-  >
+  <div :ref="convHeaderRef" class="tui-conversation-header">
     <Navigation title="消息">
-      <template
-        #right
-      >
+      <template #right>
         <div v-show="!isGlobalSearching" class="menu-container">
-          <ul
-            v-if="menuList.length > 0"
-            class="list"
-          >
+          <ul v-if="menuList.length > 0" class="list">
             <li
               v-for="(item, index) in menuList"
               :key="index"
               class="list-item"
             >
-              <main
-                class="list-item-item"
-                @click.stop="handleMenu(item)"
-              >
+              <main class="list-item-item" @click.stop="handleMenu(item)">
                 <Icon
                   v-if="item.icon"
                   class="list-item-icon"
@@ -36,7 +25,7 @@
             <li
               v-for="(childrenItem, childrenIndex) in showChildren"
               :key="childrenIndex"
-              class="list-item"
+              class="list-item top-right_box"
               @click="handleMenu(childrenItem)"
             >
               <Icon
@@ -56,64 +45,106 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { StoreName, TUIStore } from '@tencentcloud/chat-uikit-engine-lite';
-import { computed, ref, onMounted, onUnmounted } from '../../../adapter-vue';
-import Icon from '../../common/Icon.vue';
-import Navigation from '../../common/Navigation/index.vue';
-import Server, { IMenuItem } from './server';
-import type { ISearchingStatus } from '../../TUISearch/type';
+  import {
+    StoreName,
+    TUIStore
+  } from '@tencentcloud/chat-uikit-engine-lite'
+  import {
+    computed,
+    ref,
+    onMounted,
+    onUnmounted
+  } from '../../../adapter-vue'
+  import Icon from '../../common/Icon.vue'
+  import Navigation from '../../common/Navigation/index.vue'
+  import Server, { IMenuItem } from './server'
+  import type { ISearchingStatus } from '../../TUISearch/type'
+  import { navigateTo } from '../../../../utils/router'
 
-const showChildren = ref<IMenuItem[]>([]);
-const convHeaderRef = ref<HTMLElement | undefined>();
-const isGlobalSearching = ref(false);
+  const showChildren = ref<IMenuItem[]>([])
+  const convHeaderRef = ref<HTMLElement | undefined>()
+  const isGlobalSearching = ref(false)
 
-const menuList = computed(() => {
-  return Server.getInstance().getMenu();
-});
+  const menuList = computed(() => {
+    return Server.getInstance().getMenu()
+  })
 
-const onCurrentSearchingStatusChange = (data: ISearchingStatus) => {
-  isGlobalSearching.value = data.searchType === 'global' && data.isSearching;
-  if (isGlobalSearching.value) {
-    closeChildren();
+  const onCurrentSearchingStatusChange = (data: ISearchingStatus) => {
+    isGlobalSearching.value =
+      data.searchType === 'global' && data.isSearching
+    if (isGlobalSearching.value) {
+      closeChildren()
+    }
   }
-};
 
-onMounted(() => {
-  showChildren.value = [];
-  TUIStore.watch(StoreName.SEARCH, {
-    currentSearchingStatus: onCurrentSearchingStatusChange,
-  });
-});
+  onMounted(() => {
+    showChildren.value = []
+    TUIStore.watch(StoreName.SEARCH, {
+      currentSearchingStatus: onCurrentSearchingStatusChange
+    })
+  })
 
-onUnmounted(() => {
-  TUIStore.unwatch(StoreName.SEARCH, {
-    currentSearchingStatus: onCurrentSearchingStatusChange,
-  });
-});
+  onUnmounted(() => {
+    TUIStore.unwatch(StoreName.SEARCH, {
+      currentSearchingStatus: onCurrentSearchingStatusChange
+    })
+  })
 
-const handleMenu = (item: IMenuItem) => {
-  const { data: { children }, listener = { onClicked: () => {} } } = item;
-  if (children) {
-    showChildren.value = showChildren.value.length > 0 ? [] : children;
-  } else {
-    listener.onClicked(item);
-    closeChildren();
+  const handleMenu = (item: IMenuItem) => {
+    const {
+      data: { children },
+      listener = { onClicked: () => {} }
+    } = item
+    if (children) {
+      let listData = children
+
+      // #ifdef APP-PLUS
+      // 扫一扫
+      const scanItem = {
+        data: { name: 'isScan' },
+        icon: '/TUIKit/assets/icon/scan.svg',
+        text: '扫一扫',
+        listener: {
+          onClicked: () => {}
+        }
+      }
+      listData = [scanItem, ...listData]
+      // #endif
+      showChildren.value = showChildren.value.length > 0 ? [] : listData
+    } else {
+      if (item.data.name === 'isScan') {
+        uni.scanCode({
+          onlyFromCamera: false,
+          scanType: ['qrCode'],
+          success: (res: any) => {
+            navigateTo(res.result)
+          }
+        })
+      } else {
+        listener.onClicked(item)
+      }
+      closeChildren()
+    }
   }
-};
 
-const closeChildren = () => {
-  showChildren.value = [];
-};
-
-defineExpose({
-  closeChildren,
-});
+  const closeChildren = () => {
+    showChildren.value = []
+  }
 
+  defineExpose({
+    closeChildren
+  })
 </script>
 <style lang="scss" scoped>
-.menu-container {
-  position: relative;
-}
+  .menu-container {
+    position: relative;
+  }
 </style>
 
 <style lang="scss" scoped src="../style/index.scss"></style>
+<style lang="scss" scoped>
+  .top-right_box {
+    width: 180rpx;
+    display: flex;
+  }
+</style>