赣州市洪水风险预警系统三维版本
guoshilong
2023-02-21 96526c57e4983e1ad9f3a3d3572c2c408aad7184
洪水淹没-洪水分析表格点击定位
2 files modified
75 ■■■■■ changed files
corelib/common/popup/js/evaluateAnalysis.js 16 ●●●● patch | view | raw | blame | history
widgets/FloodAnalysis/Widget.js 59 ●●●● patch | view | raw | blame | history
corelib/common/popup/js/evaluateAnalysis.js
@@ -45,17 +45,17 @@
        $('.list').removeClass('choose-button')
    })
    //淹没图弹窗事件
    $('#create-flood-image').click(function () {
        exportPicture()
    })
    //保存按钮点击事件
    $('#save-btn').click(function () {
        confirmPopup()
    })
    //导出按钮点击事件
    $('#export-img').click(function () {
        exportPicture()
    })
@@ -149,7 +149,9 @@
                    type: 'shadow'
                }
            },
            legend: {},
            legend: {
                left: 'left'
            },
            xAxis: [
                {
                    type: 'value',
@@ -206,6 +208,7 @@
        echartsOption && myChart.setOption(echartsOption, true);
    }
    //控制echarts图的长宽
    function recharts_z() {
        var width = $(window).width();
        var height = $(window).height() - 400
@@ -221,7 +224,7 @@
        myChartPie.resize(resize);
    }
    //获取参数
    //获取url携带参数
    function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = decodeURI(window.location.search).substr(1).match(reg);
@@ -246,7 +249,9 @@
        a.dispatchEvent(event)
    }
    //初始化
    function init() {
        //图片展示
        $('#show-img').prop('src', 'image/floodAnalysisEvaluate-2.png')
        $('.list').addClass('choose-button')
        $('.list').removeClass('unchoose-button')
@@ -256,6 +261,7 @@
        loadSumData()
    }
    //加载表格
    function loadTable(listData) {
        // $('#evaluate-tbody').remove()
        var table = ""
@@ -281,6 +287,7 @@
        $('#evaluate-tbody').html(table)
    }
    //加载总和数据
    function loadSumData() {
        var house = 0
        var people = 0
@@ -311,6 +318,7 @@
        $('.description').html("&nbsp&nbsp该站位于" + hd.riverway + ",靠近"+hd.stnm.trim()+"水文站,起始距为"+hd.gl_qdj+"m,河段长" + hd.river_length + "m,预计会造成受灾户数" + house + "户,受灾人口" + people + "人,受灾面积" + area + "km²,房屋价值" + money + "万元")
    }
    //加载分页
    function loadPagination() {
        if (evaluateData.length <= 0) return
        var count = Math.ceil(evaluateData.length / 10);
widgets/FloodAnalysis/Widget.js
@@ -365,7 +365,6 @@
                        $('#flood-tbody').html("")
                        $('#analysis-pagination').hide()
                    }
                    data.forEach(e => {
                        self.smxSelect.append("<option value=" + e.smxcode + ">" + e.waterline + "</option>");
@@ -672,7 +671,6 @@
                parentData.point = this.currentSelectHistoryData.smxVal.point
            }
            var url = './corelib/common/popup/evaluateAnalysis.html'
            var top = ($(window).height() - 764) / 2;
            var left = ($(window).width() -465);
@@ -704,9 +702,14 @@
                    //显示最大化icon
                    $('.layui-layer-max').css("display","")
                },
                restore: function() {
                restore: function(layero,index) {
                    //隐藏最大化icon
                    $('.layui-layer-max').css("display","none")
                    //还原时窗口长宽会减小,原因未知。因此还原时再设置一次长宽
                    layero.css({
                        'width':'465px',
                        'height':'818px'
                    })
                },
                success:function (layero,index) {
                    //绑定父子之间的关系,用于数据传递,缺少则无法传递
@@ -803,6 +806,7 @@
            //     let data = evt.cell.row.data
            // });
            //防止绑定多次点击事件
            if (this.dgridSelectEvent){
                this.dgridSelectEvent.remove()
            }
@@ -810,34 +814,33 @@
            this.dgridSelectEvent = grid.on("dgrid-select", function(evt){
                //获取行数据
                let data = evt.rows[0].data
                self.currentSelectHistoryData = data
                if (data.smxVal.point.length>0){
                    self.deleteEntities(self.pointEntities)
                    if (self.drawingPolyline)
                        self.map.entities.remove(self.drawingPolyline);
                    if (self.waterEntity)
                        self.map.entities.remove(self.waterEntity)
                    $('#sw-input').val("")
                    $('#hd-input').val("")
                    $('#smx-select option').remove()
                    //清空表格数据
                    $('.analysis-box-list').empty();
                    $('#analysis-pagination').hide()
                    self.analysisTableList = []
                    self.createPointAndLine(data.smxVal.point,self.pointEntities)
                //历史风险、洪水分析,表格不同的点击事件
                if (data.smxVal){
                    self.currentSelectHistoryData = data
                    if (data.smxVal.point.length>0){
                        self.deleteEntities(self.pointEntities)
                        if (self.drawingPolyline)
                            self.map.entities.remove(self.drawingPolyline);
                        if (self.waterEntity)
                            self.map.entities.remove(self.waterEntity)
                        $('#sw-input').val("")
                        $('#hd-input').val("")
                        $('#smx-select option').remove()
                        //清空表格数据
                        $('.analysis-box-list').empty();
                        $('#analysis-pagination').hide()
                        self.analysisTableList = []
                        self.createPointAndLine(data.smxVal.point,self.pointEntities)
                        self.map.camera.flyTo({
                            destination: Cesium.Cartesian3.fromDegrees(data.lon, data.lat, 50000),
                        });
                        self.drawWater('history')
                    }
                }else {
                    self.map.camera.flyTo({
                        destination: Cesium.Cartesian3.fromDegrees(data.lon, data.lat, 50000),
                        destination: Cesium.Cartesian3.fromDegrees(data.lng, data.lat, 3000),
                    });
                    self.drawWater('history')
                }
            });
            grid.renderArray(dataList);
        },