修改集团客户化内容
This commit is contained in:
@@ -0,0 +1,189 @@
|
||||
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="main2.aspx.cs" Inherits="FineUIPro.Web.common.main2" %>
|
||||
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head runat="server">
|
||||
<meta http-equiv="Content-Type" content="text/html; 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="shortcut icon" type="image/x-icon" href="~/favicon.ico" />
|
||||
<%--
|
||||
<link rel="stylesheet" href="~/res/indexv1/iconfont/iconfont.css" />
|
||||
<link rel="stylesheet" href="~/res/indexv1/css/index1.css" />
|
||||
<link type="text/css" rel="stylesheet" href="~/res/css/default.css" />
|
||||
<link href="res/index/css/home.css" rel="stylesheet" />--%>
|
||||
|
||||
<link href="~/res/indexv2/assets/iconfont/iconfont.css" rel="stylesheet" />
|
||||
<link href="~/res/indexv2/assets/css/video-7.15.0.min.css" rel="stylesheet" />
|
||||
<link href="~/res/indexv2/assets/css/index7.css" rel="stylesheet" />
|
||||
|
||||
<style type="text/css">
|
||||
html {
|
||||
min-height: auto;
|
||||
}
|
||||
|
||||
.sd-index1-body {
|
||||
|
||||
}
|
||||
|
||||
.f-widget-content {
|
||||
border: none;
|
||||
background: none;
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
.f-tabstrip-header-clip {
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
background: rgb(14,17,60);
|
||||
}
|
||||
|
||||
.up-wrap {
|
||||
height: 55px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.item-s {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.f-btn .f-btn-text {
|
||||
vertical-align: baseline !important;
|
||||
}
|
||||
|
||||
.f-state-hover {
|
||||
/*background-color: transparent !important;*/
|
||||
}
|
||||
.f-tab-header.f-state-active
|
||||
{
|
||||
|
||||
}
|
||||
.bgbtn {
|
||||
width: 100%;
|
||||
border: none !important;
|
||||
background-color: transparent !important;
|
||||
padding: 0 !important;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.activeClick {
|
||||
font-weight: 800;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.bgbtn .x-frame-ml, .bgbtn .x-frame-mc, .bgbtn .x-frame-mr,
|
||||
.bgbtn .x-frame-tl, .bgbtn .x-frame-tc, .bgbtn .x-frame-tr,
|
||||
.bgbtn .x-frame-bl, .bgbtn .x-frame-bc, .bgbtn .x-frame-br,
|
||||
.bgbtn a:visited, .bgbtn .f-state-focus {
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.f-state-default, .f-widget-content .f-state-default, .f-widget-header .f-state-default {
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.header .layui-nav {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.bgbtntop.f-btn.f-state-default .f-icon, .bgbtntop.f-btn.f-state-hover .f-icon, .bgbtntop.f-btn.f-state-focus .f-icon, .bgbtntop.f-btn.f-state-active .f-icon {
|
||||
color: #37a6ff;
|
||||
}
|
||||
|
||||
.activeClick .f-icon {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.f-panel, .f-widget-header, .f-tree-headerstyle .f-panel-body {
|
||||
background-color: #dfe4f1;
|
||||
color: #333;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.f-menu-item-text, .f-tree-cell-text, .f-widget-content a, .f-qtip-content {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.f-corner-all {
|
||||
background-color: #dfe4f1;
|
||||
}
|
||||
.f-tab-header .f-panel-title-text{
|
||||
color:#1AB1FF;
|
||||
}
|
||||
.f-state-hover.f-tree-node a {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.f-state-default, .f-widget-content .f-state-default, .f-widget-header .f-state-default {
|
||||
//border-color: transparent;
|
||||
}
|
||||
|
||||
.bgbtn2 {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.f-tabstrip-align-left .f-tab-header.f-first {
|
||||
|
||||
color: #333;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.top-li-item {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.top-li-item .f-btn-inner {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sd-header .sd-header-top .sd-header-top-right ul li span:nth-child(2n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#Panel1_leftPanel_treeMenu .f-state-hover .f-icon {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#Panel1_leftPanel_treeMenu .f-state-hover {
|
||||
background: #99e7ff !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="wrap">
|
||||
<form id="form1" runat="server">
|
||||
<f:PageManager ID="PageManager1" AutoSizePanelID="Panel1" runat="server"></f:PageManager>
|
||||
<f:Panel ID="Panel1" Layout="Region" ShowBorder="false" ShowHeader="false" runat="server">
|
||||
<Items>
|
||||
<f:TabStrip ID="mainTabStrip" CssClass="centerregion" RegionPosition="Center" ShowTabHeader="true"
|
||||
ShowBorder="true" EnableTabCloseMenu="true" runat="server">
|
||||
<Tabs >
|
||||
<%--<f:Tab ID="Tab1" Title="首页"
|
||||
EnableIFrame="true" IFrameUrl="~/common/main1.aspx" runat="server">
|
||||
</f:Tab>--%>
|
||||
<f:Tab ID="Tab2" Title="安全"
|
||||
EnableIFrame="true" IFrameUrl="~/common/mainMenu_HSSE2.aspx" runat="server">
|
||||
</f:Tab>
|
||||
<f:Tab ID="Tab3" Title="质量焊接"
|
||||
EnableIFrame="true" IFrameUrl="~/common/mainMenu_HJGL2.aspx" runat="server">
|
||||
</f:Tab>
|
||||
<f:Tab ID="Tab4" Title="实业"
|
||||
EnableIFrame="true" IFrameUrl="~/common/mainMenu_SYHSEN.aspx" runat="server">
|
||||
</f:Tab>
|
||||
</Tabs>
|
||||
</f:TabStrip>
|
||||
</Items>
|
||||
</f:Panel>
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,22 @@
|
||||
using BLL;
|
||||
using Newtonsoft.Json;
|
||||
using System;
|
||||
using System.Collections.Generic;
|
||||
using System.Linq;
|
||||
using System.Web;
|
||||
using System.Web.UI;
|
||||
using System.Web.UI.WebControls;
|
||||
|
||||
namespace FineUIPro.Web.common
|
||||
{
|
||||
public partial class main2 : PageBase
|
||||
{
|
||||
protected void Page_Load(object sender, EventArgs e)
|
||||
{
|
||||
if (!IsPostBack)
|
||||
{
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
+78
@@ -0,0 +1,78 @@
|
||||
//------------------------------------------------------------------------------
|
||||
// <自动生成>
|
||||
// 此代码由工具生成。
|
||||
//
|
||||
// 对此文件的更改可能导致不正确的行为，如果
|
||||
// 重新生成代码，则所做更改将丢失。
|
||||
// </自动生成>
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
namespace FineUIPro.Web.common {
|
||||
|
||||
|
||||
public partial class main2 {
|
||||
|
||||
/// <summary>
|
||||
/// form1 控件。
|
||||
/// </summary>
|
||||
/// <remarks>
|
||||
/// 自动生成的字段。
|
||||
/// 若要进行修改，请将字段声明从设计器文件移到代码隐藏文件。
|
||||
/// </remarks>
|
||||
protected global::System.Web.UI.HtmlControls.HtmlForm form1;
|
||||
|
||||
/// <summary>
|
||||
/// PageManager1 控件。
|
||||
/// </summary>
|
||||
/// <remarks>
|
||||
/// 自动生成的字段。
|
||||
/// 若要进行修改，请将字段声明从设计器文件移到代码隐藏文件。
|
||||
/// </remarks>
|
||||
protected global::FineUIPro.PageManager PageManager1;
|
||||
|
||||
/// <summary>
|
||||
/// Panel1 控件。
|
||||
/// </summary>
|
||||
/// <remarks>
|
||||
/// 自动生成的字段。
|
||||
/// 若要进行修改，请将字段声明从设计器文件移到代码隐藏文件。
|
||||
/// </remarks>
|
||||
protected global::FineUIPro.Panel Panel1;
|
||||
|
||||
/// <summary>
|
||||
/// mainTabStrip 控件。
|
||||
/// </summary>
|
||||
/// <remarks>
|
||||
/// 自动生成的字段。
|
||||
/// 若要进行修改，请将字段声明从设计器文件移到代码隐藏文件。
|
||||
/// </remarks>
|
||||
protected global::FineUIPro.TabStrip mainTabStrip;
|
||||
|
||||
/// <summary>
|
||||
/// Tab2 控件。
|
||||
/// </summary>
|
||||
/// <remarks>
|
||||
/// 自动生成的字段。
|
||||
/// 若要进行修改，请将字段声明从设计器文件移到代码隐藏文件。
|
||||
/// </remarks>
|
||||
protected global::FineUIPro.Tab Tab2;
|
||||
|
||||
/// <summary>
|
||||
/// Tab3 控件。
|
||||
/// </summary>
|
||||
/// <remarks>
|
||||
/// 自动生成的字段。
|
||||
/// 若要进行修改，请将字段声明从设计器文件移到代码隐藏文件。
|
||||
/// </remarks>
|
||||
protected global::FineUIPro.Tab Tab3;
|
||||
|
||||
/// <summary>
|
||||
/// Tab4 控件。
|
||||
/// </summary>
|
||||
/// <remarks>
|
||||
/// 自动生成的字段。
|
||||
/// 若要进行修改，请将字段声明从设计器文件移到代码隐藏文件。
|
||||
/// </remarks>
|
||||
protected global::FineUIPro.Tab Tab4;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,764 @@
|
||||
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mainMenu_HJGL2.aspx.cs" Inherits="FineUIPro.Web.common.mainMenu_HJGL2" %>
|
||||
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head runat="server">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<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/index2.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div class="sd-index2-body">
|
||||
<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">2021年10月10日 12:52:36 星期二</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sd-header-title">
|
||||
质量焊接数据
|
||||
</div>
|
||||
</div>
|
||||
<div class="sd-body">
|
||||
<div class="sb-left">
|
||||
<div class="sbl-top">
|
||||
<div class="tit">质量培训数据</div>
|
||||
<div class="zlpxsj-wrap">
|
||||
<div class="zlpxsj">
|
||||
<div class="left">
|
||||
<div class="num"><%=showData(cQMSData_CQMS.TrainPersonNum,"--") %></div>
|
||||
<div class="desc">质量培训人次数</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="num"><%=showData(cQMSData_CQMS.TechnicalDisclosePersonNum,"--") %></div>
|
||||
<div class="desc">技术交底人次数</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbl-center">
|
||||
<div class="tit">计量器具数据</div>
|
||||
<div class="sblc-content flexCenter">
|
||||
<div class="item">
|
||||
<div class="desc">在用计量器具</div>
|
||||
<div class="num-wrap">
|
||||
<div class="num"><%=showData(cQMSData_CQMS.UseNum,"--") %></div>
|
||||
<div class="unit">台</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rightGap"></div>
|
||||
<div class="item">
|
||||
<div class="desc">校准合格</div>
|
||||
<div class="num-wrap">
|
||||
<div class="num num-cl"><%=showData(cQMSData_CQMS.OKNum,"--") %></div>
|
||||
<div class="unit">台</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbl-bottom">
|
||||
<div class="tit">质量管理人员数据</div>
|
||||
<div class="zlglry-wrap">
|
||||
<div class="zlglry">
|
||||
<div class="top">
|
||||
<div class="item">
|
||||
<div class="num"><%=showData(cQMSData_CQMS.CompanyPersonNum,"--") %></div>
|
||||
<div class="desc">企业总部人数</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="left">
|
||||
<div class="item">
|
||||
<div class="num"><%=showData(cQMSData_CQMS.BranchPersonNum,"--") %></div>
|
||||
<div class="desc">分支机构人数</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="item">
|
||||
<div class="num"><%=showData(cQMSData_CQMS.ProjectPersonNum,"--") %></div>
|
||||
<div class="desc">项目部人数</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sb-center">
|
||||
<div class="sbc-top flexCenter">
|
||||
<div class="sbct-left bg">
|
||||
<div class="tit">质量问题治理数据</div>
|
||||
<div class="pic" id="zlwtzlsj"></div>
|
||||
</div>
|
||||
<div class="sbct-right bg">
|
||||
<div class="tit">质量控制点数据</div>
|
||||
<div class="pic" id="zlkzdsj"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbc-center bg">
|
||||
<div class="tit">质量验收数据</div>
|
||||
<div class="pic" id="zlyssj"></div>
|
||||
</div>
|
||||
<div class="sbc-bottom bg">
|
||||
<div class="tit">工程划分数据</div>
|
||||
<div class="sbcb-content">
|
||||
<div class="item item1">
|
||||
<div class="num"><%=showData(cQMSData_CQMS.SingleProjectNum,"--") %></div>
|
||||
<div class="pic"></div>
|
||||
<div class="desc">单项工程个数</div>
|
||||
</div>
|
||||
<div class="item item2">
|
||||
<div class="num"><%=showData(cQMSData_CQMS.UnitProjectNum,"--") %></div>
|
||||
<div class="pic"></div>
|
||||
<div class="desc">单位工程个数</div>
|
||||
</div>
|
||||
<div class="item item3">
|
||||
<div class="num"><%=showData(cQMSData_CQMS.SubProjectNum,"--") %></div>
|
||||
<div class="pic"></div>
|
||||
<div class="desc">分部工程个数</div>
|
||||
</div>
|
||||
<div class="item item4">
|
||||
<div class="num"><%=showData(cQMSData_CQMS.SubdivisionalWorksNum,"--") %></div>
|
||||
<div class="pic"></div>
|
||||
<div class="desc">分项工程个数</div>
|
||||
</div>
|
||||
<div class="item item5">
|
||||
<div class="num"><%=showData(cQMSData_CQMS.InspectionLotNum,"--") %></div>
|
||||
<div class="pic"></div>
|
||||
<div class="desc">检验批个数</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sb-right">
|
||||
<div class="sbr-content bg">
|
||||
<div class="tit">焊接数据</div>
|
||||
<div class="sbrc-item">
|
||||
<div class="sbrci-bigTit">
|
||||
<div class="sbig-left">
|
||||
<div class="first">焊工</div>
|
||||
<div>总数</div>
|
||||
</div>
|
||||
<div class="sbig-right"><%=showData(hJGLData_HJGL.WelderNum,"--") %></div>
|
||||
</div>
|
||||
<div class="sbrci-list">
|
||||
<div class="item">
|
||||
<div class="item-c">
|
||||
<div class="num"><%=showData(hJGLData_HJGL.TotalDineNum,"--") %></div>
|
||||
<div class="desc">总达因数</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="item-c">
|
||||
<div class="num"><%=showData(hJGLData_HJGL.CompleteDineNum,"--") %></div>
|
||||
<div class="desc">完成达因数</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="item-c">
|
||||
<div class="num"><%=showData(hJGLData_HJGL.TotalFilmNum,"--") %></div>
|
||||
<div class="desc">总片数</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="item-c">
|
||||
<div class="num"><%=showData(hJGLData_HJGL.OKFilmNum,"--") %></div>
|
||||
<div class="desc">合格片数</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbrci-smallTit">缺陷分析</div>
|
||||
<div class="pic" id="qxfx"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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/hScrollPane.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/china.js"></script>
|
||||
<script>
|
||||
var Box_Height = $(".el-scrollbar").outerHeight();
|
||||
var content_Height = $(".el-scrollbar__wrap").outerHeight();
|
||||
var bar_Height = $(".is-vertical").outerHeight();
|
||||
var isMouseDown = false;
|
||||
var distance = 0;
|
||||
|
||||
//滚动条初始高度；
|
||||
var n = Box_Height / content_Height * bar_Height
|
||||
$(".is-vertical .el-scrollbar__thumb").css("height", n)
|
||||
$(".is-vertical").mousedown(down);
|
||||
$(window).mousemove(move);
|
||||
$(window).mouseup(up);
|
||||
|
||||
function down(event) {
|
||||
isMouseDown = true;
|
||||
}
|
||||
|
||||
function move(event) {
|
||||
event.preventDefault();
|
||||
distance = event.pageY - $(".is-vertical").offset().top;
|
||||
if (isMouseDown == true) {
|
||||
scroll(distance)
|
||||
}
|
||||
}
|
||||
|
||||
function up() {
|
||||
isMouseDown = false;
|
||||
$(".el-scrollbar").find(".is-vertical").css('opacity', 0);
|
||||
}
|
||||
|
||||
function scroll(distance) {
|
||||
if (distance < 0) {
|
||||
distance = 0
|
||||
} else if (distance > bar_Height - $(".is-vertical .el-scrollbar__thumb").outerHeight()) {
|
||||
distance = bar_Height - $(".is-vertical .el-scrollbar__thumb").outerHeight();
|
||||
}
|
||||
$(".is-vertical .el-scrollbar__thumb").css("top", distance)
|
||||
// 滚动距离 = 滑块移动距离 ÷ 窗口高度 x 页面长度
|
||||
var scroll_distance = parseInt(distance / Box_Height * content_Height)
|
||||
$(".el-scrollbar__wrap").css("margin-top", -scroll_distance)
|
||||
}
|
||||
|
||||
function initScroll() {
|
||||
|
||||
$(".el-scrollbar").hover(function () {
|
||||
var $this = $(this)
|
||||
$this.find(".is-vertical").css('opacity', 1);
|
||||
}, function () {
|
||||
if (isMouseDown) {
|
||||
return
|
||||
}
|
||||
var $this = $(this)
|
||||
$this.find(".is-vertical").css('opacity', 0);
|
||||
})
|
||||
|
||||
// 滚轮事件；
|
||||
$(".el-scrollbar").bind('mousewheel', function (event, delta) {
|
||||
event.preventDefault()
|
||||
var dir = delta > 0 ? 'Up' : 'Down',
|
||||
vel = delta
|
||||
distance = $(".is-vertical .el-scrollbar__thumb").offset().top - $(".el-scrollbar").offset().top;
|
||||
vel > 0 ? distance -= 10 : distance += 10
|
||||
scroll(distance);
|
||||
});
|
||||
}
|
||||
|
||||
//获取当前时间
|
||||
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 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) {
|
||||
var chartDom = document.getElementById(id);
|
||||
var myChartLD = echarts.init(chartDom);
|
||||
var option;
|
||||
option = {
|
||||
title: {
|
||||
text: '缺陷分析',
|
||||
show: false
|
||||
},
|
||||
legend: {
|
||||
show: true,
|
||||
icon: 'circle',
|
||||
itemGap: 30,
|
||||
position: 'top',
|
||||
data: [{
|
||||
name: '缺陷1',
|
||||
textStyle: {
|
||||
color: '#F3DC14',
|
||||
}
|
||||
} ]
|
||||
},
|
||||
radar: {
|
||||
splitNumber: 6, // 雷达图圈数设置
|
||||
nameGap: 10,
|
||||
// shape: 'circle',
|
||||
indicator: indicator,
|
||||
axisName: {
|
||||
color: '#57C7ED'
|
||||
},
|
||||
axisLine: {
|
||||
lineStyle: {
|
||||
color: '#fff',
|
||||
width: 0,
|
||||
type: 'solid'
|
||||
}
|
||||
},
|
||||
splitArea: {
|
||||
show: false
|
||||
},
|
||||
splitLine: {
|
||||
lineStyle: {
|
||||
color: 'rgba(255,255,255,0.3)'
|
||||
}
|
||||
},
|
||||
center: ['50%', '55%'],
|
||||
radius: '70%',
|
||||
},
|
||||
color: ['#F3DC14', '#44D7F2'],
|
||||
series: [
|
||||
{
|
||||
name: '缺陷分析',
|
||||
type: 'radar',
|
||||
symbolSize: 0,
|
||||
data: [
|
||||
{
|
||||
value: data1,
|
||||
name: '缺陷',
|
||||
lineStyle: {
|
||||
width: 3,
|
||||
color: new echarts.graphic.LinearGradient(
|
||||
0, 0, 0, 1,
|
||||
[
|
||||
{ offset: 0, color: '#F5DD13' },
|
||||
{ offset: 1, color: '#0C6FF5' }
|
||||
]
|
||||
)
|
||||
},
|
||||
areaStyle: {
|
||||
color: new echarts.graphic.LinearGradient(
|
||||
0, 0, 0, 1,
|
||||
[
|
||||
{ offset: 0, color: '#F5DD13' },
|
||||
{ offset: 1, color: '#0C6FF5' }
|
||||
]
|
||||
)
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
option && myChartLD.setOption(option);
|
||||
|
||||
window.addEventListener("resize", function () {
|
||||
myChartLD.resize();
|
||||
});
|
||||
}
|
||||
|
||||
function initZlyssj(id, xArr, data1, data2, data3) {
|
||||
var chartDom = document.getElementById(id);
|
||||
var myChartyh = echarts.init(chartDom);
|
||||
var option;
|
||||
|
||||
const labelOption = {
|
||||
rotate: 0,
|
||||
align: 'center',
|
||||
verticalAlign: 'middle',
|
||||
position: 'insideBottom',
|
||||
distance: 15
|
||||
};
|
||||
|
||||
option = {
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'shadow'
|
||||
}
|
||||
},
|
||||
color: ['#3A7EF9', '#36D98A', '#EE9726'],
|
||||
grid: {
|
||||
top: '20%',
|
||||
left: '5%',
|
||||
right: '5%',
|
||||
bottom: '8%',
|
||||
containLabel: true
|
||||
},
|
||||
legend: {
|
||||
show: true,
|
||||
top: '4%',
|
||||
data: [{
|
||||
name: '总项数',
|
||||
textStyle: {
|
||||
color: "#3A7EF9"
|
||||
},
|
||||
}, {
|
||||
name: '合格数',
|
||||
textStyle: {
|
||||
color: "#36D98A"
|
||||
},
|
||||
}, {
|
||||
name: '一次验收合格率',
|
||||
textStyle: {
|
||||
color: "#36D98A"
|
||||
},
|
||||
}]
|
||||
},
|
||||
toolbox: {
|
||||
show: false
|
||||
},
|
||||
xAxis: [
|
||||
{
|
||||
type: 'category',
|
||||
axisTick: { show: false },
|
||||
data: xArr,
|
||||
axisLabel: {
|
||||
textStyle: {
|
||||
color: '#84D7FE'
|
||||
},
|
||||
interval: 0
|
||||
}
|
||||
}
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
type: 'value',
|
||||
axisLabel: {
|
||||
textStyle: {
|
||||
color: '#84D7FE'
|
||||
}
|
||||
},
|
||||
splitLine: {
|
||||
lineStyle: {
|
||||
color: "#2E87AC",
|
||||
width: 1,
|
||||
type: "dashed"
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
type: 'value',
|
||||
position: 'right',
|
||||
axisLabel: {
|
||||
textStyle: {
|
||||
color: '#84D7FE'
|
||||
}
|
||||
},
|
||||
splitLine: {
|
||||
show: false,
|
||||
lineStyle: {
|
||||
color: "#2E87AC",
|
||||
width: 1,
|
||||
type: "dashed"
|
||||
},
|
||||
},
|
||||
}
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: '总项数',
|
||||
type: 'bar',
|
||||
// barGap: 0,
|
||||
label: labelOption,
|
||||
data: data1,
|
||||
barWidth: '20%'
|
||||
},
|
||||
{
|
||||
name: '合格数',
|
||||
type: 'bar',
|
||||
label: labelOption,
|
||||
data: data2,
|
||||
barWidth: '20%'
|
||||
},
|
||||
{
|
||||
name: '一次验收合格率',
|
||||
type: 'line',
|
||||
smooth: true,
|
||||
label: labelOption,
|
||||
data: data3,
|
||||
yAxisIndex: 1
|
||||
}
|
||||
]
|
||||
};
|
||||
option && myChartyh.setOption(option);
|
||||
|
||||
window.addEventListener("resize", function () {
|
||||
myChartyh.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 initZlwtzlsj(id, xArr, dataQ) {
|
||||
var chartDom = document.getElementById(id);
|
||||
var myChartyh = echarts.init(chartDom);
|
||||
var option;
|
||||
|
||||
const labelOption = {
|
||||
rotate: 0,
|
||||
align: 'center',
|
||||
verticalAlign: 'middle',
|
||||
position: 'insideBottom',
|
||||
distance: 15
|
||||
};
|
||||
|
||||
option = {
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'shadow'
|
||||
}
|
||||
},
|
||||
color: ['#3A7EF9'],
|
||||
grid: {
|
||||
top: '10%',
|
||||
left: '5%',
|
||||
right: '5%',
|
||||
bottom: '8%',
|
||||
containLabel: true
|
||||
},
|
||||
legend: {
|
||||
show: false,
|
||||
},
|
||||
toolbox: {
|
||||
show: false
|
||||
},
|
||||
xAxis: [
|
||||
{
|
||||
type: 'category',
|
||||
axisTick: { show: false },
|
||||
data: xArr,
|
||||
axisLabel: {
|
||||
textStyle: {
|
||||
color: '#84D7FE'
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
type: 'value',
|
||||
axisLabel: {
|
||||
textStyle: {
|
||||
color: '#84D7FE'
|
||||
}
|
||||
},
|
||||
axisLine: {
|
||||
show: true, // Y轴
|
||||
lineStyle: {
|
||||
color: '#1AC9FF' // 颜色
|
||||
}
|
||||
},
|
||||
splitLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
type: 'dashed',
|
||||
// color: '#0D3C65',
|
||||
color: 'rgba(13,60,101,0.5)'
|
||||
},
|
||||
},
|
||||
}
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: '质量问题治理数据',
|
||||
type: 'bar',
|
||||
// barGap: 0,
|
||||
label: labelOption,
|
||||
data: dataQ,
|
||||
barWidth: '20%'
|
||||
}
|
||||
]
|
||||
};
|
||||
option && myChartyh.setOption(option);
|
||||
|
||||
window.addEventListener("resize", function () {
|
||||
myChartyh.resize();
|
||||
});
|
||||
}
|
||||
|
||||
function initZlkzdsj(id, xArr, data) {
|
||||
var chartDom = document.getElementById(id);
|
||||
var myChart = echarts.init(chartDom);
|
||||
var option;
|
||||
option = {
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
grid: {
|
||||
top: '10%',
|
||||
left: '5%',
|
||||
right: '5%',
|
||||
bottom: '8%',
|
||||
containLabel: true
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
boundaryGap: false,
|
||||
data: xArr,
|
||||
axisLabel: {
|
||||
color: '#179eb3',
|
||||
},
|
||||
axisTick: {
|
||||
show: false,
|
||||
},
|
||||
axisLine: {
|
||||
onZero: false,
|
||||
lineStyle: {
|
||||
color: '#1AC9FF',
|
||||
width: 1,
|
||||
}
|
||||
},
|
||||
boundaryGap: false
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
axisLabel: {
|
||||
show: true,
|
||||
},
|
||||
axisTick: {
|
||||
show: false,
|
||||
},
|
||||
axisLine: {
|
||||
show: true,
|
||||
onZero: false,
|
||||
lineStyle: {
|
||||
color: '#1AC9FF',
|
||||
width: 1,
|
||||
}
|
||||
},
|
||||
splitLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
type: 'dashed',
|
||||
color: 'rgba(13,60,101,0.5)'
|
||||
},
|
||||
},
|
||||
splitNumber: 5,
|
||||
},
|
||||
series: [
|
||||
{
|
||||
type: 'line',
|
||||
color: '#1AC9FF', //线条颜色
|
||||
smooth: true, //线条平滑
|
||||
data: data,
|
||||
areaStyle: {
|
||||
color: {
|
||||
type: 'linear',
|
||||
x: 0,
|
||||
y: 0,
|
||||
x2: 0,
|
||||
y2: 1,
|
||||
colorStops: [{
|
||||
offset: 0, color: 'rgba(26,201,255,0)' // 100% 处的颜色
|
||||
}, {
|
||||
offset: 1, color: 'rgba(26,201,255,0.5)' // 0% 处的颜色
|
||||
}],
|
||||
global: false
|
||||
}
|
||||
},
|
||||
itemStyle: {
|
||||
normal: {
|
||||
label: { show: true, color: '#1AC9FF' }, //顶部显示数值
|
||||
}
|
||||
}
|
||||
},
|
||||
],
|
||||
boundaryGap: false,
|
||||
}
|
||||
option && myChart.setOption(option);
|
||||
window.addEventListener("resize", function () {
|
||||
myChart.resize();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
$(function () {
|
||||
initDate()
|
||||
var dataYZLWT = [<%=showData(cQMSData_CQMS.ProblemNum,"0") %>, <%=showData(cQMSData_CQMS.ProblemCompletedNum,"0") %>, <%=showData(cQMSData_CQMS.ProblemNotCompletedNum,"0") %>, <%=finishRate%>]
|
||||
var xArrYH = ['问题个数', '整改完成数', '未整改数', '整改率']
|
||||
initZlwtzlsj('zlwtzlsj', xArrYH, dataYZLWT)
|
||||
var dataYKzd = [<%=showData(cQMSData_CQMS.SNum,"0") %>, <%=showData(cQMSData_CQMS.ANum,"0") %>, <%=showData(cQMSData_CQMS.BNum,"0") %>, <%=showData(cQMSData_CQMS.CNum,"0") %>]
|
||||
var xArrKzd = ['S级', 'A级', 'B级', 'C级']
|
||||
initZlkzdsj('zlkzdsj', xArrKzd, dataYKzd)
|
||||
var dataY1 = [<%=showData(cQMSData_CQMS.KeyProcessNum,"0") %>, <%=showData(cQMSData_CQMS.SpecialProcessNum,"0") %>, <%=showData(cQMSData_CQMS.ConcealedWorksNum,"0") %>, <%=showData(cQMSData_CQMS.UnitProjectOnesNum,"0") %>, <%=showData(cQMSData_CQMS.MaterialInRecheckNum,"0") %>]
|
||||
var dataY2 = [<%=showData(cQMSData_CQMS.KeyProcessOKNum,"0") %>, <%=showData(cQMSData_CQMS.SpecialProcessOKNum,"0") %>, <%=showData(cQMSData_CQMS.ConcealedWorksOKNum,"0") %>, <%=showData(cQMSData_CQMS.UnitProjectOnesOKNum,"0") %>, <%=showData(cQMSData_CQMS.MaterialInRecheckOKNum,"0") %>]
|
||||
var dataY3 = [<%=KeyProcessOKRate %>, <%=SpecialProcessOKRate %>, <%=ConcealedWorksOKRate %>, <%=UnitProjectOnesOKRate %>, <%=MaterialInRecheckOKRate %>]
|
||||
var xArrYH = ['关键工序验收', '特殊过程验收', '隐蔽工程验收', '单位工程一次验收', '材料进场复验']
|
||||
initZlyssj('zlyssj', xArrYH, dataY1, dataY2, dataY3)
|
||||
var dataaq1 = [<%=dataaq1%>]
|
||||
var indicator = [ <%=indicator%> ]
|
||||
//initqxfx('qxfx', dataaq1, indicator)
|
||||
var pie = [<%=pie%>]
|
||||
|
||||
initPie("qxfx", pie)
|
||||
initScroll()
|
||||
});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,140 @@
|
||||
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_HJGL2 : PageBase
|
||||
{
|
||||
public Model.CQMSData_CQMS cQMSData_CQMS;
|
||||
public Model.HJGLData_HJGL hJGLData_HJGL;
|
||||
public string finishRate;
|
||||
|
||||
public string pie;
|
||||
public string dataaq1;
|
||||
public string indicator;
|
||||
public string KeyProcessOKRate;
|
||||
public string SpecialProcessOKRate;
|
||||
public string ConcealedWorksOKRate;
|
||||
public string UnitProjectOnesOKRate;
|
||||
public string MaterialInRecheckOKRate;
|
||||
|
||||
protected void Page_Load(object sender, EventArgs e)
|
||||
{
|
||||
if (!IsPostBack)
|
||||
{
|
||||
cQMSData_CQMS = Funs.DB.CQMSData_CQMS.OrderByDescending(x => x.ReportDate).FirstOrDefault();
|
||||
if (cQMSData_CQMS == null)
|
||||
{
|
||||
cQMSData_CQMS = new Model.CQMSData_CQMS();
|
||||
}
|
||||
|
||||
hJGLData_HJGL = Funs.DB.HJGLData_HJGL.OrderByDescending(x => x.ReportDate).FirstOrDefault();
|
||||
if (hJGLData_HJGL == null)
|
||||
{
|
||||
hJGLData_HJGL = new Model.HJGLData_HJGL();
|
||||
}
|
||||
|
||||
|
||||
if (cQMSData_CQMS.ProblemNum.HasValue && cQMSData_CQMS.ProblemCompletedNum.HasValue)
|
||||
{
|
||||
finishRate = String.Format("{0:N2}", 1.0 * cQMSData_CQMS.ProblemCompletedNum.Value / cQMSData_CQMS.ProblemNum.Value);
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
finishRate = "0";
|
||||
}
|
||||
|
||||
if (cQMSData_CQMS.KeyProcessNum.HasValue && cQMSData_CQMS.KeyProcessOKNum.HasValue)
|
||||
{
|
||||
KeyProcessOKRate = String.Format("{0:N2}", 1.0 * cQMSData_CQMS.KeyProcessOKNum.Value / cQMSData_CQMS.KeyProcessNum.Value);
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
KeyProcessOKRate = "0";
|
||||
}
|
||||
if (cQMSData_CQMS.SpecialProcessNum.HasValue && cQMSData_CQMS.SpecialProcessOKNum.HasValue)
|
||||
{
|
||||
SpecialProcessOKRate = String.Format("{0:N2}", 1.0 * cQMSData_CQMS.SpecialProcessOKNum.Value / cQMSData_CQMS.SpecialProcessNum.Value);
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
SpecialProcessOKRate = "0";
|
||||
}
|
||||
if (cQMSData_CQMS.ConcealedWorksNum.HasValue && cQMSData_CQMS.ConcealedWorksOKNum.HasValue)
|
||||
{
|
||||
ConcealedWorksOKRate = String.Format("{0:N2}", 1.0 * cQMSData_CQMS.ConcealedWorksOKNum.Value / cQMSData_CQMS.ConcealedWorksNum.Value);
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
ConcealedWorksOKRate = "0";
|
||||
}
|
||||
if (cQMSData_CQMS.UnitProjectOnesOKNum.HasValue && cQMSData_CQMS.UnitProjectOnesNum.HasValue)
|
||||
{
|
||||
UnitProjectOnesOKRate = String.Format("{0:N2}", 1.0 * cQMSData_CQMS.UnitProjectOnesOKNum.Value / cQMSData_CQMS.UnitProjectOnesNum.Value);
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
UnitProjectOnesOKRate = "0";
|
||||
}
|
||||
if (cQMSData_CQMS.MaterialInRecheckNum.HasValue && cQMSData_CQMS.MaterialInRecheckNum.HasValue)
|
||||
{
|
||||
MaterialInRecheckOKRate = String.Format("{0:N2}", 1.0 * cQMSData_CQMS.MaterialInRecheckOKNum.Value / cQMSData_CQMS.MaterialInRecheckNum.Value);
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
MaterialInRecheckOKRate = "0";
|
||||
}
|
||||
var reportDate = Funs.DB.HJGLData_Defect.Max(x => x.ReportDate);
|
||||
if (reportDate.HasValue)
|
||||
{
|
||||
var details = Funs.DB.HJGLData_Defect.Where(x => x.ReportDate == reportDate.Value).ToList();
|
||||
|
||||
if (details != null && details.Count > 0)
|
||||
{
|
||||
int maxNum = 0;
|
||||
foreach (var d in details)
|
||||
{
|
||||
if (d.DefectNum.HasValue)
|
||||
{
|
||||
maxNum = maxNum > d.DefectNum.Value ? maxNum : d.DefectNum.Value;
|
||||
}
|
||||
|
||||
}
|
||||
foreach (var d in details)
|
||||
{
|
||||
pie += "{ name: '" + d.DefectName + "', value:" + d.DefectNum + "},";
|
||||
dataaq1 += d.DefectNum + ",";
|
||||
indicator += "{ name: '" + d.DefectName + "', max:" + maxNum + "},";
|
||||
}
|
||||
pie = pie.TrimEnd(',');
|
||||
dataaq1 = dataaq1.TrimEnd(',');
|
||||
indicator = indicator.TrimEnd('\'').TrimEnd(',');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
public string showData(int? value, string format)
|
||||
{
|
||||
if (value.HasValue)
|
||||
{
|
||||
return value.Value.ToString();
|
||||
}
|
||||
else
|
||||
{
|
||||
return format;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
//------------------------------------------------------------------------------
|
||||
// <自动生成>
|
||||
// 此代码由工具生成。
|
||||
//
|
||||
// 对此文件的更改可能导致不正确的行为，如果
|
||||
// 重新生成代码，则所做更改将丢失。
|
||||
// </自动生成>
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
namespace FineUIPro.Web.common {
|
||||
|
||||
|
||||
public partial class mainMenu_HJGL2 {
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,107 @@
|
||||
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_HSSE2 : PageBase
|
||||
{
|
||||
public Model.HSSEData_HSSE hSSEData_HSSE;
|
||||
public string zgl1;
|
||||
public string zgl2;
|
||||
|
||||
public string dataYHQ;
|
||||
public string dataYHZ;
|
||||
public string xArrYH;
|
||||
public string projectData;
|
||||
|
||||
protected void Page_Load(object sender, EventArgs e)
|
||||
{
|
||||
if (!IsPostBack)
|
||||
{
|
||||
hSSEData_HSSE = Funs.DB.HSSEData_HSSE.OrderByDescending(x => x.ReportDate).FirstOrDefault();
|
||||
if (hSSEData_HSSE == null)
|
||||
{
|
||||
hSSEData_HSSE = new Model.HSSEData_HSSE();
|
||||
}
|
||||
|
||||
|
||||
if (hSSEData_HSSE.GeneralClosedNum.HasValue && hSSEData_HSSE.GeneralNotClosedNum.HasValue)
|
||||
{
|
||||
zgl1 = String.Format("{0:N2}", 100.0 * hSSEData_HSSE.GeneralClosedNum.Value / (hSSEData_HSSE.GeneralClosedNum.Value + hSSEData_HSSE.GeneralNotClosedNum.Value));
|
||||
}
|
||||
else
|
||||
{
|
||||
zgl1 = "0";
|
||||
}
|
||||
if (hSSEData_HSSE.MajorClosedNum.HasValue && hSSEData_HSSE.MajorNotClosedNum.HasValue)
|
||||
{
|
||||
zgl2 = String.Format("{0:N2}", 100.0 * hSSEData_HSSE.MajorClosedNum.Value / (hSSEData_HSSE.MajorClosedNum.Value + hSSEData_HSSE.MajorNotClosedNum.Value));
|
||||
}
|
||||
else
|
||||
{
|
||||
zgl2 = "0";
|
||||
}
|
||||
|
||||
var reportDate = Funs.DB.HSSEData_HiddenDangerDetail.Max(x => x.ReportDate);
|
||||
if (reportDate.HasValue)
|
||||
{
|
||||
var details = Funs.DB.HSSEData_HiddenDangerDetail.Where(x => x.ReportDate == reportDate.Value).ToList();
|
||||
|
||||
if (details != null && details.Count > 0)
|
||||
{
|
||||
foreach (var d in details)
|
||||
{
|
||||
dataYHQ += d.TotalNum + ",";
|
||||
dataYHZ += d.NeedRectifyNum + ",";
|
||||
xArrYH += "'" + d.TypeName + "',";
|
||||
}
|
||||
dataYHQ = dataYHQ.TrimEnd(',');
|
||||
dataYHZ = dataYHZ.TrimEnd(',');
|
||||
xArrYH = xArrYH.TrimEnd('\'').TrimEnd(',');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if (hSSEData_HSSE.GeneralClosedNum.HasValue && hSSEData_HSSE.GeneralNotClosedNum.HasValue)
|
||||
{
|
||||
zgl1 = String.Format("{0:N2}", 100.0 * hSSEData_HSSE.GeneralClosedNum.Value / (hSSEData_HSSE.GeneralClosedNum.Value + hSSEData_HSSE.GeneralNotClosedNum.Value));
|
||||
}
|
||||
else
|
||||
{
|
||||
zgl1 = "0";
|
||||
}
|
||||
|
||||
|
||||
var projectList = Funs.DB.Base_Project.ToList();
|
||||
if (projectList != null && projectList.Count > 0)
|
||||
{
|
||||
foreach (var p in projectList)
|
||||
{
|
||||
string unit_yz = ProjectService.getProjectUnitNameByUnitType(p.ProjectId, Const.ProjectUnitType_4);
|
||||
string unit_JL = ProjectService.getProjectUnitNameByUnitType(p.ProjectId, Const.ProjectUnitType_3);
|
||||
string unit_FB = ProjectService.getProjectUnitNameByUnitType(p.ProjectId, Const.ProjectUnitType_2);
|
||||
projectData += "{name:'" + p.ShortName + "',value:[" + p.MapCoordinates + "],address:'" + p.ProjectAddress + "',id:'" + p.ProjectId + "',ownUnit:'" + unit_yz + "',jLUnit:'" + unit_JL + "',SGUnit:'" + unit_FB + "',ProjectMoney:'" + p.ProjectMoney.ToString() + "'},";
|
||||
}
|
||||
projectData = projectData.TrimEnd(',');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
public string showData(int? value, string format)
|
||||
{
|
||||
if (value.HasValue)
|
||||
{
|
||||
return value.Value.ToString();
|
||||
}
|
||||
else
|
||||
{
|
||||
return format;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
//------------------------------------------------------------------------------
|
||||
// <自动生成>
|
||||
// 此代码由工具生成。
|
||||
//
|
||||
// 对此文件的更改可能导致不正确的行为，如果
|
||||
// 重新生成代码，则所做更改将丢失。
|
||||
// </自动生成>
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
namespace FineUIPro.Web.common {
|
||||
|
||||
|
||||
public partial class mainMenu_HSSE2 {
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,436 @@
|
||||
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mainMenu_SYHSE.aspx.cs" Inherits="FineUIPro.Web.common.mainMenu_SYHSE" %>
|
||||
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head runat="server">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<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/index3.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div class="sd-index3-body">
|
||||
<div class="sd-header" style="display:none">
|
||||
<div class="sd-header-title">
|
||||
实业板块数据
|
||||
</div>
|
||||
</div>
|
||||
<div class="sd-body">
|
||||
<div class="sb-left">
|
||||
<div class="sbl-top bg">
|
||||
<div class="tit">风险管控</div>
|
||||
<div class="pic" id="fxgk"></div>
|
||||
</div>
|
||||
<div class="sbl-bottom bg">
|
||||
<div class="tit">重大危险源</div>
|
||||
<div class="sblb-list">
|
||||
<div class="sblbl-item">
|
||||
<div class="desc">分级责任人</div>
|
||||
<div class="num"><%=showData(sYHSEData_SYHSE.GradedResponsiblePersonNum,"--") %></div>
|
||||
</div>
|
||||
<div class="sblbl-item">
|
||||
<div class="desc">包保责任人</div>
|
||||
<div class="num"><%=showData(sYHSEData_SYHSE.ChargeInsurancePersonNum,"--") %></div>
|
||||
</div>
|
||||
<div class="sblbl-item">
|
||||
<div class="desc">设计量</div>
|
||||
<div class="num"><%=showData(sYHSEData_SYHSE.DesignQuantity,"--") %></div>
|
||||
</div>
|
||||
<div class="sblbl-item">
|
||||
<div class="desc">运行量</div>
|
||||
<div class="num"><%=showData(sYHSEData_SYHSE.RunningCapacity,"--") %></div>
|
||||
</div>
|
||||
<div class="sblbl-item">
|
||||
<div class="desc">联锁设定值</div>
|
||||
<div class="num"><%=showData(sYHSEData_SYHSE.InterlockSettingValue,"--") %></div>
|
||||
</div>
|
||||
<div class="sblbl-item">
|
||||
<div class="desc">视频监控</div>
|
||||
<div class="num"><%=showData(sYHSEData_SYHSE.VideoSurveillanceNum,"--") %></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sb-right">
|
||||
<div class="sbr-top flexCenter">
|
||||
<div class="sbrt-left ">
|
||||
<div class="sbrtl-top bg">
|
||||
<div class="tit">基本数据</div>
|
||||
<div class="sbrtlt-list">
|
||||
<div class="sbrtlt-item item-bg1">
|
||||
<div class="sbrtlti-desc flexCenterV">
|
||||
<div class="num"><%=showData(sYHSEData_SYHSE.TotalWorkinghours,"--") %></div>
|
||||
<div class="desc">总工时数</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbrtlt-item item-bg2">
|
||||
<div class="sbrtlti-desc flexCenterV">
|
||||
<div class="num"><%=showData(sYHSEData_SYHSE.SafeWorkinghours,"--") %></div>
|
||||
<div class="desc">安全工时数</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbrtlt-item item-bg3">
|
||||
<div class="sbrtlti-desc flexCenterV">
|
||||
<div class="num"><%=showData(sYHSEData_SYHSE.LostWorkinghours,"--") %></div>
|
||||
<div class="desc">损失工时数</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbrtl-bottom bg">
|
||||
<div class="tit">环保数据</div>
|
||||
<div class="sbrtlb-list">
|
||||
<div class="sbrtlb-item">
|
||||
<div class="num item-bg1 flexCenter"><%=showData(sYHSEData_SYHSE.TotalEnergyConsumption,"--") %></div>
|
||||
<div class="desc">能耗总量</div>
|
||||
</div>
|
||||
<div class="sbrtlb-item">
|
||||
<div class="num item-bg2 flexCenter"><%=showData(sYHSEData_SYHSE.IncomeComprehensiveEnergyConsumption,"--") %></div>
|
||||
<div class="desc mt">万元营业收入综合能耗</div>
|
||||
</div>
|
||||
<div class="sbrtlb-item">
|
||||
<div class="num item-bg3 flexCenter"><%=showData(sYHSEData_SYHSE.NewWaterConsumption,"--") %></div>
|
||||
<div class="desc">用新水量</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbrt-right bg">
|
||||
<div class="tit">隐患排查治理</div>
|
||||
<div class="sbrtr-content">
|
||||
<div class="item">
|
||||
<div class="i-tit tbg tbg1">一般隐患项</div>
|
||||
<div class="i-list flexCenter">
|
||||
<div class="il-item bg1 flexCenterV">
|
||||
<div class="num"><%=showData(sYHSEData_SYHSE.GeneralClosedNum,"--") %></div>
|
||||
<div class="desc">整改闭环项</div>
|
||||
</div>
|
||||
<div class="il-item bg2 flexCenterV">
|
||||
<div class="num"><%=showData(sYHSEData_SYHSE.GeneralNotClosedNum,"--") %></div>
|
||||
<div class="desc">未整改完成项</div>
|
||||
</div>
|
||||
<div class="il-item bg3 flexCenterV">
|
||||
<div class="num"><%=generalRate %></div>
|
||||
<div class="desc">整改率</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="i-tit tbg tbg2">重大隐患项</div>
|
||||
<div class="i-list flexCenter">
|
||||
<div class="il-item bg1 flexCenterV">
|
||||
<div class="num"><%=showData(sYHSEData_SYHSE.MajorClosedNum,"--") %></div>
|
||||
<div class="desc">整改闭环项</div>
|
||||
</div>
|
||||
<div class="il-item bg2 flexCenterV">
|
||||
<div class="num"><%=showData(sYHSEData_SYHSE.MajorNotClosedNum,"--") %></div>
|
||||
<div class="desc">未整改完成项</div>
|
||||
</div>
|
||||
<div class="il-item bg3 flexCenterV">
|
||||
<div class="num"><%=majorRate %></div>
|
||||
<div class="desc">整改率</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbr-bottom bg">
|
||||
<div class="tit">作业管理</div>
|
||||
<div class="zygl" id="zygl"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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/hScrollPane.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/china.js"></script>
|
||||
<script>
|
||||
|
||||
var Box_Height = $(".el-scrollbar").outerHeight();
|
||||
var content_Height = $(".el-scrollbar__wrap").outerHeight();
|
||||
var bar_Height = $(".is-vertical").outerHeight();
|
||||
var isMouseDown = false;
|
||||
var distance = 0;
|
||||
|
||||
//滚动条初始高度；
|
||||
var n = Box_Height / content_Height * bar_Height
|
||||
$(".is-vertical .el-scrollbar__thumb").css("height", n)
|
||||
$(".is-vertical").mousedown(down);
|
||||
$(window).mousemove(move);
|
||||
$(window).mouseup(up);
|
||||
|
||||
function down(event) {
|
||||
isMouseDown = true;
|
||||
}
|
||||
|
||||
function move(event) {
|
||||
event.preventDefault();
|
||||
distance = event.pageY - $(".is-vertical").offset().top;
|
||||
if (isMouseDown == true) {
|
||||
scroll(distance)
|
||||
}
|
||||
}
|
||||
|
||||
function up() {
|
||||
isMouseDown = false;
|
||||
$(".el-scrollbar").find(".is-vertical").css('opacity', 0);
|
||||
}
|
||||
|
||||
function scroll(distance) {
|
||||
if (distance < 0) {
|
||||
distance = 0
|
||||
} else if (distance > bar_Height - $(".is-vertical .el-scrollbar__thumb").outerHeight()) {
|
||||
distance = bar_Height - $(".is-vertical .el-scrollbar__thumb").outerHeight();
|
||||
}
|
||||
$(".is-vertical .el-scrollbar__thumb").css("top", distance)
|
||||
// 滚动距离 = 滑块移动距离 ÷ 窗口高度 x 页面长度
|
||||
var scroll_distance = parseInt(distance / Box_Height * content_Height)
|
||||
$(".el-scrollbar__wrap").css("margin-top", -scroll_distance)
|
||||
}
|
||||
|
||||
function initScroll(){
|
||||
|
||||
$(".el-scrollbar").hover(function(){
|
||||
var $this = $(this)
|
||||
$this.find(".is-vertical").css('opacity', 1);
|
||||
}, function () {
|
||||
if (isMouseDown) {
|
||||
return
|
||||
}
|
||||
var $this = $(this)
|
||||
$this.find(".is-vertical").css('opacity', 0);
|
||||
})
|
||||
|
||||
// 滚轮事件；
|
||||
$(".el-scrollbar").bind('mousewheel', function(event, delta) {
|
||||
event.preventDefault()
|
||||
var dir = delta > 0 ? 'Up' : 'Down',
|
||||
vel = delta
|
||||
distance = $(".is-vertical .el-scrollbar__thumb").offset().top - $(".el-scrollbar").offset().top;
|
||||
vel > 0 ? distance -= 10 : distance += 10
|
||||
scroll(distance);
|
||||
});
|
||||
}
|
||||
|
||||
function initFxgk (id, data) {
|
||||
var chartDom = document.getElementById(id);
|
||||
var myChartSg = echarts.init(chartDom);
|
||||
var option;
|
||||
|
||||
option = {
|
||||
legend: {
|
||||
show: false,
|
||||
top: 'bottom'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
formatter: '{a}<br />{b}<span style="color:#000;font-weight:bold;margin-left:15px;">{c}</span>'
|
||||
},
|
||||
toolbox: {
|
||||
show: false,
|
||||
feature: {
|
||||
mark: { show: true },
|
||||
dataView: { show: true, readOnly: false },
|
||||
restore: { show: true },
|
||||
saveAsImage: { show: true }
|
||||
}
|
||||
},
|
||||
color: ['#595AFF', '#E9E931', '#FFA602', '#FF7474'],
|
||||
series: [
|
||||
{
|
||||
name: '事故事件数据',
|
||||
type: 'pie',
|
||||
radius: ['20%', '70%'],
|
||||
center: ['50%', '50%'],
|
||||
roseType: 'area',
|
||||
itemStyle: {
|
||||
borderRadius: 0
|
||||
},
|
||||
data: data,
|
||||
label: {
|
||||
color: '#fff',
|
||||
// formatter: '{b}\n{c}',
|
||||
formatter: function (data) {
|
||||
if (data.dataIndex == 0) {
|
||||
return '{name1|'+data.data.name+'}\n{time|'+data.data.value+'}';
|
||||
} else if (data.dataIndex == 1) {
|
||||
return '{name2|'+data.data.name+'}\n{time|'+data.data.value+'}';
|
||||
} else if (data.dataIndex == 2) {
|
||||
return '{name3|'+data.data.name+'}\n{time|'+data.data.value+'}';
|
||||
} else if (data.dataIndex == 3) {
|
||||
return '{name4|'+data.data.name+'}\n{time|'+data.data.value+'}';
|
||||
}
|
||||
},
|
||||
rich: {
|
||||
name1: {
|
||||
color: '#595AFF',
|
||||
fontSize: 13
|
||||
},
|
||||
name2: {
|
||||
color: '#E9E931',
|
||||
fontSize: 13
|
||||
},
|
||||
name3: {
|
||||
color: '#FFA602',
|
||||
fontSize: 13
|
||||
},
|
||||
name4: {
|
||||
color: '#FF7474',
|
||||
fontSize: 13
|
||||
},
|
||||
time: {
|
||||
color: '#ffffff',
|
||||
fontSize: 15
|
||||
}
|
||||
},
|
||||
},
|
||||
labelLine: {
|
||||
length: 15,
|
||||
length2: 20,
|
||||
maxSurfaceAngle: 80
|
||||
},
|
||||
}
|
||||
]
|
||||
};
|
||||
option && myChartSg.setOption(option);
|
||||
|
||||
window.addEventListener("resize", function () {
|
||||
myChartSg.resize();
|
||||
});
|
||||
}
|
||||
|
||||
function intiZygl (id, xArr, dataQ, dataZ) {
|
||||
var chartDom = document.getElementById(id);
|
||||
var myChartyh = echarts.init(chartDom);
|
||||
var option;
|
||||
|
||||
const labelOption = {
|
||||
rotate: 0,
|
||||
align: 'center',
|
||||
verticalAlign: 'middle',
|
||||
position: 'insideBottom',
|
||||
distance: 15
|
||||
};
|
||||
|
||||
option = {
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'shadow'
|
||||
}
|
||||
},
|
||||
color: ['#12CDA2', '#959595'],
|
||||
grid: {
|
||||
top:'15%',
|
||||
left: '3%',
|
||||
right: '3%',
|
||||
bottom: '8%',
|
||||
containLabel: true
|
||||
},
|
||||
legend: {
|
||||
// '许可项', '关闭项'
|
||||
show: true,
|
||||
right:"3%",
|
||||
top:'0',
|
||||
data: [{
|
||||
name: '许可项',
|
||||
textStyle: {
|
||||
color: "#12CDA2"
|
||||
},
|
||||
}, {
|
||||
name: '关闭项',
|
||||
textStyle: {
|
||||
color: "#959595"
|
||||
},
|
||||
}]
|
||||
},
|
||||
toolbox: {
|
||||
show: false
|
||||
},
|
||||
xAxis: [
|
||||
{
|
||||
type: 'category',
|
||||
axisTick: { show: false },
|
||||
data: xArr,
|
||||
axisLabel: {
|
||||
textStyle: {
|
||||
color: '#84D7FE'
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
type: 'value',
|
||||
axisLabel: {
|
||||
textStyle: {
|
||||
color: '#84D7FE'
|
||||
}
|
||||
},
|
||||
splitLine: {
|
||||
lineStyle: {
|
||||
color: "#2E87AC",
|
||||
width: 1,
|
||||
type: "dashed"
|
||||
},
|
||||
},
|
||||
}
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: '许可项',
|
||||
type: 'bar',
|
||||
// barGap: 0,
|
||||
label: labelOption,
|
||||
barWidth: '20%',
|
||||
// data: [210, 90, 155, 155, 60]
|
||||
data: dataQ
|
||||
},
|
||||
{
|
||||
name: '关闭项',
|
||||
type: 'bar',
|
||||
label: labelOption,
|
||||
barWidth: '20%',
|
||||
// data: [140, 40, 90, 110, 45]
|
||||
data: dataZ
|
||||
}
|
||||
]
|
||||
};
|
||||
option && myChartyh.setOption(option);
|
||||
|
||||
window.addEventListener("resize", function () {
|
||||
myChartyh.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 dataYHQ = [<%=showData(sYHSEData_SYHSE.HotWorkPermitNum,"0") %>, <%=showData(sYHSEData_SYHSE.HighPermitNum,"0") %>, <%=showData(sYHSEData_SYHSE.TemporaryElectricityPermitNum,"0") %>, <%=showData(sYHSEData_SYHSE.BlindPlatePermitNum,"0") %>, <%=showData(sYHSEData_SYHSE.GroundbreakingPermitNum,"0") %>, <%=showData(sYHSEData_SYHSE.OpenCircuitPermitNum,"0") %>, <%=showData(sYHSEData_SYHSE.HoistingPermitNum,"0") %>]
|
||||
var dataYHZ = [<%=showData(sYHSEData_SYHSE.HotWorkClosedNum,"0") %>, <%=showData(sYHSEData_SYHSE.HighClosedNum,"0") %>, <%=showData(sYHSEData_SYHSE.TemporaryElectricityClosedNum,"0") %>, <%=showData(sYHSEData_SYHSE.BlindPlatePermitNum,"0") %>, <%=showData(sYHSEData_SYHSE.GroundbreakingClosedNum,"0") %>, <%=showData(sYHSEData_SYHSE.OpenCircuitClosedNum,"0") %>, <%=showData(sYHSEData_SYHSE.HoistingClosedNum,"0") %>]
|
||||
var xArrYH = ['动火', '高处', '临电', '盲板', '动土', '断路', '吊装']
|
||||
intiZygl('zygl', xArrYH, dataYHQ, dataYHZ)
|
||||
var datasg = [
|
||||
{ value: <%=showData(sYHSEData_SYHSE.GeneralRiskNum, "0")%>, name: '一般风险' },
|
||||
{ value: <%=showData(sYHSEData_SYHSE.LowRiskNum, "0")%>, name: '低风险' },
|
||||
{ value: <%=showData(sYHSEData_SYHSE.MediumRiskNum, "0")%>, name: '中风险' },
|
||||
{ value: <%=showData(sYHSEData_SYHSE.HighRiskNum, "0")%>, name: '高风险' },
|
||||
]
|
||||
initFxgk('fxgk', datasg)
|
||||
initScroll()
|
||||
});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,57 @@
|
||||
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_SYHSE : System.Web.UI.Page
|
||||
{
|
||||
public Model.SYHSEData_SYHSE sYHSEData_SYHSE;
|
||||
public string generalRate;
|
||||
public string majorRate;
|
||||
protected void Page_Load(object sender, EventArgs e)
|
||||
{
|
||||
if (!IsPostBack)
|
||||
{
|
||||
sYHSEData_SYHSE = Funs.DB.SYHSEData_SYHSE.OrderByDescending(x => x.ReportDate).FirstOrDefault();
|
||||
if (sYHSEData_SYHSE == null)
|
||||
{
|
||||
sYHSEData_SYHSE = new Model.SYHSEData_SYHSE();
|
||||
}
|
||||
|
||||
if (sYHSEData_SYHSE.GeneralClosedNum.HasValue && sYHSEData_SYHSE.GeneralNotClosedNum.HasValue)
|
||||
{
|
||||
generalRate = String.Format("{0:N2}%", 100.0 * sYHSEData_SYHSE.GeneralClosedNum.Value / (sYHSEData_SYHSE.GeneralClosedNum.Value + sYHSEData_SYHSE.GeneralNotClosedNum.Value));
|
||||
}
|
||||
else
|
||||
{
|
||||
generalRate = "--";
|
||||
}
|
||||
if (sYHSEData_SYHSE.MajorClosedNum.HasValue && sYHSEData_SYHSE.MajorNotClosedNum.HasValue)
|
||||
{
|
||||
majorRate = String.Format("{0:N2}%", 100.0 * sYHSEData_SYHSE.MajorClosedNum.Value / (sYHSEData_SYHSE.MajorClosedNum.Value + sYHSEData_SYHSE.MajorNotClosedNum.Value));
|
||||
}
|
||||
else
|
||||
{
|
||||
majorRate = "--";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
public string showData(int? value, string format)
|
||||
{
|
||||
if (value.HasValue)
|
||||
{
|
||||
return value.Value.ToString();
|
||||
}
|
||||
else
|
||||
{
|
||||
return format;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
//------------------------------------------------------------------------------
|
||||
// <自动生成>
|
||||
// 此代码由工具生成。
|
||||
//
|
||||
// 对此文件的更改可能导致不正确的行为，如果
|
||||
// 重新生成代码，则所做更改将丢失。
|
||||
// </自动生成>
|
||||
//------------------------------------------------------------------------------
|
||||
|
||||
namespace FineUIPro.Web.common {
|
||||
|
||||
|
||||
public partial class mainMenu_SYHSE {
|
||||
}
|
||||
}
|
||||
@@ -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
|
||||
{
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user