案例AI弹窗ui

src/views/portal/case/Index.vue

@@ -292,7 +292,12 @@
       </div>
       <!-- 打开排行榜 -->
       <div class="xcontent2-minor">
+        
         <div id="fixd-box">
+          <div class="AI-case">
+            <el-button type="success" @click="getAICase" plain>立即咨询</el-button>
+          <!-- <img src="../../../assets/images/course/courseTag.png" alt=""> -->
+        </div>
           <router-link class="the_charts" to="/case/charts">
             <div class="text">排行榜</div>
             <div class="icon">></div>
@@ -458,6 +463,7 @@
         </div>
       </el-dialog>
     </div>
+     <AICall :dialogVisible="showAICall" @close="onClose" />
   </div>
 </template>
 
@@ -477,6 +483,7 @@ 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'
 export default {
   name: "case",
   components: {
@@ -486,6 +493,7 @@ export default {
     interactBar,
     timeShow,
     author,
+    AICall
   },
   data() {
     return {
@@ -1864,6 +1872,13 @@ export default {
     jumpRouter(item) {
       // console.log(item)
       this.$router.push(`/case/detail?id=${item.id}`);
+    },
+    // 案例立即咨询
+    getAICase(){
+    this.showAICall = true
+    },
+    onClose() {
+      this.showAICall = false
     }
   }
 };
@@ -2804,4 +2819,10 @@ export default {
     text-align: center;
   }
 }
+.AI-case{
+  // max-width: 400px;
+  height: 100px;
+  background: #CEE4FF;
+  margin-bottom:10px
+}
 </style>