ai-chat-bot-interface 1.0.8 → 1.0.9

package/package.json

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

package/src/ChatUi.vue

@@ -44,8 +44,9 @@
                 <p class="text" v-html="conv.content"></p>
                 <div v-if="conv.extra.length && !isAnswering">
                   <template v-for="(comp, idx) in conv.extra" :key="idx">
-                    <dishes-list v-if="comp.showType === 'card'" :sku-list="comp.skuList" @select="handleCardTap"/>
-                    <plan-card v-if="comp.showType === 'plan'" @select="handleCardTap({ type: 'match'})" />
+                    <dishes-list v-if="comp.showType === 'card'" :sku-list="comp.skuList"
+                                 @select="(data) => handleCardTap(data, comp)"/>
+                    <plan-card v-if="comp.showType === 'plan'" @select="handleCardTap({ type: 'match'}, comp)"/>
                   </template>
                 </div>
               </div>
@@ -61,7 +62,7 @@
             <img class="avatar" :src="avatar" alt="avatar">
           </div>
         </template>
-<!--        <div ref="endTarget" style="height: 100px;"/>-->
+        <div ref="endTarget" style="height: 100px;"/>
       </div>
       <div class="cui_operate">
         <button class="btn" @click.stop="createConv">
@@ -86,7 +87,6 @@ import ClearIcon from './components/icons/ClearIcon.vue';
 import CloseIcon from './components/icons/CloseIcon.vue';
 import NewSessionIcon from './components/icons/NewSessionIcon.vue';
 import SendIcon from './components/icons/SendIcon.vue';
-import mock from './mock';
 import {get, post} from './utils/request';
 import DishesCard from './components/DishesCard.vue';
 import DishesList from './components/DishesList.vue';
@@ -162,6 +162,7 @@ const createConv = async () => {
     localStorage.setItem('conversationId', conversationId.value);
     historyList.value = [];
     await queryBotInfo();
+    // await messageCreate();
   }
 };
 // const messageCreate = async () => {
@@ -171,7 +172,7 @@ const createConv = async () => {
 //       { "role":"user","content":`#userid_${props.uid}`,"content_type":"text"},
 //       {...chatOptions.value});
 // };
-const messageCreate = async () => {
+/*const messageCreate = async () => {
   const res = await fetch(
       `https://api.coze.cn/v3/chat?conversation_id=${conversationId.value}`,
       {
@@ -190,6 +191,7 @@ const messageCreate = async () => {
               'role': 'user',
               'content_type': 'text',
               'content': `#userid_${props.uid}`,
+
             }],
         }),
         credentials: 'same-origin', // 默认同源策略
@@ -197,7 +199,7 @@ const messageCreate = async () => {
         cache: 'default', // 默认缓存策略
       },
   );
-};
+};*/
 const chatConv = async (data) => {
   let isInCode = data.hasOwnProperty('text') && data.hasOwnProperty('code');
   if (!(!isAnswering.value && (inputText.value || isInCode))) {
@@ -233,6 +235,9 @@ const chatConv = async (data) => {
               'content_type': 'text',
               'content': isInCode ? data.code : inText, // '配餐1600kcal，身高173，体重60kg，生成一天的套餐',
             }],
+          custom_variables: {
+            'uid': props.uid,
+          },
         }),
         credentials: 'same-origin', // 默认同源策略
         mode: 'cors', // 默认跨域模式
@@ -295,11 +300,11 @@ const chatConv = async (data) => {
         } else if (strObj.hasOwnProperty('type')
             && strObj.type === 'tool_response') {
           const extraObj = JSON.parse(strObj.content);
-          if(extraObj.hasOwnProperty('showType')) {
+          if (extraObj.hasOwnProperty('showType')) {
             historyList.value[idx].extra.push({...extraObj});
-          }else if(extraObj.hasOwnProperty('response_for_model')){
+          } else if (extraObj.hasOwnProperty('response_for_model')) {
             const modelObj = JSON.parse(extraObj.response_for_model);
-            if(modelObj.hasOwnProperty('showType')) {
+            if (modelObj.hasOwnProperty('showType')) {
               historyList.value[idx].extra.push({...modelObj});
             }
           }
@@ -320,8 +325,8 @@ const queryHistoryList = async () => {
     historyList.value = [];
     const cardList = [];
     res.data.forEach(row => {
-      if(row.hasOwnProperty('content_type')) {
-        if(row.content_type === 'text') {
+      if (row.hasOwnProperty('content_type')) {
+        if (row.content_type === 'text') {
           historyList.value.push({
             chat_id: row.chat_id,
             conversation_id: row.conversation_id,
@@ -331,30 +336,30 @@ const queryHistoryList = async () => {
             status: 'ended',
             extra: [],
           });
-        }else if(row.content_type === 'card' && row.role === 'assistant') {
+        } else if (row.content_type === 'card' && row.role === 'assistant') {
           try {
             const cardObj = JSON.parse(row.content);
-            if(cardObj.hasOwnProperty('showType')) {
+            if (cardObj.hasOwnProperty('showType')) {
               cardList.push({
                 chat_id: row.chat_id,
                 conversation_id: row.conversation_id,
                 bot_id: row.bot_id,
                 role: row.role,
-                extra:[{...cardObj}]
-              })
-            }else if(cardObj.hasOwnProperty('response_for_model')){
+                extra: [{...cardObj}],
+              });
+            } else if (cardObj.hasOwnProperty('response_for_model')) {
               const modelObj = JSON.parse(cardObj.response_for_model);
-              if(modelObj.hasOwnProperty('showType')) {
+              if (modelObj.hasOwnProperty('showType')) {
                 cardList.push({
                   chat_id: row.chat_id,
                   conversation_id: row.conversation_id,
                   bot_id: row.bot_id,
                   role: row.role,
-                  extra:[{...modelObj}]
-                })
+                  extra: [{...modelObj}],
+                });
               }
             }
-          }catch (e) {
+          } catch (e) {
             console.log('== 解析错误 ==');
           }
         }
@@ -362,10 +367,10 @@ const queryHistoryList = async () => {
     });
     cardList.forEach(card => {
       const idx = historyList.value.findIndex(c => c.chat_id === card.chat_id && c.role === 'assistant');
-      if(idx > -1) {
+      if (idx > -1) {
         historyList.value[idx].extra = [...card.extra];
       }
-    })
+    });
     console.log(historyList.value, cardList);
   }
 };
@@ -386,7 +391,7 @@ const handleText = (str) => {
   return str.replaceAll(/\[([^\]]+)\]\((https?:\/\/[^)]+)\)/ig, '<a href="$2" target="_blank">[$1]</a>');
 };
 
-const handleCardTap = ({type}) => {
+const handleCardTap = ({type}, info) => {
   switch (type) {
     case 'change':
       chatConv({code: '換一套菜品', text: '換一套菜品'});
@@ -395,7 +400,7 @@ const handleCardTap = ({type}) => {
       chatConv({code: '請用以上方案為我配餐', text: '請用以上方案為我配餐'});
       break;
     default:
-      Emits('call', { type });
+      Emits('call', {type, info});
   }
 };
 

package/src/components/DishesList.vue

@@ -2,17 +2,17 @@
   <div class="dl_wrap">
     <template v-for="cate in skuList" :key="cate.category">
       <div v-if="cate.list && cate.list.length">
-        <p class="title">{{ cate.category }}</p>
+        <p class="title">{{ cate.categoryType }}</p>
         <div>
           <template v-for="dList in cate.list" :key="dList.id">
-            <dishes-card v-for="(info, idx) in dList.categoryList" :key="idx" :info="info"/>
+            <dishes-card v-for="(info, idx) in dList.getCategoryList" :key="idx" :info="info"/>
           </template>
         </div>
       </div>
     </template>
     <div class="btn_group">
-<!--      <div class="btn btn_1" @click.stop="handleBtn('change')">換一套菜品</div>-->
-      <div class="btn btn_2" @click.stop="handleBtn('order')">去下單</div>
+      <div class="btn btn_1" @click.stop="handleBtn('ship_order')">配送下单</div>
+      <div class="btn btn_2" @click.stop="handleBtn('pick_order')">自取下单</div>
     </div>
   </div>
 
@@ -69,7 +69,7 @@ const handleBtn = (type) => {
 
       &_group {
         display: grid;
-        grid-template-columns: 1fr;
+        grid-template-columns: 1fr 1fr;
         grid-column-gap: 10px;
         margin-top: 20px;
       }

package/src/mock.js

@@ -1,162 +0,0 @@
-export default [
-  {
-    "conversation_id": "7472317677525188619",
-    "bot_id": "7468975471649194018",
-    "role": "assistant",
-    "content": "您好，我是Nutribite",
-    "status": "ended",
-    "extra": []
-  },
-  {
-    conversation_id: '7472317677525188619',
-    bot_id: '7468975471649194018',
-    role: `user_555`,
-    content: '配餐1600kcal，身高173，体重60kg，生成一天的套餐',
-    status: 'ended',
-    extra: [],
-  },
-  {
-    "conversation_id": "7472317677525188619",
-    "bot_id": "7468975471649194018",
-    "role": "assistant",
-    "content": "为你生成的一天1600kcal套餐如下：\n- **早餐（约450kcal）**：\n    - 火腿汁烧豆腐，能量82kcal，蛋白质8.7g，脂肪3.1g，碳水化合物4.7g，<a href=\"https://prodstatic.weis1606.cn/api/diet/2024122015441833302.jpg?x-oss-process=image/resize,h_750\" target=\"_blank\">[点击查看]</a>\n    - 五彩鸡块，能量156kcal，蛋白质16.5g，脂肪6.8g，碳水化合物7.2g，<a href=\"https://prodstatic.weis1606.cn/api/diet/2024120910310309135.jpg?x-oss-process=image/resize,h_750\" target=\"_blank\">[点击查看]</a>\n    - 素炒云南小瓜，能量39kcal，蛋白质1.7g，脂肪1.3g，碳水化合物5g，<a href=\"https://prodstatic.weis1606.cn/api/diet/2025010318161342225.jpg?x-oss-process=image/resize,h_750\" target=\"_blank\">[点击查看]</a>\n    - 牛肉焖饭，能量178kcal，蛋白质7.6g，脂肪2.4g，碳水化合物31.6g，<a href=\"https://prodstatic.weis1606.cn/api/diet/2025010318062384767.jpg?x-oss-process=image/resize,h_750\" target=\"_blank\">[点击查看]</a>\n- **午餐（约540kcal）**：\n    - 粟米蒸水蛋，能量117kcal，蛋白质9.9g，脂肪6.6g，碳水化合物4.5g，<a href=\"https://prodstatic.weis1606.cn/api/diet/2025010318155462227.jpg?x-oss-process=image/resize,h_750\" target=\"_blank\">[点击查看]</a>\n    - 豉油鸡扒，能量174kcal，蛋白质26.2g，脂肪6.8g，碳水化合物1.9g，<a href=\"https://prodstatic.weis1606.cn/api/diet/2025010318254931832.png?x-oss-process=image/resize,h_750\" target=\"_blank\">[点击查看]</a>\n    - 清炒菠菜，能量49kcal，蛋白质4g，脂肪1.5g，碳水化合物4.9g，<a href=\"https://prodstatic.weis1606.cn/api/diet/2025010317554302323.jpg?x-oss-process=image/resize,h_750\" target=\"_blank\">[点击查看]</a>\n    - 红米飯，能量182kcal，蛋白质3.4g，脂肪0.1g，碳水化合物41.9g，<a href=\"https://prodstatic.weis1606.cn/api/diet/2025010318002606875.jpg?x-oss-process=image/resize,h_750\" target=\"_blank\">[点击查看]</a>\n- **晚餐（约450kcal）**：\n    - 番茄大虾面，能量430kcal，蛋白质26.3g，脂肪5.6g，碳水化合物68.5g，<a href=\"https://prodstatic.weis1606.cn/api/diet/2024092513400322999.jpg?x-oss-process=image/resize,h_750\" target=\"_blank\">[点击查看]</a> \n\n这份套餐营养较为均衡，包含了蛋白质、碳水化合物、脂肪、维生素和矿物质等多种营养成分，希望能满足你的需求。  为你生成的一天1600kcal套餐如下：\n- **早餐（约450kcal）**：\n    - 火腿汁烧豆腐，能量82kcal，蛋白质8.7g，脂肪3.1g，碳水化合物4.7g，<a href=\"https://prodstatic.weis1606.cn/api/diet/2024122015441833302.jpg?x-oss-process=image/resize,h_750\" target=\"_blank\">[点击查看]</a>\n    - 五彩鸡块，能量156kcal，蛋白质16.5g，脂肪6.8g，碳水化合物7.2g，<a href=\"https://prodstatic.weis1606.cn/api/diet/2024120910310309135.jpg?x-oss-process=image/resize,h_750\" target=\"_blank\">[点击查看]</a>\n    - 素炒云南小瓜，能量39kcal，蛋白质1.7g，脂肪1.3g，碳水化合物5g，<a href=\"https://prodstatic.weis1606.cn/api/diet/2025010318161342225.jpg?x-oss-process=image/resize,h_750\" target=\"_blank\">[点击查看]</a>\n    - 牛肉焖饭，能量178kcal，蛋白质7.6g，脂肪2.4g，碳水化合物31.6g，<a href=\"https://prodstatic.weis1606.cn/api/diet/2025010318062384767.jpg?x-oss-process=image/resize,h_750\" target=\"_blank\">[点击查看]</a>\n- **午餐（约540kcal）**：\n    - 粟米蒸水蛋，能量117kcal，蛋白质9.9g，脂肪6.6g，碳水化合物4.5g，<a href=\"https://prodstatic.weis1606.cn/api/diet/2025010318155462227.jpg?x-oss-process=image/resize,h_750\" target=\"_blank\">[点击查看]</a>\n    - 豉油鸡扒，能量174kcal，蛋白质26.2g，脂肪6.8g，碳水化合物1.9g，<a href=\"https://prodstatic.weis1606.cn/api/diet/2025010318254931832.png?x-oss-process=image/resize,h_750\" target=\"_blank\">[点击查看]</a>\n    - 清炒菠菜，能量49kcal，蛋白质4g，脂肪1.5g，碳水化合物4.9g，<a href=\"https://prodstatic.weis1606.cn/api/diet/2025010317554302323.jpg?x-oss-process=image/resize,h_750\" target=\"_blank\">[点击查看]</a>\n    - 红米飯，能量182kcal，蛋白质3.4g，脂肪0.1g，碳水化合物41.9g，<a href=\"https://prodstatic.weis1606.cn/api/diet/2025010318002606875.jpg?x-oss-process=image/resize,h_750\" target=\"_blank\">[点击查看]</a>\n- **晚餐（约450kcal）**：\n    - 番茄大虾面，能量430kcal，蛋白质26.3g，脂肪5.6g，碳水化合物68.5g，<a href=\"https://prodstatic.weis1606.cn/api/diet/2024092513400322999.jpg?x-oss-process=image/resize,h_750\" target=\"_blank\">[点击查看]</a> \n\n这份套餐营养较为均衡，包含了蛋白质、碳水化合物、脂肪、维生素和矿物质等多种营养成分，希望能满足你的需求。  ",
-    "status": "ended",
-    "extra": [
-      {
-        "type": "tool_response",
-        "content": {
-          "code": 0,
-          "skuList": [
-            {
-              "category": "早餐",
-              "totalKcal": 450,
-              "sequentialDays": 1,
-              "list": [
-                {
-                  "id": 3,
-                  "name": "五彩雞塊饭",
-                  "categoryList": [
-                    {
-                      "energy": 82,
-                      "skuname": "火腿汁燒豆腐",
-                      "skunameEn": "Braised Tofu in Ham Sauce",
-                      "primaryImgUrl": "https://prodstatic.weis1606.cn/api/diet/2024122015441833302.jpg?x-oss-process=image/resize,h_750",
-                      "protein": 8.7,
-                      "fat": 3.1,
-                      "carbonwater": 4.7
-                    },
-                    {
-                      "fat": 6.8,
-                      "carbonwater": 7.2,
-                      "energy": 156,
-                      "skuname": "五彩雞塊",
-                      "skunameEn": "Five-Colored Chicken Cubes",
-                      "primaryImgUrl": "https://prodstatic.weis1606.cn/api/diet/2024120910310309135.jpg?x-oss-process=image/resize,h_750",
-                      "protein": 16.5
-                    },
-                    {
-                      "skuname": "素炒雲南小瓜",
-                      "skunameEn": "Stir-Fried Yunnan Zucchini",
-                      "primaryImgUrl": "https://prodstatic.weis1606.cn/api/diet/2025010318161342225.jpg?x-oss-process=image/resize,h_750",
-                      "protein": 1.7,
-                      "fat": 1.3,
-                      "carbonwater": 5,
-                      "energy": 39
-                    },
-                    {
-                      "carbonwater": 31.6,
-                      "energy": 178,
-                      "skuname": "牛肉燜飯",
-                      "skunameEn": "Stewed Rice with Braised Beef",
-                      "primaryImgUrl": "https://prodstatic.weis1606.cn/api/diet/2025010318062384767.jpg?x-oss-process=image/resize,h_750",
-                      "protein": 7.6,
-                      "fat": 2.4
-                    }
-                  ]
-                }
-              ]
-            },
-            {
-              "category": "午餐",
-              "totalKcal": 540,
-              "sequentialDays": 1,
-              "list": [
-                {
-                  "categoryList": [
-                    {
-                      "carbonwater": 4.5,
-                      "energy": 117,
-                      "skuname": "粟米蒸水蛋",
-                      "skunameEn": "Steamed Eggs with Corn",
-                      "primaryImgUrl": "https://prodstatic.weis1606.cn/api/diet/2025010318155462227.jpg?x-oss-process=image/resize,h_750",
-                      "protein": 9.9,
-                      "fat": 6.6
-                    },
-                    {
-                      "energy": 174,
-                      "skuname": "豉油雞扒",
-                      "skunameEn": "Grilled Chicken Steak with Soy Sauce",
-                      "primaryImgUrl": "https://prodstatic.weis1606.cn/api/diet/2025010318254931832.png?x-oss-process=image/resize,h_750",
-                      "protein": 26.2,
-                      "fat": 6.8,
-                      "carbonwater": 1.9
-                    },
-                    {
-                      "carbonwater": 4.9,
-                      "energy": 49,
-                      "skuname": "清炒菠菜",
-                      "skunameEn": "Stir-Fried Spinach",
-                      "primaryImgUrl": "https://prodstatic.weis1606.cn/api/diet/2025010317554302323.jpg?x-oss-process=image/resize,h_750",
-                      "protein": 4,
-                      "fat": 1.5
-                    },
-                    {
-                      "energy": 182,
-                      "skuname": "紅米飯",
-                      "skunameEn": "Red rice",
-                      "primaryImgUrl": "https://prodstatic.weis1606.cn/api/diet/2025010318002606875.jpg?x-oss-process=image/resize,h_750",
-                      "protein": 3.4,
-                      "fat": 0.1,
-                      "carbonwater": 41.9
-                    }
-                  ],
-                  "id": 4,
-                  "name": "豉油雞扒饭"
-                }
-              ]
-            },
-            {
-              "sequentialDays": 1,
-              "list": [
-                {
-                  "id": 5,
-                  "name": "番茄大蝦麵",
-                  "categoryList": [
-                    {
-                      "energy": 430,
-                      "skuname": "番茄大蝦麵",
-                      "skunameEn": "Tomato Prawn Noodles",
-                      "primaryImgUrl": "https://prodstatic.weis1606.cn/api/diet/2024092513400322999.jpg?x-oss-process=image/resize,h_750",
-                      "protein": 26.3,
-                      "fat": 5.6,
-                      "carbonwater": 68.5
-                    }
-                  ]
-                }
-              ],
-              "category": "晚餐",
-              "totalKcal": 450
-            },
-            {
-              "totalKcal": 360,
-              "sequentialDays": 1,
-              "list": [],
-              "category": "加餐"
-            }
-          ],
-          "msg": "success"
-        }
-      }
-    ]
-  }
-]

package/src/components/HelloWorld.vue

@@ -1,43 +0,0 @@
-<script setup>
-import { ref } from 'vue'
-
-defineProps({
-  msg: String,
-})
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Learn more about IDE Support for Vue in the
-    <a
-      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
-      target="_blank"
-      >Vue Docs Scaling up Guide</a
-    >.
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>