|
@@ -6,12 +6,23 @@
|
|
|
<main>
|
|
|
<div class="split" v-if="source">
|
|
|
<iframe ref="sourceFrame" :src="`smart-laser.html?m=${source.num}`" frameborder="0" @load="onLoadSource"></iframe>
|
|
|
+ <div class="tools">
|
|
|
+ <div class="item-mode">
|
|
|
+ <div class="iconfont icon-show_roaming_normal" @click="onModeChange('panorama')"></div>
|
|
|
+ <div class="iconfont icon-show_more" @click="onModeChange('cloud')"></div>
|
|
|
+ </div>
|
|
|
+ <div class="item-date" v-if="target">
|
|
|
+ <span class="prev" @click="onPrevDate('source')"><i class="iconfont icon-show_back"></i></span>
|
|
|
+ <span @click="onPickDate('source')">{{ source.date }}</span>
|
|
|
+ <span class="next" @click="onNextDate('source')"><i class="iconfont icon-show_back"></i></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="split" v-if="target">
|
|
|
<iframe ref="targetFrame" :src="`test-bim.html?m=${target.num}`" frameborder="0" @load="onLoadTarget"></iframe>
|
|
|
</div>
|
|
|
<div class="tools" v-if="source">
|
|
|
- <div class="item-date">
|
|
|
+ <div class="item-date" v-if="!target">
|
|
|
<span class="prev" @click="onPrevDate()"><i class="iconfont icon-show_back"></i></span>
|
|
|
<span @click="onPickDate('all')">{{ source.date }}</span>
|
|
|
<span class="next" @click="onNextDate()"><i class="iconfont icon-show_back"></i></span>
|
|
@@ -106,7 +117,7 @@ const onLoadTarget = () => {
|
|
|
}
|
|
|
const onModeChange = mode => {
|
|
|
if (sourceApp) {
|
|
|
- sourceApp.Camera[mode]()
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
const onPickDate = name => {
|
|
@@ -416,7 +427,7 @@ main {
|
|
|
</style>
|
|
|
<style lang="scss">
|
|
|
#app {
|
|
|
- background-color: #fff !important;
|
|
|
+ background-color: rgba(0, 0, 0, 0.8);
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
}
|