lpf/SGGL_SHJ
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2023-08-04

Browse Source
This commit is contained in:
李鹏飞
2023-08-04 17:23:14 +08:00
parent 6571d291e8
commit f13d77c520
4 changed files with 1168 additions and 751 deletions
Download Patch File Download Diff File Expand all files Collapse all files
SGGL/FineUIPro.Web/FineUIPro.Web.csproj
+1
View File
@@ -1320,6 +1320,7 @@
<Content Include="res\assets\css\login.css" /> <Content Include="res\assets\css\login.css" />
<Content Include="res\assets\css\swiper.min.css" /> <Content Include="res\assets\css\swiper.min.css" />
<Content Include="res\assets\css\video-7.15.0.min.css" /> <Content Include="res\assets\css\video-7.15.0.min.css" />
<Content Include="res\assets\css\xfk.css" />
<Content Include="res\assets\iconfont\iconfont.css" /> <Content Include="res\assets\iconfont\iconfont.css" />
<Content Include="res\assets\image\bj1.jpg" /> <Content Include="res\assets\image\bj1.jpg" />
<Content Include="res\assets\image\bj2.jpg" /> <Content Include="res\assets\image\bj2.jpg" />
SGGL/FineUIPro.Web/common/mainMenu_HJGL2.aspx
+299 -56
View File
@@ -4,15 +4,16 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"> <head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>质量焊接数据看板</title> <title>质量焊接数据看板</title>
<link rel="stylesheet" href="../res/assets/iconfont/iconfont.css"/> <link rel="stylesheet" href="../res/assets/iconfont/iconfont.css" />
<link rel="stylesheet" href="../res/assets/css/video-7.15.0.min.css"/> <link rel="stylesheet" href="../res/assets/css/video-7.15.0.min.css" />
<link rel="stylesheet" href="../res/assets/css/index2.css"/> <link rel="stylesheet" href="../res/assets/css/index2.css" />
<link rel="stylesheet" href="../res/assets/css/xfk.css"/>
</head> </head>
<body> <body>
<div class="sd-index2-body"> <div class="sd-index2-body">
<div class="sd-header" style="display:none"> <div class="sd-header" style="display: none;">
<div class="sd-header-top"> <div class="sd-header-top">
<div class="sd-header-top-right"> <div class="sd-header-top-right">
<div id="sd-location-time" class="sd-location-time">2021年10月10日 12:52:36 星期二</div> <div id="sd-location-time" class="sd-location-time">2021年10月10日 12:52:36 星期二</div>
@@ -26,7 +27,7 @@
<div class="sb-left"> <div class="sb-left">
<div class="sbl-top"> <div class="sbl-top">
<div class="tit">质量培训数据</div> <div class="tit">质量培训数据</div>
<div class="zlpxsj-wrap"> <div class="zlpxsj-wrap js-hover" data-type="QualityTrainingData">
<div class="zlpxsj"> <div class="zlpxsj">
<div class="left"> <div class="left">
<div class="num"><%=showData(cQMSData_CQMS.TrainPersonNum,"--") %></div> <div class="num"><%=showData(cQMSData_CQMS.TrainPersonNum,"--") %></div>
@@ -41,7 +42,7 @@
</div> </div>
<div class="sbl-center"> <div class="sbl-center">
<div class="tit">计量器具数据</div> <div class="tit">计量器具数据</div>
<div class="sblc-content flexCenter"> <div class="sblc-content flexCenter js-hover" data-type="MeasuringInstrumentsData">
<div class="item"> <div class="item">
<div class="desc">在用计量器具</div> <div class="desc">在用计量器具</div>
<div class="num-wrap"> <div class="num-wrap">
@@ -61,7 +62,7 @@
</div> </div>
<div class="sbl-bottom"> <div class="sbl-bottom">
<div class="tit">质量管理人员数据</div> <div class="tit">质量管理人员数据</div>
<div class="zlglry-wrap"> <div class="zlglry-wrap js-hover" data-type="ManagerData">
<div class="zlglry"> <div class="zlglry">
<div class="top"> <div class="top">
<div class="item"> <div class="item">
@@ -87,20 +88,20 @@
</div> </div>
<div class="sb-center"> <div class="sb-center">
<div class="sbc-top flexCenter"> <div class="sbc-top flexCenter">
<div class="sbct-left bg"> <div class="sbct-left bg js-hover" data-type="QualityProblem">
<div class="tit">质量问题治理数据</div> <div class="tit">质量问题治理数据</div>
<div class="pic" id="zlwtzlsj"></div> <div class="pic" id="zlwtzlsj"></div>
</div> </div>
<div class="sbct-right bg"> <div class="sbct-right bg js-hover" data-type="QualityControlPoint">
<div class="tit">质量控制点数据</div> <div class="tit">质量控制点数据</div>
<div class="pic" id="zlkzdsj"></div> <div class="pic" id="zlkzdsj"></div>
</div> </div>
</div> </div>
<div class="sbc-center bg"> <div class="sbc-center bg js-hover" data-type="QualityAcceptance">
<div class="tit">质量验收数据</div> <div class="tit">质量验收数据</div>
<div class="pic" id="zlyssj"></div> <div class="pic" id="zlyssj"></div>
</div> </div>
<div class="sbc-bottom bg"> <div class="sbc-bottom bg js-hover" data-type="ProjectDivision">
<div class="tit">工程划分数据</div> <div class="tit">工程划分数据</div>
<div class="sbcb-content"> <div class="sbcb-content">
<div class="item item1"> <div class="item item1">
@@ -136,13 +137,13 @@
<div class="tit">焊接数据</div> <div class="tit">焊接数据</div>
<div class="sbrc-item"> <div class="sbrc-item">
<div class="sbrci-bigTit"> <div class="sbrci-bigTit">
<div class="sbig-left"> <div class="sbig-left js-hover" data-type="HjData">
<div class="first">焊工</div> <div class="first">焊工</div>
<div>总数</div> <div>总数</div>
</div> </div>
<div class="sbig-right"><%=showData(hJGLData_HJGL.WelderNum,"--") %></div> <div class="sbig-right"><%=showData(hJGLData_HJGL.WelderNum,"--") %></div>
</div> </div>
<div class="sbrci-list"> <div class="sbrci-list js-hover" data-type="HjData">
<div class="item"> <div class="item">
<div class="item-c"> <div class="item-c">
<div class="num"><%=showData(hJGLData_HJGL.TotalDineNum,"--") %></div> <div class="num"><%=showData(hJGLData_HJGL.TotalDineNum,"--") %></div>
@@ -168,12 +169,23 @@
</div> </div>
</div> </div>
</div> </div>
<div class="sbrci-smallTit">缺陷分析</div> <div class="sbrci-smallTit" >缺陷分析</div>
<div class="pic" id="qxfx"></div> <div class="pic js-hover" data-type="DefectAnalysis" id="qxfx"></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="hover-wrap">
<div class="hover-item">
</div>
</div>
<div class="click-wrap" style="height: 75%; top: 10%;">
<div class="click-close"></div>
<div class="click-item">
<%-- <iframe src="../SysManage/Unit.aspx" width="100%" height="450"></iframe>--%>
<iframe src="" id="iframe" width="100%" height="450"></iframe>
</div>
</div> </div>
<script src="../res/assets/js/jquery-2.1.1.min.js"></script> <script src="../res/assets/js/jquery-2.1.1.min.js"></script>
<script src="../res/assets/js/jquery.mousewheel.min.js"></script> <script src="../res/assets/js/jquery.mousewheel.min.js"></script>
@@ -201,8 +213,9 @@
function move(event) { function move(event) {
event.preventDefault(); event.preventDefault();
if ($(".is-vertical").offset() != undefined) {
distance = event.pageY - $(".is-vertical").offset().top; distance = event.pageY - $(".is-vertical").offset().top;
if (isMouseDown == true) { } if (isMouseDown == true) {
scroll(distance) scroll(distance)
} }
} }
@@ -293,39 +306,6 @@
}, 1000); }, 1000);
} }
function initPie(id, data) {
var chartDom = document.getElementById(id);
var myChartPie = echarts.init(chartDom);
var option;
option = {
tooltip: {
trigger: 'item',
formatter: '{a}<br />{b}<span style="color:#000;font-weight:bold;margin-left:15px;">{d}%</span>'
},
// color: ['#1AB1FF', '#FADC42', '#E56E34', '#F24166'],
series: [
{
name: '安全风险数据',
type: 'pie', // 设置图表类型为饼图
radius: ['40%', '55%'], // 饼图的半径，外半径为可视区尺寸（容器高宽中较小一项）的 55% 长度。
startAngle: 90,//起始角度 不设置该值默认为：90
data: data,
label: {
color: '#97B0D3'
}
}
]
};
option && myChartPie.setOption(option);
window.addEventListener("resize", function () {
myChartPie.resize();
});
}
function initqxfx(id, data1, indicator) { function initqxfx(id, data1, indicator) {
var chartDom = document.getElementById(id); var chartDom = document.getElementById(id);
var myChartLD = echarts.init(chartDom); var myChartLD = echarts.init(chartDom);
@@ -345,7 +325,7 @@
textStyle: { textStyle: {
color: '#F3DC14', color: '#F3DC14',
} }
} ] }]
}, },
radar: { radar: {
splitNumber: 6, // 雷达图圈数设置 splitNumber: 6, // 雷达图圈数设置
@@ -563,7 +543,7 @@
align: 'center', align: 'center',
verticalAlign: 'middle', verticalAlign: 'middle',
position: 'insideBottom', position: 'insideBottom',
distance: 15 //distance: 15
}; };
option = { option = {
@@ -595,7 +575,8 @@
axisLabel: { axisLabel: {
textStyle: { textStyle: {
color: '#84D7FE' color: '#84D7FE'
} },
interval: 0
} }
} }
], ],
@@ -662,6 +643,7 @@
data: xArr, data: xArr,
axisLabel: { axisLabel: {
color: '#179eb3', color: '#179eb3',
interval: 0
}, },
axisTick: { axisTick: {
show: false, show: false,
@@ -673,6 +655,7 @@
width: 1, width: 1,
} }
}, },
boundaryGap: false boundaryGap: false
}, },
yAxis: { yAxis: {
@@ -736,7 +719,265 @@
}); });
} }
function initPie(id, data) {
var chartDom = document.getElementById(id);
var myChartPie = echarts.init(chartDom);
var option;
option = {
tooltip: {
trigger: 'item',
formatter: '{a}<br />{b}<span style="color:#000;font-weight:bold;margin-left:15px;">{d}%</span>'
},
series: [
{
name: '缺陷分析',
type: 'pie', // 设置图表类型为饼图
radius: ['40%', '55%'], // 饼图的半径，外半径为可视区尺寸（容器高宽中较小一项）的 55% 长度。
startAngle: 90,//起始角度 不设置该值默认为：90
data: data,
label: {
color: '#97B0D3'
}
}
]
};
option && myChartPie.setOption(option);
window.addEventListener("resize", function () {
myChartPie.resize();
});
}
/*
function GetHtml(obj) {
var $this = $(obj), type = $this.attr('data-type'), tabType = $this.attr('data-tabType') || '';
var title = '';
var content = '';
if (type == 'QualityTrainingData') {
title = '质量培训数据'
}
else if (type == 'MeasuringInstrumentsData') {
title = '计量器具数据'
}
else if (type == 'ManagerData') {
title = '管理人员数据'
}
else if (type == 'QualityProblem') {
title = '质量问题数据'
}
else if (type == 'QualityControlPoint') {
title = '质量控制点数据'
}
else if (type == 'QualityAcceptance') {
title = '质量验收数据'
}
else if (type == 'ProjectDivision') {
title = '工程划分数据'
}
else if (type == 'HjData') {
title = '焊接数据'
}
else if (type == 'DefectAnalysis') {
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')
}
}
content = dataHtmlContent[type + tabType] || ''
var html = ''
html += '<div class="tit">'
html += title
html += '</div>'
html += '<div class="content">'
if (content != '') {
var contentArr = content.split('|')
for (var i = 0; i < contentArr.length; i++) {
var contentNow = contentArr[i] || ''
if (contentNow != '') {
html += '<div class="text">'
html += contentNow
html += '</div>'
}
}
}
html += '</div>'
return html;
}
function initHover() {
var x = 10, y = 20;
// 设置maxHeight值
//$('.hover-wrap .hover-item').css('max-height', '300px')
$(".js-hover").mouseover(function (e) {
if ($('.click-wrap').css('display') == 'block') {
return
}
var $hoverWrap = $(".hover-wrap");
var htmlContent = GetHtml(this)
$hoverWrap.find('.hover-item').html(htmlContent)
var length = $hoverWrap.find('.hover-item .text').length
var numHeightFix = length > 10 ? (length / 2) * 20 : 0
var windowX = $(window).width(), windowY = $(window).height();
var leftValue = e.clientX, righttValue = e.clientX
if (leftValue < windowX / 2) {
leftValue = e.clientX + y
righttValue = 'auto'
} else {
leftValue = 'auto'
righttValue = windowX - e.clientX + y
}
var topValue = e.clientY, bottomValue = e.clientY
if (topValue < windowY / 2) {
topValue = Math.max(e.clientY + x + $(document).scrollTop() - numHeightFix, 0)
bottomValue = 'auto'
} else {
topValue = 'auto'
//bottomValue = windowY - (e.clientY + x) - $(document).scrollTop() - numHeightFix
if (windowY - e.clientY < numHeightFix) {
bottomValue = windowY - (e.clientY + x) - $(document).scrollTop()
}
else {
bottomValue = windowY - (e.clientY + x) - $(document).scrollTop() - numHeightFix
}
// console.log("1:", e.clientY, numHeightFix, windowY - (e.clientY + x) - $(document).scrollTop())
}
$hoverWrap.css({
top: topValue,
bottom: bottomValue,
left: leftValue,
right: righttValue,
}).show()
}).mouseout(function () {
$(".hover-wrap").hide()
}).mousemove(function (e) {
if ($('.click-wrap').css('display') == 'block') {
return
}
var $hoverWrap = $(".hover-wrap");
var htmlContent = GetHtml(this)
$hoverWrap.find('.hover-item').html(htmlContent)
var length = $hoverWrap.find('.hover-item .text').length
var numHeightFix = length > 10 ? (length / 2) * 20 : 0
var windowX = $(window).width(), windowY = $(window).height();
var leftValue = e.clientX
var righttValue = e.clientX
if (leftValue < windowX / 2) {
leftValue = e.clientX + y
righttValue = 'auto'
} else {
leftValue = 'auto'
righttValue = windowX - e.clientX + y
}
// console.log('mousemove - end', leftValue, righttValue)
var topValue = e.clientY, bottomValue = e.clientY
if (topValue < windowY / 2) {
topValue = Math.max(e.clientY + x + $(document).scrollTop() - numHeightFix, 0)
bottomValue = 'auto'
} else {
topValue = 'auto'
//bottomValue = Math.max(windowY - (e.clientY + x) - $(document).scrollTop() - numHeightFix, 0)
//bottomValue = windowY - (e.clientY + x) - $(document).scrollTop() - numHeightFix
if (windowY - e.clientY < numHeightFix) {
bottomValue = windowY - (e.clientY + x) - $(document).scrollTop()
}
else {
bottomValue = windowY - (e.clientY + x) - $(document).scrollTop() - numHeightFix
}
// console.log("2:", e.clientY, numHeightFix, windowY - (e.clientY + x) - $(document).scrollTop())
}
$hoverWrap.css({
top: topValue,
bottom: bottomValue,
left: leftValue,
right: righttValue,
}).show()
})
}*/
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 == 'QualityTrainingData') {
// $('iframe').attr('src', '../InterfacePopup/CQMS/QualityTrainingData.aspx') //质量培训数据
window.open("../DataShow/QualityTraining.aspx")
}
else if (type == 'MeasuringInstrumentsData') {
// $('iframe').attr('src', '../InterfacePopup/CQMS/MeasuringInstrumentsData.aspx') //计量器具数据
window.open("../DataShow/QualityInstruments.aspx")
title = '计量器具数据'
}
else if (type == 'ManagerData') {
// $('iframe').attr('src', '../InterfacePopup/CQMS/ManagerData.aspx') //管理人员数据
window.open("../DataShow/QualityPerson.aspx")
title = '管理人员数据'
}
else if (type == 'QualityProblem') {
// $('iframe').attr('src', '../InterfacePopup/CQMS/QualityProblem.aspx') //质量问题数据
window.open("../DataShow/QualityProblem.aspx")
}
else if (type == 'QualityControlPoint') {
// $('iframe').attr('src', '../InterfacePopup/CQMS/QualityControlPoint.aspx') //质量控制点数据
window.open("../DataShow/QualityControlPoint.aspx")
}
else if (type == 'QualityAcceptance') {
// $('iframe').attr('src', '../InterfacePopup/CQMS/QualityAcceptance.aspx') //质量验收数据
window.open("../DataShow/QualityAcceptance.aspx")
}
else if (type == 'ProjectDivision') {
// $('iframe').attr('src', '../InterfacePopup/CQMS/ProjectDivision.aspx') //工程划分数据
window.open("../DataShow/ProjectDivision.aspx")
}
else if (type == 'HjData') {
// $('iframe').attr('src', '../InterfacePopup/CQMS/HjData.aspx') //焊接数据
window.open("../DataShow/HJGLWelding.aspx")
}
else if (type == 'DefectAnalysis') {
// $('iframe').attr('src', '../InterfacePopup/CQMS/DefectAnalysis.aspx') //缺陷分析
window.open("../DataShow/HJGLDefect.aspx")
}
else {
// $('iframe').attr('src', '../SysManage/Unit.aspx')
//window.open("../DataShow/HJGLDefect.aspx")
console.log("通用")
}
}
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 () { $(function () {
initDate() initDate()
var dataYZLWT = [<%=showData(cQMSData_CQMS.ProblemNum,"0") %>, <%=showData(cQMSData_CQMS.ProblemCompletedNum,"0") %>, <%=showData(cQMSData_CQMS.ProblemNotCompletedNum,"0") %>, <%=finishRate%>] var dataYZLWT = [<%=showData(cQMSData_CQMS.ProblemNum,"0") %>, <%=showData(cQMSData_CQMS.ProblemCompletedNum,"0") %>, <%=showData(cQMSData_CQMS.ProblemNotCompletedNum,"0") %>, <%=finishRate%>]
@@ -751,14 +992,16 @@
var xArrYH = ['关键工序验收', '特殊过程验收', '隐蔽工程验收', '单位工程一次验收', '材料进场复验'] var xArrYH = ['关键工序验收', '特殊过程验收', '隐蔽工程验收', '单位工程一次验收', '材料进场复验']
initZlyssj('zlyssj', xArrYH, dataY1, dataY2, dataY3) initZlyssj('zlyssj', xArrYH, dataY1, dataY2, dataY3)
var dataaq1 = [<%=dataaq1%>] var dataaq1 = [<%=dataaq1%>]
var indicator = [ <%=indicator%> ] var indicator = [ <%=indicator%> ]
//initqxfx('qxfx', dataaq1, indicator) //initqxfx('qxfx', dataaq1, indicator)
var pie = [<%=pie%>] initPie("qxfx", dataaq1)
initPie("qxfx", pie)
initScroll() initScroll()
// initHover();
initClick();
}); });
</script> </script>
</body> </body>
</html> </html>
SGGL/FineUIPro.Web/common/mainMenu_HSSE2.aspx
+217 -45
View File
@@ -9,6 +9,7 @@
<link rel="stylesheet" href="../res/assets/iconfont/iconfont.css"/> <link rel="stylesheet" href="../res/assets/iconfont/iconfont.css"/>
<link rel="stylesheet" href="../res/assets/css/video-7.15.0.min.css"/> <link rel="stylesheet" href="../res/assets/css/video-7.15.0.min.css"/>
<link rel="stylesheet" href="../res/assets/css/index1.css"/> <link rel="stylesheet" href="../res/assets/css/index1.css"/>
<link rel="stylesheet" href="../res/assets/css/xfk.css"/>
</head> </head>
<body> <body>
<div class="sd-index1-body"> <div class="sd-index1-body">
@@ -29,7 +30,7 @@
<div class="tit">安监人员数据</div> <div class="tit">安监人员数据</div>
<div class="content"> <div class="content">
<div class="item flexCenter"> <div class="item flexCenter">
<div class="i-item stl-top-tw"> <div class="i-item stl-top-tw js-hover" data-type="HeadOfficeNum">
<div class="i-tit i-tit-w">企业总部人数</div> <div class="i-tit i-tit-w">企业总部人数</div>
<div class="flexCenter"> <div class="flexCenter">
<div class="i-content flexCenterV rightGap"> <div class="i-content flexCenterV rightGap">
@@ -42,7 +43,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="i-item stl-top-tw"> <div class="i-item stl-top-tw js-hover" data-type="Branch">
<div class="i-tit">分支机构</div> <div class="i-tit">分支机构</div>
<div class="flexCenter"> <div class="flexCenter">
<div class="i-content flexCenterV rightGap"> <div class="i-content flexCenterV rightGap">
@@ -57,7 +58,7 @@
</div> </div>
</div> </div>
<div class="item flexCenter"> <div class="item flexCenter">
<div class="i-item stl-top-cw"> <div class="i-item stl-top-cw js-hover" data-type="ProjectNum">
<div class="i-tit">项目人数</div> <div class="i-tit">项目人数</div>
<div class="flexCenter"> <div class="flexCenter">
<div class="i-content flexCenterV rightGap"> <div class="i-content flexCenterV rightGap">
@@ -74,7 +75,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="i-item stl-top-cw1"> <div class="i-item stl-top-cw1 js-hover" data-type="SafetyInjectionEngineer">
<div class="i-tit i-tit-w1">注安师</div> <div class="i-tit i-tit-w1">注安师</div>
<div class="flexCenter"> <div class="flexCenter">
<div class="i-content flexCenterV"> <div class="i-content flexCenterV">
@@ -85,7 +86,7 @@
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<div class="i-item"> <div class="i-item js-hover" data-type="Certificate">
<div class="i-tit">三类人员</div> <div class="i-tit">三类人员</div>
<div class="flexCenter"> <div class="flexCenter">
<div class="i-content flexCenterV rightGap"> <div class="i-content flexCenterV rightGap">
@@ -105,7 +106,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="stl-bottom bg"> <div class="stl-bottom bg js-hover" data-type="SafetyMeetingData">
<div class="tit">安全会议数据</div> <div class="tit">安全会议数据</div>
<div class="aqhysj-wrap flexCenter"> <div class="aqhysj-wrap flexCenter">
<div class="aqhysj"> <div class="aqhysj">
@@ -131,19 +132,19 @@
</div> </div>
<div class="sd-top-center"> <div class="sd-top-center">
<div class="stc-top flexCenter"> <div class="stc-top flexCenter">
<div class="i-item"> <div class="i-item js-hover" data-type="BeUnderConstructionNum">
<div class="desc desc-cl1">在建项目</div> <div class="desc desc-cl1">在建项目</div>
<div class="desc desc-cl1"><%=showData(hSSEData_HSSE.BeUnderConstructionNum,"--") %></div> <div class="desc desc-cl1"><%=showData(hSSEData_HSSE.BeUnderConstructionNum,"--") %></div>
</div> </div>
<div class="i-item"> <div class="i-item js-hover" data-type="ShutdownNum">
<div class="desc desc-cl2">停工项目</div> <div class="desc desc-cl2">停工项目</div>
<div class="desc desc-cl2"><%=showData(hSSEData_HSSE.ShutdownNum,"--") %></div> <div class="desc desc-cl2"><%=showData(hSSEData_HSSE.ShutdownNum,"--") %></div>
</div> </div>
<div class="i-item"> <div class="i-item js-hover" data-type="JoinConstructionPersonNum">
<div class="desc desc-cl3">参建人数</div> <div class="desc desc-cl3">参建人数</div>
<div class="desc desc-cl3"><%=showData(hSSEData_HSSE.JoinConstructionPersonNum,"--") %></div> <div class="desc desc-cl3"><%=showData(hSSEData_HSSE.JoinConstructionPersonNum,"--") %></div>
</div> </div>
<div class="i-item"> <div class="i-item js-hover" data-type="MajorProjectsUnderConstructionNum">
<div class="desc desc-cl4">在施危大工程</div> <div class="desc desc-cl4">在施危大工程</div>
<div class="desc desc-cl4"><%=showData(hSSEData_HSSE.MajorProjectsUnderConstructionNum,"--") %></div> <div class="desc desc-cl4"><%=showData(hSSEData_HSSE.MajorProjectsUnderConstructionNum,"--") %></div>
</div> </div>
@@ -158,8 +159,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="stc-bottom flexCenter"> <div class="stc-bottom flexCenter ">
<div class="i-item"> <div class="i-item js-hover" data-type="WorkingHourData">
<div class="ii-desc">工时数据</div> <div class="ii-desc">工时数据</div>
<div class="ii-item bg1"> <div class="ii-item bg1">
<div class="desc">总工时数</div> <div class="desc">总工时数</div>
@@ -174,7 +175,7 @@
<div class="num num-cl2"><%=showData(hSSEData_HSSE.SafeWorkingHour,"--") %></div> <div class="num num-cl2"><%=showData(hSSEData_HSSE.SafeWorkingHour,"--") %></div>
</div> </div>
</div> </div>
<div class="i-item"> <div class="i-item js-hover" data-type="SafeTrainData">
<div class="ii-desc">安全教育培训人数数据</div> <div class="ii-desc">安全教育培训人数数据</div>
<div class="ii-item bg4"> <div class="ii-item bg4">
<div class="desc">三级安全教育培训</div> <div class="desc">三级安全教育培训</div>
@@ -189,26 +190,29 @@
<div class="num"><%=showData(hSSEData_HSSE.SpecialOperationTrainNum,"--") %></div> <div class="num"><%=showData(hSSEData_HSSE.SpecialOperationTrainNum,"--") %></div>
</div> </div>
</div> </div>
<div class="i-item"> <div class="i-item js-hover" data-type="EnvironmentalData">
<div class="ii-desc">环保数据</div> <div class="ii-desc">环保数据</div>
<div class="ii-item bg5"> <div class="ii-item bg5">
<div class="desc">能耗总量<br/>(万吨标准煤)</div> <div class="desc">能耗总量<br/>(万吨标准煤)</div>
<div class="num num-cl3"><%=showDecimalData(hSSEData_HSSE.TotalEnergyConsumption,"--") %></div> <div class="num num-cl3"><%=showDecimalData(hSSEData_HSSE.TotalEnergyConsumption,"--") %></div>
<%--<div class="num num-cl3">45.5708</div>--%>
</div> </div>
<div class="ii-item bg5"> <div class="ii-item bg5">
<div class="desc">万元营业收入综合能耗<br/>(吨标准煤/万元)</div> <div class="desc">万元营业收入综合能耗<br/>(吨标准煤/万元)</div>
<div class="num num-cl3"><%=showDecimalData(hSSEData_HSSE.IncomeComprehensiveEnergyConsumption,"--") %></div> <div class="num num-cl3"><%=showDecimalData(hSSEData_HSSE.IncomeComprehensiveEnergyConsumption,"--") %></div>
<%--<div class="num num-cl3">0.9664</div>--%>
</div> </div>
<div class="ii-item bg5"> <div class="ii-item bg5">
<div class="desc">用新水量<br/>(万吨)</div> <div class="desc">二氧化碳<br/>(万吨)</div>
<div class="num num-cl3"><%=showDecimalData(hSSEData_HSSE.NewWaterConsumption,"--") %></div> <div class="num num-cl3"><%=showDecimalData(hSSEData_HSSE.NewWaterConsumption,"--") %></div>
<%--<div class="num num-cl3">780.7763</div>--%>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="sd-top-right"> <div class="sd-top-right">
<div class="str-top flexCenter"> <div class="str-top flexCenter">
<div class="i-item"> <div class="i-item js-hover" data-type="SafeCost">
<div class="i-txt">安全费用</div> <div class="i-txt">安全费用</div>
<div class="i-desc flexCenterV tbMg"> <div class="i-desc flexCenterV tbMg">
<div class="id-txt">费用提取（万元）</div> <div class="id-txt">费用提取（万元）</div>
@@ -219,7 +223,7 @@
<div class="id-num"><%=showData(hSSEData_HSSE.CostUse,"--") %></div> <div class="id-num"><%=showData(hSSEData_HSSE.CostUse,"--") %></div>
</div> </div>
</div> </div>
<div class="i-item"> <div class="i-item js-hover" data-type="ConstructionEquipment">
<div class="i-txt">施工机具设备</div> <div class="i-txt">施工机具设备</div>
<div class="i-desc flexCenterV tbMg"> <div class="i-desc flexCenterV tbMg">
<div class="id-txt">在用</div> <div class="id-txt">在用</div>
@@ -230,7 +234,7 @@
<div class="id-num"><%=showData(hSSEData_HSSE.SpecialEquipmentNum,"--") %></div> <div class="id-num"><%=showData(hSSEData_HSSE.SpecialEquipmentNum,"--") %></div>
</div> </div>
</div> </div>
<div class="i-item"> <div class="i-item js-hover" data-type="HighRiskWorkPermit">
<div class="i-txt">高风险作业许可</div> <div class="i-txt">高风险作业许可</div>
<div class="i-desc flexCenterV tbMg"> <div class="i-desc flexCenterV tbMg">
<div class="id-txt">许可项</div> <div class="id-txt">许可项</div>
@@ -247,35 +251,35 @@
<div class="txt tab-wrap"> <div class="txt tab-wrap">
<div>隐患排查治理数据</div> <div>隐患排查治理数据</div>
<div class="tab"> <div class="tab">
<div class="active">一般隐患</div> <div class="active" data-type="yb">一般隐患</div>
<div>重大隐患</div> <div data-type="zd">重大隐患</div>
</div> </div>
</div> </div>
</div> </div>
<div class="strb-top flexCenter"> <div class="strb-top flexCenter js-hover" data-type="yhpc" data-tabType="yhpc">
<div class="strbt-left"> <div class="strbt-left js-hover" >
<div class="sl-item flexCenterV"> <div class="sl-item flexCenterV js-hover" >
<div class="desc">整改闭环项</div> <div class="desc">整改闭环项</div>
<div id="yhpc_1" class="num"><%=showData(hSSEData_HSSE.GeneralClosedNum,"--") %></div> <div id="yhpc_1" class="num"><%=showData(hSSEData_HSSE.GeneralClosedNum,"--") %></div>
</div> </div>
<div class="sl-item flexCenterV"> <div class="sl-item flexCenterV js-hover" >
<div class="desc">未整改完成项</div> <div class="desc">未整改完成项</div>
<div id="yhpc_2" class="num1"><%=showData(hSSEData_HSSE.GeneralNotClosedNum,"--") %></div> <div id="yhpc_2" class="num1"><%=showData(hSSEData_HSSE.GeneralNotClosedNum,"--") %></div>
</div> </div>
</div> </div>
<div class="strbt-right"> <div class="strbt-right js-hover" >
<div id="zgl" class="strbt-right-pic"></div> <div id="zgl" class="strbt-right-pic"></div>
<div class="strbt-right-tit flexCenter">整改率</div> <div class="strbt-right-tit flexCenter">整改率</div>
</div> </div>
</div> </div>
<div class="strb-bottom"> <div class="strb-bottom " >
<div id="yhpczlsj" class="strb-bottom-pic"></div> <div id="yhpczlsj" class="strb-bottom-pic" ></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="sd-body-bottom"> <div class="sd-body-bottom">
<div class="bb-item"> <div class="bb-item js-hover" data-type="SafetySupervisionAndInspectionData">
<div class="tit"> <div class="tit">
<div class="txt">安全监督检查数据</div> <div class="txt">安全监督检查数据</div>
</div> </div>
@@ -283,7 +287,7 @@
<div id="aqjdjcsj" class="sd-chart"></div> <div id="aqjdjcsj" class="sd-chart"></div>
</div> </div>
</div> </div>
<div class="bb-item"> <div class="bb-item js-hover" data-type="AccidentEventData">
<div class="tit"> <div class="tit">
<div class="txt">事故事件数据</div> <div class="txt">事故事件数据</div>
</div> </div>
@@ -291,11 +295,11 @@
<div class="sgsjsj"> <div class="sgsjsj">
<div class="sg-top"> <div class="sg-top">
<div class="sg-top-item"> <div class="sg-top-item">
<div>未遂事件</div> <div>未遂</div>
<div class="num"><%=showData(hSSEData_HSSE.NearMissNum,"--") %></div> <div class="num"><%=showData(hSSEData_HSSE.NearMissNum,"--") %></div>
</div> </div>
<div class="sg-top-item"> <div class="sg-top-item">
<div>可记录事件</div> <div>可记录</div>
<div class="num"><%=showData(hSSEData_HSSE.RecordableEventNum,"--") %></div> <div class="num"><%=showData(hSSEData_HSSE.RecordableEventNum,"--") %></div>
</div> </div>
</div> </div>
@@ -308,32 +312,32 @@
<div class="txt tab-wrap"> <div class="txt tab-wrap">
<div>应急管理数据</div> <div>应急管理数据</div>
<div class="tab"> <div class="tab">
<div class="active">企业级</div> <div class="active" data-type="qyj">企业级</div>
<div>项目级</div> <div data-type="xmj">项目级</div>
</div> </div>
</div> </div>
</div> </div>
<div class="content flexCenter"> <div class="content flexCenter">
<div class="yjglsj"> <div class="yjglsj">
<div class="item"> <div class="item js-hover" data-type="yjglsj" data-tabType="yjglsj">
<div class="item-inner flexCenterV"> <div class="item-inner flexCenterV">
<div id="yj_num_1" class="num"><%=showData(hSSEData_HSSE.CompanyComprehensivePlanNum,"--") %></div> <div id="yj_num_1" class="num"><%=showData(hSSEData_HSSE.CompanyComprehensivePlanNum,"--") %></div>
<div class="desc">综合预案</div> <div class="desc">综合预案</div>
</div> </div>
</div> </div>
<div class="item"> <div class="item js-hover" data-type="yjglsj" data-tabType="yjglsj">
<div class="item-inner flexCenterV"> <div class="item-inner flexCenterV">
<div id="yj_num_2" class="num"><%=showData(hSSEData_HSSE.CompanySpecialPlanNum,"--") %></div> <div id="yj_num_2" class="num"><%=showData(hSSEData_HSSE.CompanySpecialPlanNum,"--") %></div>
<div class="desc">专项预案</div> <div class="desc">专项预案</div>
</div> </div>
</div> </div>
<div class="item"> <div class="item js-hover" data-type="yjglsj" data-tabType="yjglsj">
<div class="item-inner flexCenterV"> <div class="item-inner flexCenterV">
<div id="yj_num_3" class="num"><%=showData(hSSEData_HSSE.CompanyOnSiteDisposalPlan,"--") %></div> <div id="yj_num_3" class="num"><%=showData(hSSEData_HSSE.CompanyOnSiteDisposalPlan,"--") %></div>
<div class="desc">现场处置预案</div> <div class="desc">现场处置预案</div>
</div> </div>
</div> </div>
<div class="item"> <div class="item js-hover" data-type="yjglsj" data-tabType="yjglsj">
<div class="item-inner flexCenterV"> <div class="item-inner flexCenterV">
<div id="yj_num_4" class="num"><%=showData(hSSEData_HSSE.CompanyDrillNum,"--") %></div> <div id="yj_num_4" class="num"><%=showData(hSSEData_HSSE.CompanyDrillNum,"--") %></div>
<div class="desc">演练次数</div> <div class="desc">演练次数</div>
@@ -342,7 +346,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="bb-item"> <div class="bb-item js-hover" data-type="Video">
<div class="tit"> <div class="tit">
<div class="txt">安全云监控</div> <div class="txt">安全云监控</div>
</div> </div>
@@ -358,7 +362,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="bb-item"> <div class="bb-item js-hover" data-type="SafeRiskData">
<div class="tit"> <div class="tit">
<div class="txt">安全风险数据</div> <div class="txt">安全风险数据</div>
</div> </div>
@@ -371,32 +375,32 @@
<div class="txt tab-wrap"> <div class="txt tab-wrap">
<div>危大工程数据</div> <div>危大工程数据</div>
<div class="tab"> <div class="tab">
<div class="active">危大工程</div> <div class="active" data-type="large">危大工程</div>
<div>超危大工程</div> <div data-type="super">超危大工程</div>
</div> </div>
</div> </div>
</div> </div>
<div class="content flexCenter"> <div class="content flexCenter">
<div class="wdgcsj"> <div class="wdgcsj">
<div class="item"> <div class="item js-hover" data-type="wdgcsj" data-tabType="wdgcsj">
<div class="item-inner leftPos"> <div class="item-inner leftPos">
<div class="desc mgbS">审批完成</div> <div class="desc mgbS">审批完成</div>
<div id="pro_static_1" class="num"><%=showData(hSSEData_HSSE.CompletedNum,"--") %></div> <div id="pro_static_1" class="num"><%=showData(hSSEData_HSSE.CompletedNum,"--") %></div>
</div> </div>
</div> </div>
<div class="item"> <div class="item js-hover" data-type="wdgcsj" data-tabType="wdgcsj">
<div class="item-inner rightPos"> <div class="item-inner rightPos">
<div class="desc mgbS">培训人次数</div> <div class="desc mgbS">培训人次数</div>
<div id="pro_static_2" class="num"><%=showData(hSSEData_HSSE.TrainPersonNum,"--") %></div> <div id="pro_static_2" class="num"><%=showData(hSSEData_HSSE.TrainPersonNum,"--") %></div>
</div> </div>
</div> </div>
<div class="item"> <div class="item js-hover" data-type="wdgcsj" data-tabType="wdgcsj">
<div class="item-inner leftPos"> <div class="item-inner leftPos">
<div id="pro_static_3" class="num mgbS numC1"><%=showData(hSSEData_HSSE.ConstructionNum,"--") %></div> <div id="pro_static_3" class="num mgbS numC1"><%=showData(hSSEData_HSSE.ConstructionNum,"--") %></div>
<div class="desc">施工个数</div> <div class="desc">施工个数</div>
</div> </div>
</div> </div>
<div class="item"> <div class="item js-hover" data-type="wdgcsj" data-tabType="wdgcsj">
<div class="item-inner rightPos"> <div class="item-inner rightPos">
<div id="pro_static_4" class="num mgbS numC2"><%=showData(hSSEData_HSSE.FinishedNum,"--") %></div> <div id="pro_static_4" class="num mgbS numC2"><%=showData(hSSEData_HSSE.FinishedNum,"--") %></div>
<div class="desc">完工个数</div> <div class="desc">完工个数</div>
@@ -407,6 +411,17 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="hover-wrap">
<div class="hover-item">
</div>
</div>
<div class="click-wrap" >
<div class="click-close"></div>
<div class="click-item">
<%-- <iframe src="../SysManage/Unit.aspx" width="100%" height="450"></iframe>--%>
<iframe src="" id="iframe" width="100%" height="450"></iframe>
</div>
</div> </div>
<script src="../res/assets/js/jquery-2.1.1.min.js"></script> <script src="../res/assets/js/jquery-2.1.1.min.js"></script>
<script src="../res/assets/js/jquery.mousewheel.min.js"></script> <script src="../res/assets/js/jquery.mousewheel.min.js"></script>
@@ -1062,7 +1077,162 @@
}) })
} }
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 == 'Video') {
$('iframe').attr('src', '../InterfacePopup/HSSE/VideoView.aspx') //视频监控
}*/
else {
// $('iframe').attr('src', '../SysManage/Unit.aspx')
// window.open("../DataShow/Unit.aspx")
console.log("通用")
}
}
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 () { $(function () {
initDate() initDate()
initZgl('zgl',<%=zgl1%>) initZgl('zgl',<%=zgl1%>)
@@ -1091,6 +1261,8 @@
initTab() initTab()
// initScroll() // initScroll()
initClick();
}); });
</script> </script>
SGGL/FineUIPro.Web/res/assets/css/xfk.css
+1
View File
@@ -0,0 +1 @@
*{padding:0;margin:0;box-sizing:border-box}li,ol{list-style:none}a{text-decoration:none}@font-face{font-family:"方正大黑_GBK";src:url("../font/方正大黑_GBK.eot?") format("eot");src:url("../font/方正大黑_GBK.woff") format("woff"),url("../font/方正大黑_GBK.ttf") format("truetype")}@font-face{font-family:"液晶数字";src:url("../font/液晶数字.eot?") format("eot");src:url("../font/液晶数字.woff") format("woff"),url("../font/液晶数字.ttf") format("truetype")}::-webkit-scrollbar{width:5px;height:5px;background-color:transparent}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#6b81d4}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#1843e2}::-webkit-scrollbar-thumb:hover{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.4)}html{scrollbar-face-color:#071857;scrollbar-highlight-color:#010a2c;scrollbar-3dlight-color:#010a2c;scrollbar-darkshadow-color:#010a2c;scrollbar-shadow-color:#071857;scrollbar-arrow-color:rgba(1,10,44,0.4);scrollbar-track-color:#071857}html{font-size:10vw;width:100%;height:100%;min-width:1200px;font-family:Microsoft YaHei;line-height:1}@media screen and (max-width: 1200px){html{font-size:120px}}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flexCenter{display:flex;align-items:center;justify-content:center}.flexCenterV{display:flex;align-items:center;justify-content:center;flex-direction:column}.hover-wrap{display:none;position:absolute;z-index:999999;border-style:solid;white-space:nowrap;background-color:rgba(7,44,89,0.8);border-width:1px;border-radius:.02083rem;font-size:.07292rem;border-color:rgba(7,166,255,0.76);box-shadow:#07a6ff 0px 0px .05208rem;pointer-events:auto;padding:.10417rem}.hover-wrap .hover-item{overflow:auto;color:#fff}.hover-wrap .hover-item .tit{font-size:.09375rem;margin-bottom:.08333rem;text-indent:.09375rem;position:relative}.hover-wrap .hover-item .tit::before{content:'';display:block;width:.07292rem;height:.07292rem;background-color:blueviolet;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.hover-wrap .hover-item .text{font-size:.08333rem;margin-bottom:.04167rem;position:relative;text-indent:.07292rem}.hover-wrap .hover-item .text::before{content:'';display:block;width:.05208rem;height:.05208rem;background-color:#FFA600;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.click-wrap{display:none;position:absolute;width:90%;left:5%;top:3%;min-height:2.60417rem;height:90%;padding:.10417rem .15625rem .10417rem .10417rem;z-index:999999;border-style:solid;white-space:nowrap;background-color:rgba(7,44,89,0.95);border-width:.00521rem;border-radius:.02083rem;font-size:.07292rem;border-color:rgba(7,166,255,0.76);box-shadow:#07a6ff 0px 0px .05208rem;pointer-events:auto}.click-wrap .click-close{position:absolute;right:-.13021rem;top:-.13021rem;width:.26042rem;height:.26042rem;background:#2b468c;border-radius:.13021rem;box-shadow:.01042rem .01042rem .02604rem 0px black;cursor:pointer}.click-wrap .click-close:hover{background:#b22222}.click-wrap .click-close::before{position:absolute;content:'';width:.15625rem;height:.05208rem;background:white;transform:rotate(45deg);top:.10417rem;left:.05208rem}.click-wrap .click-close::after{content:'';position:absolute;width:.15625rem;height:.05208rem;background:white;transform:rotate(-45deg);top:.10417rem;left:.05208rem}.click-wrap .click-item{color:#fff}.click-wrap .ck-list{display:flex;flex-direction:column}.click-wrap .ck-list .ck-l-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:.04167rem;border-bottom:1px solid #fff;margin-bottom:.04167rem}.click-wrap .ck-list .ck-l-item:last-child{margin-bottom:0}.click-wrap .ck-list .ck-l-item .ck-l-right{display:flex;justify-content:space-between;align-items:center}.click-wrap .ck-list .ck-l-item .ck-l-right .ck-lr-href{margin-left:.04167rem;color:#8d9fce;cursor:pointer}