diff --git a/public/images/case-logo.png b/public/images/case-logo.png
new file mode 100644
index 00000000..00c7cf41
Binary files /dev/null and b/public/images/case-logo.png differ
diff --git a/src/App.vue b/src/App.vue
index d3bdee6f..4bb222cc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,24 +2,73 @@
   <div id="app">
     <keep-alive :include="['case']">
       <router-view />
+      12312
     </keep-alive>
+    <!-- 添加AI Call组件 -->
+    <AICall 
+      :dialogVisible="showAICall" 
+      @close="onCloseAICall"
+      @restore="onRestoreAICall"
+    />
   </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', 'showAICallMinimized'])
+    },
+    methods: {
+      onCloseAICall() {
+        // 通过Vuex关闭AI Call组件
+        this.$store.dispatch('app/setShowAICall', false);
+      },
+      
+      onRestoreAICall() {
+        // 通过Vuex显示AI Call组件
+        this.$store.dispatch('app/setShowAICall', true);
+      },
+      
+      // 检查当前路由是否应该显示AI弹窗
+      checkRouteForAICall() {
+        const currentRoute = this.$route.name;
+        // 只在case或caseDetail路由显示弹窗
+        if (currentRoute === 'case' || currentRoute === 'caseDetail') {
+          // 设置最小化窗口显示状态为true
+          this.$store.dispatch('app/setShowAICallMinimized', true);
+          // 注意：这里不再强制设置showAICall为true，保留用户之前的操作状态
+        } else {
+          // 其他路由关闭弹窗
+          this.$store.dispatch('app/setShowAICall', false);
+          // 设置最小化窗口显示状态为false
+          this.$store.dispatch('app/setShowAICallMinimized', false);
+        }
+      }
+    },
+    mounted() {
       //从状态值中取,因为登录处理，所以移动watch中
       // console.log(this.userInfo);
       // if(this.userInfo && this.userInfo.name!=''){
       //   this.$watermark.set(this.userInfo.name+this.userInfo.loginName);
       // }
+      
+      // 初始化检查路由
+      this.checkRouteForAICall();
     },
+    watch: {
+      // 监听路由变化
+      $route(to, from) {
+        this.checkRouteForAICall();
+      }
+    }
     // watch:{
     //   userInfo(newVal,oldVal){
     //     if(newVal && newVal.name!=''){
@@ -38,5 +87,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/api/boe/aiChat.js b/src/api/boe/aiChat.js
new file mode 100644
index 00000000..fc2282ca
--- /dev/null
+++ b/src/api/boe/aiChat.js
@@ -0,0 +1,30 @@
+import ajax from '@/utils/xajax.js'
+
+/**
+ * AI聊天对话接口
+ * @param {Object} data - 请求参数
+ * @param {string} data.conversationId - 会话ID，如果为空则创建新会话
+ * @param {string} data.query - 用户提问内容
+ * @returns {Promise} - 返回SSE流
+ */
+export function aiChat(data) {
+  return ajax.postJson('http://192.168.3.178/xboe/m/boe/case/ai/chat', data)
+}
+
+/**
+ * 查询会话消息记录接口
+ * @param {string} conversationId - 会话ID
+ * @returns {Promise} - 返回会话历史记录
+ */
+export function getChatMessages(conversationId) {
+  return ajax.get('/xboe/m/boe/case/ai/messages?conversationId=' + conversationId)
+}
+
+/**
+ * 案例专家功能入口显示权限判断接口
+ * 判断当前登录用户是否显示"案例专家"功能入口
+ * @returns {Promise} - 返回是否显示功能入口的布尔值
+ */
+export function showCaseAiEntrance() {
+  return ajax.get('/xboe/m/boe/case/ai/show-entrance')
+}
diff --git a/src/store/modules/app.js b/src/store/modules/app.js
index 745f3729..a18d65bf 100644
--- a/src/store/modules/app.js
+++ b/src/store/modules/app.js
@@ -7,7 +7,11 @@ const state = {
     withoutAnimation: false
   },
   device: 'desktop',//默认是桌面，以后会有android,ios,minapp
-  size: Cookies.get('size') || 'medium' //字段大小
+  size: Cookies.get('size') || 'medium', //字段大小
+  // 添加AI Call组件显示控制状态
+  showAICall: false,
+  // 控制AI Call最小化窗口在特定路由下显示的状态
+  showAICallMinimized: false
 }
 
 const mutations = {
@@ -34,6 +38,14 @@ 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
+  },
+  // 控制AI Call最小化窗口显示的mutation
+  SET_SHOW_AI_CALL_MINIMIZED: (state, show) => {
+    state.showAICallMinimized = show
   }
 }
 
@@ -49,6 +61,14 @@ const actions = {
   },
   setSize({ commit }, size) {
     commit('SET_SIZE', size)
+  },
+  // 添加控制AI Call组件显示的action
+  setShowAICall({ commit }, show) {
+    commit('SET_SHOW_AI_CALL', show)
+  },
+  // 控制AI Call最小化窗口显示的action
+  setShowAICallMinimized({ commit }, show) {
+    commit('SET_SHOW_AI_CALL_MINIMIZED', show)
   }
 }
 
@@ -57,4 +77,4 @@ export default {
   state,
   mutations,
   actions
-}
+}
\ No newline at end of file
diff --git a/src/utils/sseHelper.js b/src/utils/sseHelper.js
new file mode 100644
index 00000000..d85bb77d
--- /dev/null
+++ b/src/utils/sseHelper.js
@@ -0,0 +1,83 @@
+/**
+ * SSE流式数据处理工具
+ */
+
+/**
+ * 处理SSE响应数据
+ * @param {String} data - SSE响应数据
+ * @param {Function} onMessage - 处理消息的回调函数
+ * @param {Function} onComplete - 完成时的回调函数
+ * @param {Function} onError - 错误处理回调函数
+ */
+export function processSSEData(data, onMessage, onComplete, onError) {
+  try {
+    const lines = data.split('\n')
+    for (const line of lines) {
+      if (line.startsWith('data: ')) {
+        const jsonData = JSON.parse(line.substring(6))
+        onMessage(jsonData)
+        
+        // 如果状态为4，表示对话结束
+        if (jsonData.data && jsonData.data.status === 4) {
+          onComplete()
+        }
+      }
+    }
+  } catch (error) {
+    console.error('处理SSE数据时出错:', error)
+    if (onError) {
+      onError(error)
+    }
+  }
+}
+
+/**
+ * 创建SSE连接
+ * @param {String} url - 请求地址
+ * @param {Object} data - 请求数据
+ * @param {Function} onMessage - 消息处理回调
+ * @param {Function} onComplete - 完成回调
+ * @param {Function} onError - 错误回调
+ * @returns {Promise} - 返回fetch Promise
+ */
+export function createSSEConnection(url, data, onMessage, onComplete, onError) {
+  return fetch(url, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify(data)
+  }).then(response => {
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+    
+    const reader = response.body.getReader()
+    const decoder = new TextDecoder('utf-8')
+    let buffer = ''
+    
+    function read() {
+      reader.read().then(({ done, value }) => {
+        if (done) {
+          if (onComplete) onComplete()
+          return
+        }
+        
+        buffer += decoder.decode(value, { stream: true })
+        processSSEData(buffer, onMessage, onComplete, onError)
+        
+        // 继续读取
+        read()
+      }).catch(error => {
+        console.error('SSE读取错误:', error)
+        if (onError) onError(error)
+      })
+    }
+    
+    // 开始读取数据
+    read()
+  }).catch(error => {
+    console.error('SSE连接错误:', error)
+    if (onError) onError(error)
+  })
+}
\ No newline at end of file
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/Index.vue b/src/views/portal/case/Index.vue
index 14767417..70f7c91e 100644
--- a/src/views/portal/case/Index.vue
+++ b/src/views/portal/case/Index.vue
@@ -1,11 +1,14 @@
 <template>
   <div id="case-list-content">
-    <div style="margin-bottom:30px" class="case-banner">
-      <portal-header @type1="handleType" :type="queryCondition" current="case" textColor="#fff" @emitInput="emitInput" @showClass="showClass"></portal-header>
+    <div style="margin-bottom:30px;position: relative" class="case-banner">
+      <portal-header @type1="handleType" :type="queryCondition" current="case" textColor="#fff" @emitInput="emitInput"
+        @showClass="showClass"></portal-header>
+
+        <p style="position: absolute;z-index: 10;bottom:20px;left:220px;color:#fff">案例专区隆重推出“AI案例专家”助力高效案例应用</p>
     </div>
     <div class="xcontent2">
       <!-- 新增的案例分类 -->
-    <!-- <div class="xcontent2-minor" style="margin-right:36px;">
+      <!-- <div class="xcontent2-minor" style="margin-right:36px;">
       <div class="course-title-style">
         <div class="imgTilte">
           <div>案例分类</div>
@@ -115,7 +118,8 @@
                       <div style="padding:0;" :class="speciAll ? 'fieldactive' : ''" @click="majorall()">全部</div>
                       <div class="fieldbox">
                         <div :class="item.fielclass ? 'fieldactive' : ''" @click="fieldmajor(item)"
-                          v-for="(item, idx) in speciData" :key="'d' + idx">{{ item.name }}({{ item.explanation }})</div>
+                          v-for="(item, idx) in speciData" :key="'d' + idx">{{ item.name }}({{ item.explanation }})
+                        </div>
                       </div>
                     </div>
                     <!-- <el-radio-group style="display:flex;" v-model="queryCondition.majorType" size="mini" @change="search()">
@@ -156,15 +160,19 @@
               <div v-if="caseTimeShow" class="pub_time" @click="searchTime">
                 <div class="text">发布时间</div>
                 <div class="triangle">
-                  <div :style="{borderBottomColor:pubTimeNum===2?'#387DF7':'#DCDFE6'}" class="up-triangle"></div>
-                  <div :style="{borderTopColor:pubTimeNum===1?'#387DF7':'#DCDFE6'}" class="down-triangle"></div>
+                  <div :style="{ borderBottomColor: pubTimeNum === 2 ? '#387DF7' : '#DCDFE6' }" class="up-triangle">
+                  </div>
+                  <div :style="{ borderTopColor: pubTimeNum === 1 ? '#387DF7' : '#DCDFE6' }" class="down-triangle">
+                  </div>
                 </div>
               </div>
               <div v-if="caseTimeShow" class="pub_time" @click="searchPageView">
                 <div class="text">浏览量</div>
                 <div class="triangle">
-                  <div :style="{borderBottomColor:pageViewNum===2?'#387DF7':'#DCDFE6'}" class="up-triangle"></div>
-                  <div :style="{borderTopColor:pageViewNum===1?'#387DF7':'#DCDFE6'}" class="down-triangle"></div>
+                  <div :style="{ borderBottomColor: pageViewNum === 2 ? '#387DF7' : '#DCDFE6' }" class="up-triangle">
+                  </div>
+                  <div :style="{ borderTopColor: pageViewNum === 1 ? '#387DF7' : '#DCDFE6' }" class="down-triangle">
+                  </div>
                 </div>
               </div>
               <el-select v-if="caseTimeShow" @change="yearsChange" v-model="years" multiple collapse-tags
@@ -172,11 +180,12 @@
                 <el-option v-for="item in caseYears" :key="item.value" :label="item.label" :value="item.value">
                 </el-option>
               </el-select>
-              <div :class="queryCondition.type == 'collect' ? 'collect_active': 'collect'" @click="searchexcellent('collect')">
+              <div :class="queryCondition.type == 'collect' ? 'collect_active' : 'collect'"
+                @click="searchexcellent('collect')">
                 <div class="png"></div>
                 <div class="text">收藏案例</div>
               </div>
-              <div :class="queryCondition.type == 'time' ? 'time_active': 'time'" @click="searchexcellent('time')">
+              <div :class="queryCondition.type == 'time' ? 'time_active' : 'time'" @click="searchexcellent('time')">
                 <div class="png"></div>
                 <div class="text">浏览记录</div>
               </div>
@@ -189,7 +198,8 @@
             </div>
           </div>
           <div class="data-content">
-            <div v-for="item in this.caseList.list" :key="isTimeData?item.browsingHistoryId : item.id" class="case-list">
+            <div v-for="item in this.caseList.list" :key="isTimeData ? item.browsingHistoryId : item.id"
+              class="case-list">
               <div class="case-info">
                 <div class="case-info-cont">
                   <!-- <router-link :to="'/case/detail?id=' + item.id"> -->
@@ -201,17 +211,22 @@
                     <div class="case-info-title">
                       <div class="case-titdiv">
                         <div class="case-tittext">
-                          <span :style="{maxWidth:item.excellentTag&&item.viewRankTags.length != 0?'400px':item.viewRankTags.length != 0?'500px':''}" class="title-line-ellipsis" :title="item.title">{{ item.title || item.contentInfo }}</span>
+                          <span
+                            :style="{ maxWidth: item.excellentTag && item.viewRankTags.length != 0 ? '400px' : item.viewRankTags.length != 0 ? '500px' : '' }"
+                            class="title-line-ellipsis" :title="item.title">{{ item.title || item.contentInfo }}</span>
                         </div>
                         <div class="case-activeText">
                           <!-- <span v-if="item.breCommend" class="comWords"
                             style="background-color:rgba(232, 139, 72);">荐</span>
                           <span v-if="item.excellent" class="comWords" style="background-color:red;">最佳</span> -->
-                          <span @click.stop="()=>{}" v-if="item.excellentTag" class="comWords" style="width: 98px;height: 24px;background: #F99000;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 4px 10px;cursor: auto;">
-                            {{item.excellentTag}}
+                          <span @click.stop="() => { }" v-if="item.excellentTag" class="comWords"
+                            style="width: 98px;height: 24px;background: #F99000;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 4px 10px;cursor: auto;">
+                            {{ item.excellentTag }}
                           </span>
-                          <span @click.stop="toExcellent(tag)" v-if="item.viewRankTags.length != 0" v-for="tag in item.viewRankTags" class="comWords" style="width: 98px;height: 24px;background: #F99000;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 4px 10px;">
-                            {{tag.tagName}}
+                          <span @click.stop="toExcellent(tag)" v-if="item.viewRankTags.length != 0"
+                            v-for="tag in item.viewRankTags" class="comWords"
+                            style="width: 98px;height: 24px;background: #F99000;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 4px 10px;">
+                            {{ tag.tagName }}
                           </span>
                         </div>
                         <div class="case-info-date portal-time">
@@ -225,8 +240,9 @@
                   <!-- </router-link> -->
                   <div v-if="!item.id" style="height:25px;padding-top:14px "></div>
                   <div v-if="item.id" style="height:58px;padding-top:14px ">
-                    <author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name" :info="item.authorInfo.orgInfo"
-                      :sex="item.authorInfo.sex" :authorTags="item.authorTags" :aid="item.authorInfo.aid">
+                    <author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name"
+                      :info="item.authorInfo.orgInfo" :sex="item.authorInfo.sex" :authorTags="item.authorTags"
+                      :aid="item.authorInfo.aid">
                       <template>
                         <div v-if="item.breCommend"
                           style="padding-top: 6px;flex: 1;display: flex;justify-content: flex-end;color: #999;font-size: 12px;">
@@ -253,7 +269,8 @@
                     </div>
                   </div>
                   <!-- </router-link> -->
-                  <div v-if="item.id" class="case-info-summary two-line-ellipsis" @click="toCaseDetail(item.id, item.refId)">
+                  <div v-if="item.id" class="case-info-summary two-line-ellipsis"
+                    @click="toCaseDetail(item.id, item.refId)">
                     {{ item.summary }}
                     <!-- <router-link :to="'/case/detail?id='+item.id"> -->
                     <!-- {{displayAll(item)}} -->
@@ -264,7 +281,8 @@
                   </div>
                   <div v-if="item.id" style="display: flex;justify-content: flex-end;">
                     <div style="margin:8px 0;">
-                      <interactBar @deleteFavorite="deleteFavorite" :type="3" :data="item" :comments="false" :shares="true"></interactBar>
+                      <interactBar @deleteFavorite="deleteFavorite" :type="3" :data="item" :comments="false"
+                        :shares="true"></interactBar>
                     </div>
                   </div>
                 </div>
@@ -292,7 +310,9 @@
       </div>
       <!-- 打开排行榜 -->
       <div class="xcontent2-minor">
+
         <div id="fixd-box">
+          <AICaseConsult />
           <router-link class="the_charts" to="/case/charts">
             <div class="text">排行榜</div>
             <div class="icon">></div>
@@ -301,9 +321,9 @@
             <div class="portal-ranking ranking-bg" style="padding: 20px 15px;max-height: 222px;">
               <div style="display: flex;justify-content: space-between;">
                 <p class="ranking-title">好评榜</p>
-                <el-dropdown trigger="click"  @command="positiveReview">
+                <el-dropdown trigger="click" @command="positiveReview">
                   <span class="el-dropdown-link">
-                    {{favorableName}}<i class="el-icon-arrow-down el-icon--right"></i>
+                    {{ favorableName }}<i class="el-icon-arrow-down el-icon--right"></i>
                   </span>
                   <el-dropdown-menu slot="dropdown">
                     <el-dropdown-item command="total">总</el-dropdown-item>
@@ -338,9 +358,9 @@
             <div class="portal-ranking ranking-bg1" style="padding: 20px 15px;max-height: 222px;margin-top: 20px;">
               <div style="display: flex;justify-content: space-between;">
                 <p class="ranking-title">人气榜</p>
-                <el-dropdown trigger="click"  @command="popularityReview">
+                <el-dropdown trigger="click" @command="popularityReview">
                   <span class="el-dropdown-link">
-                    {{popularityName}}<i class="el-icon-arrow-down el-icon--right"></i>
+                    {{ popularityName }}<i class="el-icon-arrow-down el-icon--right"></i>
                   </span>
                   <el-dropdown-menu slot="dropdown">
                     <el-dropdown-item command="total">总</el-dropdown-item>
@@ -372,7 +392,8 @@
                 </li>
               </ul>
             </div>
-            <div v-if="recommendRank.length > 0" class="portal-ranking ranking-bg2" style="margin-top:20px;padding: 20px 15px;max-height: 222px;">
+            <div v-if="recommendRank.length > 0" class="portal-ranking ranking-bg2"
+              style="margin-top:20px;padding: 20px 15px;max-height: 222px;">
               <p class="ranking-title">推荐榜</p>
               <ul class="ranking-data">
                 <li v-for="(item, index) in recommendRank" :key="index" class="title-line-ellipsis"
@@ -458,6 +479,7 @@
         </div>
       </el-dialog>
     </div>
+<!--    <AICall :dialogVisible="showAICall" @close="onClose" />-->
   </div>
 </template>
 
@@ -477,6 +499,8 @@ import apiDict from "@/api/modules/dict.js";
 import apiType from "@/api/modules/type.js";
 import { cutFullName } from "@/utils/tools.js";
 import apiPlace from "@/api/phase2/place.js"
+import AICall from '@/views/portal/case/AICall.vue'
+import AICaseConsult from '@/views/portal/case/components/AICaseConsult.vue'
 export default {
   name: "case",
   components: {
@@ -486,9 +510,12 @@ export default {
     interactBar,
     timeShow,
     author,
+    AICall,
+    AICaseConsult
   },
   data() {
     return {
+
       timeoutId: null,
       isTimeData: false,
       articlePageList: [],
@@ -503,10 +530,10 @@ export default {
       popularityName: '季度',
       pubTimeNum: 1,
       pageViewNum: 0,
-      twoId:'',
-      treeList:[],
-      caseType:process.env.VUE_APP_CASE_TYPE,//类型
-      caseYears:[],
+      twoId: '',
+      treeList: [],
+      caseType: process.env.VUE_APP_CASE_TYPE,//类型
+      caseYears: [],
       refId: '',//消息跳转案例的id
       selectList: [],//点击选中的list
       twoList: [], //二级分类{type:12}
@@ -558,9 +585,9 @@ export default {
         // notInIds: [],//重复的id
         orderField: "id",
         orderAsc: false,//排序
-        sysType1:'',
-        sysType2:'',
-        sysType3:''
+        sysType1: '',
+        sysType2: '',
+        sysType3: ''
       },
       keyWord: "",
       anking: 2,
@@ -633,7 +660,7 @@ export default {
             twoChildChecked = true;
           }
           var threeChildChecked = false;
-          two.children  && two.children.forEach(three => {
+          two.children && two.children.forEach(three => {
             if (three.checked) {
               list.push(three);
               threeChildChecked = true;
@@ -664,25 +691,25 @@ export default {
       return !this.speciData.some(item => item.fielclass);
     }
   },
-  beforeRouteLeave (to, from, next) {
+  beforeRouteLeave(to, from, next) {
     const isScroll = 'caseDetail,caseCharts,caseExcellent'
-    if(!isScroll.includes(to.name)){
+    if (!isScroll.includes(to.name)) {
       // console.log('我是外')
       this.queryCondition.pageIndex = 1
       this.search()
       // window.location.reload()
       // this.$destroy()
-    }else{
+    } else {
       sessionStorage.setItem('pagesScroll', JSON.stringify(window.pageYOffset))
     }
     window.removeEventListener("scroll", this.handleScroll);
     next()
   },
   beforeRouteEnter(to, from, next) {
-    if(from.name !== 'caseDetail'){
+    if (from.name !== 'caseDetail') {
       // console.log('我是内')
     }
-    next(vm=>{
+    next(vm => {
       vm.$nextTick(() => {
         window.scrollTo({
           left: 0,
@@ -774,12 +801,12 @@ export default {
     }
     // console.log(isBack, 'isBack');
     // Promise.all([apiType.items("org_domain"), apiCase.majorTypes()]).then(rs => {
-      // 90是测试环境，155是生产环境
-      // console.log(this.caseType);
+    // 90是测试环境，155是生产环境
+    // console.log(this.caseType);
 
-    Promise.all([apiType.treeList(1,Number(this.caseType ?? 155),1), apiCase.majorTypes()]).then(rs => {
+    Promise.all([apiType.treeList(1, Number(this.caseType ?? 155), 1), apiCase.majorTypes()]).then(rs => {
       if (rs[0].code == 200) {
-        const {records} = rs[0].data
+        const { records } = rs[0].data
         records.forEach(item => {
           item.fielclass = false;
           item.type = 'org_domain';
@@ -845,27 +872,28 @@ export default {
 
   },
   methods: {
-    allRequests(){
+//  是否展示入口
+    allRequests() {
       window.addEventListener(
         "scroll",
         this.handleScroll
       );
     },
-    deleteFavorite(e){
+    deleteFavorite(e) {
       this.search()
     },
-    positiveReview(e){
+    positiveReview(e) {
       this.favorableName = this.switch[e]
       this.getPositive()
     },
-    popularityReview(e){
+    popularityReview(e) {
       this.popularityName = this.switch[e]
       this.getPopularity()
     },
-    handleType(msg){
+    handleType(msg) {
       // this.queryCondition.type = msg
     },
-    handleOptionClick(treeItem){
+    handleOptionClick(treeItem) {
       this.treeList.forEach(one => {
         one.checked = false;
         if (one.id == treeItem.id) {
@@ -874,7 +902,7 @@ export default {
           this.queryCondition.sysType3 = ''
           this.queryCondition.sysType1 = one.id
         }
-          one.children.forEach(two => {
+        one.children.forEach(two => {
           two.checked = false;
           if (two.id == treeItem.id) {
             two.checked = true
@@ -895,7 +923,7 @@ export default {
       })
       this.getCaseData()
     },
-        // 移入
+    // 移入
     changeIndex(twoId) {
       this.twoId = twoId
     },
@@ -903,20 +931,20 @@ export default {
     leaveIndex() {
       this.twoId = ''
     },
-        // 加载分类
+    // 加载分类
     async loadTypeData() {
       try {
         const { result, status } = await apiType.tree(1);
         if (status === 200) {
           result.forEach(one => {
             one.checked = false;
-            if(!one.children) one.children = []
+            if (!one.children) one.children = []
             one.children && one.children.forEach(two => {
               two.checked = false;
-              if(!two.children) two.children = []
+              if (!two.children) two.children = []
               two.children && two.children.forEach(three => {
                 three.checked = false;
-                if(!three.children) three.children = []
+                if (!three.children) three.children = []
               })
             })
           })
@@ -940,23 +968,23 @@ export default {
     },
     // 查看率的时间
     toCaseDetail(id, refId) {
-      if(!id){
+      if (!id) {
         this.$message.error('该案例已被删除')
         return
       }
-      apiCase.details(id,true).then(res=>{
+      apiCase.details(id, true).then(res => {
         if (res.status == 200) {
           if (refId) {
             apiCase.startReadTimer(refId)
           }
           this.$router.push({ path: '/case/detail', query: { id } });
-        }else{
+        } else {
           this.$message.error(res.message);
         }
       })
     },
-    toExcellent(item){
-      this.$router.push({path:'/case/excellent',query:{majorId:item.majorId,majorName:item.majorName,riseRankTime:item.riseRankTime.split(' ')[0]}})
+    toExcellent(item) {
+      this.$router.push({ path: '/case/excellent', query: { majorId: item.majorId, majorName: item.majorName, riseRankTime: item.riseRankTime.split(' ')[0] } })
     },
     tylClick() {
       window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130");
@@ -1259,31 +1287,31 @@ export default {
       this.isSeach = true;
       this.search(true);
     },
-    searchTime(){
+    searchTime() {
       this.pubTimeNum++
-      if(this.pubTimeNum>2){
+      if (this.pubTimeNum > 2) {
         this.pubTimeNum = 0;
       }
-      if(this.pubTimeNum != 0){
+      if (this.pubTimeNum != 0) {
         this.pageViewNum = 0;
       }
       this.queryCondition.orderField = 'sysCreateTime'
       this.queryCondition.orderAsc = this.pubTimeNum == 2 ? true : this.pubTimeNum == 1 ? false : ''
       this.search(true);
     },
-    searchPageView(){
+    searchPageView() {
       this.pageViewNum++
-      if(this.pageViewNum>2){
+      if (this.pageViewNum > 2) {
         this.pageViewNum = 0;
       }
-      if(this.pageViewNum != 0){
+      if (this.pageViewNum != 0) {
         this.pubTimeNum = 0;
       }
       this.queryCondition.orderField = 'views'
       this.queryCondition.orderAsc = this.pageViewNum == 2 ? true : this.pageViewNum == 1 ? false : ''
       this.search(true);
     },
-    yearsChange(e){
+    yearsChange(e) {
       this.search(true)
     },
     searchexcellent(num) {
@@ -1300,24 +1328,24 @@ export default {
       //   this.search(true)
       //   return
       // }
-      this.queryCondition.excellent =false;
+      this.queryCondition.excellent = false;
       this.queryCondition.type = num;
       this.years = []
-      if(num == 'excellent'){
-        this.queryCondition.excellent =true;
+      if (num == 'excellent') {
+        this.queryCondition.excellent = true;
         this.queryCondition.type = num;
       }
-      if(num == 'all' || num == 'recommend'){
+      if (num == 'all' || num == 'recommend') {
         this.pubTimeNum = 1
         this.queryCondition.orderField = 'sysCreateTime'
         this.queryCondition.orderAsc = false
       }
-      if(num == 'time'){
+      if (num == 'time') {
         this.isTime = true
         this.caseTimeShow = false
         this.isTimeData = true
       }
-      if(num == 'collect'){
+      if (num == 'collect') {
         this.caseTimeShow = false
       }
       if (this.timeoutId) {
@@ -1339,16 +1367,16 @@ export default {
     // 滚动请求
     handleScroll() {
       let innerw = document.querySelector("#fixd-box");
-    //   let innerHeight = document.querySelector("#case-list-content")
-    //     .clientHeight;
-    //   let outerHeight = document.documentElement.clientHeight;
+      //   let innerHeight = document.querySelector("#case-list-content")
+      //     .clientHeight;
+      //   let outerHeight = document.documentElement.clientHeight;
       let outerWidth = innerw.clientWidth;
       let scrollTop = document.documentElement.scrollTop;
-    //   if (outerHeight + scrollTop + 350 >= innerHeight) {
-    //     if (this.moreState == 1) {
-    //       this.debounce(this.loadMore(), 5000);
-    //     }
-    //   }
+      //   if (outerHeight + scrollTop + 350 >= innerHeight) {
+      //     if (this.moreState == 1) {
+      //       this.debounce(this.loadMore(), 5000);
+      //     }
+      //   }
       if (scrollTop > 260) {
         document.querySelector("#fixd-box").style.cssText =
           "position: fixed;top: 10px;width:" + outerWidth + "px";
@@ -1484,16 +1512,16 @@ export default {
       // this.queryCondition.pubTimeNum = this.pubTimeNum
       // this.queryCondition.pageViewNum = this.pageViewNum
       this.numIsFalse = true
-      if(this.queryCondition.type == 'collect'){
+      if (this.queryCondition.type == 'collect') {
         const params = {
-          pageIndex:this.queryCondition.pageIndex,
-          pageSize:5,
-          orderField:this.queryCondition.orderField,
-          orderAsc:this.queryCondition.orderAsc
+          pageIndex: this.queryCondition.pageIndex,
+          pageSize: 5,
+          orderField: this.queryCondition.orderField,
+          orderAsc: this.queryCondition.orderAsc
         }
-        await apiCase.queryFavoriteCaseOfIndex(params).then(res=>{
-          if(res.status == 200){
-            if(res.result.list.length > 0){
+        await apiCase.queryFavoriteCaseOfIndex(params).then(res => {
+          if (res.status == 200) {
+            if (res.result.list.length > 0) {
               this.isSeach = false;
               res.result.list.forEach(item => {
                 item.majorType = item.majorType ? item.majorType.split(",") : [];
@@ -1506,8 +1534,8 @@ export default {
                   sex: null
                 };
               });
-              res.result.list.forEach(item=>{
-                item.viewRankTags = item.viewRankTags?.slice(0,2)||[]
+              res.result.list.forEach(item => {
+                item.viewRankTags = item.viewRankTags?.slice(0, 2) || []
               })
               this.caseList.list = res.result.list
               this.getCaseUserData(res.result.list);
@@ -1522,7 +1550,7 @@ export default {
         })
         return
       }
-      if(this.queryCondition.type=='time'){
+      if (this.queryCondition.type == 'time') {
         // const data = {
         //   pageIndex: this.queryCondition.pageIndex,
         //   pageSize: 5,
@@ -1546,9 +1574,9 @@ export default {
         const params = {
           pageIndex: this.queryCondition.pageIndex,
         }
-        await apiCase.browsingHistory(params).then(res=>{
-          if(res.status == 200){
-            if(res.result.list.length > 0){
+        await apiCase.browsingHistory(params).then(res => {
+          if (res.status == 200) {
+            if (res.result.list.length > 0) {
               this.isSeach = false;
               res.result.list.forEach(item => {
                 item.majorType = item.majorType ? item.majorType.split(",") : [];
@@ -1561,8 +1589,8 @@ export default {
                   sex: null
                 };
               });
-              res.result.list.forEach(item=>{
-                item.viewRankTags = item.viewRankTags?.slice(0,2)||[]
+              res.result.list.forEach(item => {
+                item.viewRankTags = item.viewRankTags?.slice(0, 2) || []
               })
               this.caseList.list = res.result.list
               this.getCaseUserData(res.result.list);
@@ -1599,15 +1627,15 @@ export default {
           } else {
             this.moreState = 3;
           }
-          if(res.result.list.length ===0){
+          if (res.result.list.length === 0) {
             this.moreState = 3;
             this.isSeach = false;
           }
-          console.log(res?.result?.list ,'有没有数据1');
-          res.result.list.forEach(item=>{
-            item.viewRankTags = item.viewRankTags?.slice(0,2)||[]
+          console.log(res?.result?.list, '有没有数据1');
+          res.result.list.forEach(item => {
+            item.viewRankTags = item.viewRankTags?.slice(0, 2) || []
           })
-          console.log(res?.result?.list ,'有没有数据2');
+          console.log(res?.result?.list, '有没有数据2');
           this.caseList.list = res.result.list
           this.getCaseUserData(res.result.list);
           // 给所有的赋值
@@ -1659,47 +1687,47 @@ export default {
       //     console.log(err);
       //   });
     },
-    getCase(ids,list){
-      apiCase.ids(ids).then(res=>{
-          if(res.status == 200) {
-            this.isSeach = false;
-            const listData = []
-            list.forEach((item, index) => {
-              res.result.some(con => {
+    getCase(ids, list) {
+      apiCase.ids(ids).then(res => {
+        if (res.status == 200) {
+          this.isSeach = false;
+          const listData = []
+          list.forEach((item, index) => {
+            res.result.some(con => {
               if (con.id == item.contentId) {
-                  item.info = con;
-                  con.eventTime = item.eventTime
-                  listData.push(con)
-                  if(typeof item.info.majorType == 'string') {
-                      item.info.majorType = item.info.majorType.split(',');
-                  }
-                  return true;
+                item.info = con;
+                con.eventTime = item.eventTime
+                listData.push(con)
+                if (typeof item.info.majorType == 'string') {
+                  item.info.majorType = item.info.majorType.split(',');
+                }
+                return true;
               } else {
-                  return false;
+                return false;
               }
-              });
             });
-            listData.forEach(item=>{
-              item.info = {};
-              item.deleted=false;
-              item.authorInfo = {
-                  aid: "",
-                  name: "",
-                  orgInfo: "",
-                  avatar: "",
-                  sex: null
-              }
-              item.isAll = false;
-            })
-            setTimeout(() => {
-              this.numIsFalse = false
-            }, 3000);
-            this.getCaseUserData(listData);
-            this.caseList.list = listData
-            console.log(listData,'this.caseList.list')
-          }
+          });
+          listData.forEach(item => {
+            item.info = {};
+            item.deleted = false;
+            item.authorInfo = {
+              aid: "",
+              name: "",
+              orgInfo: "",
+              avatar: "",
+              sex: null
+            }
+            item.isAll = false;
+          })
+          setTimeout(() => {
+            this.numIsFalse = false
+          }, 3000);
+          this.getCaseUserData(listData);
+          this.caseList.list = listData
+          console.log(listData, 'this.caseList.list')
+        }
       })
-  },
+    },
     // getTags() {
     //   this.searchTags = [];
     //   let caseData = deepClone(this.queryCondition);
@@ -1742,12 +1770,12 @@ export default {
     // },
     tagsClose(tag, index) {
       // 课程分类
-      if(tag.hasOwnProperty('checked')){
+      if (tag.hasOwnProperty('checked')) {
         tag.checked = false;
-        this.queryCondition.sysType1 =''
-        this.queryCondition.sysType2 =''
-        this.queryCondition.sysType3 =''
-      }else{
+        this.queryCondition.sysType1 = ''
+        this.queryCondition.sysType2 = ''
+        this.queryCondition.sysType3 = ''
+      } else {
         // 案例分类
         tag.fielclass = false;
       }
@@ -1823,8 +1851,8 @@ export default {
 
       //   }
       // });
-      apiCase.queryPraisesNew(3,this.popularityName == '季度' ? 1 : 2).then(res => {
-        if(res.status == 200) {
+      apiCase.queryPraisesNew(3, this.popularityName == '季度' ? 1 : 2).then(res => {
+        if (res.status == 200) {
           this.Popularity = res.result
         }
       })
@@ -1846,16 +1874,16 @@ export default {
       //     // }
       //   }
       // });
-      apiCase.queryCommentsNew(3,this.favorableName == '季度' ? 3 : 4).then(res => {
-        if(res.status == 200) {
+      apiCase.queryCommentsNew(3, this.favorableName == '季度' ? 3 : 4).then(res => {
+        if (res.status == 200) {
           this.Positive = res.result
         }
       })
     },
 
-    getQueryRecommendRank(){
+    getQueryRecommendRank() {
       apiCase.queryRecommendRank(3).then(res => {
-        if(res.status == 200) {
+        if (res.status == 200) {
           this.recommendRank = res.result
         }
       })
@@ -1864,7 +1892,9 @@ export default {
     jumpRouter(item) {
       // console.log(item)
       this.$router.push(`/case/detail?id=${item.id}`);
-    }
+    },
+    // 案例立即咨询
+
   }
 };
 </script>
@@ -1874,37 +1904,42 @@ export default {
   cursor: pointer;
   font-weight: 400;
   font-size: 14px;
-  color: rgba(51,51,51,0.9);
+  color: rgba(51, 51, 51, 0.9);
 }
-.el-icon--right{
+
+.el-icon--right {
   margin-left: 14px !important;
 }
-.the_charts{
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin-bottom: 10px;
-    font-size: 17px;
-    max-width: 400px;
-    min-width: 260px;
-    height: 47px;
-    background: #DDEDFF;
-    border-radius: 8px;
-    .text{
-      font-size: 17px;
-      color: #387DF7;
-    }
-    .icon{
-      position: absolute;
-      font-size: 17px;
-      color: #387DF7;
-      right: 25px;
-      top: 50%;
-      transform: translateY(-50%);
-    }
 
+.the_charts {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 10px;
+  font-size: 17px;
+  max-width: 400px;
+  min-width: 260px;
+  height: 47px;
+  background: #DDEDFF;
+  border-radius: 8px;
+
+  .text {
+    font-size: 17px;
+    color: #387DF7;
   }
+
+  .icon {
+    position: absolute;
+    font-size: 17px;
+    color: #387DF7;
+    right: 25px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+}
+
 // 课程分类
 .course-title-style {
   position: relative;
@@ -1976,6 +2011,7 @@ export default {
   }
 
 }
+
 .u-class {
   ::v-deep .el-dialog {
     border-radius: 15px;
@@ -2106,7 +2142,8 @@ export default {
           border: 0.96px solid rgba(140, 105, 242, 1);
           box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
         }
-        .text_msg{
+
+        .text_msg {
           margin: 43px 0 0 222px;
           font-size: 14px;
           color: #000;
@@ -2489,19 +2526,23 @@ export default {
     background-color: #fff;
     display: flex;
     align-items: center;
+
     // margin-bottom: ;
-    .pub_time{
+    .pub_time {
       display: flex;
       margin-right: 25px;
       align-items: center;
       cursor: pointer;
-      .text{
+
+      .text {
         font-size: 14px;
         color: #333333;
       }
-      .triangle{
+
+      .triangle {
         margin-left: 5px;
-        .up-triangle{
+
+        .up-triangle {
           width: 0;
           height: 0;
           border-left: 4px solid transparent;
@@ -2509,7 +2550,8 @@ export default {
           border-bottom: 6px solid #DCDFE6;
           margin-bottom: 2px;
         }
-        .down-triangle{
+
+        .down-triangle {
           width: 0;
           height: 0;
           border-left: 4px solid transparent;
@@ -2518,7 +2560,8 @@ export default {
         }
       }
     }
-    .time{
+
+    .time {
       position: relative;
       display: flex;
       justify-content: center;
@@ -2527,29 +2570,35 @@ export default {
       width: 116px;
       height: 38px;
       border-radius: 4px;
+
       // background: #04243C;
-      &:hover{
+      &:hover {
         // background: #387DF7;
         border: 1px solid #387DF7;
-        .text{
+
+        .text {
           // color: #fff;
         }
+
         // .png{
         //   background: url('../../../assets/images/case/wighttime.png') no-repeat;
         // }
       }
-      .png{
+
+      .png {
         width: 18px;
         height: 18px;
         background: url('../../../../public/images/browse.png') no-repeat;
         background-size: 100%;
         margin-right: 9px;
       }
-      .text{
+
+      .text {
         font-size: 14px;
         color: #333333;
       }
     }
+
     .time::before {
       content: '';
       position: absolute;
@@ -2562,7 +2611,8 @@ export default {
       z-index: 1;
       border-radius: 4px;
     }
-    .time_active{
+
+    .time_active {
       display: flex;
       justify-content: center;
       align-items: center;
@@ -2571,19 +2621,22 @@ export default {
       height: 38px;
       background: #387DF7;
       border-radius: 4px;
-      .png{
+
+      .png {
         width: 20px;
         height: 20px;
         background: url('../../../assets/images/case/wighttime.png') no-repeat;
         background-size: 100%;
         margin-right: 9px;
       }
-      .text{
+
+      .text {
         font-size: 14px;
         color: #fff;
       }
     }
-    .collect{
+
+    .collect {
       position: relative;
       display: flex;
       justify-content: center;
@@ -2592,29 +2645,35 @@ export default {
       width: 116px;
       height: 38px;
       border-radius: 4px;
+
       // background: #04243C;
-      &:hover{
+      &:hover {
         // background: #387DF7;
         border: 1px solid #387DF7;
-        .text{
+
+        .text {
           // color: #fff;
         }
+
         // .png{
         //   background: url('../../../assets/images/case/wight.png') no-repeat;
         // }
       }
-      .png{
+
+      .png {
         width: 18px;
         height: 18px;
         background: url('../../../../public/images/collect.png') no-repeat;
         background-size: 100%;
         margin-right: 9px;
       }
-      .text{
+
+      .text {
         font-size: 14px;
         color: #333333;
       }
     }
+
     .collect::before {
       content: '';
       position: absolute;
@@ -2627,7 +2686,8 @@ export default {
       z-index: 1;
       border-radius: 4px;
     }
-    .collect_active{
+
+    .collect_active {
       display: flex;
       justify-content: center;
       align-items: center;
@@ -2636,26 +2696,29 @@ export default {
       height: 38px;
       background: #387DF7;
       border-radius: 4px;
-      .png{
+
+      .png {
         width: 18px;
         height: 18px;
         background: url('../../../assets/images/case/wight.png') no-repeat;
         background-size: 100%;
         margin-right: 9px;
       }
-      .text{
+
+      .text {
         font-size: 14px;
         color: #fff;
       }
     }
   }
 
-  .back_num{
+  .back_num {
     background: #FFFFFF;
     display: flex;
     justify-content: center;
     padding: 0 40px;
-    .search_div_num{
+
+    .search_div_num {
       display: flex;
       justify-content: center;
       align-items: center;
@@ -2667,6 +2730,7 @@ export default {
       color: #387DF7;
     }
   }
+
   .data-content {
     background-color: #fff;
     padding: 5px 50px;
@@ -2700,12 +2764,13 @@ export default {
 
     .case-info {
       .case-info-cont {
-        .case_text{
-            font-size: 14px;
-            font-weight: 400;
-            color: #666666;
-            margin-bottom: 8px;
-          }
+        .case_text {
+          font-size: 14px;
+          font-weight: 400;
+          color: #666666;
+          margin-bottom: 8px;
+        }
+
         .case-info-title {
           font-size: 15px;
           color: #333;
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/map.svg b/src/views/portal/case/components/map.svg
new file mode 100644
index 00000000..c35539ec
--- /dev/null
+++ b/src/views/portal/case/components/map.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1759024984858" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4686" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25"><path d="M451.673935 994.395699C478.883834 1025.019147 524.254807 1024.808979 551.400292 993.928851 553.755808 991.387908 558.821323 985.796762 565.872444 977.84835 577.572838 964.659017 590.597131 949.62432 604.615947 932.998315 644.662065 885.504506 684.708678 834.717818 722.129538 782.646447 759.658524 730.424619 792.492213 679.709274 819.314991 631.458462 868.685946 542.646317 896 465.543426 896 402.285715 896 180.109449 719.301715 0 501.333333 0 283.364952 0 106.666667 180.109449 106.666667 402.285715 106.666667 465.598716 134.05152 542.80573 183.54613 631.762622 210.371803 679.976529 243.193308 730.651876 280.699364 782.833154 318.155192 834.94455 358.239268 885.77421 398.322835 933.311031 412.354743 949.952073 425.391185 965.00073 437.102468 978.202579 444.160087 986.158466 449.230214 991.754921 451.982775 994.736706L451.673935 994.395699ZM486.822684 961.321348C484.281231 958.568254 479.425084 953.207989 472.585916 945.498359 461.135889 932.591017 448.364015 917.847761 434.602351 901.527215 395.275714 854.888073 355.949587 805.019548 319.289224 754.014863 282.808749 703.260452 250.983685 654.123578 225.158316 607.707522 179.388826 525.445805 154.50505 455.290161 154.50505 402.285715 154.50505 207.039905 309.785362 48.761905 501.333333 48.761905 692.881306 48.761905 848.161617 207.039905 848.161617 402.285715 848.161617 455.246022 823.345286 525.298263 777.693969 607.419251 751.873483 653.867066 720.038415 703.039925 683.537446 753.831262 646.912604 804.794967 607.624538 854.619674 568.335977 901.215038 554.587654 917.520243 541.828177 932.24925 530.389289 945.143797 523.556841 952.845711 518.705521 958.200435 516.166694 960.950526 507.543772 970.748911 495.255793 970.80583 487.131524 961.662353L486.822684 961.321348Z" fill="#979797" p-id="4687"></path><path d="M714.955981 467.028806C723.919106 442.627955 728.565658 416.668998 728.565658 390.095238 728.565658 268.908183 632.184774 170.666667 513.29293 170.666667 394.401086 170.666667 298.020202 268.908183 298.020202 390.095238 298.020202 511.282291 394.401086 609.52381 513.29293 609.52381 549.003859 609.52381 583.510052 600.631947 614.373097 583.874409 626.032316 577.543868 630.449257 562.77782 624.238611 550.893519 618.027966 539.009218 603.541579 534.507006 591.882359 540.837549 567.900883 553.858639 541.111735 560.761905 513.29293 560.761905 420.821495 560.761905 345.858586 484.351836 345.858586 390.095238 345.858586 295.838641 420.821495 219.428572 513.29293 219.428572 605.764365 219.428572 680.727273 295.838641 680.727273 390.095238 680.727273 410.807981 677.117041 430.977316 670.154965 449.930592 665.522846 462.540883 671.796821 476.591108 684.168282 481.312651 696.53974 486.034191 710.323861 479.639095 714.955981 467.028806L714.955981 467.028806Z" fill="#979797" p-id="4688"></path></svg>
\ No newline at end of file
diff --git a/src/views/portal/case/components/u762.svg b/src/views/portal/case/components/u762.svg
new file mode 100644
index 00000000..61d75d58
--- /dev/null
+++ b/src/views/portal/case/components/u762.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="750px" height="850px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <radialGradient cx="362.789473684209" cy="413.96491228069874" r="1153.015055438179" gradientTransform="matrix(0.023310357358899587 0.999728276703125 -0.9997282767031253 0.02331035735889959 768.1851497765263 41.62434690904212 )" gradientUnits="userSpaceOnUse" id="RadialGradient4">
+      <stop id="Stop5" stop-color="#ffffff" offset="0" />
+      <stop id="Stop6" stop-color="#d4def7" offset="1" />
+    </radialGradient>
+  </defs>
+  <g>
+    <path d="M 0 5.000000000000001  A 5 5 0 0 1 4.999999999999999 0 L 745 0  A 5 5 0 0 1 750 5 L 750 845  A 5 5 0 0 1 745 850 L 5 850  A 5 5 0 0 1 0 845 L 0 5  Z " fill-rule="nonzero" fill="url(#RadialGradient4)" stroke="none" />
+  </g>
+</svg>
diff --git a/src/views/portal/case/components/user.svg b/src/views/portal/case/components/user.svg
new file mode 100644
index 00000000..3ffc87bc
--- /dev/null
+++ b/src/views/portal/case/components/user.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1759026139840" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5676" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25"><path d="M512 74.666667C270.933333 74.666667 74.666667 270.933333 74.666667 512S270.933333 949.333333 512 949.333333 949.333333 753.066667 949.333333 512 753.066667 74.666667 512 74.666667zM288 810.666667c0-123.733333 100.266667-224 224-224S736 686.933333 736 810.666667c-61.866667 46.933333-140.8 74.666667-224 74.666666s-162.133333-27.733333-224-74.666666z m128-384c0-53.333333 42.666667-96 96-96s96 42.666667 96 96-42.666667 96-96 96-96-42.666667-96-96z m377.6 328.533333c-19.2-96-85.333333-174.933333-174.933333-211.2 32-29.866667 51.2-70.4 51.2-117.333333 0-87.466667-72.533333-160-160-160s-160 72.533333-160 160c0 46.933333 19.2 87.466667 51.2 117.333333-89.6 36.266667-155.733333 115.2-174.933334 211.2-55.466667-66.133333-91.733333-149.333333-91.733333-243.2 0-204.8 168.533333-373.333333 373.333333-373.333333S885.333333 307.2 885.333333 512c0 93.866667-34.133333 177.066667-91.733333 243.2z" fill="#666666" p-id="5677"></path></svg>
\ No newline at end of file