feat(router): 新增客服助手页面路由

- 在路由配置中添加了 '/customer' 路由，对应客服助手页面
- 新增了客服助手页面的组件结构
- 重构了 AI智能助手页面，提取了聊天组件
- 优化了首页布局，增加了导航功能

src/views/AI/components/message.vue

@@ -7,7 +7,7 @@
       </div>
       <!--机器人消息-->
       <div v-else-if="message.type === 'bot'" class="bot-message mb10">
-        <span v-if="message.isThink">
+        <span v-if="message.isThink" style="width: 100%">
           <!--          loading-->
           <span class="speakLoadingToast pv10">
             <van-loading type="spinner" color="#2e5ca9" size="20px" v-if="!message.text" />
@@ -17,11 +17,12 @@
           <!--开启思考-->
           <p v-html="md.render(message.think)" v-if="message.think && message.showThink" class="thinkText" />
         </span>
-        <div>
+        <div style="width: 100%">
           <p v-html="md.render(message.text)" v-if="message.text"></p>
           <span class="speakLoadingToast pv10" v-else-if="!message.text && !thinkOk && !message.isThink">
             <van-loading type="spinner" color="#2e5ca9" size="20px" v-if="!message.text" />
           </span>
+          <div class="text-right fs12 mb5 mr10" style="font-size: 10px; color: #f6aa21">此内容由AI生成</div>
         </div>
       </div>
       <!--百宝箱-->
@@ -127,8 +128,8 @@ $primary-trans-color: rgba(135, 162, 208, 0.5); // 使用rgba定义颜色，透
     p {
       background-color: $primary-color;
       color: #fff;
-      padding: 10px;
       border-radius: 5px;
+      padding: 10px;
       //max-width: 70%;
       //max-width: 80%;
     }
@@ -146,6 +147,7 @@ $primary-trans-color: rgba(135, 162, 208, 0.5); // 使用rgba定义颜色，透
     max-width: calc(80% + 20px);
     display: flex;
     flex-wrap: wrap;
+    line-height: 20px;
 
     .bot-avatar {
       margin-left: 10px;
@@ -169,6 +171,7 @@ $primary-trans-color: rgba(135, 162, 208, 0.5); // 使用rgba定义颜色，透
 
     p {
       background-color: #fff;
+      padding: 10px 10px 2px 10px;
 
       color: $primary-color;
     }