ai-chat-bot-interface 1.1.2 → 1.1.4

package/package.json

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

package/src/App.vue

@@ -4,7 +4,11 @@ import ChatUi from './ChatUi.vue';
 
 <template>
   <div style="width: 100vw; height: 100vh">
-    <chat-ui bot-id="111" token="555" uid="262" />
+    <chat-ui
+      bot-id="7471093458661720104"
+      token="pat_2yVcSFJUZB6c9Kdcv9iktIVFeGRuzyK3bAJY6GcqKrdGxTdjKMd1iDB09ipJ6YX8"
+      uid="262598"
+    />
   </div>
 </template>
 <style></style>

package/src/ChatUi.less

@@ -71,7 +71,7 @@
 
     .title {
       .flexrsc();
-
+      gap: 10px;
       .logo {
         width: 32px;
         height: 32px;
@@ -148,6 +148,7 @@
       .box {
         color: #000;
         font-size: 14px;
+        line-height: 24px;
         font-weight: 400;
         text-align: left;
         background-color: @sys-bg;

package/src/ChatUi.vue

@@ -6,12 +6,6 @@
           <div class="back" @click.stop="handleBack">
             <back-icon />
           </div>
-          <img
-            class="logo"
-            :src="logo"
-            alt="logo"
-            style="width: 24px; height: 24px"
-          />
           <div class="name_box">
             <div class="name">{{ name }}</div>
             <div class="name_sub">nutribite.com</div>
@@ -104,6 +98,7 @@
       </div>
       <operate-module
         v-model="inputText"
+        :tag-list="tagList"
         @send="chatConv"
         @tag="handleTagSel"
       />
@@ -146,8 +141,7 @@ const props = defineProps({
   },
   avatar: {
     type: String,
-    default:
-      'https://prodstatic.weis1606.cn/api/smartFood/Nutribite/icons/home/icon_3.png',
+    default: 'https://prodstatic.weis1606.cn/api/smartFood/icon/def_gray.svg',
   },
   name: {
     type: String,
@@ -166,6 +160,13 @@ const props = defineProps({
     type: String,
     required: true,
   },
+  tagList: {
+    type: Array,
+    default: () => [
+      { name: '人工客服', value: 'kefu', type: 'chat', msg: '人工客服' },
+      { name: '查看菜单', value: 'menu', type: 'call', msg: '查看菜单' },
+    ],
+  },
 });
 
 const Emits = defineEmits(['call']);

package/src/components/DishesCard.vue

@@ -22,7 +22,7 @@ const props = defineProps({
 });
 
 const subStr = computed(() => {
-  return `热量${props.info.energy}kcal，蛋白质${props.info.protein}g，脂肪${props.info.fat}g，碳水${props.info.carbonwater}g`;
+  return `熱量${props.info.energy}kcal，蛋白質${props.info.protein}g，脂肪${props.info.fat}g，碳水${props.info.carbonwater}g`;
 });
 </script>
 

package/src/components/DishesList.vue

@@ -1,7 +1,13 @@
 <template>
   <div class="dl_wrap">
-    <template v-for="cate in skuList" :key="cate.category">
-      <div v-if="cate.list && cate.list.length">
+    <template v-for="(cate, cIdx) in skuList" :key="cate.category">
+      <div v-if="showDate(cIdx)">
+        <div v-if="cIdx > 0" class="sep_line"></div>
+        <div class="date">
+          {{ cate.strDate.slice(4, 6) }}月{{ cate.strDate.slice(6) }}日
+        </div>
+      </div>
+      <div v-if="cate.list && cate.list.length" style="padding: 15px 0">
         <p class="title">{{ cate.categoryType }}</p>
         <div>
           <template v-for="dList in cate.list" :key="dList.id">
@@ -16,10 +22,12 @@
     </template>
     <div class="btn_group">
       <div class="btn btn_1" @click.stop="handleBtn('ship_order')">
-        配送下单
+        <span class="name">配送下單</span>
+        <span class="sub">（直送到府）</span>
       </div>
       <div class="btn btn_2" @click.stop="handleBtn('pick_order')">
-        自取下单
+        <span class="name">自提下單</span>
+        <span class="sub">（免運費）</span>
       </div>
     </div>
   </div>
@@ -37,6 +45,14 @@ const props = defineProps({
 });
 const Emits = defineEmits(['select']);
 
+const showDate = (idx) => {
+  return (
+    props.skuList
+      .slice(0, idx)
+      .findIndex((item) => item.strDate === props.skuList[idx].strDate) === -1
+  );
+};
+
 const handleBtn = (type) => {
   Emits('select', { type });
 };
@@ -49,29 +65,43 @@ const handleBtn = (type) => {
   &_wrap {
     max-width: 320px;
 
+    .sep_line {
+      border-top: 1px solid #d9d9d9;
+      margin: 20px auto;
+    }
     .title {
       font-size: 16px;
       font-weight: bold;
       margin: 0;
     }
-
+    .date {
+      .title();
+      margin: 15px auto 0;
+    }
     .btn {
+      .flexccc();
       cursor: pointer;
       width: 100%;
-      height: 38px;
-      line-height: 38px;
-      background-color: #e6f5eb;
+      height: 40px;
       border-radius: 19px;
       text-align: center;
-      font-weight: 600;
-      font-size: 13px;
-      color: #039938;
-
+      color: @primary-color;
+      border: 1px solid @primary-color;
+      background-color: #fff;
+      .name {
+        font-weight: 600;
+        font-size: 14px;
+        line-height: 18px;
+      }
+      .sub {
+        font-weight: 400;
+        font-size: 8px;
+        line-height: 10px;
+      }
       &_2 {
         color: #fff;
-        background-color: #039938;
+        background-color: @primary-color;
       }
-
       &_group {
         display: grid;
         grid-template-columns: 1fr 1fr;

package/src/components/OperateModule.vue

@@ -43,10 +43,7 @@ const props = defineProps({
   },
   tagList: {
     type: Array,
-    default: () => [
-      { name: '人工客服', value: 'kefu', type: 'chat', msg: '人工客服' },
-      { name: '查看菜单', value: 'menu', type: 'call', msg: '查看菜单' },
-    ],
+    required: true,
   },
 });
 const Emits = defineEmits(['update:modelValue', 'send', 'tag']);