分析库

src/renderer/src/views/components/propertyBox/FlyRoam.vue

@@ -0,0 +1,157 @@
+<template>
+  <Dialog
+    ref="baseDialog"
+    class="fly-roam"
+    title="飞行漫游"
+    left="180px"
+    top="100px"
+    :closeCallback="closeCallBack"
+  >
+    <template #content v-if="show">
+      <span class="custom-divider"></span>
+      <div class="div-item">
+        <div class="row">
+          <div class="col">
+            <span class="label">名称</span>
+            <input class="input" type="text" name="name" />
+          </div>
+          <div class="col"></div>
+        </div>
+      </div>
+      <span class="custom-divider"></span>
+      <div class="div-item">
+        <div class="row">
+          <div class="col">
+            <input
+              type="checkbox"
+              name="isTotalTime"
+              style="
+                width: 16px;
+                line-height: 15px;
+                height: 15px;
+                cursor: pointer;
+                width: auto;
+                margin-right: 5px;
+              "
+            />
+            <span class="label">设置总时长</span>
+            <div class="input-number input-number-unit-3">
+              <input
+                class="input total-time"
+                type="number"
+                title=""
+                min="0"
+                max="999999.99"
+                step="0.01"
+                name="totalTime"
+                value="0"
+              />
+              <span class="unit" style="top: 6px">秒(s)</span>
+              <span class="arrow"></span>
+            </div>
+          </div>
+          <div class="col">
+            <input
+              type="checkbox"
+              name="repeat"
+              style="
+                width: 16px;
+                line-height: 15px;
+                height: 15px;
+                cursor: pointer;
+                width: auto;
+                margin-right: 5px;
+              "
+            />
+            <span class="label">是否循环播放</span>
+          </div>
+        </div>
+      </div>
+      <span class="custom-divider"></span>
+      <div class="div-item">
+        <div class="row">
+          <div class="col">
+            <button class="add-point">
+              <svg class="icon-add"><use xlink:href="#yj-icon-add"></use></svg>增加视点
+            </button>
+          </div>
+          <div class="col">
+            <button class="modify-point">
+              <svg class="icon-edit"><use xlink:href="#yj-icon-edit"></use></svg>调整视点
+            </button>
+          </div>
+          <div class="col">
+            <button class="afreshPlay">
+              <svg class="icon-play"><use xlink:href="#yj-icon-play"></use></svg>播放
+            </button>
+          </div>
+          <div class="col">
+            <button class="cease">
+              <svg class="icon-pause"><use xlink:href="#yj-icon-pause"></use></svg>结束
+            </button>
+          </div>
+        </div>
+        <div class="table">
+          <div class="table-head">
+            <div class="tr">
+              <div class="th">序号</div>
+              <div class="th">时长(s)</div>
+              <div class="th">操作</div>
+            </div>
+          </div>
+          <div class="table-body">
+            <div class="table-empty">
+              <div class="empty-img"></div>
+              <p>暂无数据</p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <span class="custom-divider"></span>
+    </template>
+    <template #footer>
+      <button @click="draw">确定</button>
+      <button @click="close">关闭</button>
+    </template>
+  </Dialog>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+import { inject } from 'vue'
+import Dialog from '@/components/dialog/baseDialog.vue'
+
+const baseDialog = ref(null)
+const eventBus = inject('bus')
+
+var show: any = ref(false)
+var flyRoam: any = reactive([])
+eventBus.on('flyRoamDialog', () => {
+  show.value = true
+  baseDialog.value?.open()
+  setTimeout(() => {
+    flyRoam = YJ.Global.FlyRoam.open(window.earth, { repeat: Infinity })
+  }, 0)
+})
+
+const clangeViewPointHeight = () => {}
+const viewPointHeightInput = () => {
+  let dom = document.getElementById('viewPointHeight')
+  if (viewPointHeight.value < dom.min * 1) {
+    viewPointHeight.value = dom.min * 1
+  } else if (viewPointHeight.value > dom.max * 1) {
+    viewPointHeight.value = dom.max * 1
+  }
+}
+const closeCallBack = (e) => {
+  YJ.Global.FlyRoam.cease(window.earth)
+  YJ.Global.FlyRoam.close()
+}
+const draw = (e) => {}
+const close = (e) => {
+  show.value = false
+  baseDialog.value?.close()
+}
+</script>
+
+<style scoped lang="scss"></style>