diff --git a/index.html b/index.html index 8be7069..c801c4c 100644 --- a/index.html +++ b/index.html @@ -37,9 +37,4 @@ <%- devtoolScript %> - diff --git a/index.html b/index.html index 8be7069..c801c4c 100644 --- a/index.html +++ b/index.html @@ -37,9 +37,4 @@ <%- devtoolScript %> - diff --git a/src/App.vue b/src/App.vue index ec22623..5adc049 100644 --- a/src/App.vue +++ b/src/App.vue @@ -96,6 +96,8 @@ document.body.style.setProperty('--g-sub-sidebar-menu-hover-color', '#008D68') document.body.style.setProperty('--color', '#008D68') document.body.style.setProperty('--el-button-hover-bg-color', '#41A877') + document.body.style.setProperty('--el-button-hover-border-color', '#41A877') + document.body.style.setProperty('--el-button-active-color', '#41A877') }) @@ -110,3 +112,11 @@ + + diff --git a/index.html b/index.html index 8be7069..c801c4c 100644 --- a/index.html +++ b/index.html @@ -37,9 +37,4 @@ <%- devtoolScript %> - diff --git a/src/App.vue b/src/App.vue index ec22623..5adc049 100644 --- a/src/App.vue +++ b/src/App.vue @@ -96,6 +96,8 @@ document.body.style.setProperty('--g-sub-sidebar-menu-hover-color', '#008D68') document.body.style.setProperty('--color', '#008D68') document.body.style.setProperty('--el-button-hover-bg-color', '#41A877') + document.body.style.setProperty('--el-button-hover-border-color', '#41A877') + document.body.style.setProperty('--el-button-active-color', '#41A877') }) @@ -110,3 +112,11 @@ + + diff --git a/src/components/SelectLocationMap/map/index.vue b/src/components/SelectLocationMap/map/index.vue index d751989..8531d7a 100644 --- a/src/components/SelectLocationMap/map/index.vue +++ b/src/components/SelectLocationMap/map/index.vue @@ -21,7 +21,6 @@ const AMap1 = ref() const remarkRef = ref() const placeSearchRef = ref() -const searchList = ref() // 地图点击事件 const clickHandler = function (e) { const location = [e.lnglat.getLng(), e.lnglat.getLat()] @@ -67,7 +66,7 @@ // city: "010", // 兴趣点城市 citylimit: false, // 是否强制限制在设置的城市内搜索 map: map.value, // 展现结果的地图实例 - panel: 'info', // 结果列表将在此容器中进行展示。 + panel: 'result', // 结果列表将在此容器中进行展示。 autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围 }) placeSearchRef.value = placeSearch @@ -91,7 +90,9 @@ const search = ref('') watch(() => search.value, (newVal) => { if (newVal) { - placeSearchRef.value.search(newVal) + placeSearchRef.value.search(newVal, (a, b) => { + console.log(a, b, 'assss') + }) } else { placeSearchRef.value.clear() @@ -112,7 +113,7 @@ -
+
@@ -121,11 +122,12 @@ position: relative; } -#info { +#result { width: 270px; position: absolute; top: 34px; right: 0; + height: 100px; } #map { diff --git a/index.html b/index.html index 8be7069..c801c4c 100644 --- a/index.html +++ b/index.html @@ -37,9 +37,4 @@ <%- devtoolScript %> - diff --git a/src/App.vue b/src/App.vue index ec22623..5adc049 100644 --- a/src/App.vue +++ b/src/App.vue @@ -96,6 +96,8 @@ document.body.style.setProperty('--g-sub-sidebar-menu-hover-color', '#008D68') document.body.style.setProperty('--color', '#008D68') document.body.style.setProperty('--el-button-hover-bg-color', '#41A877') + document.body.style.setProperty('--el-button-hover-border-color', '#41A877') + document.body.style.setProperty('--el-button-active-color', '#41A877') }) @@ -110,3 +112,11 @@ + + diff --git a/src/components/SelectLocationMap/map/index.vue b/src/components/SelectLocationMap/map/index.vue index d751989..8531d7a 100644 --- a/src/components/SelectLocationMap/map/index.vue +++ b/src/components/SelectLocationMap/map/index.vue @@ -21,7 +21,6 @@ const AMap1 = ref() const remarkRef = ref() const placeSearchRef = ref() -const searchList = ref() // 地图点击事件 const clickHandler = function (e) { const location = [e.lnglat.getLng(), e.lnglat.getLat()] @@ -67,7 +66,7 @@ // city: "010", // 兴趣点城市 citylimit: false, // 是否强制限制在设置的城市内搜索 map: map.value, // 展现结果的地图实例 - panel: 'info', // 结果列表将在此容器中进行展示。 + panel: 'result', // 结果列表将在此容器中进行展示。 autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围 }) placeSearchRef.value = placeSearch @@ -91,7 +90,9 @@ const search = ref('') watch(() => search.value, (newVal) => { if (newVal) { - placeSearchRef.value.search(newVal) + placeSearchRef.value.search(newVal, (a, b) => { + console.log(a, b, 'assss') + }) } else { placeSearchRef.value.clear() @@ -112,7 +113,7 @@
-
+
@@ -121,11 +122,12 @@ position: relative; } -#info { +#result { width: 270px; position: absolute; top: 34px; right: 0; + height: 100px; } #map { diff --git a/src/components/map/index.vue b/src/components/map/index.vue index f48e375..eb370a9 100644 --- a/src/components/map/index.vue +++ b/src/components/map/index.vue @@ -100,6 +100,7 @@ imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量,适于雪碧图等 }) const marker = new AMap.Marker({ + zooms: [16, 20], position: markerArr.value[i], // 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9] map: map.value, title: '测试坐标', @@ -140,6 +141,7 @@ }) // const content = '
111
' const marker = new AMap.Marker({ + zooms: [16, 20], position: markerArr1.value[i], // 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9] map: map.value, title: '测试坐标', @@ -164,6 +166,7 @@ }) }) marker.setLabel({ + zooms: [16, 20], offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量 content: `
${markerArrInfo1.value[i].stationName}
`, // 设置文本标注内容 direction: 'right', // 设置文本标注方位 diff --git a/index.html b/index.html index 8be7069..c801c4c 100644 --- a/index.html +++ b/index.html @@ -37,9 +37,4 @@ <%- devtoolScript %> - diff --git a/src/App.vue b/src/App.vue index ec22623..5adc049 100644 --- a/src/App.vue +++ b/src/App.vue @@ -96,6 +96,8 @@ document.body.style.setProperty('--g-sub-sidebar-menu-hover-color', '#008D68') document.body.style.setProperty('--color', '#008D68') document.body.style.setProperty('--el-button-hover-bg-color', '#41A877') + document.body.style.setProperty('--el-button-hover-border-color', '#41A877') + document.body.style.setProperty('--el-button-active-color', '#41A877') }) @@ -110,3 +112,11 @@ + + diff --git a/src/components/SelectLocationMap/map/index.vue b/src/components/SelectLocationMap/map/index.vue index d751989..8531d7a 100644 --- a/src/components/SelectLocationMap/map/index.vue +++ b/src/components/SelectLocationMap/map/index.vue @@ -21,7 +21,6 @@ const AMap1 = ref() const remarkRef = ref() const placeSearchRef = ref() -const searchList = ref() // 地图点击事件 const clickHandler = function (e) { const location = [e.lnglat.getLng(), e.lnglat.getLat()] @@ -67,7 +66,7 @@ // city: "010", // 兴趣点城市 citylimit: false, // 是否强制限制在设置的城市内搜索 map: map.value, // 展现结果的地图实例 - panel: 'info', // 结果列表将在此容器中进行展示。 + panel: 'result', // 结果列表将在此容器中进行展示。 autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围 }) placeSearchRef.value = placeSearch @@ -91,7 +90,9 @@ const search = ref('') watch(() => search.value, (newVal) => { if (newVal) { - placeSearchRef.value.search(newVal) + placeSearchRef.value.search(newVal, (a, b) => { + console.log(a, b, 'assss') + }) } else { placeSearchRef.value.clear() @@ -112,7 +113,7 @@
-
+
@@ -121,11 +122,12 @@ position: relative; } -#info { +#result { width: 270px; position: absolute; top: 34px; right: 0; + height: 100px; } #map { diff --git a/src/components/map/index.vue b/src/components/map/index.vue index f48e375..eb370a9 100644 --- a/src/components/map/index.vue +++ b/src/components/map/index.vue @@ -100,6 +100,7 @@ imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量,适于雪碧图等 }) const marker = new AMap.Marker({ + zooms: [16, 20], position: markerArr.value[i], // 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9] map: map.value, title: '测试坐标', @@ -140,6 +141,7 @@ }) // const content = '
111
' const marker = new AMap.Marker({ + zooms: [16, 20], position: markerArr1.value[i], // 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9] map: map.value, title: '测试坐标', @@ -164,6 +166,7 @@ }) }) marker.setLabel({ + zooms: [16, 20], offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量 content: `
${markerArrInfo1.value[i].stationName}
`, // 设置文本标注内容 direction: 'right', // 设置文本标注方位 diff --git a/src/views/data/device/pageAdd.vue b/src/views/data/device/pageAdd.vue index e311486..4892a7d 100644 --- a/src/views/data/device/pageAdd.vue +++ b/src/views/data/device/pageAdd.vue @@ -157,77 +157,63 @@ + + diff --git a/src/components/SelectLocationMap/map/index.vue b/src/components/SelectLocationMap/map/index.vue index d751989..8531d7a 100644 --- a/src/components/SelectLocationMap/map/index.vue +++ b/src/components/SelectLocationMap/map/index.vue @@ -21,7 +21,6 @@ const AMap1 = ref() const remarkRef = ref() const placeSearchRef = ref() -const searchList = ref() // 地图点击事件 const clickHandler = function (e) { const location = [e.lnglat.getLng(), e.lnglat.getLat()] @@ -67,7 +66,7 @@ // city: "010", // 兴趣点城市 citylimit: false, // 是否强制限制在设置的城市内搜索 map: map.value, // 展现结果的地图实例 - panel: 'info', // 结果列表将在此容器中进行展示。 + panel: 'result', // 结果列表将在此容器中进行展示。 autoFitView: true, // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围 }) placeSearchRef.value = placeSearch @@ -91,7 +90,9 @@ const search = ref('') watch(() => search.value, (newVal) => { if (newVal) { - placeSearchRef.value.search(newVal) + placeSearchRef.value.search(newVal, (a, b) => { + console.log(a, b, 'assss') + }) } else { placeSearchRef.value.clear() @@ -112,7 +113,7 @@
-
+
@@ -121,11 +122,12 @@ position: relative; } -#info { +#result { width: 270px; position: absolute; top: 34px; right: 0; + height: 100px; } #map { diff --git a/src/components/map/index.vue b/src/components/map/index.vue index f48e375..eb370a9 100644 --- a/src/components/map/index.vue +++ b/src/components/map/index.vue @@ -100,6 +100,7 @@ imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量,适于雪碧图等 }) const marker = new AMap.Marker({ + zooms: [16, 20], position: markerArr.value[i], // 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9] map: map.value, title: '测试坐标', @@ -140,6 +141,7 @@ }) // const content = '
111
' const marker = new AMap.Marker({ + zooms: [16, 20], position: markerArr1.value[i], // 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9] map: map.value, title: '测试坐标', @@ -164,6 +166,7 @@ }) }) marker.setLabel({ + zooms: [16, 20], offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量 content: `
${markerArrInfo1.value[i].stationName}
`, // 设置文本标注内容 direction: 'right', // 设置文本标注方位 diff --git a/src/views/data/device/pageAdd.vue b/src/views/data/device/pageAdd.vue index e311486..4892a7d 100644 --- a/src/views/data/device/pageAdd.vue +++ b/src/views/data/device/pageAdd.vue @@ -157,77 +157,63 @@ @@ -121,11 +122,12 @@ position: relative; } -#info { +#result { width: 270px; position: absolute; top: 34px; right: 0; + height: 100px; } #map { diff --git a/src/components/map/index.vue b/src/components/map/index.vue index f48e375..eb370a9 100644 --- a/src/components/map/index.vue +++ b/src/components/map/index.vue @@ -100,6 +100,7 @@ imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量,适于雪碧图等 }) const marker = new AMap.Marker({ + zooms: [16, 20], position: markerArr.value[i], // 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9] map: map.value, title: '测试坐标', @@ -140,6 +141,7 @@ }) // const content = '
111
' const marker = new AMap.Marker({ + zooms: [16, 20], position: markerArr1.value[i], // 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9] map: map.value, title: '测试坐标', @@ -164,6 +166,7 @@ }) }) marker.setLabel({ + zooms: [16, 20], offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量 content: `
${markerArrInfo1.value[i].stationName}
`, // 设置文本标注内容 direction: 'right', // 设置文本标注方位 diff --git a/src/views/data/device/pageAdd.vue b/src/views/data/device/pageAdd.vue index e311486..4892a7d 100644 --- a/src/views/data/device/pageAdd.vue +++ b/src/views/data/device/pageAdd.vue @@ -157,77 +157,63 @@ @@ -121,11 +122,12 @@ position: relative; } -#info { +#result { width: 270px; position: absolute; top: 34px; right: 0; + height: 100px; } #map { diff --git a/src/components/map/index.vue b/src/components/map/index.vue index f48e375..eb370a9 100644 --- a/src/components/map/index.vue +++ b/src/components/map/index.vue @@ -100,6 +100,7 @@ imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量,适于雪碧图等 }) const marker = new AMap.Marker({ + zooms: [16, 20], position: markerArr.value[i], // 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9] map: map.value, title: '测试坐标', @@ -140,6 +141,7 @@ }) // const content = '
111
' const marker = new AMap.Marker({ + zooms: [16, 20], position: markerArr1.value[i], // 经纬度对象,也可以是经纬度构成的一维数组[116.39, 39.9] map: map.value, title: '测试坐标', @@ -164,6 +166,7 @@ }) }) marker.setLabel({ + zooms: [16, 20], offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量 content: `
${markerArrInfo1.value[i].stationName}
`, // 设置文本标注内容 direction: 'right', // 设置文本标注方位 diff --git a/src/views/data/device/pageAdd.vue b/src/views/data/device/pageAdd.vue index e311486..4892a7d 100644 --- a/src/views/data/device/pageAdd.vue +++ b/src/views/data/device/pageAdd.vue @@ -157,77 +157,63 @@