地图纠错前端样式修改

nngkxxdp/src/main/resources/static/naqwzsjtj/naqwzsjtj/src/views/MapDetails.vue

@@ -1,309 +1,309 @@
-<template>
-	<div class="yxnaContent">
-		<!-- 标题 -->
-		<TopTitle :label="title" />
-		<div style="padding: 0px 20px 20px 20px;">
-			<div style="padding-bottom: 10px;position: relative;height: 40px;">
-				<el-button style="position: absolute;right: 20px;" @click="back">返回</el-button>
-			</div>
-			<div style="display: flex;">
-				<!-- 旧地址 -->
-				<div style="width: 49%;display: inline-block;margin-right: 20px;">
-					<el-card class="box-card">
-						<!-- 描述 -->
-						<div style="margin-bottom: 10px;">
-							<el-descriptions title="旧地址信息" :column="1" border>
-								<el-descriptions-item label="名称">{{ data.name }}</el-descriptions-item>
-								<el-descriptions-item label="地址">{{ data.originalAddress }}</el-descriptions-item>
-								<el-descriptions-item label="描述">{{ data.content ? data.content : '暂无描述' }}</el-descriptions-item>
-								<el-descriptions-item label="联系电话">{{ data.tel ? data.tel : '暂无联系电话' }}</el-descriptions-item>
-							</el-descriptions>
-						</div>
-						<!-- 地图 -->
-						<el-card class="box-card">
-						<div>
-							<baidu-map :center="oldMapData.center" :zoom="oldMapData.zoom" class='bm-view' @ready='init'>
-								<bm-marker :position="oldMapData.center" animation="BMAP_ANIMATION_BOUNCE"></bm-marker>
-							</baidu-map>
-						</div>
-						</el-card>
-					</el-card>
-				</div>
-				<!-- 新地址 -->
-				<div style="width: 49%;display: inline-block;">
-					<el-card class="box-card">
-						<!-- 描述 -->
-						<div style="margin-bottom: 10px;">
-							<el-descriptions title="新地址信息" :column="1" border>
-								<el-descriptions-item label="名称">{{ data.name }}</el-descriptions-item>
-								<el-descriptions-item label="地址">{{ data.newAddress }}</el-descriptions-item>
-								<el-descriptions-item label="描述">{{ data.content ? data.content : '暂无描述' }}</el-descriptions-item>
-								<el-descriptions-item label="联系电话">{{ data.tel ? data.tel : '暂无联系电话' }}</el-descriptions-item>
-							</el-descriptions>
-						</div>
-						<!-- 地图 -->
-						<el-card class="box-card">
-						<div>
-							<baidu-map class='bm-view' :center="newMapData.center" :zoom="newMapData.zoom" @ready='init'>
-								<bm-marker :position="newMapData.center" animation="BMAP_ANIMATION_BOUNCE"></bm-marker>
-							</baidu-map>
-						</div>
-						</el-card>
-					</el-card>
-				</div>	
-			</div>
-			
-		</div>
-	</div>
-</template>
-
-<script>
-import TopTitle from '../components/TopTitle'
-
-export default {
-	components: { TopTitle },
-  created() {
-	// 传来的参数
-	var json = localStorage.getItem('mapTempData')
-	if (json) {
-		this.data = JSON.parse(json)
-	}
-	// 传经纬度
-	if (this.isEmpty(this.data.newLongitude)) {
-		this.newMapData.center.lng = this.data.newLongitude
-	}
-	if (this.isEmpty(this.data.newLatitude)) {
-		this.newMapData.center.lat = this.data.newLatitude
-	}
-	if (this.isEmpty(this.data.originalLongitude)) {
-		this.oldMapData.center.lng = this.data.originalLongitude
-	}
-	if (this.isEmpty(this.data.originalLatitude)) {
-		this.oldMapData.center.lat = this.data.originalLatitude
-	}
-  },
-  data() {
-    return {
-        title: '地图详情',
-		data: {},
-		newMapData: {
-			//中心坐标
-			center: {
-			lng: 0,
-			lat: 0
-			},
-			//缩放级别
-			zoom: 20
-		},
-		oldMapData: {
-			//中心坐标
-			center: {
-			lng: 0,
-			lat: 0
-			},
-			//缩放级别
-			zoom: 20
-		}
-    }
-  },
-  methods: {
-	// 初始化地图
-	init({ map }) {
-		// map.centerAndZoom(point, this.mapData.zoom)//缩放级别
-		map.enableScrollWheelZoom(true) //鼠标滚动缩放
-	},
-	isEmpty(str) {
-		if (str && str.length > 0) {
-			return true
-		}
-		return false
-	},
-	// 返回
-	back() {
-		this.$router.go(-1)
-	}
-  }
-}
-</script>
-
-<style>
-.client-tabs {
-  box-shadow: none;
-}
-.bm-view {
-    width: 100%;
-    height: 600px;
-  }
-</style>
-
-<style scoped lang="less">
-/* 禁用后的勾选*/
-/deep/ .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
-    border-color: #def5cb;
-}
-
-/deep/ .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
-    background-color: #157de9;
-    border-color: #DCDFE6;
-}
-
-/deep/ [data-v-2cde7735] .el-upload-list--picture .el-upload-list__item-name {
-    display: block;
-    margin-top: 0px;
-    margin-left: -78px;
-}
-
-/deep/ .el-upload-list--picture .el-upload-list__item {
-    display: flex;
-    flex-direction: column-reverse;
-    width: 100%;
-    height: 100%;
-}
-
-/deep/ .el-upload-list--picture .el-upload-list__item-name i {
-    display: none;
-}
-
-/deep/ .el-upload-list--picture .el-upload-list__item-name {
-    display: block;
-    margin-top: 0px;
-}
-
-/deep/ .el-upload-list--picture .el-upload-list__item-thumbnail {
-    width: 100%;
-    height: 100%;
-}
-
-/deep/ .el-dialog__body {
-    padding: 0 0 30px 20px;
-    color: #606266;
-    font-size: 14px;
-    word-break: break-all;
-}
-
-/deep/ .el-form-item__label {
-    padding: 0;
-}
-
-.yxnaContent {
-    padding: 10px;
-}
-
-.addTitle {
-    font-size: 18px;
-    font-weight: bold;
-    margin-bottom: 10px;
-}
-
-/deep/ .btn-custom-cancel {
-    float: right !important;
-    margin-left: 10px !important;
-}
-
-.add {
-    width: 66px;
-    height: 38px;
-    margin-left: 0;
-}
-
-/deep/ .el-message-box__btns .el-button:nth-child(1) {}
-
-/deep/ .el-message-box__btns .el-button:nth-child(2) {
-    margin-right: 10px;
-    float: right;
-}
-
-/deep/ .el-col-12 {
-    width: 50%;
-    text-align: left;
-}
-
-.search {
-    width: 66px;
-    height: 38px;
-    margin-left: 0;
-}
-
-/deep/ .el-form-item__label {
-    height: 40px;
-    width: 110px;
-    background-color: #FAFAFA;
-    text-align: center;
-    border: 1px solid #DCDFE6;
-    border-radius: 2px 0 0 2px;
-}
-
-/deep/ .el-input__inner {
-    border-radius: 2px 0 0 2px;
-}
-
-.el-select>.el-input {
-    width: 200px;
-}
-
-/deep/ .el-textarea__inner {
-    height: 100px;
-}
-
-
-/deep/ .el-dialog__title {
-    font-size: 14px;
-}
-
-/deep/ .el-pagination__total {
-    margin-left: 10px !important;
-}
-
-.el-pagination {
-    margin: 0;
-    margin-top: 10px;
-    /* position: fixed;
-        left: 13rem; */
-}
-
-/deep/ .el-table--scrollable-x .el-table__body-wrapper {
-    z-index: 2;
-}
-
-.imgBox {
-    width: 100%;
-    /*height: 55vh;*/
-    height: 100%;
-}
-
-.but {
-    width: 36px;
-    height: 22px;
-    padding: 0;
-    font-size: 12px;
-}
-
-.el-checkbox {
-    margin: 0;
-    margin-right: 10px;
-}
-
-/deep/ .bewrite>.el-form-item__label {
-    width: 100%;
-    text-align: left;
-    padding-left: 21px;
-}
-
-/deep/ .el-form--inline .el-form-item {
-    margin-right: 0px;
-}
-
-/deep/ [data-v-2cde7735] .el-form-item__label {
-    border: 1px solid #DCDFE6;
-    /*border-right: transparent;*/
-}
-
-/*    空白框*/
-/deep/ .formTempBox {
-    height: 38px;
-    border: 1px solid #DCDFE6;
-    width: 100%;
-    border-left: transparent;
-    background-color: #FAFAFA;
-}
-</style>
+<template>
+	<div class="yxnaContent">
+		<!-- 标题 -->
+		<TopTitle :label="title" style="padding-left: 10px;padding-top: 10px;" />
+		<div style="background-color: #ffffff;">
+			<div style="padding-bottom: 10px;position: relative;height: 40px;">
+				<el-button style="position: absolute;right: 20px;" @click="back" type="primary">返回</el-button>
+			</div>
+			<div style="padding: 0px 10px 0px 10px; display: flex;">
+				<!-- 旧地址 -->
+				<div style="width: 49%;display: inline-block;margin-right: 25px;">
+					<el-card class="box-card">
+						<!-- 描述 -->
+						<div style="margin-bottom: 10px;">
+							<el-descriptions title="旧地址信息" :column="1" border>
+								<el-descriptions-item label="名称">{{ data.name }}</el-descriptions-item>
+								<el-descriptions-item label="地址">{{ data.originalAddress }}</el-descriptions-item>
+								<el-descriptions-item label="描述">{{ data.content ? data.content : '暂无描述' }}</el-descriptions-item>
+								<el-descriptions-item label="联系电话">{{ data.tel ? data.tel : '暂无联系电话' }}</el-descriptions-item>
+							</el-descriptions>
+						</div>
+						<!-- 地图 -->
+						<el-card class="box-card">
+						<div>
+							<baidu-map :center="oldMapData.center" :zoom="oldMapData.zoom" class='bm-view' @ready='init'>
+								<bm-marker :position="oldMapData.center" animation="BMAP_ANIMATION_BOUNCE"></bm-marker>
+							</baidu-map>
+						</div>
+						</el-card>
+					</el-card>
+				</div>
+				<!-- 新地址 -->
+				<div style="width: 49%;display: inline-block;">
+					<el-card class="box-card">
+						<!-- 描述 -->
+						<div style="margin-bottom: 10px;">
+							<el-descriptions title="新地址信息" :column="1" border>
+								<el-descriptions-item label="名称">{{ data.name }}</el-descriptions-item>
+								<el-descriptions-item label="地址">{{ data.newAddress }}</el-descriptions-item>
+								<el-descriptions-item label="描述">{{ data.content ? data.content : '暂无描述' }}</el-descriptions-item>
+								<el-descriptions-item label="联系电话">{{ data.tel ? data.tel : '暂无联系电话' }}</el-descriptions-item>
+							</el-descriptions>
+						</div>
+						<!-- 地图 -->
+						<el-card class="box-card">
+						<div>
+							<baidu-map class='bm-view' :center="newMapData.center" :zoom="newMapData.zoom" @ready='init'>
+								<bm-marker :position="newMapData.center" animation="BMAP_ANIMATION_BOUNCE"></bm-marker>
+							</baidu-map>
+						</div>
+						</el-card>
+					</el-card>
+				</div>	
+			</div>
+			
+		</div>
+	</div>
+</template>
+
+<script>
+import TopTitle from '../components/TopTitle'
+
+export default {
+	components: { TopTitle },
+  created() {
+	// 传来的参数
+	var json = localStorage.getItem('mapTempData')
+	if (json) {
+		this.data = JSON.parse(json)
+	}
+	// 传经纬度
+	if (this.isEmpty(this.data.newLongitude)) {
+		this.newMapData.center.lng = this.data.newLongitude
+	}
+	if (this.isEmpty(this.data.newLatitude)) {
+		this.newMapData.center.lat = this.data.newLatitude
+	}
+	if (this.isEmpty(this.data.originalLongitude)) {
+		this.oldMapData.center.lng = this.data.originalLongitude
+	}
+	if (this.isEmpty(this.data.originalLatitude)) {
+		this.oldMapData.center.lat = this.data.originalLatitude
+	}
+  },
+  data() {
+    return {
+        title: '地图详情',
+		data: {},
+		newMapData: {
+			//中心坐标
+			center: {
+			lng: 0,
+			lat: 0
+			},
+			//缩放级别
+			zoom: 20
+		},
+		oldMapData: {
+			//中心坐标
+			center: {
+			lng: 0,
+			lat: 0
+			},
+			//缩放级别
+			zoom: 20
+		}
+    }
+  },
+  methods: {
+	// 初始化地图
+	init({ map }) {
+		// map.centerAndZoom(point, this.mapData.zoom)//缩放级别
+		map.enableScrollWheelZoom(true) //鼠标滚动缩放
+	},
+	isEmpty(str) {
+		if (str && str.length > 0) {
+			return true
+		}
+		return false
+	},
+	// 返回
+	back() {
+		this.$router.go(-1)
+	}
+  }
+}
+</script>
+
+<style>
+.client-tabs {
+  box-shadow: none;
+}
+.bm-view {
+    width: 100%;
+    height: 600px;
+  }
+</style>
+
+<style scoped lang="less">
+/* 禁用后的勾选*/
+/deep/ .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
+    border-color: #def5cb;
+}
+
+/deep/ .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
+    background-color: #157de9;
+    border-color: #DCDFE6;
+}
+
+/deep/ [data-v-2cde7735] .el-upload-list--picture .el-upload-list__item-name {
+    display: block;
+    margin-top: 0px;
+    margin-left: -78px;
+}
+
+/deep/ .el-upload-list--picture .el-upload-list__item {
+    display: flex;
+    flex-direction: column-reverse;
+    width: 100%;
+    height: 100%;
+}
+
+/deep/ .el-upload-list--picture .el-upload-list__item-name i {
+    display: none;
+}
+
+/deep/ .el-upload-list--picture .el-upload-list__item-name {
+    display: block;
+    margin-top: 0px;
+}
+
+/deep/ .el-upload-list--picture .el-upload-list__item-thumbnail {
+    width: 100%;
+    height: 100%;
+}
+
+/deep/ .el-dialog__body {
+    padding: 0 0 30px 20px;
+    color: #606266;
+    font-size: 14px;
+    word-break: break-all;
+}
+
+/deep/ .el-form-item__label {
+    padding: 0;
+}
+
+.yxnaContent {
+    padding: 0px;
+}
+
+.addTitle {
+    font-size: 18px;
+    font-weight: bold;
+    margin-bottom: 10px;
+}
+
+/deep/ .btn-custom-cancel {
+    float: right !important;
+    margin-left: 10px !important;
+}
+
+.add {
+    width: 66px;
+    height: 38px;
+    margin-left: 0;
+}
+
+/deep/ .el-message-box__btns .el-button:nth-child(1) {}
+
+/deep/ .el-message-box__btns .el-button:nth-child(2) {
+    margin-right: 10px;
+    float: right;
+}
+
+/deep/ .el-col-12 {
+    width: 50%;
+    text-align: left;
+}
+
+.search {
+    width: 66px;
+    height: 38px;
+    margin-left: 0;
+}
+
+/deep/ .el-form-item__label {
+    height: 40px;
+    width: 110px;
+    background-color: #FAFAFA;
+    text-align: center;
+    border: 1px solid #DCDFE6;
+    border-radius: 2px 0 0 2px;
+}
+
+/deep/ .el-input__inner {
+    border-radius: 2px 0 0 2px;
+}
+
+.el-select>.el-input {
+    width: 200px;
+}
+
+/deep/ .el-textarea__inner {
+    height: 100px;
+}
+
+
+/deep/ .el-dialog__title {
+    font-size: 14px;
+}
+
+/deep/ .el-pagination__total {
+    margin-left: 10px !important;
+}
+
+.el-pagination {
+    margin: 0;
+    margin-top: 10px;
+    /* position: fixed;
+        left: 13rem; */
+}
+
+/deep/ .el-table--scrollable-x .el-table__body-wrapper {
+    z-index: 2;
+}
+
+.imgBox {
+    width: 100%;
+    /*height: 55vh;*/
+    height: 100%;
+}
+
+.but {
+    width: 36px;
+    height: 22px;
+    padding: 0;
+    font-size: 12px;
+}
+
+.el-checkbox {
+    margin: 0;
+    margin-right: 10px;
+}
+
+/deep/ .bewrite>.el-form-item__label {
+    width: 100%;
+    text-align: left;
+    padding-left: 21px;
+}
+
+/deep/ .el-form--inline .el-form-item {
+    margin-right: 0px;
+}
+
+/deep/ [data-v-2cde7735] .el-form-item__label {
+    border: 1px solid #DCDFE6;
+    /*border-right: transparent;*/
+}
+
+/*    空白框*/
+/deep/ .formTempBox {
+    height: 38px;
+    border: 1px solid #DCDFE6;
+    width: 100%;
+    border-left: transparent;
+    background-color: #FAFAFA;
+}
+</style>

nngkxxdp/src/main/resources/static/naqwzsjtj/naqwzsjtj/yxnaht/index.html

@@ -1 +1 @@
-<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Vue App</title><link href="css/app.4cbb18a5.css" rel="preload" as="style"><link href="css/chunk-vendors.6438a5d4.css" rel="preload" as="style"><link href="js/app.3990cb7d.js" rel="preload" as="script"><link href="js/chunk-vendors.2b17d3ff.js" rel="preload" as="script"><link href="css/chunk-vendors.6438a5d4.css" rel="stylesheet"><link href="css/app.4cbb18a5.css" rel="stylesheet"></head><body><div id="app"></div><script src="js/chunk-vendors.2b17d3ff.js"></script><script src="js/app.3990cb7d.js"></script></body></html>
+<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Vue App</title><link href="css/app.5782e970.css" rel="preload" as="style"><link href="css/chunk-vendors.6438a5d4.css" rel="preload" as="style"><link href="js/app.62e05f68.js" rel="preload" as="script"><link href="js/chunk-vendors.2b17d3ff.js" rel="preload" as="script"><link href="css/chunk-vendors.6438a5d4.css" rel="stylesheet"><link href="css/app.5782e970.css" rel="stylesheet"></head><body><div id="app"></div><script src="js/chunk-vendors.2b17d3ff.js"></script><script src="js/app.62e05f68.js"></script></body></html>

nngkxxdp/src/main/resources/static/yxnaht/index.html

@@ -1 +1 @@
-<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Vue App</title><link href="css/app.4cbb18a5.css" rel="preload" as="style"><link href="css/chunk-vendors.6438a5d4.css" rel="preload" as="style"><link href="js/app.3990cb7d.js" rel="preload" as="script"><link href="js/chunk-vendors.2b17d3ff.js" rel="preload" as="script"><link href="css/chunk-vendors.6438a5d4.css" rel="stylesheet"><link href="css/app.4cbb18a5.css" rel="stylesheet"></head><body><div id="app"></div><script src="js/chunk-vendors.2b17d3ff.js"></script><script src="js/app.3990cb7d.js"></script></body></html>
+<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Vue App</title><link href="css/app.5782e970.css" rel="preload" as="style"><link href="css/chunk-vendors.6438a5d4.css" rel="preload" as="style"><link href="js/app.62e05f68.js" rel="preload" as="script"><link href="js/chunk-vendors.2b17d3ff.js" rel="preload" as="script"><link href="css/chunk-vendors.6438a5d4.css" rel="stylesheet"><link href="css/app.5782e970.css" rel="stylesheet"></head><body><div id="app"></div><script src="js/chunk-vendors.2b17d3ff.js"></script><script src="js/app.62e05f68.js"></script></body></html>