提交客户化修改
|
@ -1649,6 +1649,62 @@ GO
|
||||||
EXEC sys.sp_addextendedproperty @name=N'MS_Description', @value=N'实业首页数据表' , @level0type=N'SCHEMA',@level0name=N'dbo', @level1type=N'TABLE',@level1name=N'Project_SYHSEData_SYHSE'
|
EXEC sys.sp_addextendedproperty @name=N'MS_Description', @value=N'实业首页数据表' , @level0type=N'SCHEMA',@level0name=N'dbo', @level1type=N'TABLE',@level1name=N'Project_SYHSEData_SYHSE'
|
||||||
GO
|
GO
|
||||||
|
|
||||||
|
CREATE TABLE [dbo].[Hazard_RealTimeDevice](
|
||||||
|
[ID] [nvarchar](50) NOT NULL,
|
||||||
|
[UnitId] [nvarchar](50) NULL,
|
||||||
|
[UnitName] [nvarchar](50) NULL,
|
||||||
|
[HazardName] [nvarchar](50) NULL,
|
||||||
|
[HazardLevel] [nvarchar](50) NULL,
|
||||||
|
[DeviceCode] [nvarchar](50) NULL,
|
||||||
|
[DeviceName] [nvarchar](50) NULL,
|
||||||
|
[DeviceType] [nvarchar](50) NULL,
|
||||||
|
[SphereType] [nvarchar](50) NULL,
|
||||||
|
[TemperatureType] [nvarchar](50) NULL,
|
||||||
|
[DesignTemperantureMax] [nvarchar](50) NULL,
|
||||||
|
[DesignTemperantureMin] [nvarchar](50) NULL,
|
||||||
|
[PressureType] [nvarchar](50) NULL,
|
||||||
|
[DesignPressure] [nvarchar](50) NULL,
|
||||||
|
[DesignPressureMax] [nvarchar](50) NULL,
|
||||||
|
[Medium] [nvarchar](50) NULL,
|
||||||
|
[MediumForm] [nvarchar](50) NULL,
|
||||||
|
[MediumLevelMax] [nvarchar](50) NULL,
|
||||||
|
[Reserves] [nvarchar](50) NULL,
|
||||||
|
[StandardCode] [nvarchar](50) NULL,
|
||||||
|
[StandardName] [nvarchar](50) NULL,
|
||||||
|
[StandardType] [nvarchar](50) NULL,
|
||||||
|
[StandardDes] [nvarchar](500) NULL,
|
||||||
|
[MeasurementUnit] [nvarchar](50) NULL,
|
||||||
|
[MeterMax] [nvarchar](50) NULL,
|
||||||
|
[MeterMin] [nvarchar](50) NULL,
|
||||||
|
[ThresholdLow1] [nvarchar](50) NULL,
|
||||||
|
[ThresholdLow2] [nvarchar](50) NULL,
|
||||||
|
[ThresholdMax1] [nvarchar](50) NULL,
|
||||||
|
[ThresholdMax2] [nvarchar](50) NULL,
|
||||||
|
[BitNum] [nvarchar](50) NULL,
|
||||||
|
[DateTime] [datetime] NULL,
|
||||||
|
[ProjectId] [nvarchar](50) NULL,
|
||||||
|
CONSTRAINT [PK_Hazard] PRIMARY KEY CLUSTERED
|
||||||
|
(
|
||||||
|
[ID] ASC
|
||||||
|
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
|
||||||
|
) ON [PRIMARY]
|
||||||
|
|
||||||
|
GO
|
||||||
|
|
||||||
|
|
||||||
|
CREATE TABLE [dbo].[Hazard_RealTimeValue](
|
||||||
|
[ID] [nvarchar](50) NOT NULL,
|
||||||
|
[Value] [nvarchar](50) NULL,
|
||||||
|
[DateTime] [nvarchar](50) NULL,
|
||||||
|
[BitNum] [nvarchar](50) NULL,
|
||||||
|
[Remark] [nvarchar](500) NULL,
|
||||||
|
CONSTRAINT [PK_Hazard_RealTimeValue] PRIMARY KEY CLUSTERED
|
||||||
|
(
|
||||||
|
[ID] ASC
|
||||||
|
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
|
||||||
|
) ON [PRIMARY]
|
||||||
|
|
||||||
|
GO
|
||||||
|
|
||||||
INSERT Sys_Menu (MenuId,MenuName,Url,SortIndex,SuperMenu,MenuType,IsOffice,IsEnd,IsUsed)
|
INSERT Sys_Menu (MenuId,MenuName,Url,SortIndex,SuperMenu,MenuType,IsOffice,IsEnd,IsUsed)
|
||||||
VALUES ( N'C483220C-0FEE-4E45-9B78-BBBA857EFFB3',N'安全数据','ZHGL/DataSync/ProjectDataSync/Project_HSSEData_HSSE.aspx',160,N'6A0506EB-05CE-4BB3-9BA9-866389F01E1C',N'Menu_HSSE',1,1,1)
|
VALUES ( N'C483220C-0FEE-4E45-9B78-BBBA857EFFB3',N'安全数据','ZHGL/DataSync/ProjectDataSync/Project_HSSEData_HSSE.aspx',160,N'6A0506EB-05CE-4BB3-9BA9-866389F01E1C',N'Menu_HSSE',1,1,1)
|
||||||
|
|
|
@ -267,6 +267,7 @@
|
||||||
<Content Include="common\mainMenu_HSSE.aspx" />
|
<Content Include="common\mainMenu_HSSE.aspx" />
|
||||||
<Content Include="common\mainMenu_HSSE2.aspx" />
|
<Content Include="common\mainMenu_HSSE2.aspx" />
|
||||||
<Content Include="common\mainMenu_SYHSE.aspx" />
|
<Content Include="common\mainMenu_SYHSE.aspx" />
|
||||||
|
<Content Include="common\mainMenu_SYHSEN.aspx" />
|
||||||
<Content Include="common\Menu_Change.xml" />
|
<Content Include="common\Menu_Change.xml" />
|
||||||
<Content Include="common\Menu_DocControl.xml" />
|
<Content Include="common\Menu_DocControl.xml" />
|
||||||
<Content Include="common\todolist.aspx" />
|
<Content Include="common\todolist.aspx" />
|
||||||
|
@ -1456,7 +1457,10 @@
|
||||||
<Content Include="res\assets\css\index1.css" />
|
<Content Include="res\assets\css\index1.css" />
|
||||||
<Content Include="res\assets\css\index2.css" />
|
<Content Include="res\assets\css\index2.css" />
|
||||||
<Content Include="res\assets\css\index3.css" />
|
<Content Include="res\assets\css\index3.css" />
|
||||||
|
<Content Include="res\assets\css\index4.css" />
|
||||||
|
<Content Include="res\assets\css\index6.css" />
|
||||||
<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\video-7.15.0.min.css" />
|
<Content Include="res\assets\css\video-7.15.0.min.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" />
|
||||||
|
@ -1518,6 +1522,27 @@
|
||||||
<Content Include="res\assets\image\index3\yhpczlc3.png" />
|
<Content Include="res\assets\image\index3\yhpczlc3.png" />
|
||||||
<Content Include="res\assets\image\index3\yhpczltit.png" />
|
<Content Include="res\assets\image\index3\yhpczltit.png" />
|
||||||
<Content Include="res\assets\image\index3\zdwjy.png" />
|
<Content Include="res\assets\image\index3\zdwjy.png" />
|
||||||
|
<Content Include="res\assets\image\index4\bj.png" />
|
||||||
|
<Content Include="res\assets\image\index4\hbsjbg1.png" />
|
||||||
|
<Content Include="res\assets\image\index4\hbsjbg2.png" />
|
||||||
|
<Content Include="res\assets\image\index4\hbsjbg3.png" />
|
||||||
|
<Content Include="res\assets\image\index4\header-bg.png" />
|
||||||
|
<Content Include="res\assets\image\index4\jcsjbg1.png" />
|
||||||
|
<Content Include="res\assets\image\index4\jcsjbg2.png" />
|
||||||
|
<Content Include="res\assets\image\index4\jcsjbg3.png" />
|
||||||
|
<Content Include="res\assets\image\index4\security-time-bg.png" />
|
||||||
|
<Content Include="res\assets\image\index4\Slice 31.png" />
|
||||||
|
<Content Include="res\assets\image\index4\Slice 34.png" />
|
||||||
|
<Content Include="res\assets\image\index4\Slice 44.png" />
|
||||||
|
<Content Include="res\assets\image\index4\Slice 45.png" />
|
||||||
|
<Content Include="res\assets\image\index4\Slice 47.png" />
|
||||||
|
<Content Include="res\assets\image\index4\tit.png" />
|
||||||
|
<Content Include="res\assets\image\index4\video-num-bg.png" />
|
||||||
|
<Content Include="res\assets\image\index4\yhpczlc1.png" />
|
||||||
|
<Content Include="res\assets\image\index4\yhpczlc2.png" />
|
||||||
|
<Content Include="res\assets\image\index4\yhpczlc3.png" />
|
||||||
|
<Content Include="res\assets\image\index4\yhpczltit.png" />
|
||||||
|
<Content Include="res\assets\image\index4\zdwjy.png" />
|
||||||
<Content Include="res\assets\image\logo.png" />
|
<Content Include="res\assets\image\logo.png" />
|
||||||
<Content Include="res\assets\image\pwd.png" />
|
<Content Include="res\assets\image\pwd.png" />
|
||||||
<Content Include="res\assets\image\user.png" />
|
<Content Include="res\assets\image\user.png" />
|
||||||
|
@ -6331,6 +6356,13 @@
|
||||||
<Compile Include="common\mainMenu_SYHSE.aspx.designer.cs">
|
<Compile Include="common\mainMenu_SYHSE.aspx.designer.cs">
|
||||||
<DependentUpon>mainMenu_SYHSE.aspx</DependentUpon>
|
<DependentUpon>mainMenu_SYHSE.aspx</DependentUpon>
|
||||||
</Compile>
|
</Compile>
|
||||||
|
<Compile Include="common\mainMenu_SYHSEN.aspx.cs">
|
||||||
|
<DependentUpon>mainMenu_SYHSEN.aspx</DependentUpon>
|
||||||
|
<SubType>ASPXCodeBehind</SubType>
|
||||||
|
</Compile>
|
||||||
|
<Compile Include="common\mainMenu_SYHSEN.aspx.designer.cs">
|
||||||
|
<DependentUpon>mainMenu_SYHSEN.aspx</DependentUpon>
|
||||||
|
</Compile>
|
||||||
<Compile Include="common\todolist.aspx.cs">
|
<Compile Include="common\todolist.aspx.cs">
|
||||||
<DependentUpon>todolist.aspx</DependentUpon>
|
<DependentUpon>todolist.aspx</DependentUpon>
|
||||||
<SubType>ASPXCodeBehind</SubType>
|
<SubType>ASPXCodeBehind</SubType>
|
||||||
|
|
|
@ -177,7 +177,7 @@
|
||||||
EnableIFrame="true" IFrameUrl="~/common/mainMenu_HJGL2.aspx" runat="server">
|
EnableIFrame="true" IFrameUrl="~/common/mainMenu_HJGL2.aspx" runat="server">
|
||||||
</f:Tab>
|
</f:Tab>
|
||||||
<f:Tab ID="Tab4" Title="实业"
|
<f:Tab ID="Tab4" Title="实业"
|
||||||
EnableIFrame="true" IFrameUrl="~/common/mainMenu_SYHSE.aspx" runat="server">
|
EnableIFrame="true" IFrameUrl="~/common/mainMenu_SYHSEN.aspx" runat="server">
|
||||||
</f:Tab>
|
</f:Tab>
|
||||||
</Tabs>
|
</Tabs>
|
||||||
</f:TabStrip>
|
</f:TabStrip>
|
||||||
|
|
|
@ -0,0 +1,448 @@
|
||||||
|
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mainMenu_SYHSEN.aspx.cs" Inherits="FineUIPro.Web.common.mainMenu_SYHSEN" %>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head runat="server">
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="initial-scale=scale,maximum-scale=scale,minimum-scale=scale,user-scalable=no">
|
||||||
|
<title>实业板块数据看板</title>
|
||||||
|
<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/index6.css">
|
||||||
|
<link rel="stylesheet" href="../res/assets/css/swiper.min.css">
|
||||||
|
<style>
|
||||||
|
.swiper-container{
|
||||||
|
width: 100%;
|
||||||
|
height: 1.33854rem;
|
||||||
|
}
|
||||||
|
.swiper-slide {
|
||||||
|
/* height: 28px; */
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.sd-body .sd-right-new .content{
|
||||||
|
align-items: flex-start;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="sd-index4-body disflex">
|
||||||
|
<div class="sd-header" style="display:none;">
|
||||||
|
<div class="sd-header-top">
|
||||||
|
<div class="sd-header-top-right">
|
||||||
|
<div id="sd-location-time" class="sd-location-time"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="sd-header-title">
|
||||||
|
实业看板
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="sd-body">
|
||||||
|
<div class="sd-left sd-l-wrap">
|
||||||
|
<div class="sbl-top bg">
|
||||||
|
<div class="tit">安全人工时</div>
|
||||||
|
<div class="sdsec-wrap">
|
||||||
|
<div class="sd-security-value">001235465698</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="sbl-bottom bg">
|
||||||
|
<div class="tit">风险管控</div>
|
||||||
|
<div class="content-fxgk">
|
||||||
|
<div class="sd-top-wrap">
|
||||||
|
<div class="stw-item-wrap">
|
||||||
|
<div class="stw-item bg1">
|
||||||
|
<div class="num">2</div>
|
||||||
|
<div class="desc">四级/重大风险</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="stw-item-wrap">
|
||||||
|
<div class="stw-item bg2">
|
||||||
|
<div class="num">20</div>
|
||||||
|
<div class="desc">三级/较大风险</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="stw-item-wrap">
|
||||||
|
<div class="stw-item bg3">
|
||||||
|
<div class="num">31</div>
|
||||||
|
<div class="desc">二级/一般风险</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="stw-item-wrap">
|
||||||
|
<div class="stw-item bg4">
|
||||||
|
<div class="num">106</div>
|
||||||
|
<div class="desc">一级/低风险</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cf-list" id="heightFixFX">
|
||||||
|
|
||||||
|
<!-- Swiper -->
|
||||||
|
<div class="news-list swiper-container" id="Swiper3">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<a class="news-item" title="1.风险分级管理" href="javascrilt:;">
|
||||||
|
1.风险分级管理~~~!!!
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<a class="news-item" href="javascrilt:;">
|
||||||
|
2.风险分级管理
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<a class="news-item" href="javascrilt:;">
|
||||||
|
3.风险分级管理
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<a class="news-item" href="javascrilt:;">
|
||||||
|
4.风险分级管理
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<a class="news-item" href="javascrilt:;">
|
||||||
|
5.风险分级管理
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<a class="news-item" href="javascrilt:;">
|
||||||
|
6.风险分级管理
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<a class="news-item" href="javascrilt:;">
|
||||||
|
7.风险分级管理
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<a class="news-item" href="javascrilt:;">
|
||||||
|
8.风险分级管理
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<a class="news-item" href="javascrilt:;">
|
||||||
|
9.风险分级管理
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<a class="news-item" href="javascrilt:;">
|
||||||
|
10.风险分级管理
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<a class="news-item" href="javascrilt:;">
|
||||||
|
11.风险分级管理
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<a class="news-item" href="javascrilt:;">
|
||||||
|
12.风险分级管理
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="sd-right-new">
|
||||||
|
<div class="sdr-top">
|
||||||
|
<div class="sd-content bg">
|
||||||
|
<div class="tit">重大危险源</div>
|
||||||
|
<div class="content" id="heightFix">
|
||||||
|
<div class="list">
|
||||||
|
<!-- Swiper -->
|
||||||
|
<div class="news-list swiper-container" id="Swiper2">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<%=risk %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="sd-video-item">
|
||||||
|
<div class="sd-video-item-desc">视频监控</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="sdr-bottom bg">
|
||||||
|
<div class="tit">隐患排查</div>
|
||||||
|
<div class="sd-output-box-wrap">
|
||||||
|
<div class="sd-output-box" id="outputId"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script src="../res/assets/js/jquery-2.1.1.min.js"></script>
|
||||||
|
<script src="../res/assets/js/echarts-5.2.0.min.js"></script>
|
||||||
|
<script src="../res/assets/js/video-7.15.0.min.js"></script>
|
||||||
|
<script src="../res/assets/js/swiper.min.js"></script>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
//获取当前时间
|
||||||
|
function getNowTime() {
|
||||||
|
var date = new Date();
|
||||||
|
//年 getFullYear():四位数字返回年份
|
||||||
|
var year = date.getFullYear(); //getFullYear()代替getYear()
|
||||||
|
//月 getMonth():0 ~ 11
|
||||||
|
var month = date.getMonth() + 1;
|
||||||
|
//日 getDate():(1 ~ 31)
|
||||||
|
var day = date.getDate();
|
||||||
|
//时 getHours():(0 ~ 23)
|
||||||
|
var hour = date.getHours();
|
||||||
|
//分 getMinutes(): (0 ~ 59)
|
||||||
|
var minute = date.getMinutes();
|
||||||
|
//秒 getSeconds():(0 ~ 59)
|
||||||
|
var second = date.getSeconds();
|
||||||
|
var dayweeks = date.getDay();
|
||||||
|
var weeks = new Array(
|
||||||
|
"星期日",
|
||||||
|
"星期一",
|
||||||
|
"星期二",
|
||||||
|
"星期三",
|
||||||
|
"星期四",
|
||||||
|
"星期五",
|
||||||
|
"星期六"
|
||||||
|
);
|
||||||
|
var week = weeks[dayweeks];
|
||||||
|
var time = year + '年' + this.addZero(month) + '月' + this.addZero(day) + '日 ' + this.addZero(hour) + ':' + this.addZero(minute) + ':' + this.addZero(second);
|
||||||
|
return time + ' ' + week;
|
||||||
|
}
|
||||||
|
//小于10的拼接上0字符串
|
||||||
|
function addZero(s) {
|
||||||
|
return s < 10 ? ('0' + s) : s;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getDateDesc() {
|
||||||
|
var dateNow = getNowTime()
|
||||||
|
$('#sd-location-time').html(dateNow)
|
||||||
|
}
|
||||||
|
|
||||||
|
function initDate() {
|
||||||
|
setInterval(() => {
|
||||||
|
getDateDesc()
|
||||||
|
}, 1000);
|
||||||
|
}
|
||||||
|
|
||||||
|
function initBarEchart(id, xAxisData, data1, data2) {
|
||||||
|
var chartDom = document.getElementById(id);
|
||||||
|
var myChart = echarts.init(chartDom);
|
||||||
|
var option;
|
||||||
|
option = {
|
||||||
|
dataZoom: [{
|
||||||
|
type: 'slider',
|
||||||
|
show: true,
|
||||||
|
startValue: 0,
|
||||||
|
endValue: 5,
|
||||||
|
height: '10',
|
||||||
|
backgroundColor: 'rgba(47,69,84,0)',
|
||||||
|
fillerColor: 'rgba(47,69,84,0)',
|
||||||
|
bottom: '0%',
|
||||||
|
zoomLock: true,
|
||||||
|
moveOnMouseWheel: true,
|
||||||
|
brushSelect: true
|
||||||
|
}],
|
||||||
|
color: ['#12CDA2', '#00AAFF', '#FFC277'],
|
||||||
|
grid: {
|
||||||
|
top: '13%',
|
||||||
|
left: '3%',
|
||||||
|
right: '1%',
|
||||||
|
bottom: '2%',
|
||||||
|
containLabel: true
|
||||||
|
},
|
||||||
|
tooltip: {
|
||||||
|
trigger: 'axis',
|
||||||
|
showDelay: 0,
|
||||||
|
axisPointer: {
|
||||||
|
type: 'shadow'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
xAxis: {
|
||||||
|
data: xAxisData,
|
||||||
|
axisLabel: {
|
||||||
|
color: '#179eb3',
|
||||||
|
interval: 0
|
||||||
|
},
|
||||||
|
axisTick: {
|
||||||
|
show: false,
|
||||||
|
},
|
||||||
|
axisLine: {
|
||||||
|
onZero: true,
|
||||||
|
lineStyle: {
|
||||||
|
color: '#179eb3',
|
||||||
|
width: 1,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
boundaryGap: true
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
type: 'value',
|
||||||
|
axisLabel: {
|
||||||
|
show: true,
|
||||||
|
color: '#179eb3',
|
||||||
|
},
|
||||||
|
axisTick: {
|
||||||
|
show: false,
|
||||||
|
},
|
||||||
|
// axisLine: {
|
||||||
|
// show: false,
|
||||||
|
// onZero: false,
|
||||||
|
// lineStyle: {
|
||||||
|
// color: '#179eb3',
|
||||||
|
// width: 1,
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
splitLine: {
|
||||||
|
show: true,
|
||||||
|
lineStyle: {
|
||||||
|
type: 'dashed',
|
||||||
|
color: '#0D3C65',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
// splitNumber: 8,
|
||||||
|
},
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: '当日总数',
|
||||||
|
type: 'bar',
|
||||||
|
barWidth: 24,
|
||||||
|
data: data1,
|
||||||
|
itemStyle: {
|
||||||
|
normal: {
|
||||||
|
barBorderRadius: [15, 15, 0, 0] // 左上,右上,右下、左下
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '当日整改数',
|
||||||
|
type: 'bar',
|
||||||
|
barWidth: 24,
|
||||||
|
data: data2,
|
||||||
|
itemStyle: {
|
||||||
|
normal: {
|
||||||
|
barBorderRadius: [15, 15, 0, 0] // 左上,右上,右下、左下
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
legend: {
|
||||||
|
show: true,
|
||||||
|
right: "3%",
|
||||||
|
top: '0',
|
||||||
|
data: [{
|
||||||
|
name: '当日总数',
|
||||||
|
textStyle: {
|
||||||
|
color: '#12CDA2',
|
||||||
|
},
|
||||||
|
}, {
|
||||||
|
name: '当日整改数',
|
||||||
|
textStyle: {
|
||||||
|
color: '#00AAFF'
|
||||||
|
},
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
};
|
||||||
|
option && myChart.setOption(option);
|
||||||
|
|
||||||
|
window.addEventListener("resize", function () {
|
||||||
|
myChart.resize();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function fontSize(res) {
|
||||||
|
const clientWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
|
||||||
|
if (!clientWidth) return;
|
||||||
|
let fontSize = clientWidth / 1920;
|
||||||
|
return res * fontSize;
|
||||||
|
}
|
||||||
|
|
||||||
|
$(function () {
|
||||||
|
var heightFixFX = $('#heightFixFX').height();
|
||||||
|
$('#Swiper3').height(heightFixFX - 10);
|
||||||
|
var heightFix = $('#heightFix').height();
|
||||||
|
$('#Swiper2').height(heightFix - 80);
|
||||||
|
var seriesOption = [{
|
||||||
|
name: '问题1',
|
||||||
|
}, {
|
||||||
|
name: '问题2',
|
||||||
|
}, {
|
||||||
|
name: '问题3',
|
||||||
|
}, {
|
||||||
|
name: '问题4',
|
||||||
|
}, {
|
||||||
|
name: '问题5',
|
||||||
|
}, {
|
||||||
|
name: '问题6',
|
||||||
|
}, {
|
||||||
|
name: '问题7',
|
||||||
|
}, {
|
||||||
|
name: '问题8',
|
||||||
|
}, {
|
||||||
|
name: '问题9',
|
||||||
|
}, {
|
||||||
|
name: '问题10',
|
||||||
|
}]
|
||||||
|
|
||||||
|
let xAxisData = [];
|
||||||
|
let data1 = [];
|
||||||
|
let data2 = [];
|
||||||
|
|
||||||
|
for (let i = 0; i < seriesOption.length; i++) {
|
||||||
|
xAxisData.push(seriesOption[i].name);
|
||||||
|
data1.push(80);
|
||||||
|
data2.push(40);
|
||||||
|
}
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
initBarEchart('outputId', xAxisData, data1, data2)
|
||||||
|
}, 1000);
|
||||||
|
|
||||||
|
|
||||||
|
var swiper2Model = new Swiper('#Swiper2', {
|
||||||
|
slidesPerView: 'auto',
|
||||||
|
direction: 'vertical',
|
||||||
|
autoplay: {
|
||||||
|
delay: 2000,
|
||||||
|
stopOnLastSlide: false,
|
||||||
|
disableOnInteraction: true,
|
||||||
|
pauseOnMouseEnter: true,
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
//6.6.2之前的版本需要通过代码实现此功能
|
||||||
|
swiper2Model.el.onmouseover = function () {
|
||||||
|
swiper2Model.autoplay.stop();
|
||||||
|
}
|
||||||
|
swiper2Model.el.onmouseout = function () {
|
||||||
|
swiper2Model.autoplay.start();
|
||||||
|
}
|
||||||
|
|
||||||
|
var swiper3Model = new Swiper('#Swiper3', {
|
||||||
|
slidesPerView: 'auto',
|
||||||
|
direction: 'vertical',
|
||||||
|
autoplay: {
|
||||||
|
delay: 3000,
|
||||||
|
stopOnLastSlide: false,
|
||||||
|
disableOnInteraction: true,
|
||||||
|
pauseOnMouseEnter: true,
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
//6.6.2之前的版本需要通过代码实现此功能
|
||||||
|
swiper3Model.el.onmouseover = function () {
|
||||||
|
swiper3Model.autoplay.stop();
|
||||||
|
}
|
||||||
|
swiper3Model.el.onmouseout = function () {
|
||||||
|
swiper3Model.autoplay.start();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
|
@ -0,0 +1,63 @@
|
||||||
|
using System;
|
||||||
|
using System.Collections.Generic;
|
||||||
|
using System.Linq;
|
||||||
|
using System.Web;
|
||||||
|
using System.Web.UI;
|
||||||
|
using System.Web.UI.WebControls;
|
||||||
|
using BLL;
|
||||||
|
|
||||||
|
namespace FineUIPro.Web.common
|
||||||
|
{
|
||||||
|
public partial class mainMenu_SYHSEN : PageBase
|
||||||
|
{
|
||||||
|
|
||||||
|
public string risk
|
||||||
|
{
|
||||||
|
get
|
||||||
|
{
|
||||||
|
return (string)ViewState["risk"];
|
||||||
|
}
|
||||||
|
set
|
||||||
|
{
|
||||||
|
ViewState["risk"] = value;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
protected void Page_Load(object sender, EventArgs e)
|
||||||
|
{
|
||||||
|
if (!IsPostBack)
|
||||||
|
{
|
||||||
|
risk = "";
|
||||||
|
var values = Funs.DB.Hazard_RealTimeValue.OrderByDescending(x => x.DateTime).Take(20).ToList();
|
||||||
|
int i = 1;
|
||||||
|
foreach (var item in values)
|
||||||
|
{
|
||||||
|
var device = Funs.DB.Hazard_RealTimeDevice.FirstOrDefault(x => x.BitNum == item.BitNum);
|
||||||
|
if (device != null)
|
||||||
|
{
|
||||||
|
risk += @"<div class='swiper-slide'>
|
||||||
|
<a class='news-item' title='1.风险分级管理' href='javascrilt:;'>"
|
||||||
|
+ (i++) + "." + device.HazardName + "-" + device.DeviceName + "-风险" + device.HazardLevel + "-" + device.Medium + "-" + item.Value + device.MeasurementUnit + "-时间 " + item.DateTime +
|
||||||
|
@"</a>
|
||||||
|
</div>";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public string showData(int? value, string format)
|
||||||
|
{
|
||||||
|
if (value.HasValue)
|
||||||
|
{
|
||||||
|
return value.Value.ToString();
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
return format;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,17 @@
|
||||||
|
//------------------------------------------------------------------------------
|
||||||
|
// <自动生成>
|
||||||
|
// 此代码由工具生成。
|
||||||
|
//
|
||||||
|
// 对此文件的更改可能导致不正确的行为,如果
|
||||||
|
// 重新生成代码,则所做更改将丢失。
|
||||||
|
// </自动生成>
|
||||||
|
//------------------------------------------------------------------------------
|
||||||
|
|
||||||
|
namespace FineUIPro.Web.common
|
||||||
|
{
|
||||||
|
|
||||||
|
|
||||||
|
public partial class mainMenu_SYHSEN
|
||||||
|
{
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,412 @@
|
||||||
|
* {
|
||||||
|
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
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-index4-body {
|
||||||
|
background: #010817;
|
||||||
|
background-image: url("../image/index4/bj.png");
|
||||||
|
background-position: center center;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-repeat: no-repeat
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-header {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: .4375rem;
|
||||||
|
padding: 0 .10417rem;
|
||||||
|
background: url("../image/index4/header-bg.png") center center/100% 100% no-repeat
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-header .sd-header-title {
|
||||||
|
position: absolute;
|
||||||
|
top: .11458rem;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%);
|
||||||
|
font-size: .20833rem;
|
||||||
|
color: #1AB1FF;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-shadow: 0px 5px 0px rgba(5,63,152,0.5);
|
||||||
|
font-weight: bold
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-header .sd-header-top {
|
||||||
|
position: relative
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-header .sd-header-top .sd-header-top-left {
|
||||||
|
position: absolute;
|
||||||
|
left: .10417rem;
|
||||||
|
top: .05208rem;
|
||||||
|
color: #1ab1ff;
|
||||||
|
display: flex;
|
||||||
|
align-items: center
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-header .sd-header-top .sd-header-top-left .sd-location-name {
|
||||||
|
margin-right: .09375rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-header .sd-header-top .sd-header-top-right {
|
||||||
|
position: absolute;
|
||||||
|
top: .03646rem;
|
||||||
|
right: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-header .sd-header-top .sd-header-top-right .sd-location-time {
|
||||||
|
font-size: .0625rem;
|
||||||
|
color: #B0E1FF
|
||||||
|
}
|
||||||
|
|
||||||
|
.disflex {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
height: 100%
|
||||||
|
}
|
||||||
|
|
||||||
|
body .sd-index4-body {
|
||||||
|
height: 100%
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body {
|
||||||
|
flex: 1;
|
||||||
|
height: auto;
|
||||||
|
padding: .20833rem .20833rem .20833rem;
|
||||||
|
display: flex;
|
||||||
|
background-color: #0e113c
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .tit {
|
||||||
|
width: 1.08333rem;
|
||||||
|
height: .18229rem;
|
||||||
|
font-size: .08333rem;
|
||||||
|
color: #FFFFFF;
|
||||||
|
background: url("../image/index4/tit.png") center center/100% 100% no-repeat;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin: 0 auto
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .bg {
|
||||||
|
background: rgba(3,39,109,0.1);
|
||||||
|
border: 1px solid #03276D;
|
||||||
|
box-shadow: inset 0px 0px .18229rem .01563rem rgba(3,39,109,0.6)
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-content {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sdsec-wrap {
|
||||||
|
height: 100%;
|
||||||
|
margin-top: -.18229rem;
|
||||||
|
padding-top: .18229rem;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left {
|
||||||
|
flex: 1
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left.sd-l-wrap {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100%
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-top, .sd-body .sd-left .sbl-center, .sd-body .sd-left .sbl-bottom {
|
||||||
|
background: rgba(3,39,109,0.1);
|
||||||
|
border: 1px solid #03276D
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-top {
|
||||||
|
height: .78125rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-top .sd-security-value {
|
||||||
|
height: .25521rem;
|
||||||
|
margin: .0625rem auto 0;
|
||||||
|
padding: 0 .02604rem;
|
||||||
|
text-align: center;
|
||||||
|
background: url("../image/index4/security-time-bg.png") center center/100% 100% no-repeat;
|
||||||
|
font-size: .15625rem;
|
||||||
|
color: #7ecef7;
|
||||||
|
font-family: "液晶数字";
|
||||||
|
letter-spacing: .09896rem;
|
||||||
|
padding-top: .06771rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-center {
|
||||||
|
flex: 1;
|
||||||
|
margin: .15625rem 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-center .sd-pie-wrap {
|
||||||
|
margin-top: -.18229rem;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
padding-top: .18229rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-center .sd-pie-wrap .sd-pie {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-bottom {
|
||||||
|
flex: 1
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-bottom .sd-output-box-wrap {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
margin-top: -.18229rem;
|
||||||
|
padding-top: .18229rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-bottom .sd-output-box-wrap .sd-output-box {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-mid {
|
||||||
|
flex: 1;
|
||||||
|
margin: 0 .15625rem;
|
||||||
|
color: #fff
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-mid .content {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
height: 100%;
|
||||||
|
margin-top: -.18229rem;
|
||||||
|
padding: .28646rem .15625rem .10417rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-mid .content .list {
|
||||||
|
flex: 1
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-mid .content .list .l-wrap li {
|
||||||
|
font-size: .125rem;
|
||||||
|
height: .15625rem;
|
||||||
|
line-height: .15625rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-mid .content .jump {
|
||||||
|
height: .26042rem;
|
||||||
|
font-size: .15625rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right {
|
||||||
|
flex: 1;
|
||||||
|
color: #fff
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right .content {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
height: 100%;
|
||||||
|
margin-top: -.18229rem;
|
||||||
|
padding: .28646rem .15625rem .10417rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right .content .list {
|
||||||
|
flex: 1
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right .content .list .l-wrap li {
|
||||||
|
font-size: .125rem;
|
||||||
|
height: .15625rem;
|
||||||
|
line-height: .15625rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right .content .jump {
|
||||||
|
height: .26042rem;
|
||||||
|
font-size: .15625rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new {
|
||||||
|
margin-left: .15625rem;
|
||||||
|
flex: 1.5;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
color: #fff
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .sdr-top {
|
||||||
|
flex: 1
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .sdr-bottom {
|
||||||
|
flex: 1;
|
||||||
|
margin-top: .15625rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 100%;
|
||||||
|
margin-top: -.18229rem;
|
||||||
|
padding: 0rem .15625rem 0rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .list {
|
||||||
|
flex: 1
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .list .l-wrap li {
|
||||||
|
font-size: .10417rem;
|
||||||
|
height: .15625rem;
|
||||||
|
line-height: .15625rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .list .news-list {
|
||||||
|
padding: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .list .news-list .news-item {
|
||||||
|
display: block;
|
||||||
|
font-size: .07292rem;
|
||||||
|
color: #a4e1ff;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
padding: .05208rem 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .sd-video-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
width: .57292rem;
|
||||||
|
height: .56771rem;
|
||||||
|
cursor: pointer;
|
||||||
|
background: url("../image/index4/video-num-bg.png") center center/100% 100% no-repeat
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .sd-video-item + .sd-video-item {
|
||||||
|
margin-top: .13021rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .sd-video-item .sd-video-item-num {
|
||||||
|
font-size: .125rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .sd-video-item .sd-video-item-num--blue {
|
||||||
|
color: #1ab1ff
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .sd-video-item .sd-video-item-num--green {
|
||||||
|
color: #12cda2
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .sd-video-item .sd-video-item-desc {
|
||||||
|
margin-top: .04167rem;
|
||||||
|
font-size: .07292rem;
|
||||||
|
color: #1ab1ff
|
||||||
|
}
|
|
@ -0,0 +1,479 @@
|
||||||
|
* {
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-index4-body {
|
||||||
|
background: #010817;
|
||||||
|
background-image: url("../image/index4/bj.png");
|
||||||
|
background-position: center center;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-header {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: .4375rem;
|
||||||
|
padding: 0 .10417rem;
|
||||||
|
background: url("../image/index4/header-bg.png") center center/100% 100% no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-header .sd-header-title {
|
||||||
|
position: absolute;
|
||||||
|
top: .11458rem;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%);
|
||||||
|
font-size: .20833rem;
|
||||||
|
color: #1AB1FF;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-shadow: 0px 5px 0px rgba(5,63,152,0.5);
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-header .sd-header-top {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-header .sd-header-top .sd-header-top-left {
|
||||||
|
position: absolute;
|
||||||
|
left: .10417rem;
|
||||||
|
top: .05208rem;
|
||||||
|
color: #1ab1ff;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-header .sd-header-top .sd-header-top-left .sd-location-name {
|
||||||
|
margin-right: .09375rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-header .sd-header-top .sd-header-top-right {
|
||||||
|
position: absolute;
|
||||||
|
top: .03646rem;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-header .sd-header-top .sd-header-top-right .sd-location-time {
|
||||||
|
font-size: .0625rem;
|
||||||
|
color: #B0E1FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.disflex {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body .sd-index4-body {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body {
|
||||||
|
flex: 1;
|
||||||
|
height: auto;
|
||||||
|
padding: .20833rem .20833rem .20833rem;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .tit {
|
||||||
|
width: 1.08333rem;
|
||||||
|
height: .18229rem;
|
||||||
|
font-size: .08333rem;
|
||||||
|
color: #FFFFFF;
|
||||||
|
background: url("../image/index4/tit.png") center center/100% 100% no-repeat;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .bg {
|
||||||
|
background: rgba(3,39,109,0.1);
|
||||||
|
border: 1px solid #03276D;
|
||||||
|
box-shadow: inset 0px 0px .18229rem .01563rem rgba(3,39,109,0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-content {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sdsec-wrap {
|
||||||
|
height: 100%;
|
||||||
|
margin-top: -.18229rem;
|
||||||
|
padding-top: .18229rem;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left.sd-l-wrap {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-top, .sd-body .sd-left .sbl-bottom {
|
||||||
|
background: rgba(3,39,109,0.1);
|
||||||
|
border: 1px solid #03276D;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-top {
|
||||||
|
height: .78125rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-top .sd-security-value {
|
||||||
|
height: .25521rem;
|
||||||
|
margin: .0625rem auto 0;
|
||||||
|
padding: 0 .02604rem;
|
||||||
|
text-align: center;
|
||||||
|
background: url("../image/index4/security-time-bg.png") center center/100% 100% no-repeat;
|
||||||
|
font-size: .15625rem;
|
||||||
|
color: #7ecef7;
|
||||||
|
font-family: "液晶数字";
|
||||||
|
letter-spacing: .09896rem;
|
||||||
|
padding-top: .06771rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-bottom {
|
||||||
|
flex: 1;
|
||||||
|
margin: .15625rem 0 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-bottom .content-fxgk {
|
||||||
|
flex: 1;
|
||||||
|
color: #fff;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-bottom .content-fxgk .sd-top-wrap {
|
||||||
|
height: 1.04167rem;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin-top: .10417rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-bottom .content-fxgk .sd-top-wrap .stw-item-wrap {
|
||||||
|
width: 50%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-bottom .content-fxgk .sd-top-wrap .stw-item-wrap .stw-item {
|
||||||
|
width: 80%;
|
||||||
|
border-radius: .18229rem;
|
||||||
|
height: .41667rem;
|
||||||
|
margin-bottom: .10417rem;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-bottom .content-fxgk .sd-top-wrap .stw-item-wrap .stw-item.bg1 {
|
||||||
|
background-color: #DF263D;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-bottom .content-fxgk .sd-top-wrap .stw-item-wrap .stw-item.bg2 {
|
||||||
|
background-color: #F6A944;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-bottom .content-fxgk .sd-top-wrap .stw-item-wrap .stw-item.bg3 {
|
||||||
|
background-color: #FFFF26;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-bottom .content-fxgk .sd-top-wrap .stw-item-wrap .stw-item.bg4 {
|
||||||
|
background-color: #28B4F2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-bottom .content-fxgk .sd-top-wrap .stw-item-wrap .stw-item .num {
|
||||||
|
font-size: .13542rem;
|
||||||
|
margin-bottom: .05208rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-bottom .content-fxgk .sd-top-wrap .stw-item-wrap .stw-item .desc {
|
||||||
|
font-size: .09375rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-bottom .content-fxgk .cf-list {
|
||||||
|
flex: 1;
|
||||||
|
padding: 0 .15625rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-bottom .content-fxgk .cf-list .l-wrap li {
|
||||||
|
font-size: .10417rem;
|
||||||
|
height: .15625rem;
|
||||||
|
line-height: .15625rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-bottom .content-fxgk .cf-list .news-list {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-left .sbl-bottom .content-fxgk .cf-list .news-list .news-item {
|
||||||
|
display: block;
|
||||||
|
font-size: .07292rem;
|
||||||
|
color: #a4e1ff;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
padding: .05208rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-mid {
|
||||||
|
flex: 1;
|
||||||
|
margin: 0 .15625rem;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-mid .content {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
height: 100%;
|
||||||
|
margin-top: -.18229rem;
|
||||||
|
padding: .28646rem .15625rem .10417rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-mid .content .list {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-mid .content .list .l-wrap li {
|
||||||
|
font-size: .125rem;
|
||||||
|
height: .15625rem;
|
||||||
|
line-height: .15625rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-mid .content .jump {
|
||||||
|
height: .26042rem;
|
||||||
|
font-size: .15625rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right {
|
||||||
|
flex: 1;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right .content {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
height: 100%;
|
||||||
|
margin-top: -.18229rem;
|
||||||
|
padding: .28646rem .15625rem .10417rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right .content .list {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right .content .list .l-wrap li {
|
||||||
|
font-size: .125rem;
|
||||||
|
height: .15625rem;
|
||||||
|
line-height: .15625rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right .content .jump {
|
||||||
|
height: .26042rem;
|
||||||
|
font-size: .15625rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new {
|
||||||
|
margin-left: .15625rem;
|
||||||
|
flex: 1.5;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .sdr-top {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .sdr-bottom {
|
||||||
|
flex: 1;
|
||||||
|
margin-top: .15625rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .sdr-bottom .sd-output-box-wrap {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
margin-top: -.18229rem;
|
||||||
|
padding-top: .18229rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .sdr-bottom .sd-output-box-wrap .sd-output-box {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
height: 100%;
|
||||||
|
margin-top: -.18229rem;
|
||||||
|
padding: 0rem .15625rem 0rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .list {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .list .l-wrap li {
|
||||||
|
font-size: .10417rem;
|
||||||
|
height: .15625rem;
|
||||||
|
line-height: .15625rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .list .news-list {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .list .news-list .news-item {
|
||||||
|
display: block;
|
||||||
|
font-size: .07292rem;
|
||||||
|
color: #a4e1ff;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
padding: .05208rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .sd-video-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
width: .57292rem;
|
||||||
|
height: .56771rem;
|
||||||
|
cursor: pointer;
|
||||||
|
background: url("../image/index4/video-num-bg.png") center center/100% 100% no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .sd-video-item + .sd-video-item {
|
||||||
|
margin-top: .13021rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .sd-video-item .sd-video-item-num {
|
||||||
|
font-size: .125rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .sd-video-item .sd-video-item-num--blue {
|
||||||
|
color: #1ab1ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .sd-video-item .sd-video-item-num--green {
|
||||||
|
color: #12cda2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sd-body .sd-right-new .content .sd-video-item .sd-video-item-desc {
|
||||||
|
margin-top: .04167rem;
|
||||||
|
font-size: .07292rem;
|
||||||
|
color: #1ab1ff;
|
||||||
|
}
|
After Width: | Height: | Size: 48 KiB |
After Width: | Height: | Size: 47 KiB |
After Width: | Height: | Size: 66 KiB |
After Width: | Height: | Size: 58 KiB |
After Width: | Height: | Size: 2.7 KiB |
After Width: | Height: | Size: 878 KiB |
After Width: | Height: | Size: 7.7 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 8.0 KiB |
After Width: | Height: | Size: 78 KiB |
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 4.2 KiB |
After Width: | Height: | Size: 6.5 KiB |
After Width: | Height: | Size: 4.4 KiB |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 2.7 KiB |
After Width: | Height: | Size: 11 KiB |