From 12d6cdda86f1801793c58c7693bf4664e7826ecd Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期二, 18 七月 2023 17:29:31 +0800
Subject: [PATCH] 阴影分析,坡度破向分析

---
 src/views/export/exportMap.vue |   46 +++++++++++++++++++++++++++++++++++++++++-----
 1 files changed, 41 insertions(+), 5 deletions(-)

diff --git a/src/views/export/exportMap.vue b/src/views/export/exportMap.vue
index 00f3196..a98663b 100644
--- a/src/views/export/exportMap.vue
+++ b/src/views/export/exportMap.vue
@@ -7,7 +7,9 @@
       <div class="menuTitle">鍦板浘璁捐</div>
       <div class="menmuContent">
         <div class="contentTitle">
-          <div class="contentImg"></div>
+          <div class="contentImg">
+
+          </div>
           鍥句欢淇℃伅
         </div>
         <div class="contentBox">
@@ -17,7 +19,13 @@
           </div>
           <p>鍒朵綔鏃ユ湡</p>
           <div class="contentInput">
-            <el-input v-model="exportFrom.date"></el-input>
+            <!-- <el-input v-model="exportFrom.date"></el-input> -->
+            <el-date-picker
+              v-model="exportFrom.date"
+              style="width: 100%;"
+              type="date"
+              placeholder="Pick a day"
+            />
           </div>
           <p>鍒朵綔鍗曚綅</p>
           <div class="contentInput">
@@ -49,7 +57,13 @@
         <div class="contentBox">
           <p>DPI</p>
           <div class="contentInput">
-            <el-input v-model="exportFrom.name"></el-input>
+            <!-- <el-input v-model="exportFrom.name"></el-input> -->
+            <el-input-number
+              style="width: 100%;"
+              v-model="exportFrom.name"
+              :min="1"
+              :max="10"
+            />
           </div>
           <p>瀵煎嚭鏍煎紡</p>
           <div class="contentInput">
@@ -91,12 +105,17 @@
       </div>
     </div>
     <div class="rightMap">
-
+      <el-image
+        style="width: 100%; height: 100%;"
+        :src="url"
+        fit="fill"
+      />
     </div>
   </div>
 </template>
 
 <script lang="ts" setup>
+import store from "@/store";
 import {
   ref,
   onMounted,
@@ -105,16 +124,27 @@
   defineProps,
   defineEmits,
 } from "vue";
-
+import canvas2image from "@/assets/js/canvas2image";
 const emits = defineEmits(["SETexportMap"]);
 const exportFrom = ref({
   name: "",
   date: "",
   dep: "",
 });
+const url = ref("");
 const editExport = () => {
   emits("SETexportMap", false);
 };
+const setImgStart = () => {
+  // window.Viewer.scene.render();
+  const myCanvas = window.Viewer.scene.canvas;
+  var res = canvas2image.convertToImage(myCanvas, "869", "783", "png");
+  debugger;
+  url.value = res.src;
+};
+onMounted((res) => {
+  setImgStart();
+});
 </script>
  
 
@@ -141,6 +171,12 @@
   display: flex;
   flex-direction: column;
 }
+.rightMap {
+  height: calc(100% - 20px);
+  width: 849px;
+  border-right: 1px solid #d6e4ff;
+  padding: 10px;
+}
 .menmuContent {
   flex: 1;
   width: 100%;

--
Gitblit v1.9.3