ai-chat-bot-interface 1.6.11 → 1.6.13

package/package.json

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

package/src/components/DishesCard.vue

@@ -119,9 +119,13 @@ const contentRef = ref(null); // 用于引用内容 DOM 元素
 const contentHeight = ref(0); // 存储内容的实际高度
 
 onMounted(() => {
-  contentHeight.value = hasDetails.value ? contentRef.value.scrollHeight : 0;
+  getContentHeight();
 });
 
+const getContentHeight = () => {
+  contentHeight.value = hasDetails.value ? contentRef.value.scrollHeight : 0;
+};
+
 // const Emits = defineEmits(['update:open']);
 
 const subStr = computed(() => {
@@ -151,6 +155,9 @@ const previewImg = (url) => {
 };
 
 const switchOpen = () => {
+  if (!isOpen.value) {
+    getContentHeight();
+  }
   isOpen.value = !isOpen.value;
 };
 

package/src/components/OperateModule.less

@@ -177,6 +177,8 @@
     }
   }
   &_ai_tips {
+    height: 24px;
+    line-height: 10px;
     text-align: center;
     font-size: 10px;
     color: #bbb;

package/src/components/personalForm/personalForm.vue

@@ -148,7 +148,7 @@ const handleSelect = (item) => {
       dialogInfo.value.dialogHeight = '240px';
       dialogInfo.value.unit = item.unit;
       dialogInfo.value.age = item.value;
-      dialogInfo.value.min = 0;
+      dialogInfo.value.min = 6;
       dialogInfo.value.max = 100;
       dialogInfo.value.type = 'number';
       break;
@@ -157,8 +157,8 @@ const handleSelect = (item) => {
       dialogInfo.value.dialogHeight = '240px';
       dialogInfo.value.unit = item.unit;
       dialogInfo.value.height = item.value;
-      dialogInfo.value.min = 0;
-      dialogInfo.value.max = 300;
+      dialogInfo.value.min = 100;
+      dialogInfo.value.max = 220;
       dialogInfo.value.type = 'digit';
       break;
     case 'weight':
@@ -166,8 +166,8 @@ const handleSelect = (item) => {
       dialogInfo.value.dialogHeight = '240px';
       dialogInfo.value.unit = item.unit;
       dialogInfo.value.weight = item.value;
-      dialogInfo.value.min = 0;
-      dialogInfo.value.max = 300;
+      dialogInfo.value.min = 10;
+      dialogInfo.value.max = 150;
       dialogInfo.value.type = 'digit';
       break;
     case 'sport':
@@ -250,17 +250,35 @@ const handleSubmit = () => {
     showToast('请填写完整信息');
     return;
   }
+
+  const ageIdx = pfForm.value.findIndex((item) => item.key === 'age');
+  const heightIdx = pfForm.value.findIndex((item) => item.key === 'height');
+  const weightIdx = pfForm.value.findIndex((item) => item.key === 'weight');
+
+  if (pfForm.value[ageIdx].value < 6 || pfForm.value[ageIdx].value > 100) {
+    showToast('年龄需要在6-100岁');
+    return;
+  }
+  if (
+    pfForm.value[heightIdx].value < 100 ||
+    pfForm.value[heightIdx].value > 220
+  ) {
+    showToast('身高需要在100-220cm');
+    return;
+  }
+  if (
+    pfForm.value[weightIdx].value < 10 ||
+    pfForm.value[weightIdx].value > 150
+  ) {
+    showToast('体重需要在10-150kg');
+    return;
+  }
+
   localStorage.setItem('personalInfo', JSON.stringify(pfForm.value));
   const msg = `性别：${pfForm.value.find((item) => item.key === 'sex').value}；
-年龄：${pfForm.value.find((item) => item.key === 'age').value}${
-    pfForm.value.find((item) => item.key === 'age').unit || ''
-  }；
-身高：${pfForm.value.find((item) => item.key === 'height').value}${
-    pfForm.value.find((item) => item.key === 'height').unit || ''
-  }；
-体重：${pfForm.value.find((item) => item.key === 'weight').value}${
-    pfForm.value.find((item) => item.key === 'weight').unit || ''
-  }；
+年龄：${pfForm.value[ageIdx].value}${pfForm.value[ageIdx].unit || ''}；
+身高：${pfForm.value[heightIdx].value}${pfForm.value[heightIdx].unit || ''}；
+体重：${pfForm.value[weightIdx].value}${pfForm.value[weightIdx].unit || ''}；
 日常运动水平：${pfForm.value.find((item) => item.key === 'sport').value}；
 口味偏好及饮食禁忌：${
     pfForm.value.find((item) => item.key === 'taste').value
@@ -509,9 +527,10 @@ const selectSex = (item) => {
   &_wrap {
     text-align: center;
     padding: 20px 0;
+
     .input {
-      height: 50px;
-      line-height: 50px;
+      height: 64px;
+      line-height: 64px;
       font-size: 36px;
       text-align: center;
       width: 200px;