洪水淹没分析功能优化

xiebin

2023-02-20 95b758d50ddf739c9e867c1ed713ded2e0c85ede

洪水淹没分析功能优化

 widgets/FloodAnalysis/Widget.html

@@ -6,7 +6,7 @@
                <li class="history-button">历史风险图</li>
            </ul>
        </div>
        <div id="tablist" style="height: 100%">
        <div id="tablist" style="height: 96%">
            <div class="flood-middle" style="height: 100%">
                <div class="flood-analysis" style="height: 100%">
                    <div class="select-box">
@@ -22,11 +22,17 @@
                                <label for="smx-select">水面线：</label>
                                <select id="smx-select" class="smx-select" name="smx"></select>
                            </div>
                            <div class="smx" style="padding-bottom: 1%">
                                <label for="glzd">关联站：</label>
                                <input id="glzd" style="width: 80px;height: 26px;" name="glzd" value="未知" disabled />
                                <label for="qdj">起点距：</label>
                                <input id="qdj" style="width: 80px;height: 26px;" name="qdj" value="未知" disabled />
                            </div>
                        </div>
                        <div style="margin-top: 1%">
                            <div class="sw" style="display: flex">
                                <label for="sw-input">水位：</label>
                                <div style="display: flex;flex-direction: column;margin-left: 6px;">
                                <label for="sw-input" id="swtext" style="width: 50px">水位差：</label>
                                <div style="display: flex;flex-direction: column;">
                                    <input id="sw-input" class="sw-input" name="word" autocomplete="off" maxlength="10" value="0" disabled />
                                    <span class="tip">正数为水位上涨，负数为水位下降</span>
                                </div>

 widgets/FloodAnalysis/Widget.js

@@ -104,8 +104,10 @@
            $('input[type=radio][name=middleRadio]').change(function () {
                if (this.value == "realtime") {
                    $("#sw-input").prop('disabled', true);
                    $('#swtext').text('水位差：')
                } else {
                    $("#sw-input").prop('disabled', false);
                    $('#swtext').text('水位：')
                }
                if ($('#smx-select').val())
                    self.getPointData($('#smx-select').val())
@@ -169,14 +171,7 @@
                })
                self.hdSelect.find("option").remove();//添加新值 删除旧值
                filterArray.forEach(e => {
                    let v = ''
                    if (e.stnm) {
                        v += '-' + e.stnm.trim() + '站'
                    }
                    if (e.gl_qdj) {
                        v += '-起点距' + e.gl_qdj
                    }
                    self.hdSelect.append("<option value='" + JSON.stringify(e) + "'>" + e.riverway + v + "</option>");
                    self.hdSelect.append("<option value='" + JSON.stringify(e) + "'>" + e.riverway + "</option>");
                })
            })

@@ -189,6 +184,9 @@
            this.hdSelect.change(function () {
                $("#hd-input").val($(this).find("option:selected").text());
                var selected = JSON.parse($(this).val())
                // 设置站点信息
                $('#glzd').val(selected.stnm)
                $('#qdj').val(selected.gl_qdj.substring(0,selected.gl_qdj.length - 2))
                self.currentHd = selected
                self.getSmxData(selected.river_code, selected.default_smx)
                self.getMin(selected.default_smx,selected.gl_qdj)
@@ -341,14 +339,7 @@
                    self.hdDataList = data
                    self.hdSelect.find("option").remove();//添加新值 删除旧值
                    data.forEach(e => {
                        let v = ''
                        if (e.stnm) {
                            v += '-' + e.stnm.trim() + '站'
                        }
                        if (e.gl_qdj) {
                            v += '-起点距' + e.gl_qdj
                        }
                        self.hdSelect.append("<option value='" + JSON.stringify(e) + "'>" + e.riverway + v + "</option>");
                        self.hdSelect.append("<option value='" + JSON.stringify(e) + "'>" + e.riverway + "</option>");
                    })
                }
            });
@@ -492,7 +483,7 @@
            if (tableData.length <= 0 && pageElementId == "history-pagination") {
                $('#history-pagination').hide()
            }
            let pageSize = 10
            let pageSize = 22
            var count = Math.ceil(tableData.length / pageSize);
            var self = this
            $('#' + pageElementId).pagination({
@@ -548,8 +539,8 @@
                e.lat = Number(e.lat).toFixed(4)
                e.sw = self.calculateSw(e.water, $('#sw-input').val())

                e.water = Number(e.water).toFixed(3)
                e.sw = Number(e.sw).toFixed(3)
                e.water = Number(e.water).toFixed(2)
                e.sw = Number(e.sw).toFixed(2)
            })

            self.loadPagination(self.analysisTableList, "analysis-pagination")
@@ -578,8 +569,8 @@
                                e.lat = Number(e.lat).toFixed(4)
                                e.sw = self.calculateSw(e.water, sub)

                                e.water = Number(e.water).toFixed(3)
                                e.sw = Number(e.sw).toFixed(3)
                                e.water = Number(e.water).toFixed(2)
                                e.sw = Number(e.sw).toFixed(2)
                            })

                            self.loadPagination(self.analysisTableList, "analysis-pagination")
@@ -687,6 +678,7 @@
            var left = ($(window).width() -465);
            layer.open({
                title: '评估分析',
                shade: 0,
                type: 2,
                maxmin: true, //开启最大化最小化按钮
                area: ['465px', '818px'],
@@ -756,28 +748,38 @@
                column = {
                    location: {
                        label:'位置',
                        className:'dgrid-cell_200',
                        formatter:formatter
                    },
                    origin: {
                        label:'起点距',
                        formatter:formatter
                        className:'dgrid-cell_40',
                        formatter:function (value,object) {
                            if (self.currentNearPoint.id == object.id) {
                                return '<span style="color:red">' + value.substring(0,value.length - 2) + '</span>'
                            } else {
                                return value.substring(0,value.length - 2)
                            }
                        }
                    },
                    water: {
                        label:'水面线',
                        className:'dgrid-cell_60',
                        formatter:formatter
                    },
                    sw: {
                        label:'水位',
                        className:'dgrid-cell_60',
                        formatter:formatter
                    },
                    lng:{
                        label:'经度',
                        formatter:formatter
                    },
                    lat:{
                        label:'纬度',
                        formatter:formatter
                    },
                    // lng:{
                    //     label:'经度',
                    //     formatter:formatter
                    // },
                    // lat:{
                    //     label:'纬度',
                    //     formatter:formatter
                    // },
                }
                tab = 'analysis-tab1-grid'
            } else if (txt == "历史风险图") {

 widgets/FloodAnalysis/css/style.css

@@ -149,7 +149,7 @@
.sw-input{
    width: 201px;
    height: 26px;
    margin-left: 9px !important;
    margin-left: 1px !important;
    border: 1px solid rgba(160, 160, 156, 1);
}

@@ -298,10 +298,25 @@
}

/**洪水淹没分析表格**/
#analysis-tab1-grid .dgrid-cell {
#analysis-tab1-grid .dgrid-cell_200 {
    width: 160px; /* force all columns to have SOME width */
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#analysis-tab1-grid .dgrid-cell_80 {
    width: 80px; /* force all columns to have SOME width */
    text-align: center;
}
#analysis-tab1-grid .dgrid-cell_60 {
    width: 60px; /* force all columns to have SOME width */
    text-align: center;
}
#analysis-tab1-grid .dgrid-cell_40 {
    width: 40px; /* force all columns to have SOME width */
    text-align: center;
}
#analysis-tab1-grid .field-col1 {
    width: 500px;
}