2 жил өмнө · 739a3e5f36
--- a/src/components/CrMap/DrawTools.js
+++ b/src/components/CrMap/DrawTools.js
--- a/src/components/jt-dialog/dialog.vue
+++ b/src/components/jt-dialog/dialog.vue
@@ -64,7 +64,7 @@ export default {
 
				 		},
			
 
				 		right: {
			
 
				 			type: String,
			
 
				-			default: '10px'
			
 
				+			default: '0px'
			
 
				 		},
			
 
				 		direction: {
			
 
				 			type: String, //弹出方向
			
@@ -133,7 +133,6 @@ export default {
 
				 // el-dialog 加上scoped不起效果
			
 
				 .jt-dialog {
			
 
				 	pointer-events: none; // ***覆盖层元素增加可穿透点击事件***
			
 
				-
			
 
				 	.el-dialog {
			
 
				 		pointer-events: auto; // ***弹窗层元素不可穿透点击事件（不影响弹窗层元素的点击事件）***
			
 
				 		position: absolute !important; //将通知框的position改成absolute，可以在某个div进行显示
			
@@ -142,6 +141,8 @@ export default {
 
				 		min-width: 300px;
			
 
				 		overflow: hidden;
			
 
				 
			
 
				+		margin-top: 0px !important;
			
 
				+
			
 
				 		.el-dialog__header {
			
 
				 			background: url('../../assets/image/backheader.png') no-repeat;
			
 
				 			margin-right: 0px;
			
--- a/src/components/jt-dialog/dialogEditProperty.vue
+++ b/src/components/jt-dialog/dialogEditProperty.vue
@@ -6,7 +6,7 @@
 
				 			:destroy-on-close="false"
			
 
				 			v-model="dialogVisible"
			
 
				 			:title="title"
			
 
				-			:style="{ left: '120px', background: 'rgb(0 44 126 / 68%)', height: '400px', width: '180px', top: '100px' }"
			
 
				+			:style="{ left: '0px', background: 'rgb(0 44 126 / 68%)', height: 'calc(100% - 50px)', width: '180px', top: '0px' }"
			
 
				 			@close="closeDialog"
			
 
				 			@open="openDialog"
			
 
				 		>
			
@@ -507,6 +507,8 @@ function openDialog() {
 
				 		min-width: 280px;
			
 
				 		overflow: hidden;
			
 
				 
			
 
				+		margin-top: 0px;
			
 
				+
			
 
				 		/* 对话框标题头样式 */
			
 
				 		.el-dialog__header {
			
 
				 			background: url('../../assets/image/backheader.png') no-repeat;
			
--- a/src/demo.html
+++ b/src/demo.html
@@ -8,24 +8,8 @@
 
				 		</style>

			
 
				 	</head>

			
 
				 	<body>

			
 
				-		<!-- <div

			
 
				-			style="width: 120px;background-color: rgba(0, 0, 0, 0.85);border-radius: 5px;display: flex;flex-direction: column;padding: 8px;justify-content: center;position: absolute;bottom: 50px;right: 50px;">

			
 
				-			<button

			
 
				-				style="margin-bottom: 8px;height: 30px;background-color: rgba(52, 137, 255, 1.0);color: rgb(255, 255, 255);border: 0px solid red;border-radius: 5px;">回退</button>

			
 
				-			<button

			
 
				-				style="height: 30px;background-color: rgba(88, 185, 45, 1.0);color: rgb(255, 255, 255);border: 0px solid red;border-radius: 5px;">完成</button>

			
 
				-		</div> -->

			
 
				-		<div id="btnDemo">测试</div>

			
 
				+		<div></div>

			
 
				 	</body>

			
 
				 </html>

			
 
				 <script>

			
 
				-	let btnDemo = document.getElementById('btnDemo');

			
 
				-	btnDemo.addEventListener('pointerdown', function() {

			
 
				-		console.log("LLL");

			
 
				-	})

			
 
				-

			
 
				-	console.log(btnDemo);

			
 
				-	var evt = document.createEvent("Event");

			
 
				-	evt.initEvent("pointerdown", true, true);

			
 
				-	window.dispatchEvent(evt);

			
 
				 </script>
			
--- a/src/pages/tab-cmap.vue
+++ b/src/pages/tab-cmap.vue
@@ -6,7 +6,7 @@
 
				 	<view class="cr-tools-right">
			
 
				 		<ToolButton v-for="(item, index) in rightTools" :id="item.id" :title="item.title" :describe="item.describe" :icon="item.icon" @onclick="onToolsClick" />
			
 
				 	</view>
			
 
				-	<jtDialog class="jt-tools-dialog" :showDialog="showDialog" title="动态标绘" height="650px" width="300px" @closeJTDialog="closeDialog">
			
 
				+	<jtDialog class="jt-tools-dialog" :showDialog="showDialog" title="动态标绘" height="calc(100% - 50px)" width="300px" top="0px" @closeJTDialog="closeDialog">
			
 
				 		<el-row :gutter="20">
			
 
				 			<el-col :span="8" v-for="(item, index) in dynamicDrawTools" @click="onDrawToolsClick(item)">
			
 
				 				<el-avatar shape="circle" :size="50" style="background-color: bisque;"><i :class="item.iconName" /></el-avatar>
			
@@ -526,6 +526,7 @@ export default {
 
				 
			
 
				 /* 工具框样式 */
			
 
				 .jt-tools-dialog {
			
 
				+	top: 0px;
			
 
				 	.el-col {
			
 
				 		padding: 10px;
			
 
				 	}