|
@@ -25,7 +25,7 @@
|
|
<ui-icon
|
|
<ui-icon
|
|
ctrl
|
|
ctrl
|
|
:type="setting?.mapOpen ? 'eye-s' : 'eye-n'"
|
|
:type="setting?.mapOpen ? 'eye-s' : 'eye-n'"
|
|
- @click="changeBack(setting!.back, setting!.backType, setting!.openCompass, !setting!.mapOpen, setting!.mapType, setting!.scale)"
|
|
|
|
|
|
+ @click="changeBack(setting!.back, setting!.backType, setting!.openCompass, !setting!.mapOpen, setting!.mapType, {scale: setting!.scale!, rotate: setting?.rotate!})"
|
|
/>
|
|
/>
|
|
</template>
|
|
</template>
|
|
<ui-group-option v-if="setting?.mapOpen">
|
|
<ui-group-option v-if="setting?.mapOpen">
|
|
@@ -37,7 +37,7 @@
|
|
{ label: '矢量地图', value: 'standard' },
|
|
{ label: '矢量地图', value: 'standard' },
|
|
]"
|
|
]"
|
|
:modelValue="setting!.mapType"
|
|
:modelValue="setting!.mapType"
|
|
- @update:modelValue="(e: string )=> changeBack(setting!.back, setting!.backType, setting!.openCompass, setting!.mapOpen, e, setting!.scale)"
|
|
|
|
|
|
+ @update:modelValue="(e: string )=> changeBack(setting!.back, setting!.backType, setting!.openCompass, setting!.mapOpen, e, {scale: setting!.scale!, rotate: setting?.rotate!})"
|
|
/>
|
|
/>
|
|
</ui-group-option>
|
|
</ui-group-option>
|
|
</ui-group>
|
|
</ui-group>
|
|
@@ -104,6 +104,36 @@
|
|
</div>
|
|
</div>
|
|
</ui-group-option>
|
|
</ui-group-option>
|
|
</ui-group>
|
|
</ui-group>
|
|
|
|
+ <Teleport
|
|
|
|
+ to="#layout-app"
|
|
|
|
+ v-if="
|
|
|
|
+ setting?.backType === SettingResourceType.bottomImage &&
|
|
|
|
+ $router.currentRoute.value.name === RoutesName.setting
|
|
|
|
+ "
|
|
|
|
+ >
|
|
|
|
+ <div class="slider-demo-block ant-modal-root">
|
|
|
|
+ 缩放
|
|
|
|
+ <Slider
|
|
|
|
+ :value="setting!.scale || 1"
|
|
|
|
+ vertical
|
|
|
|
+ :min="0.1"
|
|
|
|
+ :step="0.01"
|
|
|
|
+ :max="3"
|
|
|
|
+ @update:value="(val: any) => changeBack(setting!.back, setting!.backType, setting!.openCompass, setting!.mapOpen, setting!.mapType, {scale: val, rotate: setting?.rotate!})"
|
|
|
|
+ />
|
|
|
|
+ </div>
|
|
|
|
+ <div class="slider-demo-block ant-modal-root" style="margin-right: 60px">
|
|
|
|
+ 旋转
|
|
|
|
+ <Slider
|
|
|
|
+ :value="setting!.rotate || 0"
|
|
|
|
+ vertical
|
|
|
|
+ :min="0.1"
|
|
|
|
+ :step="0.01"
|
|
|
|
+ :max="360"
|
|
|
|
+ @update:value="(val: any) => changeBack(setting!.back, setting!.backType, setting!.openCompass, setting!.mapOpen, setting!.mapType, {scale: setting!.scale!, rotate: val})"
|
|
|
|
+ />
|
|
|
|
+ </div>
|
|
|
|
+ </Teleport>
|
|
</RightFillPano>
|
|
</RightFillPano>
|
|
|
|
|
|
<div class="edit-add-type" v-if="addTemp">
|
|
<div class="edit-add-type" v-if="addTemp">
|
|
@@ -140,31 +170,6 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
- <Teleport to="#layout-app" v-if="setting?.backType === SettingResourceType.bottomImage">
|
|
|
|
- <div class="slider-demo-block ant-modal-root">
|
|
|
|
- 缩放
|
|
|
|
- <Slider
|
|
|
|
- :value="setting!.scale || 1"
|
|
|
|
- vertical
|
|
|
|
- :min="0.1"
|
|
|
|
- :step="0.01"
|
|
|
|
- :max="3"
|
|
|
|
- @update:value="(val: any) => changeBack(setting!.back, setting!.backType, setting!.openCompass, setting!.mapOpen, setting!.mapType, {scale: val, rotate: setting?.rotate!})"
|
|
|
|
- />
|
|
|
|
- </div>
|
|
|
|
- <div class="slider-demo-block ant-modal-root" style="margin-right: 60px">
|
|
|
|
- 旋转
|
|
|
|
- <Slider
|
|
|
|
- :value="setting!.rotate || 0"
|
|
|
|
- vertical
|
|
|
|
- :min="0.1"
|
|
|
|
- :step="0.01"
|
|
|
|
- :max="360"
|
|
|
|
- @update:value="(val: any) => changeBack(setting!.back, setting!.backType, setting!.openCompass, setting!.mapOpen, setting!.mapType, {scale: setting!.scale!, rotate: val})"
|
|
|
|
- />
|
|
|
|
- </div>
|
|
|
|
- </Teleport>
|
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script lang="ts" setup>
|
|
<script lang="ts" setup>
|
|
@@ -192,6 +197,7 @@ import { SettingResource, addSettingResource } from "@/api/setting-resource";
|
|
import { SettingResourceType } from "@/api/setting-resource";
|
|
import { SettingResourceType } from "@/api/setting-resource";
|
|
import { Dialog } from "bill/index";
|
|
import { Dialog } from "bill/index";
|
|
import { Slider } from "ant-design-vue";
|
|
import { Slider } from "ant-design-vue";
|
|
|
|
+import { RoutesName } from "@/router";
|
|
|
|
|
|
fetchSettingResources();
|
|
fetchSettingResources();
|
|
|
|
|