ai-chat-bot-interface 1.7.8 → 1.7.10

package/src/components/DishesList.vue

@@ -1,218 +0,0 @@
-<template>
-  <div class="dl_wrap">
-    <div class="dl_list" :class="{ show_full: showFull }">
-      <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 }} {{ categoryEnergy(cate) }}kcal
-          </p>
-          <div>
-            <template v-for="dList in cate.list" :key="dList.id">
-              <dishes-card
-                v-for="(info, idx) in dList.getCategoryList"
-                :key="idx"
-                :info="info"
-                :def-msg="defMsg"
-                :open="handleIsOpen(info, cate.category)"
-              />
-            </template>
-          </div>
-        </div>
-      </template>
-    </div>
-    <div
-      class="dl_full"
-      :class="{ show_full: showFull }"
-      @click="showFull = !showFull"
-    >
-      {{ showFull ? '收起菜谱' : '点击查看完整食谱' }}
-    </div>
-    <div
-      v-if="isMini"
-      style="font-size: 10px; line-height: 16px; color: #f16868"
-    >
-      温馨提示：维小饭AI健康食谱为日常膳食调理方案，不能替代药物治疗或专业医疗建议。如有疾病，请及时就医并遵医嘱。<br />
-      <strong>半价惊喜，下单即得！</strong>
-    </div>
-    <div v-if="isMini" class="btn_group">
-      <div class="btn btn_1" @click.stop="handleBtn('personalForm')">
-        <span class="name">私人定制个性食谱</span>
-      </div>
-      <div class="btn btn_2" @click.stop="handleBtn('ship_order')">
-        <span class="name">去订餐</span>
-      </div>
-    </div>
-    <div v-else class="btn_group">
-      <div
-        v-if="channel !== 'hft'"
-        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>
-</template>
-
-<script setup>
-import DishesCard from './DishesCard.vue';
-import { ref } from 'vue';
-
-const props = defineProps({
-  skuList: {
-    type: Array,
-    required: true,
-    default: () => [],
-  },
-  isMini: {
-    type: Boolean,
-    default: false,
-  },
-  channel: {
-    type: String,
-    default: 'web',
-  },
-  defMsg: {
-    type: Object,
-    default: () => ({}),
-  },
-});
-const Emits = defineEmits(['select']);
-const openSts = ref(false);
-const showFull = ref(false);
-const handleIsOpen = (info, category) => {
-  return false;
-  // if (openSts.value) {
-  //   return false;
-  // } else if (category !== '01' && info.hasOwnProperty('cid') && info.cid) {
-  //   console.log('=== 6666 ===', info);
-  //   openSts.value = true;
-  //   return true;
-  // } else {
-  //   return false;
-  // }
-};
-const categoryEnergy = (cate) => {
-  let energy = 0;
-  (cate?.list || []).forEach((list) => {
-    (list?.getCategoryList || []).forEach((item) => {
-      energy += item.energy || 0;
-    });
-  });
-  return energy;
-};
-const showDate = (idx) => {
-  return (
-    props.skuList
-      .slice(0, idx)
-      .findIndex((item) => item.strDate === props.skuList[idx].strDate) === -1
-  );
-};
-
-const handleBtn = (type) => {
-  Emits('select', { type });
-};
-</script>
-
-<style scoped lang="less">
-@import '../assets/styles/public';
-
-.dl {
-  &_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: 40px;
-      border-radius: 19px;
-      text-align: center;
-      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: @primary-color;
-      }
-      &_group {
-        .flexrbc();
-        gap: 10px;
-        margin-top: 20px;
-      }
-    }
-  }
-  &_list {
-    height: 384px;
-    overflow: hidden;
-
-    &.show_full {
-      height: auto;
-      overflow: initial;
-    }
-  }
-  &_full {
-    .flexrcc();
-    cursor: pointer;
-    width: 325px;
-    height: 38px;
-    line-height: 38px;
-    margin: 10px 0;
-    background: #fff;
-    border-radius: 10px;
-    text-align: center;
-    font-weight: 400;
-    font-size: 13px;
-    color: #333;
-
-    &::after {
-      content: '';
-      display: inline-block;
-      width: 14px;
-      height: 14px;
-      background: url('https://prodstatic.weis1606.cn/api/smartFood/icon/arrow_left.svg')
-        center / contain no-repeat;
-    }
-
-    &.show_full {
-      &::after {
-        transform: rotate(-90deg);
-      }
-    }
-  }
-}
-</style>

package/src/components/MarkdownPlan/MarkdownViewer.vue

@@ -1,34 +0,0 @@
-<script setup>
-import { computed, onMounted, ref } from 'vue';
-import MarkdownIt from 'markdown-it';
-
-const md = new MarkdownIt();
-const props = defineProps({
-  content: {
-    type: String,
-    default: `| 早餐        |          | 午餐 |
-|------------|----------|----|
-| 热量：450kcal |&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;         | 热量：450kcal |
-| 碳水：62.3g   |          | 碳水：62.3g |
-| 蛋白质：15.5g  |          | 蛋白质：15.5g |
-| 脂肪：12.5g   |          | 脂肪：12.5g |
-
-| 晚餐         |   | 加餐         |
-|------------|---|------------|
-|            |   |            |
-| 热量：450kcal |   | 热量：450kcal |
-| 碳水：62.3g   |   | 碳水：62.3g   |
-| 蛋白质：15.5g  |   | 蛋白质：15.5g  |
-| 脂肪：12.5g   |   | 脂肪：12.5g   |`,
-  },
-});
-const parsedHtml = computed(() => {
-  return md.render(props.content);
-});
-</script>
-
-<template>
-  <div v-html="parsedHtml"></div>
-</template>
-
-<style scoped></style>

package/src/components/OperateModule.less

@@ -1,186 +0,0 @@
-@import '../assets/styles/public';
-.om {
-  &_wrap {
-    box-sizing: border-box;
-    width: 100%;
-    padding: 10px 10px 5px;
-    background-color: #fff;
-  }
-  &_quick {
-    display: grid;
-    grid-auto-flow: column;
-    gap: 10px;
-    overflow-x: auto;
-    justify-content: start;
-    scroll-behavior: smooth;
-    scrollbar-width: none; /* 隐藏滚动条（Firefox） */
-    &::-webkit-scrollbar {
-      display: none;
-    }
-
-    .tag {
-      .flexrsc();
-      cursor: pointer;
-      width: fit-content;
-      white-space: nowrap;
-      font-weight: 400;
-      font-size: 14px;
-      color: #333;
-      line-height: 16px;
-      text-align: left;
-      padding: 6px 10px;
-      border-radius: 10px;
-      border: 1px solid #d0d0d0;
-    }
-    .icon {
-      font-size: 18px;
-      color: @primary-color;
-    }
-  }
-  &_operate {
-    display: grid;
-    grid-template-columns: 1fr auto;
-    background: #fff;
-    align-items: center;
-    &_box {
-      .flexrsc();
-      gap: 10px;
-      .new_chat {
-        .flexrcc();
-        cursor: pointer;
-        width: 46px;
-        height: 46px;
-        font-size: 30px;
-        border-radius: 23px;
-        background: #ffffff;
-        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
-      }
-    }
-    &_wrap {
-      margin: 10px 0 5px;
-      width: 100%;
-      min-height: 48px;
-      padding: 10px;
-      border-radius: 24px;
-      box-sizing: border-box;
-      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
-      .file_card {
-        width: 64px;
-        height: 64px;
-        border-radius: 15px;
-        background-color: #f7f7f7;
-        position: relative;
-        .img {
-          width: 100%;
-          height: 100%;
-          object-fit: contain;
-        }
-        .close {
-          cursor: pointer;
-          font-size: 16px;
-          color: #fff;
-          position: absolute;
-          top: 0;
-          right: 0;
-          z-index: 5;
-        }
-        .process {
-          .flexrcc();
-          width: 100%;
-          height: 100%;
-          background-color: rgba(0, 0, 0, 0.6);
-          position: absolute;
-          top: 0;
-          left: 0;
-          z-index: 8;
-        }
-      }
-      .file_add {
-        .flexrcc();
-        .file_card();
-        cursor: pointer;
-        font-size: 24px;
-      }
-      .file_list {
-        .flexrsc();
-        gap: 10px;
-        padding-bottom: 10px;
-        position: relative;
-        &_box {
-          transition: all 200ms ease-in-out;
-          overflow: hidden;
-          height: 74px;
-          opacity: 1;
-          &.hidden {
-            height: 0;
-            opacity: 0;
-          }
-        }
-      }
-      .file_close {
-        .flexrcc();
-        cursor: pointer;
-        color: #fff;
-        width: 20px;
-        height: 20px;
-        border-radius: 50%;
-        background-color: rgba(0, 0, 0, 0.5);
-        position: absolute;
-        right: 0;
-        top: 0;
-        z-index: 10;
-      }
-    }
-    .input {
-      font-size: 16px;
-      line-height: 24px;
-      overflow-y: auto;
-      resize: none;
-      padding: 0 0 0 10px;
-      border-radius: 24px;
-      border: none;
-      &:focus-visible {
-        outline: none;
-      }
-    }
-    .btn {
-      .flexrcc();
-      height: 100%;
-      color: @primary-color;
-      font-size: 32px;
-      padding: 0 10px;
-      &_group {
-      }
-    }
-  }
-  &_extra {
-    .flexrss();
-    gap: 10px;
-    padding: 10px 0 20px;
-    .card {
-      text-align: center;
-    }
-    .text {
-      color: #666;
-      font-size: 14px;
-      line-height: 24px;
-      margin-top: 6px;
-    }
-    .icon {
-      .flexrcc();
-      width: 72px;
-      height: 72px;
-      color: #000;
-      font-size: 24px;
-      background-color: #f7f7f7;
-      border-radius: 15px;
-    }
-  }
-  &_ai_tips {
-    height: 24px;
-    line-height: 10px;
-    text-align: center;
-    font-size: 10px;
-    color: #bbb;
-  }
-}