|
|
@@ -1,132 +0,0 @@
|
|
|
-<script setup>
|
|
|
- import {
|
|
|
- inject
|
|
|
- } from "vue";
|
|
|
- import html2canvas from 'html2canvas';
|
|
|
- import {
|
|
|
- blobToBase64,
|
|
|
- base64ToBlob
|
|
|
- } from '@/assets/js/blobtobase64';
|
|
|
- const getMapInstance = inject("getMapInstance");
|
|
|
- jt3d = getMapInstance();
|
|
|
-</script>
|
|
|
-
|
|
|
-<template>
|
|
|
-
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
- let jt3d = undefined;
|
|
|
- export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- // viewersName: '', //视角标签名称
|
|
|
- // ImgurlList: [], //截图地址列表
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
-
|
|
|
- },
|
|
|
-
|
|
|
- mounted() {
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="scss" scoped>
|
|
|
- .mainview {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-
|
|
|
- .header {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
-
|
|
|
- input,
|
|
|
- input:focus {
|
|
|
- outline: none;
|
|
|
- width: 185rem !important;
|
|
|
- border: 1rem solid rgba(255, 255, 255, 0.8);
|
|
|
- margin-right: 10rem;
|
|
|
- height: 26rem !important;
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
- background-color: rgba(255, 255, 255, 0) !important;
|
|
|
- border-radius: 3rem;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .middleviewer {
|
|
|
- width: 265rem;
|
|
|
- height: 100%;
|
|
|
- margin-left: 7rem;
|
|
|
-
|
|
|
- .viewer {
|
|
|
- width: 265rem !important;
|
|
|
- height: 196rem !important;
|
|
|
- margin-top: 15rem;
|
|
|
- border: 1rem solid #ffffff !important;
|
|
|
- border-radius: 1rem !important;
|
|
|
-
|
|
|
- .viewertop {
|
|
|
- width: 265rem !important;
|
|
|
- height: 166rem !important;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 100% !important;
|
|
|
- height: 100% !important;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .viewerbottom {
|
|
|
- line-height: 30rem !important;
|
|
|
- text-align: center !important;
|
|
|
- width: 265rem !important;
|
|
|
- height: 30rem !important;
|
|
|
- position: relative;
|
|
|
- background-color: rgba(15, 145, 185, 0.7);
|
|
|
-
|
|
|
- .deleteImg {
|
|
|
- width: 24rem;
|
|
|
- height: 24rem;
|
|
|
- right: 5rem;
|
|
|
- top: 3rem;
|
|
|
- position: absolute;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- ::v-deep .el-input {
|
|
|
- flex-grow: 0 !important;
|
|
|
- width: 200rem !important;
|
|
|
- // display: inline !important;
|
|
|
- // margin-left: 5rem;
|
|
|
- margin-right: 10rem;
|
|
|
- height: 30rem !important;
|
|
|
- }
|
|
|
-
|
|
|
- //输入框文字颜色
|
|
|
- ::v-deep .el-input__inner {
|
|
|
- color: rgba(255, 255, 255, 1)
|
|
|
- }
|
|
|
-
|
|
|
- //输入框背景色
|
|
|
- ::v-deep .el-input__wrapper {
|
|
|
- background-color: rgba(255, 255, 255, 0) !important;
|
|
|
- }
|
|
|
-
|
|
|
- ::v-deep .el-button {
|
|
|
- border-radius: 3rem !important;
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- ::v-deep .el-button--primary {
|
|
|
- background-color: rgba(64, 158, 255, 0.6) !important;
|
|
|
- }
|
|
|
-
|
|
|
- ::-webkit-scrollbar {
|
|
|
- width: 0rem;
|
|
|
- }
|
|
|
-</style>
|
