ai-chat-bot-interface 1.4.5 → 1.4.7

package/package.json

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

package/src/App.vue

@@ -6,7 +6,7 @@ import ChatUi from './ChatUi.vue';
   <div style="width: 100vw; height: 100vh">
     <chat-ui
       bot-id="555"
-      token="pat_28888"
+      token="pat_8888"
       uid="262598"
       :def-msg="{ placeholder: '发消息...' }"
       :show-header="true"

package/src/ChatUi.vue

@@ -4,7 +4,7 @@
       <div v-if="showHeader" class="cui_header">
         <div class="title" @click.stop="queryHistoryList">
           <div class="back" @click.stop="handleBack">
-            <back-icon />
+            <back-icon/>
           </div>
           <div class="name_box">
             <div class="name">{{ name }}</div>
@@ -18,26 +18,26 @@
           </button>
           <template v-show="false">
             <button class="btn">
-              <clear-icon />
+              <clear-icon/>
             </button>
             <button class="btn">
-              <close-icon />
+              <close-icon/>
             </button>
           </template>
         </div>
       </div>
       <div class="cui_content">
         <div
-          v-if="botInfo && botInfo.onboarding_info"
-          style="text-align: left; margin-top: 50px"
+            v-if="botInfo && botInfo.onboarding_info"
+            style="text-align: left; margin-top: 50px"
         >
           <div style="text-align: center">
             <img
-              :src="botInfo.icon_url"
-              alt="icon"
-              width="64"
-              height="64"
-              style="border-radius: 15px"
+                :src="botInfo.icon_url"
+                alt="icon"
+                width="64"
+                height="64"
+                style="border-radius: 15px"
             />
             <p class="board_name">{{ botInfo.name }}</p>
           </div>
@@ -45,11 +45,11 @@
           <div class="board_desc">{{ botInfo.onboarding_info.prologue }}</div>
           <div class="flexcss">
             <span
-              v-for="(item, idx) in botInfo.onboarding_info.suggested_questions"
-              :key="idx"
-              class="board_sug"
-              @click.stop="chatConv([{ content: item, text: item }])"
-              >{{ item }}</span
+                v-for="(item, idx) in botInfo.onboarding_info.suggested_questions"
+                :key="idx"
+                class="board_sug"
+                @click.stop="chatConv([{ content: item, text: item }])"
+            >{{ item }}</span
             >
           </div>
         </div>
@@ -57,7 +57,7 @@
           <div v-if="conv.role === 'assistant'" class="replay role_sys">
             <div class="replay_content">
               <div class="name">
-                <img class="avatar" :src="logo" alt="avatar" />
+                <img class="avatar" :src="logo" alt="avatar"/>
                 {{ name }}
                 <!--<span class="time">12:30</span>-->
               </div>
@@ -98,6 +98,11 @@
                           :def-msg="finalDefMsg"
                           @select="handleCardTap({ type: 'match' }, comp)"
                         />
+                        <store-list
+                          v-if="comp.showType === 'store'"
+                          :list="comp.storeList"
+                          @select="handleStoreSel"
+                        />
                       </template>
                     </div>
                     <div v-else-if="handleTextNeedBtn(conv.content)">
@@ -110,7 +115,7 @@
                     </div>
                   </template>
                 </template>
-                <loading-icon2 v-else />
+                <loading-icon2 v-else/>
               </div>
             </div>
           </div>
@@ -119,18 +124,18 @@
               <div class="name">
                 User_{{ uid }}
                 <!--<span class="time">12:30</span>-->
-                <img class="avatar" :src="avatar" alt="avatar" />
+                <img class="avatar" :src="avatar" alt="avatar"/>
               </div>
               <div class="box">
                 <p class="text" v-html="conv.content"></p>
                 <div v-if="conv.extra.length">
-                  <imge-list :list="conv.extra" />
+                  <imge-list :list="conv.extra"/>
                 </div>
               </div>
             </div>
           </div>
         </template>
-        <div ref="endTarget" style="height: 100px" />
+        <div ref="endTarget" style="height: 100px"/>
       </div>
       <operate-module
         v-model="inputText"
@@ -147,12 +152,12 @@
 </template>
 
 <script setup>
-import { computed, nextTick, onMounted, ref } from 'vue';
+import {computed, nextTick, onMounted, ref} from 'vue';
 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 { get, post } from './utils/request';
+import {get, post} from './utils/request';
 import DishesCard from './components/DishesCard.vue';
 import DishesList from './components/DishesList.vue';
 import PlanCard from './components/PlanCard.vue';
@@ -165,6 +170,7 @@ import ImgeList from './components/imgeList.vue';
 import ThinkingIcon from './components/icons/ThinkingIcon.vue';
 import OkIcon from './components/icons/OkIcon.vue';
 import AssistantReplay from './components/assistantReplay/assistantReplay.vue';
+import StoreList from './components/StoreList/StoreList.vue';
 
 const chatOptions = computed(() => {
   return {
@@ -208,6 +214,10 @@ const props = defineProps({
     required: true,
     default: 'user',
   },
+  channel: {
+    type: String,
+    default: 'web',
+  },
   token: {
     type: String,
     required: true,
@@ -219,15 +229,19 @@ const props = defineProps({
   tagList: {
     type: Array,
     default: () => [
-      { name: '人工客服', value: 'kefu', type: 'chat', msg: '人工客服' },
-      { name: '查看菜单', value: 'menu', type: 'call', msg: '查看菜单' },
-      { name: '体检报告', value: 'exam', type: 'upload', msg: '体检报告' },
+      {name: '人工客服', value: 'kefu', type: 'chat', msg: '人工客服'},
+      {name: '查看菜单', value: 'menu', type: 'call', msg: '查看菜单'},
+      {name: '体检报告', value: 'exam', type: 'upload', msg: '体检报告'},
     ],
   },
   defMsg: {
     type: Object,
     default: () => ({}),
   },
+  storage: {
+    type: String,
+    default: 'sessionStorage'
+  }
 });
 
 const Emits = defineEmits(['call']);
@@ -243,9 +257,23 @@ const endTarget = ref(null);
 const inputText = ref('');
 const botInfo = ref({});
 
+const storage = {
+  setItem: (key, value) => {
+    props.storage === 'sessionStorage'
+        ? sessionStorage.setItem(key, value)
+        : localStorage.setItem(key, value);
+  },
+  getItem: (key) => {
+    return props.storage === 'sessionStorage'
+        ? sessionStorage.getItem(key)
+        : localStorage.getItem(key);
+  }
+}
+
+
 onMounted(async () => {
-  if (localStorage.getItem('conversationId')) {
-    conversationId.value = localStorage.getItem('conversationId');
+  if (storage.getItem('conversationId')) {
+    conversationId.value = storage.getItem('conversationId');
     await queryBotInfo();
     await queryHistoryList();
   } else {
@@ -256,14 +284,14 @@ onMounted(async () => {
 
 const createConv = async () => {
   const res = await post(
-    'https://api.coze.cn/v1/conversation/create',
-    { bot_id: props.botId, connector_id: '999' },
-    { ...chatOptions.value },
+      'https://api.coze.cn/v1/conversation/create',
+      {bot_id: props.botId, connector_id: '999'},
+      {...chatOptions.value},
   );
   console.log(res);
   if (res.code === 0 && res.data) {
     conversationId.value = res.data.id || '';
-    localStorage.setItem('conversationId', conversationId.value);
+    storage.setItem('conversationId', conversationId.value);
     historyList.value = [];
     await queryBotInfo();
     // await messageCreate();
@@ -333,10 +361,10 @@ const chatConv = async (data) => {
         // botId = '7474884145253023795';
         additional_messages.push({
           content: JSON.stringify(
-            item.content.map((con) => ({
-              type: con.type,
-              file_id: con.file_id,
-            })),
+              item.content.map((con) => ({
+                type: con.type,
+                file_id: con.file_id,
+              })),
           ),
           content_type: 'object_string',
           role: 'user',
@@ -364,19 +392,19 @@ const chatConv = async (data) => {
 
   historyList.value.push(uObj);
   const res = await fetch(
-    `https://api.coze.cn/v3/chat?conversation_id=${conversationId.value}`,
-    {
-      method: 'POST',
-      headers: {
-        ...chatOptions.value.headers,
-        // 'Content-Type': 'text/event-stream',
-      },
-      body: JSON.stringify({
-        bot_id: botId,
-        user_id: props.uid,
-        stream: true,
-        connector_id: '999',
-        additional_messages /*[
+      `https://api.coze.cn/v3/chat?conversation_id=${conversationId.value}`,
+      {
+        method: 'POST',
+        headers: {
+          ...chatOptions.value.headers,
+          // 'Content-Type': 'text/event-stream',
+        },
+        body: JSON.stringify({
+          bot_id: botId,
+          user_id: props.uid,
+          stream: true,
+          connector_id: '999',
+          additional_messages /*[
           {
             content: '[{"type":"image","file_id":"7475569020654436390"}]',
             content_type: 'object_string',
@@ -388,14 +416,14 @@ const chatConv = async (data) => {
             content: isInCode ? data.code : inText, // '配餐1600kcal，身高173，体重60kg，生成一天的套餐',
           },
         ]*/,
-        custom_variables: {
-          uid: props.uid,
-        },
-      }),
-      credentials: 'same-origin', // 默认同源策略
-      mode: 'cors', // 默认跨域模式
-      cache: 'default', // 默认缓存策略
-    },
+          custom_variables: {
+            uid: props.uid,
+          },
+        }),
+        credentials: 'same-origin', // 默认同源策略
+        mode: 'cors', // 默认跨域模式
+        cache: 'default', // 默认缓存策略
+      },
   );
   historyList.value.push({
     conversation_id: '',
@@ -414,7 +442,7 @@ const chatConv = async (data) => {
   let buffer = '';
   // 逐块读取数据
   while (true) {
-    const { done, value } = await reader.read();
+    const {done, value} = await reader.read();
     if (done) {
       console.log('Stream has ended.');
       isAnswering.value = false;
@@ -424,7 +452,7 @@ const chatConv = async (data) => {
     }
 
     // 解码数据块
-    const chunk = decoder.decode(value, { stream: true });
+    const chunk = decoder.decode(value, {stream: true});
     buffer += chunk;
 
     // 处理数据块
@@ -461,20 +489,20 @@ const chatConv = async (data) => {
         ) {
           historyList.value[idx].status = 'answering';
           historyList.value[idx].content = handleText(
-            historyList.value[idx].content + strObj.content,
+              historyList.value[idx].content + strObj.content,
           );
           scrollToEnd();
         } else if (
-          strObj.hasOwnProperty('type') &&
-          strObj.type === 'tool_response'
+            strObj.hasOwnProperty('type') &&
+            strObj.type === 'tool_response'
         ) {
           const extraObj = JSON.parse(strObj.content);
           if (extraObj.hasOwnProperty('showType')) {
-            historyList.value[idx].extra.push({ ...extraObj });
+            historyList.value[idx].extra.push({...extraObj});
           } else if (extraObj.hasOwnProperty('response_for_model')) {
             const modelObj = JSON.parse(extraObj.response_for_model);
             if (modelObj.hasOwnProperty('showType')) {
-              historyList.value[idx].extra.push({ ...modelObj });
+              historyList.value[idx].extra.push({...modelObj});
             }
           }
           scrollToEnd();
@@ -487,9 +515,9 @@ const chatConv = async (data) => {
 
 const queryHistoryList = async () => {
   const res = await post(
-    `https://api.coze.cn/v1/conversation/message/list?conversation_id=${conversationId.value}`,
-    { order: 'asc' },
-    { ...chatOptions.value },
+      `https://api.coze.cn/v1/conversation/message/list?conversation_id=${conversationId.value}`,
+      {order: 'asc'},
+      {...chatOptions.value},
   );
   if (res.code === 0 && res.data && res.data.length) {
     historyList.value = [];
@@ -518,7 +546,7 @@ const queryHistoryList = async () => {
                 conversation_id: row.conversation_id,
                 bot_id: row.bot_id,
                 role: row.role,
-                extra: [{ ...cardObj }],
+                extra: [{...cardObj}],
               });
             } else if (cardObj.hasOwnProperty('response_for_model')) {
               const modelObj = JSON.parse(cardObj.response_for_model);
@@ -528,7 +556,7 @@ const queryHistoryList = async () => {
                   conversation_id: row.conversation_id,
                   bot_id: row.bot_id,
                   role: row.role,
-                  extra: [{ ...modelObj }],
+                  extra: [{...modelObj}],
                 });
               }
             }
@@ -536,8 +564,8 @@ const queryHistoryList = async () => {
             console.log('== 解析错误 sys==');
           }
         } else if (
-          row.content_type === 'object_string' &&
-          row.role === 'user'
+            row.content_type === 'object_string' &&
+            row.role === 'user'
         ) {
           try {
             const strObj = JSON.parse(row.content);
@@ -547,7 +575,7 @@ const queryHistoryList = async () => {
               bot_id: row.bot_id,
               role: row.role,
               meta_data: row.meta_data,
-              extra: strObj.map((item) => ({ ...item, showType: item.type })),
+              extra: strObj.map((item) => ({...item, showType: item.type})),
             });
           } catch (e) {
             console.log('== 解析错误 user==');
@@ -557,15 +585,15 @@ const queryHistoryList = async () => {
     });
     cardList.forEach((card) => {
       const idx =
-        card.role === 'user'
-          ? historyList.value.findIndex(
-              (c) =>
-                c.meta_data.chat_group === card.meta_data.chat_group &&
-                c.role === card.role,
-            )
-          : historyList.value.findIndex(
-              (c) => c.chat_id === card.chat_id && c.role === card.role,
-            );
+          card.role === 'user'
+              ? historyList.value.findIndex(
+                  (c) =>
+                      c.meta_data.chat_group === card.meta_data.chat_group &&
+                      c.role === card.role,
+              )
+              : historyList.value.findIndex(
+                  (c) => c.chat_id === card.chat_id && c.role === card.role,
+              );
       if (idx > -1) {
         historyList.value[idx].extra = [...card.extra];
       }
@@ -577,12 +605,12 @@ const queryHistoryList = async () => {
 
 const queryBotInfo = async () => {
   const res = await get(
-    `https://api.coze.cn/v1/bot/get_online_info?bot_id=${props.botId}`,
-    { ...chatOptions.value },
+      `https://api.coze.cn/v1/bot/get_online_info?bot_id=${props.botId}`,
+      {...chatOptions.value},
   );
   console.log(res);
   if (res.code === 0 && res.data) {
-    botInfo.value = { ...res.data };
+    botInfo.value = {...res.data};
   }
 };
 
@@ -597,24 +625,27 @@ const handleText = (str) => {
   // );
 };
 const handleBack = () => {
-  Emits('call', { type: 'back' });
+  Emits('call', {type: 'back'});
+};
+const handleStoreSel = (info) => {
+  chatConv([{ content: info.content, text: info.text }]);
 };
-
 const handleTagSel = (info) => {
+  console.log(info);
   switch (info.type) {
     case 'chat':
-      chatConv([{ content: info.msg, text: info.msg }]);
+      chatConv([{content: info.msg, text: info.msg}]);
       break;
     case 'call':
-      Emits('call', { ...info });
+      Emits('call', {...info});
       break;
   }
 };
 
-const handleCardTap = ({ type }, info) => {
+const handleCardTap = ({type}, info) => {
   switch (type) {
     case 'change':
-      chatConv([{ content: '換一套菜品', text: '換一套菜品' }]);
+      chatConv([{content: '換一套菜品', text: '換一套菜品'}]);
       break;
     case 'match':
       chatConv([
@@ -625,7 +656,7 @@ const handleCardTap = ({ type }, info) => {
       ]);
       break;
     default:
-      Emits('call', { type, info });
+      Emits('call', {type, info});
   }
 };
 const handleCall = (data) => {
@@ -643,8 +674,8 @@ const handleCall = (data) => {
 const handlePlanParse = (list) => {
   const pIdx = list.findIndex((p) => p.showType === 'plan');
   return pIdx > -1
-    ? { show: true, text: list[pIdx].planParse }
-    : { show: false };
+      ? {show: true, text: list[pIdx].planParse}
+      : {show: false};
 };
 
 const scrollToEnd = () => {

package/src/components/OperateModule.vue

@@ -80,7 +80,7 @@
       <input
         ref="uploadInput"
         type="file"
-        accept="image/*"
+        accept="image/*,application/pdf"
         style="display: none"
         @change="handleFileChange"
       />

package/src/components/StoreList/StoreCard.vue

@@ -0,0 +1,72 @@
+<template>
+  <div class="sc_wrap" @click.stop="handleSelStore">
+    <div
+      class="img"
+      :style="{
+        background: `url(${
+          info.signUrl || defImg
+        }?x-oss-process=image/resize,w_144) no-repeat center`,
+        backgroundSize: 'cover',
+      }"
+      @click.stop="previewImg([info.signUrl || defImg])"
+    />
+    <div>
+      <div class="name">{{ info.hpName }}</div>
+      <div class="address">{{ info.address }}</div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { previewImg } from '../../utils/imagesViewer';
+
+const defImg =
+  'https://prodstatic.weis1606.cn/api/smartFood/images/logo_img.png';
+const props = defineProps({
+  info: {
+    type: Object,
+    required: true,
+  },
+});
+const Emits = defineEmits(['select']);
+const handleSelStore = () => {
+  Emits('select', {
+    type: 'chat',
+    content: props.info.hpName,
+    text: props.info.hpName,
+  });
+};
+</script>
+
+<style scoped lang="less">
+.sc_wrap {
+  .flexrss();
+  gap: 10px;
+  cursor: default;
+  padding: 10px;
+  margin: 10px 0;
+  border-radius: 10px;
+  background-color: #fff;
+  .img {
+    cursor: pointer;
+    width: 72px;
+    height: 72px;
+    flex-shrink: 0;
+    border-radius: 10px;
+    background-color: #d9d9d9;
+  }
+  .name {
+    font-weight: 600;
+    font-size: 14px;
+    color: #000;
+    line-height: 16px;
+  }
+  .address {
+    margin-top: 10px;
+    font-weight: 400;
+    font-size: 10px;
+    color: #666;
+    line-height: 12px;
+  }
+}
+</style>

package/src/components/StoreList/StoreList.vue

@@ -0,0 +1,27 @@
+<template>
+  <div>请选择一个门店</div>
+  <template v-for="info in list" :key="info.hpName">
+    <store-card :info="info" @select="handleSel" />
+  </template>
+</template>
+
+<script setup>
+import StoreCard from './StoreCard.vue';
+// import data from './mock';
+// import { computed } from 'vue';
+// const list = computed(() => {
+//   return data.storeList;
+// });
+const props = defineProps({
+  list: {
+    type: Array,
+    required: true,
+  },
+});
+const Emits = defineEmits(['select']);
+const handleSel = (info) => {
+  Emits('select', { ...info });
+};
+</script>
+
+<style scoped></style>

package/src/components/StoreList/mock.js

@@ -0,0 +1,411 @@
+export default {
+  code: 0,
+
+  showType: 'store',
+
+  storeList: [
+    {
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023072715585779763.jpeg',
+
+      area: '南山区',
+
+      address: '南山区粤海街道科技南八路12号超多维科技大厦1层大堂',
+
+      hpName: '超多维小店',
+
+      province: '广东省',
+
+      city: '深圳市',
+    },
+
+    {
+      hpName: '大冲店',
+
+      province: '广东省',
+
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2024011810285638002.jpg',
+
+      area: '南山区',
+
+      address: '南山区科技园社区科慧路1号沛鸿大厦A1-110',
+    },
+
+    {
+      hpName: '科技生态园店',
+
+      province: '广东省',
+
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023072716111756137.jpeg',
+
+      area: '南山区',
+
+      address:
+        '南山区粤海街道高新区社区科技南路16号深圳湾科技生态园11栋裙楼1-26号',
+    },
+
+    {
+      address: '南山区粤海街道麻岭社区麻雀岭工业区M-10栋2、3号楼一单元101F',
+
+      hpName: '麻雀岭店',
+
+      province: '广东省',
+
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023121317260169888.jpg',
+
+      area: '南山区',
+    },
+
+    {
+      area: '南山区',
+
+      address: '南山区粤海街道滨海社区海天二路12号深圳软件产业基地6栋1楼10 铺',
+
+      hpName: '软件产业基地小店',
+
+      province: '广东省',
+
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023072716100239511.jpeg',
+    },
+
+    {
+      hpName: '阿里小店',
+
+      province: '广东省',
+
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023072715593853882.jpeg',
+
+      area: '南山区',
+
+      address: '南山区粤海街道科苑路3331号阿里巴巴大厦T1栋大堂',
+    },
+
+    {
+      hpName: '侨城一号店',
+
+      province: '广东省',
+
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023072716121683154.jpeg',
+
+      area: '南山区',
+
+      address: '南山区沙河街道高发社区深云路二号侨城一号广场主楼B1-8',
+    },
+
+    {
+      hpName: '万科云城店',
+
+      province: '广东省',
+
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2024010514564563664.jpg',
+
+      area: '南山区',
+
+      address: '南山区留新四街7-2号',
+    },
+
+    {
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2024032818023421881.png',
+
+      area: '南山区',
+
+      address:
+        '南山区前海深港合作区桂湾五路128号前海深港基金小镇基金路演中心9米商业平台06号商铺',
+
+      hpName: '前海基金小镇店',
+
+      province: '广东省',
+
+      city: '深圳市',
+    },
+
+    {
+      address: '南山区深圳市南山区蛇口街道南水社区南水村84号103',
+
+      hpName: '万融店',
+
+      province: '广东省',
+
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2024011214451119672.jpg',
+
+      area: '南山区',
+    },
+
+    {
+      hpName: '前海世茂店',
+
+      province: '广东省',
+
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023072716133943410.jpeg',
+
+      area: '南山区',
+
+      address:
+        '南山区前海深港合作区南山街道兴海大道3040号前海世茂金融中心一期3、4、5、6号商业盒子106',
+    },
+
+    {
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023112418555420239.png',
+
+      area: '福田区',
+
+      address: '福田区香蜜湖街道深南大道7010号工商物价大厦三楼饭堂门口',
+
+      hpName: '市监局内部店',
+
+      province: '广东省',
+    },
+
+    {
+      province: '广东省',
+
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023072715482314867.jpeg',
+
+      area: '福田区',
+
+      address: '福田区沙头街道天安社区车工庙丰盛町阳光街C1-112',
+
+      hpName: '车公庙店',
+    },
+
+    {
+      hpName: '西丽福光店',
+
+      province: '广东省',
+
+      city: '深圳市',
+
+      area: '南山区',
+
+      address: '南山区桃园街道福光社区学苑大道1177号福满家园塘长路2321号',
+    },
+
+    {
+      hpName: '宝体店',
+
+      province: '广东省',
+
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2024042618354733220.png',
+
+      area: '宝安区',
+
+      address: '宝安区西乡街道蚝业社区宝安互联网产业基地A区B栋122B',
+    },
+
+    {
+      address: '福田区福田街道福安社区深南大道4019号航天大厦A117',
+
+      hpName: '航天大厦小店',
+
+      province: '广东省',
+
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023072716011003097.jpeg',
+
+      area: '福田区',
+    },
+
+    {
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023081915582535599.jpg',
+
+      area: '福田区',
+
+      address: '福田区福田区鹏程一路8号',
+
+      hpName: '建行大厦内部店',
+
+      province: '广东省',
+
+      city: '深圳市',
+    },
+
+    {
+      province: '广东省',
+
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2024031721030030941.png',
+
+      area: '福田区',
+
+      address: '福田区福保街道福保社区槟榔道1号吉虹研发大楼B栋负1层-105号',
+
+      hpName: '福保吉虹大厦店',
+    },
+
+    {
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023072715552113023.jpeg',
+
+      area: '福田区',
+
+      address: '福田区梅林街道上梅林新村90栋104',
+
+      hpName: '上梅林店',
+
+      province: '广东省',
+
+      city: '深圳市',
+    },
+
+    {
+      area: '福田区',
+
+      address: '福田区福田街道福华路350号皇庭大厦负127',
+
+      hpName: '皇庭中心小店',
+
+      province: '广东省',
+
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023072715580707298.jpeg',
+    },
+
+    {
+      address: '龙岗区坂田街道南坑社区雅宝路1号星河WORLD-F栋旁158',
+
+      hpName: '星河WORLD小店',
+
+      province: '广东省',
+
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023072716023804466.jpeg',
+
+      area: '龙岗区',
+    },
+
+    {
+      province: '广东省',
+
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023072716070133609.jpeg',
+
+      area: '福田区',
+
+      address: '福田区福田街道福南社区福虹路9号世贸广场负101',
+
+      hpName: '世贸广场小店',
+    },
+
+    {
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023072715494454478.jpeg',
+
+      area: '龙岗区',
+
+      address: '龙岗区坂田街道金银街嘉御豪园15栋S-90号商铺维士数字饮食',
+
+      hpName: '坂田店',
+
+      province: '广东省',
+    },
+
+    {
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023072716115074197.jpeg',
+
+      area: '罗湖区',
+
+      address: '罗湖区南湖街道和平社区深南东路4003号世界金融中心AL108',
+
+      hpName: '世界金融中心店',
+
+      province: '广东省',
+
+      city: '深圳市',
+    },
+
+    {
+      hpName: '翠竹店',
+
+      province: '广东省',
+
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023072715452841509.jpeg',
+
+      area: '罗湖区',
+
+      address: '罗湖区笋岗街道湖景社区洪湖一街合正锦湖逸园夹层商铺02',
+    },
+
+    {
+      area: '龙岗区',
+
+      address: '龙岗区坂田街道岗头社区天安云谷产业园二期10栋106',
+
+      hpName: '天安云谷小店',
+
+      province: '广东省',
+
+      city: '深圳市',
+
+      signUrl:
+        'https://prodstatic.weis1606.cn/api/diet/2023072716040382778.jpeg',
+    },
+
+    {
+      province: '广东省',
+
+      city: '深圳市',
+
+      area: '龙岗区',
+
+      address: '龙岗区金积嘉科技园3栋2楼',
+
+      hpName: '金积嘉店',
+    },
+  ],
+
+  msg: 'success',
+};

package/src/utils/imagesViewer.js

@@ -0,0 +1,8 @@
+import { api as viewerApi } from 'v-viewer';
+import 'viewerjs/dist/viewer.css';
+
+export const previewImg = (list) => {
+  viewerApi({
+    images: list,
+  });
+};