admin/Mars3D-screen_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: BUG修改

Browse Source
This commit is contained in:
kun 2023-11-20 10:47:06 +08:00
parent 0d4791f97a
commit b078e5160c
1 changed files with 23 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/testMap/index.vue
View File

@ -4,23 +4,23 @@
<div class="layer-config" v-if="props.type == '底图'">
<div class="property-column-item">
<span>饱和度：{{ formData.saturation ? formData.saturation : 0 }}</span>
<el-slider v-model="formData.saturation" :step="0.5" :max="5" :min="-5" @input="e => layerOperate(e, 'saturation')" />
<el-slider v-model="formData.saturation" :step="0.5" :max="5" :min="-5" @change="e => layerOperate(e, 'saturation')" />
</div>
<div class="property-column-item">
<span>亮度：{{ formData.brightness ? formData.brightness : 0 }}</span>
<el-slider v-model="formData.brightness" :step="0.5" :max="10" :min="-10" @input="e => layerOperate(e, 'brightness')" />
<el-slider v-model="formData.brightness" :step="0.5" :max="10" :min="-10" @change="e => layerOperate(e, 'brightness')" />
</div>
<div class="property-column-item">
<span>对比度：{{ formData.contrast ? formData.contrast : 0 }}</span>
<el-slider v-model="formData.contrast" :step="0.5" :max="10" :min="-10" @input="e => layerOperate(e, 'contrast')" />
<el-slider v-model="formData.contrast" :step="0.5" :max="10" :min="-10" @change="e => layerOperate(e, 'contrast')" />
</div>
<div class="property-column-item">
<span>色调：{{ formData.hue ? formData.hue : 0 }}</span>
<el-slider v-model="formData.hue" :step="0.5" :max="2" :min="-2" @input="e => layerOperate(e, 'hue')" />
<el-slider v-model="formData.hue" :step="0.5" :max="2" :min="-2" @change="e => layerOperate(e, 'hue')" />
</div>
<div class="property-column-item">
<span>伽马校正：{{ formData.gamma ? formData.gamma : 0 }}</span>
<el-slider v-model="formData.gamma" :step="0.5" :max="5" :min="-5" @input="e => layerOperate(e, 'gamma')" />
<el-slider v-model="formData.gamma" :step="0.5" :max="5" :min="-5" @change="e => layerOperate(e, 'gamma')" />
</div>
<div class="property-row-item">
<span>是否反色：</span>
@ -37,15 +37,15 @@
<div class="layer-config" v-if="props.type == '白膜'">
<div class="property-column-item">
<span>偏移量lon经度：{{ formData.lng ? formData.lng : 0 }}</span>
<el-slider v-model="formData.lng" :step="0.0001" :max="0.01" :min="-0.01" @input="e => albugineaOperate(e, 'lng')" />
<el-slider v-model="formData.lng" :step="0.0001" :max="0.01" :min="-0.01" @change="e => albugineaOperate(e, 'lng')" />
</div>
<div class="property-column-item">
<span>偏移量lat纬度：{{ formData.lat ? formData.lat : 0 }}</span>
<el-slider v-model="formData.lat" :step="0.0001" :max="0.01" :min="-0.01" @input="e => albugineaOperate(e, 'lat')" />
<el-slider v-model="formData.lat" :step="0.0001" :max="0.01" :min="-0.01" @change="e => albugineaOperate(e, 'lat')" />
</div>
<div class="property-column-item">
<span>偏移量height高度(米)：{{ formData.alt ? formData.alt : 0 }}</span>
<el-slider v-model="formData.alt" :step="10" :max="500" :min="-500" @input="e => albugineaOperate(e, 'alt')" />
<el-slider v-model="formData.alt" :step="10" :max="500" :min="-500" @change="e => albugineaOperate(e, 'alt')" />
</div>
<!-- <div class="property-row-item">
<span>是否反色：</span>
@ -71,12 +71,18 @@
:step="200"
:max="10000"
:min="200"
@input="e => pointPositionOperate(e, 'radius')"
@change="e => pointPositionOperate(e, 'radius')"
/>
</div>
<div class="property-column-item" v-if="formData.type != 'CircleScan'">
<span>速度值：{{ formData.speed ? formData.speed : 0 }}</span>
<el-slider v-model.number="formData.speed" :step="1" :max="100" :min="1" @input="e => pointPositionOperate(e, 'speed')" />
<el-slider
v-model.number="formData.speed"
:step="1"
:max="100"
:min="1"
@change="e => pointPositionOperate(e, 'speed')"
/>
</div>
<div class="operate-btn">
<el-button @click="editPointPositionConfig">保存当前配置</el-button>
@ -85,7 +91,7 @@
<div class="layer-config" v-if="props.type == '线效果'">
<div class="property-column-item">
<span>宽度：{{ formData.width ? formData.width : 0 }}</span>
<el-slider v-model.number="formData.width" :step="1" :max="100" :min="1" @input="e => lineEffectOperate(e, 'width')" />
<el-slider v-model.number="formData.width" :step="1" :max="100" :min="1" @change="e => lineEffectOperate(e, 'width')" />
</div>
<div class="property-row-item">
<span>颜色：{{ formData.color ? formData.color : "" }}</span>
@ -97,7 +103,7 @@
</div>
<div class="property-column-item">
<span>速度值：{{ formData.speed ? formData.speed : 0 }}</span>
<el-slider v-model.number="formData.speed" :step="1" :max="100" :min="1" @input="e => lineEffectOperate(e, 'speed')" />
<el-slider v-model.number="formData.speed" :step="1" :max="100" :min="1" @change="e => lineEffectOperate(e, 'speed')" />
</div>
<div class="operate-btn">
<el-button @click="editLineEffectConfig">保存当前配置</el-button>
@ -106,19 +112,19 @@
<div class="layer-config" v-if="props.type == '模型'">
<div class="property-column-item">
<span>比例：{{ formData.scale ? formData.scale : 0 }}</span>
<el-slider v-model.number="formData.scale" :step="1" :max="100" :min="1" @input="e => modelOperate(e, 'scale')" />
<el-slider v-model.number="formData.scale" :step="1" :max="100" :min="1" @change="e => modelOperate(e, 'scale')" />
</div>
<div class="property-column-item">
<span>方向角：{{ formData.heading ? formData.heading : 0 }}</span>
<el-slider v-model.number="formData.heading" :step="1" :max="360" :min="0" @input="e => modelOperate(e, 'heading')" />
<el-slider v-model.number="formData.heading" :step="1" :max="360" :min="0" @change="e => modelOperate(e, 'heading')" />
</div>
<div class="property-column-item">
<span>俯仰角：{{ formData.pitch ? formData.pitch : 0 }}</span>
<el-slider v-model.number="formData.pitch" :step="1" :max="360" :min="0" @input="e => modelOperate(e, 'pitch')" />
<el-slider v-model.number="formData.pitch" :step="1" :max="360" :min="0" @change="e => modelOperate(e, 'pitch')" />
</div>
<div class="property-column-item">
<span>翻滚角：{{ formData.roll ? formData.roll : 0 }}</span>
<el-slider v-model.number="formData.roll" :step="1" :max="360" :min="0" @input="e => modelOperate(e, 'roll')" />
<el-slider v-model.number="formData.roll" :step="1" :max="360" :min="0" @change="e => modelOperate(e, 'roll')" />
</div>
<div class="property-row-item" v-if="formData.silhouette">
<span>轮廓颜色：{{ formData.silhouetteColor ? formData.silhouetteColor : "" }}</span>
@ -131,7 +137,7 @@
:step="1"
:max="100"
:min="1"
@input="e => modelOperate(e, 'silhouetteSize')"
@change="e => modelOperate(e, 'silhouetteSize')"
/>
</div>
<div class="operate-btn">