From 47c1d29ef22bac1d48df1272f21f6f8a7ba7b43d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Sun, 28 Sep 2025 17:50:13 +0800
Subject: [PATCH] =?UTF-8?q?feat(app):=20=E6=B7=BB=E5=8A=A0AI=20Call?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=8E=A7=E5=88=B6=E5=8A=9F=E8=83=BD-=20?=
 =?UTF-8?q?=E5=9C=A8app=E6=A8=A1=E5=9D=97=E4=B8=AD=E6=96=B0=E5=A2=9EshowAI?=
 =?UTF-8?q?Call=E7=8A=B6=E6=80=81=E7=94=A8=E4=BA=8E=E6=8E=A7=E5=88=B6AI=20?=
 =?UTF-8?q?Call=E7=BB=84=E4=BB=B6=E6=98=BE=E7=A4=BA=20-=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E5=AF=B9=E5=BA=94=E7=9A=84mutation=E5=92=8Caction?=
 =?UTF-8?q?=E6=9D=A5=E4=BF=AE=E6=94=B9showAICall=E7=8A=B6=E6=80=81=20-=20?=
 =?UTF-8?q?=E5=9C=A8App.vue=E4=B8=AD=E5=BC=95=E5=85=A5=E5=B9=B6=E6=9D=A1?=
 =?UTF-8?q?=E4=BB=B6=E6=B8=B2=E6=9F=93AICall=E7=BB=84=E4=BB=B6=20-=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9EAICaseConsult=E7=BB=84=E4=BB=B6=E7=94=A8?=
 =?UTF-8?q?=E4=BA=8E=E8=A7=A6=E5=8F=91AI=20Call=E6=98=BE=E7=A4=BA=20-=20?=
 =?UTF-8?q?=E5=9C=A8Detail.vue=E9=A1=B5=E9=9D=A2=E4=B8=AD=E9=9B=86?=
 =?UTF-8?q?=E6=88=90AICaseConsult=E7=BB=84=E4=BB=B6-=E4=BF=AE=E5=A4=8Dsend?=
 =?UTF-8?q?Message.vue=E4=B8=ADconversationId=E7=9A=84sessionStorage?=
 =?UTF-8?q?=E5=AD=98=E5=82=A8=E9=97=AE=E9=A2=98=20-=20=E8=B0=83=E6=95=B4AI?=
 =?UTF-8?q?Call.vue=E7=BB=84=E4=BB=B6=E7=9A=84=E7=AA=97=E5=8F=A3=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   | 29 +++++++--
 src/store/modules/app.js                      | 14 ++++-
 src/views/portal/case/AICall.vue              |  2 +-
 src/views/portal/case/Detail.vue              |  4 +-
 .../portal/case/components/AICaseConsult.vue  | 63 +++++++++++++++++++
 .../portal/case/components/sendMessage.vue    |  1 +
 6 files changed, 103 insertions(+), 10 deletions(-)
 create mode 100644 src/views/portal/case/components/AICaseConsult.vue

diff --git a/src/App.vue b/src/App.vue
index d3bdee6f..18c73b94 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,18 +2,36 @@
   <div id="app">
     <keep-alive :include="['case']">
       <router-view />
+      12312
     </keep-alive>
+    <!-- 添加AI Call组件 -->
+    <AICall 
+      :dialogVisible="showAICall" 
+      @close="onCloseAICall" 
+    />
   </div>
 </template>
 
 <script>
-  import { mapGetters } from 'vuex';
+  import { mapGetters, mapState } from 'vuex';
+  import AICall from '@/views/portal/case/AICall.vue';
+  
   export default{
     name:  'App',
-    computed: {
-      ...mapGetters(['userInfo'])
+    components: {
+      AICall
     },
-  mounted() {
+    computed: {
+      ...mapGetters(['userInfo']),
+      ...mapState('app', ['showAICall'])
+    },
+    methods: {
+      onCloseAICall() {
+        // 通过Vuex关闭AI Call组件
+        this.$store.dispatch('app/setShowAICall', false);
+      }
+    },
+    mounted() {
       //从状态值中取,因为登录处理，所以移动watch中
       // console.log(this.userInfo);
       // if(this.userInfo && this.userInfo.name!=''){
@@ -38,5 +56,4 @@
     border: 1px solid #e7e7e7 !important;
     box-shadow: 0px 1px 5px 1px rgba(92,98,111,.3);
 }
-</style>
-
+</style>
\ No newline at end of file
diff --git a/src/store/modules/app.js b/src/store/modules/app.js
index 745f3729..7a59d739 100644
--- a/src/store/modules/app.js
+++ b/src/store/modules/app.js
@@ -7,7 +7,9 @@ const state = {
     withoutAnimation: false
   },
   device: 'desktop',//默认是桌面，以后会有android,ios,minapp
-  size: Cookies.get('size') || 'medium' //字段大小
+  size: Cookies.get('size') || 'medium', //字段大小
+  // 添加AI Call组件显示控制状态
+  showAICall: false
 }
 
 const mutations = {
@@ -34,6 +36,10 @@ const mutations = {
   SET_SIZE: (state, size) => {
     state.size = size
     Cookies.set('size', size)
+  },
+  // 添加控制AI Call组件显示的mutation
+  SET_SHOW_AI_CALL: (state, show) => {
+    state.showAICall = show
   }
 }
 
@@ -49,6 +55,10 @@ const actions = {
   },
   setSize({ commit }, size) {
     commit('SET_SIZE', size)
+  },
+  // 添加控制AI Call组件显示的action
+  setShowAICall({ commit }, show) {
+    commit('SET_SHOW_AI_CALL', show)
   }
 }
 
@@ -57,4 +67,4 @@ export default {
   state,
   mutations,
   actions
-}
+}
\ No newline at end of file
diff --git a/src/views/portal/case/AICall.vue b/src/views/portal/case/AICall.vue
index f2764ee3..f2ca431b 100644
--- a/src/views/portal/case/AICall.vue
+++ b/src/views/portal/case/AICall.vue
@@ -69,7 +69,6 @@
 
     <!-- 最小化状态的弹窗 -->
     <div
-      v-if="dialogVisible"
       class="minimized-window"
       v-show="windowState === 'minimized'"
       @click="maximizeWindow"
@@ -133,6 +132,7 @@ export default {
   },
   watch: {
     dialogVisible(newVal) {
+      console.log(newVal);
       if (newVal) {
         // 每次打开时默认最大化
         this.windowState = 'maximized';
diff --git a/src/views/portal/case/Detail.vue b/src/views/portal/case/Detail.vue
index ec87fe9b..2e6ecaf8 100644
--- a/src/views/portal/case/Detail.vue
+++ b/src/views/portal/case/Detail.vue
@@ -109,6 +109,7 @@
           </div>
         </div>
         <div class="xcontent2-minor" :style="{ display: zoomShow ? '' : 'none' }">
+          <AICaseConsult />
           <div id="fixd-box">
             <router-link class="the_charts" to="/case/charts">
               <div class="text">排行榜</div>
@@ -237,9 +238,10 @@ import { formatDate } from "@/utils/datetime.js"
 import { cutFullName } from "@/utils/tools.js";
 import apiPlace from "@/api/phase2/place.js"
 import portalFloatTools from "@/components/PortalFloatTools.vue";
+import AICaseConsult from "@/views/portal/case/components/AICaseConsult.vue";
 export default {
   name: 'atticle',
-  components: { portalHeader, portalFloatTools, portalFooter, interactBar, author, comments, pdfPreview },
+  components: {AICaseConsult, portalHeader, portalFloatTools, portalFooter, interactBar, author, comments, pdfPreview },
   computed: {
     ...mapGetters(['userInfo'])
   },
diff --git a/src/views/portal/case/components/AICaseConsult.vue b/src/views/portal/case/components/AICaseConsult.vue
new file mode 100644
index 00000000..05b5e220
--- /dev/null
+++ b/src/views/portal/case/components/AICaseConsult.vue
@@ -0,0 +1,63 @@
+<template>
+  <div>
+    <div class="AI-case" style="position: relative; margin-bottom: 10px;" v-if="showAiCase" @click.stop="getAICase()">
+      <img src="../../../../../public/images/case-logo.png" alt="">
+      <span @click="getAICase()" style="position: absolute; bottom: 65px;left: 15px;z-index: 1;width: 40%;height: 30px;"></span>
+    </div>
+    <!-- 移除直接使用的AICall组件 -->
+  </div>
+</template>
+
+<script>
+import { showCaseAiEntrance } from '@/api/boe/aiChat.js'
+import { mapState } from 'vuex'
+
+export default {
+  name: 'AICaseConsult',
+  data() {
+    return {
+      showAiCase: false
+    }
+  },
+  computed: {
+    // 从Vuex中获取showAICall状态（虽然当前组件不使用，但保持连接）
+    ...mapState('app', ['showAICall'])
+  },
+  mounted() {
+    this.getShowAiCase()
+  },
+  methods: {
+    // 是否展示入口
+    getShowAiCase() {
+      showCaseAiEntrance().then(res => {
+        this.showAiCase = res.result
+      })
+    },
+    // 案例立即咨询
+    getAICase() {
+      // 通过Vuex控制AICall组件显示
+      this.$store.dispatch('app/setShowAICall', true)
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.AI-case {
+  margin-bottom: 10px;
+  position: relative;
+
+  img {
+    width: 100%;
+  }
+
+  span {
+    width: 160px;
+    height: 40px;
+    position: absolute;
+    left: 20px;
+    top: 105px;
+    cursor: pointer;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/portal/case/components/sendMessage.vue b/src/views/portal/case/components/sendMessage.vue
index c56983fa..aedfd120 100644
--- a/src/views/portal/case/components/sendMessage.vue
+++ b/src/views/portal/case/components/sendMessage.vue
@@ -230,6 +230,7 @@ export default {
                       // 从响应中获取并保存conversationId
                       if (jsonData.conversationId) {
                         this.conversationId = jsonData.conversationId;
+                        sessionStorage.setItem('conversationId', jsonData.conversationId);
                       }
                       break;