ai-chat-bot-interface 1.1.5 → 1.1.7

package/package.json

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

package/src/App.vue

@@ -4,7 +4,7 @@ import ChatUi from './ChatUi.vue';
 
 <template>
   <div style="width: 100vw; height: 100vh">
-    <chat-ui bot-id="0000" token="pat_888" uid="262598" />
+    <chat-ui bot-id="00" token="pat_08888" uid="262598" />
   </div>
 </template>
 <style></style>

package/src/ChatUi.less

@@ -244,3 +244,29 @@
     text-align: center;
   }
 }
+
+.btn {
+  cursor: pointer;
+  width: 100%;
+  line-height: 22px;
+  box-sizing: border-box;
+  background-color: #e6f5eb;
+  border-radius: 19px;
+  text-align: center;
+  font-weight: 600;
+  font-size: 13px;
+  color: #039938;
+  margin-top: 15px;
+
+  &_2 {
+    color: #fff;
+    background-color: #039938;
+  }
+
+  &_group {
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-column-gap: 10px;
+    margin-top: 20px;
+  }
+}

package/src/ChatUi.vue

@@ -63,27 +63,37 @@
               <div class="box">
                 <template v-if="conv.content">
                   <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">
-                      <!--                      <p
-                        v-if="comp.showType === 'plan' && comp.planParse"
-                        class="text"
-                        style="margin-top: 1em"
+                  <template v-if="!isAnswering">
+                    <div v-if="conv.extra.length">
+                      <template v-for="(comp, idx) in conv.extra" :key="idx">
+                        <!--                      <p
+                          v-if="comp.showType === 'plan' && comp.planParse"
+                          class="text"
+                          style="margin-top: 1em"
+                        >
+                          {{ comp.planParse }}
+                        </p>-->
+                        <dishes-list
+                          v-if="comp.showType === 'card'"
+                          :sku-list="comp.skuList"
+                          @select="(data) => handleCardTap(data, comp)"
+                        />
+                        <plan-card
+                          v-if="comp.showType === 'plan'"
+                          :info="comp"
+                          @select="handleCardTap({ type: 'match' }, comp)"
+                        />
+                      </template>
+                    </div>
+                    <div v-else-if="handleTextNeedBtn(conv.content)">
+                      <div
+                        class="btn btn_2"
+                        @click.stop="handleCardTap({ type: 'match' }, {})"
                       >
-                        {{ comp.planParse }}
-                      </p>-->
-                      <dishes-list
-                        v-if="comp.showType === 'card'"
-                        :sku-list="comp.skuList"
-                        @select="(data) => handleCardTap(data, comp)"
-                      />
-                      <plan-card
-                        v-if="comp.showType === 'plan'"
-                        :info="comp"
-                        @select="handleCardTap({ type: 'match' }, comp)"
-                      />
-                    </template>
-                  </div>
+                        用該方案配餐
+                      </div>
+                    </div>
+                  </template>
                 </template>
                 <loading-icon2 v-else />
               </div>
@@ -571,6 +581,11 @@ const scrollToEnd = () => {
     endTarget.value.scrollIntoView();
   });
 };
+
+const handleTextNeedBtn = (str) => {
+  const regExp = /#全日總熱量：(\d*?)kcal/g;
+  return regExp.test(str);
+};
 </script>
 
 <style scoped lang="less">