ai-chat-bot-interface 1.6.23 → 1.6.24

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ai-chat-bot-interface",
   "private": false,
-  "version": "1.6.23",
+  "version": "1.6.24",
   "type": "module",
   "main": "index.js",
   "description": "A AI chat bot interface. (private)",

package/src/App.vue

@@ -18,7 +18,7 @@ const handleLog = (log) => {
         {
           name: '用户信息',
           value: 'personalForm',
-          type: 'chat',
+          type: 'simulate',
           msg: '请为我生成一份个性化的健康的食谱。',
         },
       ]"

package/src/ChatUi.vue

@@ -356,6 +356,7 @@ const storage = {
 };
 
 onMounted(async () => {
+  localStorage.setItem('postToken', props.postToken || '');
   if (storage.getItem('conversationId')) {
     conversationId.value = storage.getItem('conversationId');
     await queryBotInfo();
@@ -844,6 +845,9 @@ const handleTagSel = (info) => {
     case 'call':
       Emits('call', { ...info });
       break;
+    case 'simulate':
+      simulateChat(info);
+      break;
   }
 };
 
@@ -861,10 +865,10 @@ const handleCardTap = ({ type }, info) => {
       ]);
       break;
     case 'personalForm':
-      handleTagSel({
+      simulateChat({
         msg: '请为我生成一份个性化的健康的食谱',
         name: '用户信息',
-        type: 'chat',
+        type: 'simulate',
         value: 'personalForm',
       });
       break;
@@ -892,15 +896,55 @@ const handlePlanParse = (list) => {
 };
 
 const scrollToEnd = () => {
-  nextTick(() => {
-    endTarget.value.scrollIntoView();
-  });
+  setTimeout(() => {
+    nextTick(() => {
+      endTarget.value.scrollIntoView();
+    });
+  }, 100);
 };
 
 const handleTextNeedBtn = (str) => {
   const regExp = /#全日總熱量：(\d*?)kcal/g;
   return regExp.test(str);
 };
+
+const simulateChat = (info) => {
+  console.log('== simulateChat == ', info);
+  historyList.value.push({
+    conversation_id: '',
+    bot_id: props.botId,
+    role: 'user',
+    content: info.msg,
+    reasoning_content: '',
+    status: 'ended',
+    extra: [],
+  });
+  let resInfo = {
+    msg: '',
+    extra: [],
+  };
+  switch (info.value) {
+    case 'personalForm':
+      resInfo.msg =
+        '请填写您的身体数据，维小饭将根据你的身体数据智能生成个性化食谱';
+      resInfo.extra = [
+        {
+          showType: 'personalForm',
+        },
+      ];
+      break;
+  }
+  historyList.value.push({
+    conversation_id: '',
+    bot_id: props.botId,
+    role: 'assistant',
+    content: resInfo.msg,
+    reasoning_content: '',
+    status: 'ended',
+    extra: [...resInfo.extra],
+  });
+  scrollToEnd();
+};
 </script>
 
 <style scoped lang="less">

package/src/components/DishesCard.vue

@@ -79,7 +79,7 @@
         <video :src="info.skuVideo" width="100%" controls="true" />
       </div>
       <div
-        v-for="(item, index) in info.makeCraftList"
+        v-for="(item, index) in makeCraft.makeCraftList"
         :key="index"
         class="step_row"
       >
@@ -103,10 +103,11 @@
 </template>
 
 <script setup>
-import { computed, onMounted, ref } from 'vue';
+import { computed, nextTick, onMounted, ref } from 'vue';
 import { api as viewerApi } from 'v-viewer';
 import 'viewerjs/dist/viewer.css';
 import ArrowRight from './icons/ArrowRight.vue';
+import { post } from '@/utils/request.js';
 
 const props = defineProps({
   info: {
@@ -125,15 +126,43 @@ const props = defineProps({
 const isOpen = ref(props.open);
 const contentRef = ref(null); // 用于引用内容 DOM 元素
 const contentHeight = ref(0); // 存储内容的实际高度
+const makeCraft = ref([]);
 
-onMounted(() => {
-  getContentHeight();
+onMounted(async () => {
+  if (isOpen.value) {
+    await querySkuMakeCraft();
+    getContentHeight();
+  }
 });
 
 const getContentHeight = () => {
-  contentHeight.value = hasDetails.value ? contentRef.value.scrollHeight : 0;
+  nextTick(async () => {
+    const imgList = [];
+    if (makeCraft.value.hasOwnProperty('makeCraftList')) {
+      makeCraft.value?.makeCraftList.forEach((item) => {
+        const imgs = getImageList(item.craftImg);
+        imgList.push(...imgs);
+      });
+    }
+    await preloadImages(imgList);
+    contentHeight.value = hasDetails.value ? contentRef.value.scrollHeight : 0;
+    isOpen.value = true;
+  });
 };
 
+const preloadImages = (urls) => {
+  const promises = [];
+  urls.forEach((url) => {
+    const img = new Image();
+    const promise = new Promise((resolve, reject) => {
+      img.onload = () => resolve(img);
+      img.onerror = () => reject(new Error(`加载${url}失败`));
+      img.src = url;
+    });
+    promises.push(promise);
+  });
+  return Promise.all(promises);
+};
 // const Emits = defineEmits(['update:open']);
 
 const subStr = computed(() => {
@@ -146,14 +175,7 @@ const materialText = computed(() => {
   return (list || []).join('、');
 });
 const hasDetails = computed(() => {
-  let sts = false;
-  if (
-    props.info.hasOwnProperty('makeCraftList') &&
-    props.info.makeCraftList.length > 0
-  ) {
-    sts = true;
-  }
-  return sts;
+  return props.info.hasOwnProperty('cid') && props.info.cid;
 });
 const panelHeight = computed(() => {
   let h = '92px';
@@ -169,11 +191,13 @@ const previewImg = (url) => {
   });
 };
 
-const switchOpen = () => {
+const switchOpen = async () => {
   if (!isOpen.value) {
+    await querySkuMakeCraft();
     getContentHeight();
+  } else {
+    isOpen.value = false;
   }
-  isOpen.value = !isOpen.value;
 };
 
 const getImageList = (str) => {
@@ -186,6 +210,24 @@ const getImageList = (str) => {
 
   return list;
 };
+
+const querySkuMakeCraft = async () => {
+  if (
+    !(
+      makeCraft.value.hasOwnProperty('makeCraftList') &&
+      makeCraft.value.hasOwnProperty('makeMaterialList')
+    )
+  ) {
+    const res = await post('/api/cn.weis.api.Food/makeCraft', {
+      method: 'makeCraft',
+      params: [{ cid: props.info.cid }],
+      token: localStorage.getItem('postToken'),
+    });
+    if (res.errCode === 0 && res.obj) {
+      makeCraft.value = { ...res.obj };
+    }
+  }
+};
 </script>
 
 <style scoped lang="less">

package/src/components/DishesList.vue

@@ -83,7 +83,8 @@ const openSts = ref(false);
 const handleIsOpen = (info, category) => {
   if (openSts.value) {
     return false;
-  } else if (category !== '01' && info.hasOwnProperty('makeCraftList')) {
+  } else if (category !== '01' && info.hasOwnProperty('cid') && info.cid) {
+    console.log('=== 6666 ===', info);
     openSts.value = true;
     return true;
   } else {