92 lines
3.9 KiB
JavaScript
92 lines
3.9 KiB
JavaScript
|
function html() {
|
||
|
|
return `
|
||
|
|
<span class="custom-divider"></span>
|
||
|
|
<div class="div-item">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col">
|
||
|
|
<span class="label">水量</span>
|
||
|
|
<div class="input-number input-number-unit-3">
|
||
|
|
<input class="input" type="number" title="" name="waterVolume">
|
||
|
|
<span class="unit">m³</span>
|
||
|
|
<span class="arrow"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col">
|
||
|
|
<span class="label">最小水位</span>
|
||
|
|
<div class="input-number input-number-unit-3">
|
||
|
|
<input class="input" type="number" title="" name="minWaterLevel">
|
||
|
|
<span class="unit">m</span>
|
||
|
|
<span class="arrow"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col">
|
||
|
|
<span class="label">水面面积</span>
|
||
|
|
<div class="input-number input-number-unit-3">
|
||
|
|
<input class="input area" type="number" readonly="readonly" type="text">
|
||
|
|
<span class="unit">㎡</span>
|
||
|
|
<span class="arrow"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col">
|
||
|
|
<span class="label">最大水位</span>
|
||
|
|
<div class="input-number input-number-unit-3">
|
||
|
|
<input class="input" type="number" title="" name="maxWaterLevel">
|
||
|
|
<span class="unit">m</span>
|
||
|
|
<span class="arrow"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<span class="custom-divider"></span>
|
||
|
|
<div class="div-item">
|
||
|
|
<div class="row subtitle-box">
|
||
|
|
<span class="subtitle">上升速度</span>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col">
|
||
|
|
<input type="range" max="50" min="0" step="0.01" name="risingSpeed">
|
||
|
|
<div class="input-number input-number-unit-3" style="flex: 0 0 110px;margin-left: 10px;">
|
||
|
|
<input class="input" type="number" title="" name="risingSpeed">
|
||
|
|
<span class="unit">m/s</span>
|
||
|
|
<span class="arrow"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<span class="custom-divider"></span>
|
||
|
|
<div class="div-item">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col operate-btn-box">
|
||
|
|
<button class="draw"><svg class="icon-draw"><use xlink:href="#yj-icon-draw"></use></svg>绘制范围</button>
|
||
|
|
<button class="flyto"><svg class="icon-positions"><use xlink:href="#yj-icon-positions"></use></svg>定位</button>
|
||
|
|
<button class="reset"><svg class="icon-reset"><use xlink:href="#yj-icon-reset"></use></svg>重置</button>
|
||
|
|
<button class="analog"><svg class="icon-play"><use xlink:href="#yj-icon-play"></use></svg>开始模拟</button>
|
||
|
|
<button class="pause" style="margin-right: 0px;"><svg class="icon-pause"><use xlink:href="#yj-icon-pause"></use></svg>暂停</button>
|
||
|
|
<button class="start" style="display: none;margin-right: 0px;"><svg class="icon-play"><use xlink:href="#yj-icon-play"></use></svg>播放</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="table">
|
||
|
|
<div class="table-head">
|
||
|
|
<div class="tr">
|
||
|
|
<div class="th">序号</div>
|
||
|
|
<div class="th">经度</div>
|
||
|
|
<div class="th">纬度</div>
|
||
|
|
<div class="th">高程</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="table-body">
|
||
|
|
</div>
|
||
|
|
<div class="table-empty">
|
||
|
|
<div class="empty-img"></div>
|
||
|
|
<p>暂无数据</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<span class="custom-divider" style="margin-top: 20px;"></span>
|
||
|
|
`
|
||
|
|
}
|
||
|
|
|
||
|
|
export { html }
|