|
@@ -8,10 +8,30 @@
|
|
|
>
|
|
|
<div class="sm-content">
|
|
|
<div class="sm-panel-header">
|
|
|
- <span :class="{titleColor:basicOptions}" class="title-txt" @click="choose(0)">{{Resource.basicOptions}}</span>
|
|
|
- <span :class="{titleColor:styleSetting}" class="title-txt" @click="choose(1)">{{Resource.styleSetting}}</span>
|
|
|
- <span :class="{titleColor:LayerOperation}" class="title-txt" @click="choose(2)">{{Resource.LayerOperation}}</span>
|
|
|
- <span :class="{titleColor:Thematicmap}" class="title-txt" @click="choose(3)">{{Resource.Thematicmap}}</span>
|
|
|
+ <span
|
|
|
+ :class="{ titleColor: basicOptions }"
|
|
|
+ class="title-txt"
|
|
|
+ @click="choose(0)"
|
|
|
+ >{{ Resource.basicOptions }}</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ :class="{ titleColor: styleSetting }"
|
|
|
+ class="title-txt"
|
|
|
+ @click="choose(1)"
|
|
|
+ >{{ Resource.styleSetting }}</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ :class="{ titleColor: LayerOperation }"
|
|
|
+ class="title-txt"
|
|
|
+ @click="choose(2)"
|
|
|
+ >{{ Resource.LayerOperation }}</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ :class="{ titleColor: Thematicmap }"
|
|
|
+ class="title-txt"
|
|
|
+ @click="choose(3)"
|
|
|
+ >{{ Resource.Thematicmap }}</span
|
|
|
+ >
|
|
|
<span class="closeBtn" @click="toggleVisibility">×</span>
|
|
|
</div>
|
|
|
|
|
@@ -19,19 +39,26 @@
|
|
|
<div v-show="basicOptions">
|
|
|
<div class="sm-function-module-content">
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.layerName}}</label>
|
|
|
- <input class="sm-input-long" disabled type="text" v-model="layerName" />
|
|
|
+ <label class="label-container">{{ Resource.layerName }}</label>
|
|
|
+ <input
|
|
|
+ class="sm-input-long"
|
|
|
+ disabled
|
|
|
+ type="text"
|
|
|
+ v-model="layerName"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.shadowMode}}</label>
|
|
|
+ <label class="label-container">{{ Resource.shadowMode }}</label>
|
|
|
<select class="sm-select" v-model="shadowType">
|
|
|
- <option value="noShadow">{{Resource.noShadow}}</option>
|
|
|
- <option value="chooseShadow">{{setSelectionShadow}}</option>
|
|
|
- <option value="allShadow">{{Resource.setShadow}}</option>
|
|
|
+ <option value="noShadow">{{ Resource.noShadow }}</option>
|
|
|
+ <option value="chooseShadow">{{ setSelectionShadow }}</option>
|
|
|
+ <option value="allShadow">{{ Resource.setShadow }}</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.shadowDarkness}} </label>
|
|
|
+ <label class="label-container"
|
|
|
+ >{{ Resource.shadowDarkness }}
|
|
|
+ </label>
|
|
|
<div class="sm-solider-input-box lodbox">
|
|
|
<input
|
|
|
class="min-solider"
|
|
@@ -44,35 +71,77 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.visibility}}</label>
|
|
|
+ <label class="label-container">{{ Resource.visibility }}</label>
|
|
|
<select class="sm-select" v-model="visibility">
|
|
|
- <option value="onlyShowSlection">{{Resource.onlyShowSlection}}</option>
|
|
|
- <option value="onlyHideSlection">{{Resource.onlyHideSlection}}</option>
|
|
|
- <option value="showAll">{{Resource.showAll}}</option>
|
|
|
+ <option value="onlyShowSlection">
|
|
|
+ {{ Resource.onlyShowSlection }}
|
|
|
+ </option>
|
|
|
+ <option value="onlyHideSlection">
|
|
|
+ {{ Resource.onlyHideSlection }}
|
|
|
+ </option>
|
|
|
+ <option value="showAll">{{ Resource.showAll }}</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<div class="flexbox">
|
|
|
- <label class="sm-viewshed-label-right">{{Resource.display}}</label>
|
|
|
- <input style="margin-left: 10px" type="checkbox" v-model="display" />
|
|
|
- <label style="width:21%"></label>
|
|
|
- <label class="sm-viewshed-label-right">{{Resource.cullEnabled}}</label>
|
|
|
- <input style="margin-left: 10px" type="checkbox" v-model="cullEnabled" />
|
|
|
+ <label class="sm-viewshed-label-right">{{
|
|
|
+ Resource.display
|
|
|
+ }}</label>
|
|
|
+ <input
|
|
|
+ style="margin-left: 10px"
|
|
|
+ type="checkbox"
|
|
|
+ v-model="display"
|
|
|
+ />
|
|
|
+ <label style="width: 21%"></label>
|
|
|
+ <label class="sm-viewshed-label-right">{{
|
|
|
+ Resource.cullEnabled
|
|
|
+ }}</label>
|
|
|
+ <input
|
|
|
+ style="margin-left: 10px"
|
|
|
+ type="checkbox"
|
|
|
+ v-model="cullEnabled"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="flexbox">
|
|
|
- <label class="sm-viewshed-label-right">{{Resource.multiSelection}}</label>
|
|
|
- <input style="margin-left: 10px" type="checkbox" v-model="multiChoose" />
|
|
|
- <label style="width:12%"></label>
|
|
|
- <label class="sm-viewshed-label-right">{{Resource.bReleaseColor}}</label>
|
|
|
- <input style="margin-left: 10px" type="checkbox" v-model="breleaseColor" />
|
|
|
+ <label class="sm-viewshed-label-right">{{
|
|
|
+ Resource.multiSelection
|
|
|
+ }}</label>
|
|
|
+ <input
|
|
|
+ style="margin-left: 10px"
|
|
|
+ type="checkbox"
|
|
|
+ v-model="multiChoose"
|
|
|
+ />
|
|
|
+ <label style="width: 12%"></label>
|
|
|
+ <label class="sm-viewshed-label-right">{{
|
|
|
+ Resource.bReleaseColor
|
|
|
+ }}</label>
|
|
|
+ <input
|
|
|
+ style="margin-left: 10px"
|
|
|
+ type="checkbox"
|
|
|
+ v-model="breleaseColor"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.visibleDistanceMin}}</label>
|
|
|
- <input class="sm-input-long" min="0" type="number" v-model="minVisibleH" />
|
|
|
+ <label class="label-container">{{
|
|
|
+ Resource.visibleDistanceMin
|
|
|
+ }}</label>
|
|
|
+ <input
|
|
|
+ class="sm-input-long"
|
|
|
+ min="0"
|
|
|
+ type="number"
|
|
|
+ v-model="minVisibleH"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.visibleDistanceMax}}</label>
|
|
|
- <input class="sm-input-long" min="0" type="number" v-model="maxVisibleH" />
|
|
|
+ <label class="label-container">{{
|
|
|
+ Resource.visibleDistanceMax
|
|
|
+ }}</label>
|
|
|
+ <input
|
|
|
+ class="sm-input-long"
|
|
|
+ min="0"
|
|
|
+ type="number"
|
|
|
+ v-model="maxVisibleH"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -80,16 +149,21 @@
|
|
|
<div v-show="styleSetting">
|
|
|
<div class="sm-function-module-content">
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.foreColor}}</label>
|
|
|
+ <label class="label-container">{{ Resource.foreColor }}</label>
|
|
|
<ColorPicker class="sm-colorpicker" editable v-model="foreColor" />
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.lineColor}}</label>
|
|
|
+ <label class="label-container">{{ Resource.lineColor }}</label>
|
|
|
<ColorPicker class="sm-colorpicker" editable v-model="lineColor" />
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.bottomAltitude}}</label>
|
|
|
- <input class="sm-input-long" min="0" type="number" v-model="bottomAltitude" />
|
|
|
+ <label class="label-container">{{ Resource.bottomAltitude }}</label>
|
|
|
+ <input
|
|
|
+ class="sm-input-long"
|
|
|
+ min="0"
|
|
|
+ type="number"
|
|
|
+ v-model="bottomAltitude"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
<label class="label-container">LOD :</label>
|
|
@@ -105,24 +179,30 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.fillStyle}}</label>
|
|
|
+ <label class="label-container">{{ Resource.fillStyle }}</label>
|
|
|
<select class="sm-select" v-model="fillStyle">
|
|
|
- <option value="fill">{{Resource.fillMode}}</option>
|
|
|
- <option value="wireframe">{{Resource.lineMode}}</option>
|
|
|
- <option value="fill-and-wireframe">{{Resource.fillAndLine}}</option>
|
|
|
+ <option value="fill">{{ Resource.fillMode }}</option>
|
|
|
+ <option value="wireframe">{{ Resource.lineMode }}</option>
|
|
|
+ <option value="fill-and-wireframe">
|
|
|
+ {{ Resource.fillAndLine }}
|
|
|
+ </option>
|
|
|
</select>
|
|
|
</div>
|
|
|
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.lineMode}}</label>
|
|
|
+ <label class="label-container">{{ Resource.lineMode }}</label>
|
|
|
<select class="sm-select" v-model="lineMode">
|
|
|
- <option value="triangle">{{Resource.TriangleWireframeMode}}</option>
|
|
|
- <option value="quad">{{Resource.QuadWireframeMode}}</option>
|
|
|
- <option value="sketch">{{Resource.SketchWireframeMode}}</option>
|
|
|
+ <option value="triangle">
|
|
|
+ {{ Resource.TriangleWireframeMode }}
|
|
|
+ </option>
|
|
|
+ <option value="quad">{{ Resource.QuadWireframeMode }}</option>
|
|
|
+ <option value="sketch">{{ Resource.SketchWireframeMode }}</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.modelTransparency}}</label>
|
|
|
+ <label class="label-container">{{
|
|
|
+ Resource.modelTransparency
|
|
|
+ }}</label>
|
|
|
<input
|
|
|
class="sm-input-long"
|
|
|
min="0"
|
|
@@ -134,18 +214,24 @@
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
<div class="sm-point"></div>
|
|
|
- <label class="label-container">{{Resource.selectEffect}}</label>
|
|
|
+ <label class="label-container">{{ Resource.selectEffect }}</label>
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.selectColorType}}</label>
|
|
|
+ <label class="label-container">{{
|
|
|
+ Resource.selectColorType
|
|
|
+ }}</label>
|
|
|
<select class="sm-select" v-model="selectColorType">
|
|
|
- <option value="0">{{Resource.mix}}</option>
|
|
|
- <option value="1">{{Resource.replace}}</option>
|
|
|
+ <option value="0">{{ Resource.mix }}</option>
|
|
|
+ <option value="1">{{ Resource.replace }}</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.selectColor}}</label>
|
|
|
- <ColorPicker class="sm-colorpicker" editable v-model="selectColor" />
|
|
|
+ <label class="label-container">{{ Resource.selectColor }}</label>
|
|
|
+ <ColorPicker
|
|
|
+ class="sm-colorpicker"
|
|
|
+ editable
|
|
|
+ v-model="selectColor"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -153,42 +239,80 @@
|
|
|
<div v-show="LayerOperation" class="LayerOperation">
|
|
|
<div class="sm-function-module-content">
|
|
|
<div class="sm-point"></div>
|
|
|
- <label class="sm-function-module-sub-section-setting">{{Resource.ObliquePhotographyExcavation}}</label>
|
|
|
+ <label class="sm-function-module-sub-section-setting">{{
|
|
|
+ Resource.ObliquePhotographyExcavation
|
|
|
+ }}</label>
|
|
|
<div class="boxchild">
|
|
|
- <button class="tbtn tbn1" type="button" @click="excavationRegion">{{Resource.ExecuteExcavation}}</button>
|
|
|
- <button class="tbtn" type="button" @click="delExcavationRegion">{{Resource.ClearExcavation}}</button>
|
|
|
+ <el-button type="primary" size="mini" @click="excavationRegion">{{
|
|
|
+ Resource.ExecuteExcavation
|
|
|
+ }}</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ @click="delExcavationRegion"
|
|
|
+ >{{ Resource.ClearExcavation }}</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
<div class="sm-point"></div>
|
|
|
- <label class="sm-function-module-sub-section-setting">{{Resource.ObliquePhotographyFlatten}}</label>
|
|
|
+ <label class="sm-function-module-sub-section-setting">{{
|
|
|
+ Resource.ObliquePhotographyFlatten
|
|
|
+ }}</label>
|
|
|
<div class="boxchild">
|
|
|
- <button class="tbtn tbn1" type="button" @click="flattenRegion">{{Resource.ModelFlatten}}</button>
|
|
|
- <button class="tbtn" type="button" @click="delFlattenRegion">{{Resource.ClearFlatten}}</button>
|
|
|
+ <el-button type="primary" size="mini" @click="flattenRegion">{{
|
|
|
+ Resource.ModelFlatten
|
|
|
+ }}</el-button>
|
|
|
+ <el-button type="primary" size="mini" @click="delFlattenRegion">{{
|
|
|
+ Resource.ClearFlatten
|
|
|
+ }}</el-button>
|
|
|
</div>
|
|
|
<div class="sm-point"></div>
|
|
|
- <label class="sm-function-module-sub-section-setting">{{Resource.FloodAnalysis}}</label>
|
|
|
+ <label class="sm-function-module-sub-section-setting">{{
|
|
|
+ Resource.FloodAnalysis
|
|
|
+ }}</label>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.MaxHeight}}</label>
|
|
|
- <input class="sm-input-long" min="0" type="number" v-model="MaxHeight" />
|
|
|
+ <label class="label-container">{{ Resource.MaxHeight }}</label>
|
|
|
+ <input
|
|
|
+ class="sm-input-long"
|
|
|
+ min="0"
|
|
|
+ type="number"
|
|
|
+ v-model="MaxHeight"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.MinHeight}}</label>
|
|
|
- <input class="sm-input-long" min="0" type="number" v-model="MinHeight" />
|
|
|
+ <label class="label-container">{{ Resource.MinHeight }}</label>
|
|
|
+ <input
|
|
|
+ class="sm-input-long"
|
|
|
+ min="0"
|
|
|
+ type="number"
|
|
|
+ v-model="MinHeight"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.FloodSpeed}}</label>
|
|
|
- <input class="sm-input-long" min="0" type="number" v-model="FloodSpeed" />
|
|
|
+ <label class="label-container">{{ Resource.FloodSpeed }}</label>
|
|
|
+ <input
|
|
|
+ class="sm-input-long"
|
|
|
+ min="0"
|
|
|
+ type="number"
|
|
|
+ v-model="FloodSpeed"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="boxchild">
|
|
|
- <button class="tbtn tbn1" type="button" @click="modelFlood">{{Resource.ExecuteFlood}}</button>
|
|
|
- <button class="tbtn" type="button" @click="ModelFloodClear">{{Resource.ClearFlood}}</button>
|
|
|
+ <el-button type="primary" size="mini" @click="modelFlood">
|
|
|
+ {{ Resource.ExecuteFlood }}
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" size="mini" @click="ModelFloodClear">
|
|
|
+ {{ Resource.ClearFlood }}
|
|
|
+ </el-button>
|
|
|
</div>
|
|
|
<div class="sm-point"></div>
|
|
|
- <label class="sm-function-module-sub-section-setting">{{Resource.SelectOffset}}</label>
|
|
|
+ <label class="sm-function-module-sub-section-setting">{{
|
|
|
+ Resource.SelectOffset
|
|
|
+ }}</label>
|
|
|
<br />
|
|
|
- <label class="label-container">{{Resource.OpenSelectOffset}}</label>
|
|
|
+ <label class="label-container">{{ Resource.OpenSelectOffset }}</label>
|
|
|
<input style="margin-left: 10px" type="checkbox" v-model="offset" />
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.OffsetX}}</label>
|
|
|
+ <label class="label-container">{{ Resource.OffsetX }}</label>
|
|
|
<input
|
|
|
class="sm-input-long"
|
|
|
min="-50"
|
|
@@ -199,7 +323,7 @@
|
|
|
/>
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.OffsetY}}</label>
|
|
|
+ <label class="label-container">{{ Resource.OffsetY }}</label>
|
|
|
<input
|
|
|
class="sm-input-long"
|
|
|
min="-50"
|
|
@@ -210,7 +334,7 @@
|
|
|
/>
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.offsetZ}}</label>
|
|
|
+ <label class="label-container">{{ Resource.offsetZ }}</label>
|
|
|
<input
|
|
|
class="sm-input-long"
|
|
|
min="-50"
|
|
@@ -221,9 +345,11 @@
|
|
|
/>
|
|
|
</div>
|
|
|
<div class="sm-point"></div>
|
|
|
- <label class="sm-function-module-sub-section-setting">{{Resource.LayerColor}}</label>
|
|
|
+ <label class="sm-function-module-sub-section-setting">{{
|
|
|
+ Resource.LayerColor
|
|
|
+ }}</label>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.brightness}}</label>
|
|
|
+ <label class="label-container">{{ Resource.brightness }}</label>
|
|
|
<input
|
|
|
class="sm-input-long"
|
|
|
min="0"
|
|
@@ -234,7 +360,7 @@
|
|
|
/>
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.contrast}}</label>
|
|
|
+ <label class="label-container">{{ Resource.contrast }}</label>
|
|
|
<input
|
|
|
class="sm-input-long"
|
|
|
min="0"
|
|
@@ -245,11 +371,18 @@
|
|
|
/>
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.hue}}</label>
|
|
|
- <input class="sm-input-long" min="0" max="5" step="0.1" type="number" v-model="hue" />
|
|
|
+ <label class="label-container">{{ Resource.hue }}</label>
|
|
|
+ <input
|
|
|
+ class="sm-input-long"
|
|
|
+ min="0"
|
|
|
+ max="5"
|
|
|
+ step="0.1"
|
|
|
+ type="number"
|
|
|
+ v-model="hue"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.saturation}}</label>
|
|
|
+ <label class="label-container">{{ Resource.saturation }}</label>
|
|
|
<input
|
|
|
class="sm-input-long"
|
|
|
min="0"
|
|
@@ -260,9 +393,13 @@
|
|
|
/>
|
|
|
</div>
|
|
|
<div class="sm-point"></div>
|
|
|
- <label class="sm-function-module-sub-section-setting">{{Resource.PolygonOffset}}</label>
|
|
|
+ <label class="sm-function-module-sub-section-setting">{{
|
|
|
+ Resource.PolygonOffset
|
|
|
+ }}</label>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.PolygonOffsetFactor}}</label>
|
|
|
+ <label class="label-container">{{
|
|
|
+ Resource.PolygonOffsetFactor
|
|
|
+ }}</label>
|
|
|
<input
|
|
|
class="sm-input-long"
|
|
|
min="-100"
|
|
@@ -273,7 +410,9 @@
|
|
|
/>
|
|
|
</div>
|
|
|
<div class="sm-function-module-sub-section">
|
|
|
- <label class="label-container">{{Resource.PolygonOffsetUnit}}</label>
|
|
|
+ <label class="label-container">{{
|
|
|
+ Resource.PolygonOffsetUnit
|
|
|
+ }}</label>
|
|
|
<input
|
|
|
class="sm-input-long"
|
|
|
min="-100"
|
|
@@ -288,30 +427,54 @@
|
|
|
|
|
|
<div v-show="Thematicmap" id="Thematicmap">
|
|
|
<div class="sm-function-module-content">
|
|
|
- <label class="sm-function-module-sub-section-setting">{{Resource.symbolicLibrary}}</label>
|
|
|
+ <label class="sm-function-module-sub-section-setting">{{
|
|
|
+ Resource.symbolicLibrary
|
|
|
+ }}</label>
|
|
|
<div class="symbolicLibrary">
|
|
|
<div class="Thematicbox">
|
|
|
- <div id="color" class="minbox polygon-symbol-font-selected" @click="thematicType(0)">
|
|
|
- <span class="iconfont iconchunse"></span></div>
|
|
|
- <label >{{Resource.ThematicmapColor}}</label>
|
|
|
+ <div
|
|
|
+ id="color"
|
|
|
+ class="minbox polygon-symbol-font-selected"
|
|
|
+ @click="thematicType(0)"
|
|
|
+ >
|
|
|
+ <span class="iconfont iconchunse"></span>
|
|
|
+ </div>
|
|
|
+ <label>{{ Resource.ThematicmapColor }}</label>
|
|
|
</div>
|
|
|
<div class="Thematicbox">
|
|
|
<div class="minbox" id="img" @click="thematicType(1)">
|
|
|
- <span class="iconfont icontiaowen"></span></div>
|
|
|
- <label >{{Resource.ThematicmapImage}}</label>
|
|
|
+ <span class="iconfont icontiaowen"></span>
|
|
|
+ </div>
|
|
|
+ <label>{{ Resource.ThematicmapImage }}</label>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="sm-function-module-sub-section" v-show="thematicMapType=='color'">
|
|
|
- <label class="label-container">{{Resource.ThematicmapColor}}</label>
|
|
|
- <ColorPicker class="sm-colorpicker" editable v-model="ThematicColor" />
|
|
|
+ <div
|
|
|
+ class="sm-function-module-sub-section"
|
|
|
+ v-show="thematicMapType == 'color'"
|
|
|
+ >
|
|
|
+ <label class="label-container">{{
|
|
|
+ Resource.ThematicmapColor
|
|
|
+ }}</label>
|
|
|
+ <ColorPicker
|
|
|
+ class="sm-colorpicker"
|
|
|
+ editable
|
|
|
+ v-model="ThematicColor"
|
|
|
+ />
|
|
|
</div>
|
|
|
- <div class="sm-function-module-sub-section" v-show="thematicMapType=='img'">
|
|
|
- <label class="label-container">{{Resource.ImageData}}</label>
|
|
|
+ <div
|
|
|
+ class="sm-function-module-sub-section"
|
|
|
+ v-show="thematicMapType == 'img'"
|
|
|
+ >
|
|
|
+ <label class="label-container">{{ Resource.ImageData }}</label>
|
|
|
<input class="sm-input" type="file" accept=".jpg, .png" id="file" />
|
|
|
</div>
|
|
|
<div class="boxchild">
|
|
|
- <button class="tbtn tbn1" type="button" @click="setThematicmap">{{Resource.Setting}}</button>
|
|
|
- <button class="tbtn" type="button" @click="delAllThematicmap">{{Resource.clear}}</button>
|
|
|
+ <el-button type="primary" size="mini" @click="setThematicmap">
|
|
|
+ {{ Resource.Setting }}
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" size="mini" @click="delAllThematicmap">
|
|
|
+ {{ Resource.clear }}
|
|
|
+ </el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -756,14 +919,12 @@ export default {
|
|
|
//2
|
|
|
|
|
|
foreColor: function (val) {
|
|
|
- this.selectedLayer.style3D.fillForeColor = Cesium.Color.fromCssColorString(
|
|
|
- val
|
|
|
- );
|
|
|
+ this.selectedLayer.style3D.fillForeColor =
|
|
|
+ Cesium.Color.fromCssColorString(val);
|
|
|
},
|
|
|
lineColor: function (val) {
|
|
|
- this.selectedLayer.style3D.lineColor = Cesium.Color.fromCssColorString(
|
|
|
- val
|
|
|
- );
|
|
|
+ this.selectedLayer.style3D.lineColor =
|
|
|
+ Cesium.Color.fromCssColorString(val);
|
|
|
},
|
|
|
bottomAltitude: function (val) {
|
|
|
if (val === "" || val < 0) {
|
|
@@ -958,6 +1119,6 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style lang="scss" scoped>
|
|
|
+<style lang="scss" scoped>
|
|
|
@import "LayerAttribute";
|
|
|
-</style>
|
|
|
+</style>
|