洪水淹没-分析弹窗样式调整

guoshilong

2023-02-20 53efc4fdb6cd083f69585eb3c053f24f493aa149

 widgets/FloodAnalysis/Widget copy4.html

@@ -67,90 +67,88 @@
         <span id="progress_bar"  class="h-100P bar"></span>
      </span>
    </div>
<!--    <div class="evaluate-analysis">-->
<!--        <div class="evaluate-title">-->
<!--            <div class="evaluate-lable">评估分析</div>-->
<!--            <div class="evaluate-back-icon"></div>-->
<!--        </div>-->
<!--        <div class="evaluate-box">-->
<!--            <div class="evaluate-box-top">-->
<!--                <div class="flood-image-box">-->
<!--                    <div class="flood-image-top">-->
<!--                        <img id="show-img" src=../../widgets/FloodAnalysis/images/floodAnalysisEvaluate-2.png>-->
<!--                    </div>-->
<!--                    <div class="description">-->
<!--                        &lt;!&ndash;已经与数据联动，此处可删可不删&ndash;&gt;-->
<!--                        该站位于古亭水园滩段，河段长4556m,预计会造成受灾户数125户，受灾人口625人，受灾面积47.999km²，房屋价值189.999万元-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="evaluate-box-middle">-->
<!--                <div style="display: flex">-->
<!--                    <div class="evaluate-middle-first">-->
<!--                        <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>-->
<!--                        <label>-->
<!--                            <input id="list" class="save-btn" type="button" value="列表"/>-->
<!--                        </label>-->
<!--                        <label>-->
<!--                            <input id="echarts" class="save-btn" type="button" value="图表"/>-->
<!--                        </label>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="evaluate-middle-second">-->
    <div class="evaluate-analysis">
        <div class="evaluate-title">
            <div class="evaluate-lable">评估分析</div>
            <div class="evaluate-back-icon"></div>
        </div>
        <div class="evaluate-box">
            <div class="evaluate-box-top">
                <div class="flood-image-box">
                    <div class="flood-image-top">
                        <img id="show-img" src=../../widgets/FloodAnalysis/images/floodAnalysisEvaluate-2.png>
                    </div>
                    <div class="description">
                        <!--已经与数据联动，此处可删可不删-->
                        该站位于古亭水园滩段，河段长4556m,预计会造成受灾户数125户，受灾人口625人，受灾面积47.999km²，房屋价值189.999万元
                    </div>
                </div>
            </div>
            <div class="evaluate-box-middle">
                <div style="display: flex">
                    <div class="evaluate-middle-first">
                        <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>
                        <label>
                            <input id="list" class="save-btn" type="button" value="列表"/>
                        </label>
                        <label>
                            <input id="echarts" class="save-btn" type="button" value="图表"/>
                        </label>
                    </div>
                </div>
                <div class="evaluate-middle-second">
                    <div class="evaluate-table">
                        <table>
                            <caption class="evaluate-table-caption table-caption">洪水淹没统计</caption>
                            <thead class="evaluate-table-thead table-thead">
                            <tr>
                                <th>
                                    <div>水深等级</div>
                                </th>
                                <th>
                                    <div>淹没面积(km²)</div>
                                </th>
                                <th>
                                    <div>淹没耕地面积(km²)</div>
                                </th>
                                <th>
                                    <div>影响人口(万人)</div>
                                </th>
                                <th>
                                    <div>淹没区GDP(亿元)</div>
                                </th>
                            </tr>
                            </thead>
                            <tbody id="evaluate-tbody" class="table-tbody evaluate-tbody"></tbody>
                        </table>
                        <div class="flood-analysis-pagination Pagination" id="evaluate-pagination"></div>
                    </div>
                    <div class="evaluate-echarts" id="evaluate-echarts"></div>
                </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>

<!--                    <div class="evaluate-table">-->
<!--                        <table>-->
<!--                            <caption class="evaluate-table-caption table-caption">洪水淹没统计</caption>-->
<!--                            <thead class="evaluate-table-thead table-thead">-->
<!--                            <tr>-->
<!--                                <th>-->
<!--                                    <div>水深等级</div>-->
<!--                                </th>-->
<!--                                <th>-->
<!--                                    <div>淹没面积(km²)</div>-->
<!--                                </th>-->
<!--                                <th>-->
<!--                                    <div>淹没耕地面积(km²)</div>-->
<!--                                </th>-->
<!--                                <th>-->
<!--                                    <div>影响人口(万人)</div>-->
<!--                                </th>-->
<!--                                <th>-->
<!--                                    <div>淹没区GDP(亿元)</div>-->
<!--                                </th>-->
<!--                            </tr>-->
<!--                            </thead>-->
<!--                            <tbody id="evaluate-tbody" class="table-tbody evaluate-tbody"></tbody>-->
<!--                        </table>-->
<!--                        <div class="flood-analysis-pagination Pagination" id="evaluate-pagination"></div>-->
<!--                    </div>-->
<!--                    <div class="evaluate-echarts" id="evaluate-echarts"></div>-->

<!--                </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>-->

<!--    </div>-->
    </div>

</div>