2023/10/31

2023-10-31 18:03:55 +08:00
parent 31cf6d6508
commit f93ed7c829
31 changed files with 3748 additions and 785 deletions
@@ -36,17 +36,17 @@
                    <div class="y_box_label y_image_default">安全统计</div>
                    <div class="y_box_main">
                        <div class="y_row y_rgss">
-                            <div class="y_rgs y_column y_image_default">
+                            <div class="y_rgs y_column y_image_default js-hover"   data-type="WorkingHourData">
                                <p class="y_rgs_val" id="divSafeWorkTime" runat="server">0000000000</p>
                                <div class="y_rgs_label">累计安全人工时</label>
                                </div>
                            </div>
-                            <div class="y_rgs y_column y_image_default">
+                            <div class="y_rgs y_column y_image_default js-hover"   data-type="WorkingHourData">
                                <p class="y_rgs_val" id="divSafeWorkTimeMonth" runat="server">0000000000</p>
                                <div class="y_rgs_label" >本月安全人工时</label>
                                </div>
                            </div>
-                            <div class="y_rgs y_column y_image_default">
+                            <div class="y_rgs y_column y_image_default js-hover"   data-type="SafeTrainData">
                                <p class="y_rgs_val" id="divSafePersonNum" runat="server">0</p>
                                <div class="y_rgs_label">安全培训累计人员</label>
                                </div>
@@ -57,7 +57,7 @@
                                <div class="y_aq_label">安全管理人员</div>
                                <div class="y_aq_value"  id="divSafeManagePersonNum" runat="server">0</div>
                            </div>
-                            <div class="y_aq_box y_image_default y_row">
+                            <div class="y_aq_box y_image_default y_row js-hover" data-type="AccidentEventData">
                                <div class="y_aq_label">未遂事件</div>
                                <div class="y_aq_value" runat="server" id="divWS">0</div>
                            </div>
@@ -92,15 +92,15 @@
                <div class="y_box">
                    <div class="y_box_label y_image_default">质量概况</div>
                    <div class="y_box_main">
-                        <div class="y_zlry y_row y_image_default">
+                        <div class="y_zlry y_row y_image_default  js-hover" data-type="ManagerData">
                            <div class="y_zlry_label">质量管理人员</div>
                            <div class="y_zlry_value" id="divCqmsManageNum" runat="server">0</div>
                        </div>
-                        <div class="y_zlry y_row y_image_default" style="margin-top: .125rem;">
+                        <div class="y_zlry y_row y_image_default js-hover" data-type="ManagerData" style="margin-top: .125rem;">
                            <div class="y_zlry_label">质量培训累计人员</div>
                            <div class="y_zlry_value" id="divCqmsPxNum" runat="server">0</div>
                        </div>
-                        <div class="y_zlmap y_row">
+                        <div class="y_zlmap y_row js-hover" data-type="QualityProblem">
                            <div class="zgmap" id="zlmap"></div>
                            <div class="zgmap" id="ycmap"></div>
                            <div class="zgmap" id="hjmap"></div>
@@ -141,12 +141,12 @@
                </div>
            </div>
            <div class="site">
-                <div class="y_top_boxs y_row">
+                <div class="y_top_boxs y_row   js-hover" data-type="ProjectData">
                    <div class="y_top_box y_image_default y_column">
                        <div class="y_top_box_label" style="color: #12CDA2;">在建项目</div>
                        <div class="y_top_box_value" style="color: #12CDA2;" id="div_zjxmCount" runat="server"></div>
                    </div>
-                    <div class="y_top_box y_image_default y_column">
+                    <div class="y_top_box y_image_default y_column js-hover" data-type="ProjectPersonData">
                        <div class="y_top_box_label" style="color: #00FFFF;">参建人数</div>
                        <div class="y_top_box_value" style="color: #00FFFF;" id="div_cjrsCount" runat="server"></div>
                    </div>
@@ -161,7 +161,7 @@
            </div>
            <div class="site y_column">
                <!-- 人员信息 -->
-                <div class="y_box">
+                <div class="y_box js-hover" data-type="ProjectPersonData">
                    <div class="y_box_label y_image_default">人员信息 </div>
                    <div class="y_rys y_row">
                        <div class="y_ry y_row y_image_default">
@@ -184,7 +184,7 @@
                    <div class="y_box_label y_image_default">进度情况 <span class="y_more">更多></span></div>
                    <div class="y_box_main" id="jdmap"></div>
                </div>
-                <div class="y_box">
+                <div class="y_box" style="font-size: 15px;">
                    <div class="y_box_label y_image_default">
                        <div class="y_tabs y_row">
                        <span class="y_image_default y_tab-action" id="span_gdcl" onclick="clOnclick(0)" style="cursor:pointer">管道材料</span>
@@ -248,6 +248,190 @@
 <script type="text/javascript" src="../res/index/js/china.js"></script>
 <script type="text/javascript" src="../res/index/js/world.js"></script>
 <script>
+    $(function () {
+         initClick();
+    })
+
+    function initClick() {
+        // 设置iframe高度
+        $('.click-wrap .click-item iframe').height($('.click-wrap').height())
+        $(".js-hover").click(function () {
+            var htmlContent = GetClickHtml(this)
+            // $('.click-wrap').show()
+            // $(".hover-wrap").hide()
+        })
+        $('.click-close').click(function () {
+            $('.click-wrap').hide()
+        })
+    }
+
+    function GetClickHtml(obj) {
+        var $this = $(obj), type = $this.attr('data-type'), tabType = $this.attr('data-tabType') || '';
+        var title = '';
+        if (tabType != '') {
+            tabType = $this.closest('.bb-item').find('.tab-wrap .tab .active').attr('data-type')
+            if (tabType == null) {
+                tabType = $this.closest('.str-bottom').find('.tab-wrap .tab .active').attr('data-type')
+            }
+        }
+        console.log(type)
+        if (type == 'HeadOfficeNum') {
+            $('iframe').attr('src', '../DataShow/CompanyPerson.aspx') //企业总部
+            window.open("../DataShow/CompanyPerson.aspx")
+        }
+        else if (type == 'Branch') {
+            $('iframe').attr('src', '../DataShow/CompanyPerson.aspx') //分支机构
+            window.open("../DataShow/CompanyPerson.aspx")
+        }
+        else if (type == 'ProjectNum') {
+            $('iframe').attr('src', '../DataShow/ProjectPerson.aspx')//项目人员
+            window.open("../DataShow/ProjectPerson.aspx")
+
+        }
+        else if (type == 'SafetyInjectionEngineer') {
+            $('iframe').attr('src', '../DataShow/ProjectPerson.aspx')//项目人员
+            window.open("../DataShow/ProjectPerson.aspx")
+
+        }
+        else if (type == 'Certificate') {
+            $('iframe').attr('src', '../DataShow/ProjectPerson.aspx') //项目人员
+            window.open("../DataShow/ProjectPerson.aspx")
+
+        }
+        else if (type == 'SafetyMeetingData') {
+            $('iframe').attr('src', '../DataShow/Meeting.aspx') //安全会议数据
+            window.open("../DataShow/Meeting.aspx")
+
+        }
+        else if (type == 'BeUnderConstructionNum') {
+            $('iframe').attr('src', '../DataShow/Project.aspx') //项目信息  
+            window.open("../DataShow/Project.aspx")
+
+        }
+        else if (type == 'ShutdownNum') {
+            $('iframe').attr('src', '../DataShow/Project.aspx') //项目信息 
+            window.open("../DataShow/Project.aspx")
+
+        }
+        else if (type == 'JoinConstructionPersonNum') {
+            $('iframe').attr('src', '../DataShow/Project.aspx') //项目信息    
+            window.open("../DataShow/Project.aspx")
+
+        }
+        else if (type == 'MajorProjectsUnderConstructionNum') {
+            $('iframe').attr('src', '../DataShow/Project.aspx') //项目信息 
+            window.open("../DataShow/Project.aspx")
+
+        }
+        else if (type == 'WorkingHourData') {
+            $('iframe').attr('src', '../DataShow/WorkingHours.aspx') //工时数据   
+            window.open("../DataShow/WorkingHours.aspx")
+
+        }
+        else if (type == 'SafeTrainData') {
+            $('iframe').attr('src', '../DataShow/EduTrain.aspx') //安全教育培训     
+            window.open("../DataShow/EduTrain.aspx")
+
+        }
+        else if (type == 'EnvironmentalData') {
+            $('iframe').attr('src', '../DataShow/Environmental.aspx') //环保数据  
+            window.open("../DataShow/Environmental.aspx")
+
+        }
+        else if (type == 'SafeCost') {
+            $('iframe').attr('src', '../DataShow/SecurityCost.aspx') //安全费用 
+            window.open("../DataShow/SecurityCost.aspx")
+
+        }
+        else if (type == 'ConstructionEquipment') {
+            $('iframe').attr('src', '../DataShow/ConstructionEquipment.aspx') //施工机具设备 
+            window.open("../DataShow/ConstructionEquipment.aspx")
+
+
+        }
+        else if (type == 'HighRiskWorkPermit') {
+            $('iframe').attr('src', '../DataShow/License.aspx') //高风险作业许可
+            window.open("../DataShow/License.aspx")
+
+        }
+        else if (type == 'SafetySupervisionAndInspectionData') {
+            $('iframe').attr('src', '../DataShow/Check.aspx') //安全监督检查
+            window.open("../DataShow/Check.aspx")
+
+        }
+        else if (type == 'AccidentEventData') {
+            $('iframe').attr('src', '../DataShow/Accident.aspx') //事故事件数据
+            window.open("../DataShow/Accident.aspx")
+
+        }
+        else if (type == 'SafeRiskData') {
+            $('iframe').attr('src', '../DataShow/SecurityRisk.aspx') //安全风险数据
+            window.open("../DataShow/SecurityRisk.aspx")
+
+        }
+        else if (type == 'yjglsj'<%-- && tabType == "qyj"--%>) {
+            $('iframe').attr('src', '../DataShow/Emergency.aspx')//应急管理数据-企业级
+            window.open("../DataShow/Emergency.aspx")
+
+        }<%--
+        else if (type == 'yjglsj' && tabType == "xmj") {
+            $('iframe').attr('src', '../DataShow/Emergency.aspx')//应急管理数据-项目级
+            window.open("../DataShow/Emergency.aspx")
+
+        }--%>
+        else if (type == 'wdgcsj'<%-- && tabType == "large"--%>) {
+            $('iframe').attr('src', '../DataShow/LargeEngineering.aspx')//危大工程- 危大工程
+            window.open("../DataShow/LargeEngineering.aspx")
+
+        }<%--
+        else if (type == 'wdgcsj' && tabType == "super") {
+            $('iframe').attr('src', '../DataShow/LargeEngineering.aspx') // 危大工程 - 超危大工程
+            window.open("../DataShow/LargeEngineering.aspx")
+            
+
+        }--%>
+         else if (type == 'yhpc' && tabType == "yb") {
+             $('iframe').attr('src', '../DataShow/HiddenRectification.aspx') //隐患排查-一般隐患
+             window.open("../DataShow/HiddenRectification.aspx")
+
+         }
+         else if (type == 'yhpc' && tabType == "zd") {
+             $('iframe').attr('src', '../DataShow/HiddenRectification.aspx')//隐患排查-重大隐患
+             window.open("../DataShow/HiddenRectification.aspx")
+
+        } else if (type == 'QualityProblem') {
+            //    $('iframe').attr('src', '../InterfacePopup/CQMS/QualityProblem.aspx') //质量问题数据
+            window.open("../DataShow/QualityProblem.aspx")
+
+        } else if (type == 'ManagerData') {
+            //   $('iframe').attr('src', '../InterfacePopup/CQMS/ManagerData.aspx') //管理人员数据
+            window.open("../DataShow/QualityPerson.aspx")
+
+            title = '管理人员数据'
+        } else if (type == 'ProjectData') {
+            //   $('iframe').attr('src', '../InterfacePopup/CQMS/ManagerData.aspx') //管理人员数据
+            window.open("../DataShow/Project.aspx")
+
+            title = '项目数据'
+        }
+        else if (type == 'ProjectPersonData') {
+            //   $('iframe').attr('src', '../InterfacePopup/CQMS/ManagerData.aspx') //管理人员数据
+            window.open("../DataShow/ProjectPerson.aspx")
+
+            title = '项目数据'
+        }
+        
+            /*
+     else if (type == 'Video') {
+         $('iframe').attr('src', '../InterfacePopup/HSSE/VideoView.aspx') //视频监控
+     }*/
+         else {
+             // $('iframe').attr('src', '../SysManage/Unit.aspx')
+             //  window.open("../DataShow/Unit.aspx")
+             console.log("通用")
+         }
+     }
+
    function clOnclick(objval) {
        if (objval == 0) {
            $("#span_gdcl").addClass("y_tab-action")
@@ -618,11 +802,41 @@
                top: fontSize(30),
                bottom: fontSize(40)
            },
+            dataZoom: [
+                {
+                    type: 'slider',
+                    // start: 0,
+                    // end: 60
+                    maxValueSpan: 6,
+                    show: true,
+                    xAxisIndex: [0],
+                    bottom: 25, height: 10,
+                    backgroundColor: 'rgba(0,0,0,0)',
+                    borderColor: 'none',
+                    brushSelect: false,
+                    textStyle: {
+                        color: 'rgba(0,0,0,0)'
+                    },
+                    selectedDataBackground: {
+                        areaStyle: {
+                            color: 'red',
+                            borderWidth: 0
+                        }
+                    },
+                    handleStyle: {  // 缩放手柄的样式
+                        color: "#0a1449"
+                    },
+                    moveHandleStyle: {
+                        color: '#0a1449'
+                    }
+                }
+            ],
            xAxis: {
                type: 'category',
                data: label,
                axisLabel: {
-
+                    interval: 0,//使x轴文字显示全
+                    rotate: -10,       // 标签倾斜的角度
                    color: '#3FB0FF'
                },
                axisLine: {
@@ -694,7 +908,7 @@
                type: 'category',
                data: label,
                axisLabel: {
-
+                    interval: 0,//使x轴文字显示全
                    color: '#3FB0FF'
                },
                axisLine: {
@@ -736,7 +950,6 @@
                        color: "#ffffff",
                        fontSize: fontSize(10),
                        formatter: (params) => {
-                            console.log(params.value);
                            return params.value;
                        },
                    },
@@ -813,7 +1026,7 @@
    }
    var project =<%=Project %>
    //var projectNum = { "name": null, "type": null, "data": [31.0, 0.0, 0.0, 0.0, 2.0, 0.0, 0.0, 0.0, 2.0, 0.0, 0.0, 0.0, 1.0, 1.0, 1.0, 5.0, 0.0, 2.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0], "dataString": null, "dataObject": null }
-    var projectMaxNum = 5
+    var projectMaxNum = 5;
    var myChart = null
    var geoCoordMap = {
        '上海': [121.48, 31.22],
@@ -1351,12 +1564,14 @@
            var marker = new BMapGL.Marker(pt, {
                icon: myIcon
            });
-
+            console.log(item);
            var content = '<table>'
-            content = content + '<tr><td> 时间:' + item.split(',')[2] + '</td></tr>'
-            content = content + '<tr><td> 工期:' + item.split(',')[3] + '</td></tr>'
+            content = content + '<tr><td> 项目名称:' + item.split(',')[7] + '</td></tr>'
+            content = content + '<tr><td> 开工日期:' + item.split(',')[9] + '</td></tr>'
+            content = content + '<tr><td> 完工日期:' + item.split(',')[10] + '</td></tr>'
+            content = content + '<tr><td> 剩余天数:' + item.split(',')[11] + '</td></tr>'
            content = content + '<tr><td> 进度:' + item.split(',')[4] + '</td></tr>'
-            content = content + '<tr><td> 合同额:(' + item.split(',')[5] + ');收款额:(' + item.split(',')[6] + ')</td></tr>'
+          /*  content = content + '<tr><td> 合同额:(' + item.split(',')[5] + ');收款额:(' + item.split(',')[6] + ')</td></tr>'*/
            content = content + '<tr><td style="width:180px;"><a style="text-decoration:underline;color:#00a2e9;text-overflow: ellipsis; white - space: nowrap;" target="_top" href="../indexProject.aspx?projectId=' + item.split(',')[8] + '&projectName=' + item.split(',')[7] + '">项目详情</a></td>  </tr>'
            content += '</table>'
            var infowindow = new BMapGL.InfoWindow(content, { title: item.split(',')[7] })