| | |
| | | <body> |
| | | <div class="evaluate-analysis"> |
| | | <div class="evaluate-box"> |
| | | <div class="evaluate-box-left"> |
| | | <div class="evaluate-box-top"> |
| | | <div class="flood-image-box"> |
| | | <div class="flood-image-top"> |
| | | <img id="show-img" src=""> |
| | | <div> |
| | | <img style="cursor: pointer" id="show-img" class="show-img" src="image/floodAnalysisEvaluate-2.png" width="100%" height="100%"> |
| | | </div> |
| | | </div> |
| | | <div class="description"> |
| | | <!--已经与数据联动,此处可删可不删--> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="evaluate-box-right"> |
| | | <div class="evaluate-box-top"> |
| | | <div class="evaluate-box-top-left"> |
| | | <div class="column-1"> |
| | | <div> |
| | | <span>淹没面积:</span><span class="house">暂无数据</span> |
| | | </div> |
| | | <div> |
| | | <span>淹没耕地面积:</span><span class="area">暂无数据</span> |
| | | </div> |
| | | </div> |
| | | <div class="column-2"> |
| | | <div> |
| | | <span>影响人口:</span><span class="people">暂无数据</span> |
| | | </div> |
| | | <div> |
| | | <span>淹没GDP:</span><span class="money">暂无数据</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="evaluate-box-top-right"> |
| | | <label> |
| | | <input id="list" type="radio" name="value" value="list" checked='checked'>列表 |
| | | </label> |
| | | |
| | | <label> |
| | | <input id="echarts" type="radio" name="value" value="echarts">图表 |
| | | </label> |
| | | </div> |
| | | <hr style="margin-bottom: 8px;margin-top: 12px"/> |
| | | <div class="evaluate-box-middle"> |
| | | <div class="evaluate-middle-first" style="display: flex"> |
| | | </div> |
| | | <div class="evaluate-box-middle"> |
| | | <div class="evaluate-middle-second"> |
| | | <div class="list-echarts-button"> |
| | | <label> |
| | | <input id="echarts" class="echarts" type="button" value="图表"/> |
| | | </label> |
| | | <label> |
| | | <input id="list" class="list" type="button" value="列表"/> |
| | | </label> |
| | | </div> |
| | | <div class="evaluate-table"> |
| | | <table> |
| | | <caption class="evaluate-table-caption table-caption">洪水淹没统计</caption> |
| | | <div class="table-title"> |
| | | <div class="table-label">洪水淹没统计</div> |
| | | </div> |
| | | <thead class="evaluate-table-thead table-thead"> |
| | | <tr> |
| | | <th> |
| | |
| | | </thead> |
| | | <tbody id="evaluate-tbody" class="table-tbody evaluate-tbody"></tbody> |
| | | </table> |
| | | <div class="flood-analysis-pagination Pagination" id="evaluate-pagination"></div> |
| | | <!-- <div class="flood-analysis-pagination Pagination" id="evaluate-pagination"></div>--> |
| | | </div> |
| | | <div class="evaluate-echarts" id="evaluate-echarts"></div> |
| | | </div> |
| | | </div> |
| | | <div class="evaluate-box-bottom"> |
| | | <input id="export-img" class="export-img" type="button" value="导出成果图"/> |
| | | <input id="save-btn" class="save-btn" type="button" value="保存"/> |
| | | <input id="close-btn" class="close-btn" type="button" value="关闭"/> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="evaluate-bottom"> |
| | | <input id="export-img" class="export-img" type="button" value="导出成果图"/> |
| | | <input id="save-btn" class="save-btn" type="button" value="保存"/> |
| | | </div> |
| | | |
| | | </div> |
| | | |
| | | |