添加ai助手

src/views/HomeView.vue

@@ -122,15 +122,15 @@
 					</div>
 				</div>
 			</div>
-			<!-- <div
+			<div
 				v-draggable
 				class="draggable-window"
 				:style="{ left: position.x + 'px', top: position.y + 'px' }"
-				v-if="false"
+				v-if="!appSign"
 			>
-				<div class="window-header">
+				<div class="window-header" >
 				</div>
-			</div> -->
+			</div>
 		</div>
 		<userInfoA
 			ref="userInfoA"
@@ -139,20 +139,17 @@
 			:role="roleUser.role"
 			:orgName="roleUser.orgName"
 		/>
-		<!-- <el-drawer v-model="xiaokeDia" width="100%" :direction="rtl" :size="Full_Screen ? '  100%' : '30%'">
-			<template #header="{ close, titleId, titleClass }">
-				<div slot="title" style="display: flex; align-items: center;">
-					<img style="cursor: pointer;width: 24px;margin-left: 15px;" :src="!Full_Screen ? FullScreen : noFullScreen"
-						@click="Full_Screen = !Full_Screen" alt="">
-
-				</div>
-			</template>
+		<el-drawer  :visible.sync="xiaokeDia" width="100%" direction="rtl" :size="Full_Screen ? '  100%' : '30%'">
+			<div slot="title" style="display: flex; align-items: center;">
+				<img style="cursor: pointer;width: 24px;margin-left: 15px;" :src="!Full_Screen ? fullScreen : nofullScreen"
+					@click="Full_Screen = !Full_Screen" alt="">
+			</div>
 			<div style="height: calc(100% - 32px);">
 				<iframe width="100%" height="100%"
 					src="https://aichat.cocorobo.cn/#/?id=335951a7-65ec-40e9-ae91-2971464ade4e&type=agent" frameborder="0"
 					scrolling="no"></iframe>
 			</div>
-		</el-drawer> -->
+		</el-drawer>
 	</div>
 </template>
 
@@ -178,14 +175,16 @@ export default {
 	directives: {
 		// 修改为Vue.directive的现代写法
 		draggable: {
-			bind(el) {
+			bind(el,binding, vnode) {
 				let isDragging = false; // 是否正在拖动
 				let offsetX = 0; // 鼠标与元素的水平偏移
 				let offsetY = 0; // 鼠标与元素的垂直偏移
+				let startTime = ''
 
 				// 鼠标按下事件
 				const onMouseDown = (event) => {
 					isDragging = true;
+					startTime = new Date().getTime();
 					offsetX = event.clientX - el.offsetLeft;
 					offsetY = event.clientY - el.offsetTop;
 
@@ -199,7 +198,8 @@ export default {
 
 				// 鼠标移动事件
 				const onMouseMove = (event) => {
-					if (isDragging) {
+					let endTime = new Date().getTime();
+					if (isDragging && (endTime - startTime > 200)) {
 						// 更新元素的位置
 						el.style.left = `${event.clientX - offsetX}px`;
 						el.style.top = `${event.clientY - offsetY}px`;
@@ -209,11 +209,13 @@ export default {
 				// 鼠标释放事件
 				const onMouseUp = () => {
 					isDragging = false;
-
-					// 恢复文本选择
+					let endTime = new Date().getTime();
+					if(endTime - startTime < 200){
+						if (vnode.context && vnode.context.openxiaoKe) {
+							vnode.context.openxiaoKe();
+						}
+					}
 					document.body.style.userSelect = "";
-
-					// 移除事件监听
 					document.removeEventListener("mousemove", onMouseMove);
 					document.removeEventListener("mouseup", onMouseUp);
 				};
@@ -229,6 +231,9 @@ export default {
 	data() {
 		return {
 			xiaokeDia: false,
+			Full_Screen:false,
+			fullScreen:require('../assets/img/fullScreen.png'),
+			nofullScreen:require('../assets/img/nofullScreen.png'),
 			position: {
 				x: window.innerWidth - 170, // 屏幕宽度减去元素宽度
 				y: window.innerHeight - 180, // 屏幕高度减去元素高度
@@ -295,7 +300,10 @@ export default {
 			logout: "user/logout",
 		}),
 		openxiaoKe(){
+			console.log('666');
+
 			this.xiaokeDia = true;
+			
 		},
 		setHovered(val) {
 			if (val) {