From 829f5116884f98643ffc5b2a548a600d40c0cedb Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期一, 14 四月 2025 23:09:32 +0800
Subject: [PATCH] 处理图片显示问题
---
src/views/systemSetting/device/grid/components/components/dialogForm.vue | 27 ++++++++++++++++++++++++---
1 files changed, 24 insertions(+), 3 deletions(-)
diff --git a/src/views/systemSetting/device/grid/components/components/dialogForm.vue b/src/views/systemSetting/device/grid/components/components/dialogForm.vue
index 3f2ca32..d03c0c4 100644
--- a/src/views/systemSetting/device/grid/components/components/dialogForm.vue
+++ b/src/views/systemSetting/device/grid/components/components/dialogForm.vue
@@ -39,7 +39,8 @@
</el-form-item>
<el-form-item class="optionItem" label="鎻忚堪:" prop="description">
- <el-input type="textarea"
+ <el-input
+ type="textarea"
v-model="form.description"
placeholder="璇峰～鍐欐弿杩�"
:rows="4"
@@ -48,7 +49,10 @@
<el-form-item class="optionItem" label="璐ｄ换鍖哄煙:" prop="region">
<Map
- style="width: 400px; height: 300px"
+ :point="point"
+ :zoom="zoom"
+ @getRegion="getRegion"
+ style="width: 600px; height: 400px"
:region="form.region"
></Map>
</el-form-item>
@@ -68,7 +72,7 @@
</div>
</template>
<script>
-import Map from "./map.vue";
+import Map from "./leafletMap.vue";
import { createNamespacedHelpers } from "vuex";
const { mapActions } = createNamespacedHelpers("orgGrid");
@@ -111,11 +115,18 @@
children: "children",
label: "departName",
},
+ point: { x: "119.27179890", y: "28.59027084" },
+ zoom: 15,
};
},
created() {
// 鍒濆鍖栨暟鎹�
this.form = this.info;
+ if (this.info.center) {
+ var center = JSON.parse(this.info.center);
+ this.point = { x: center[0], y: center[1] };
+ this.zoom = this.info.zoom;
+ }
},
watch: {
@@ -152,6 +163,16 @@
}
});
},
+ getRegion(e) {
+ // this.form.center = JSON.stringify([
+ // e.map.getCenter().lng,
+ // e.map.getCenter().lat,
+ // ]);
+ // this.form.zoom = e.map.getZoom();
+ this.form.center = JSON.stringify(e.center);
+ this.form.zoom = e.zoom;
+ this.form.region = JSON.stringify(e.path);
+ },
},
props: ["info", "closeDialog"],
};
--
Gitblit v1.8.0