ai大模型

src/views/map3d.vue

@@ -67,6 +67,7 @@
           v-html="formattedTime"
         ></div>
       </div> -->
+      <i class="ai el-icon-chat-dot-round" @click="drawer = !drawer"></i>
       <div class="user">
         <span>admin</span>
         <i style="width: 24px;height: 24px;background-image: url('/static/images/overview/icon_LogOut.png');"
@@ -81,7 +82,12 @@
     <div class="masking_left"></div>
     <div class="masking_bottom"></div>
     <div class="masking_right"></div>
-
+    <el-drawer :visible.sync="drawer" :with-header="false" :append-to-body="true" :show-close="false" >
+      <iframe
+        src="https://agent-poc.h1url.cn/agents-admin-vue/#/chat/chat?shareId=c4f34731679ac2aad8bfeff0e4fd2f42"
+        style="width: 100%; height: 100%; position: absolute"
+      ></iframe>
+    </el-drawer>
   </div>
 </template>
 
@@ -98,6 +104,7 @@ export default {
       formattedText: "",
       formattedTime: "",
       activeMenuId: 0,
+      drawer:false,
     };
   },
   created() {
@@ -212,7 +219,13 @@ export default {
   color: cornflowerblue;
   cursor: pointer;
 }
-
+.ai {
+  position: absolute;
+  right: 110px;
+  top: 27px;
+  color: cornflowerblue;
+  font-size: 24px;
+}
 .user {
   width: 85px;
   height: 40px;
@@ -248,7 +261,7 @@ export default {
   position: fixed;
   top: 0px;
   width: 100%;
-  z-index: 999999;
+  z-index: 100;
   // background: RGBA(31, 35, 41, 1);
   text-align: center;
   display: flex;