'processedit'

frontend/src/view/reasoning/index.less

@@ -92,4 +92,11 @@
             }
         }
     }
+
+    .message_btn {
+        position: fixed;
+        top: 0;
+        left: 150px;
+        cursor: pointer;
+    }
 }

frontend/src/view/reasoning/index.vue

@@ -41,6 +41,18 @@
         <span>监控2</span>
       </div>
     </div>
+    <div class="message_btn">
+      <el-icon color="#fff" size="16" v-show="messageShow"><Expand /></el-icon>
+      <el-icon color="#fff" size="16" v-show="!messageShow"><Fold /></el-icon>
+    </div>
+    <el-drawer
+      v-model="messageShow"
+      title="I am the title"
+      direction="ltr"
+      :before-close="handleClose"
+    >
+      <span>Hi, there!</span>
+    </el-drawer>
     <CameraView
       ref="cameraViewRef"
       v-show="cameraShow"
@@ -53,7 +65,7 @@ import ReasoningView from '../../components/ReasoningView/index.vue'
 import TextareaView from '../../components/TextareaView.vue'
 import collapseView from '../../components/collapseView/index.vue'
 import CameraView from '../../components/CameraView/index.vue'
-import { Plus, VideoCameraFilled } from '@element-plus/icons-vue'
+import { Plus, VideoCameraFilled, Expand, Fold } from '@element-plus/icons-vue'
 import { ref, onMounted, nextTick } from 'vue'
 // import { getModelList } from '../../api/user'
 import { useRoute } from 'vue-router'
@@ -66,10 +78,14 @@ const textareaRef = ref<any>(null)
 const collapseRef = ref<any>(null)
 const isCollapse = ref<boolean>(true)
 const cameraShow = ref<boolean>(false)
+const messageShow = ref<boolean>(false)
 const cameraViewRef = ref<any>(null)
 const changeStatusFun = (val: boolean) => {
   isCollapse.value = val
 }
+const handleClose = () => {
+  messageShow.value = false
+}
 const cameraFun = (val: number) => {
   cameraShow.value = true
   cameraViewRef.value.cameraNumber = val