1041 lines
48 KiB
Plaintext
1041 lines
48 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mainIII.aspx.cs" Inherits="FineUIPro.Web.common.mainIII" %>
|
||
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head id="Head1" runat="server">
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
<title>首页</title>
|
||
<link href="../res/index/css/reset.css" rel="stylesheet" />
|
||
<link href="../res/index/css/home.css" rel="stylesheet" />
|
||
<link href="../res/index/css/swiper-3.4.2.min.css" rel="stylesheet" />
|
||
<style>
|
||
.wrap {
|
||
height: 100%;
|
||
padding: 15px;
|
||
}
|
||
|
||
.top-wrap {
|
||
height: 100%;
|
||
}
|
||
|
||
.bw-b-bottom {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
.bw-b-bottom-up {
|
||
height: 100%;
|
||
margin: 0;
|
||
box-shadow: rgb(0,162,233) 0px 0px 50px inset;
|
||
border-radius: 10px;
|
||
}
|
||
|
||
.bottom-wrap {
|
||
padding: 0;
|
||
}
|
||
|
||
.pdtb0 {
|
||
padding-top: 0 !important;
|
||
padding-bottom: 0 !important;
|
||
}
|
||
|
||
.tit-center {
|
||
text-align: center;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.tit-one {
|
||
padding: 10px 0;
|
||
}
|
||
|
||
.pdl {
|
||
padding-left: 15px;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.more {
|
||
cursor: pointer;
|
||
text-align: right;
|
||
padding: 10px;
|
||
font-size: 10px;
|
||
}
|
||
|
||
.bg-img {
|
||
width: 100%;
|
||
max-height: 225px;
|
||
}
|
||
|
||
.item {
|
||
margin-bottom: 5px;
|
||
font-size: 10px;
|
||
}
|
||
|
||
.item:last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.item-two {
|
||
margin: 5px 0;
|
||
}
|
||
|
||
.jd-list-wrap {
|
||
padding: 10px 10px;
|
||
}
|
||
|
||
.jd-list-long {
|
||
width: 100%;
|
||
}
|
||
|
||
.jd-list {
|
||
height: 100%;
|
||
/*background-color:#1A5A92;*/
|
||
font-size: 10px;
|
||
}
|
||
|
||
.jd-list .jd-title {
|
||
color: #fff;
|
||
}
|
||
|
||
.jd-list .jd-item {
|
||
display: flex;
|
||
align-items: center;
|
||
border-bottom: 1px solid #1D6FA9;
|
||
padding: 5px 0;
|
||
}
|
||
|
||
.jd-list .jd-item .item {
|
||
flex: 1;
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
|
||
.pd10 {
|
||
padding: 10px !important;
|
||
}
|
||
|
||
.bg-img-1 {
|
||
height: 100%;
|
||
background: url(../Images/siteProject.jpg) center center no-repeat;
|
||
background-size: 100% 100%;
|
||
}
|
||
|
||
.tab-wrap-hastit {
|
||
position: relative;
|
||
}
|
||
|
||
.tab-wrap-pos {
|
||
left: auto;
|
||
right: 30px;
|
||
top: 5px;
|
||
}
|
||
|
||
.content-ul .c-item .tit {
|
||
display: block;
|
||
position: relative;
|
||
padding-left: 2em;
|
||
}
|
||
|
||
|
||
.content-ul .c-item .tit::before {
|
||
content: '';
|
||
position: absolute;
|
||
border-color: #57B8BD;
|
||
border-style: solid;
|
||
border-width: 0.25em;
|
||
height: 0;
|
||
top: 0;
|
||
left: 0.6em;
|
||
margin-top: 0.5em;
|
||
width: 0;
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.content-ul .c-item .tit-read::before {
|
||
content: '';
|
||
position: absolute;
|
||
border-color: #ffffff;
|
||
border-style: solid;
|
||
border-width: 0.25em;
|
||
height: 0;
|
||
top: 0;
|
||
left: 0.6em;
|
||
margin-top: 0.25em;
|
||
width: 0;
|
||
border-radius: 50%
|
||
}
|
||
|
||
.content-ul .c-item .tit .tit-t {
|
||
flex: 1;
|
||
min-width: 0;
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
word-break: keep-all;
|
||
}
|
||
|
||
.content-ul .c-item.disabled .tit::before {
|
||
display: none !important;
|
||
}
|
||
|
||
.content-ul .c-item .tit .tit-v {
|
||
margin-left: 12px;
|
||
width: 80px;
|
||
}
|
||
|
||
.project-list-wrap {
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 50%;
|
||
transform: translate(-50%, -50%);
|
||
background-color: #21269a;
|
||
padding: 15px;
|
||
color: #fff;
|
||
border-radius: 8px;
|
||
width: 1024px;
|
||
min-height: 500px;
|
||
z-index: 9999;
|
||
}
|
||
|
||
.projectList_btn {
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 0;
|
||
text-align: right;
|
||
width: 100%;
|
||
padding: 10px;
|
||
}
|
||
|
||
.projectList_btn .pl_btn {
|
||
color: #ccc;
|
||
cursor: pointer;
|
||
width: 32px;
|
||
float: right;
|
||
}
|
||
|
||
.tit-right-wrap {
|
||
position: relative;
|
||
}
|
||
|
||
.tit-right-wrap .tit-right {
|
||
position: absolute;
|
||
right: 20px;
|
||
top: 10px;
|
||
}
|
||
|
||
.zl-list {
|
||
justify-content: space-around;
|
||
width: 100%;
|
||
}
|
||
|
||
.zl-list .zl-item {
|
||
margin-bottom: 15px;
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
.zl-list .zl-item .zl-tit, .zl-list .zl-item .zl-val {
|
||
font-size: 15px;
|
||
}
|
||
|
||
.zl-list .zl-item .zl-tit {
|
||
}
|
||
|
||
.zl-list .zl-item .zl-val {
|
||
color: #fff;
|
||
margin-left: 8px;
|
||
}
|
||
|
||
.bubble-wrap {
|
||
border-radius: 50%;
|
||
border: 1px solid #00a2e9;
|
||
display: flex;
|
||
flex-direction: column;
|
||
width: 84px;
|
||
height: 70px;
|
||
padding: 10px;
|
||
justify-content: center;
|
||
align-items: center;
|
||
margin-right: 15px;
|
||
}
|
||
|
||
.b-num {
|
||
font-size: 20px;
|
||
color: #fff;
|
||
}
|
||
|
||
.b-txt {
|
||
font-size: 12px;
|
||
}
|
||
|
||
.flexOne {
|
||
min-height: 200px;
|
||
}
|
||
|
||
.tab-wrap {
|
||
position: absolute;
|
||
left: auto;
|
||
right: 15px;
|
||
top: 5px;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.tab .t-item {
|
||
width: auto;
|
||
padding: 5px 10px;
|
||
}
|
||
|
||
.tit-item {
|
||
padding: 0 10px;
|
||
color: #fff;
|
||
justify-content: space-between;
|
||
font-size: 12px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="wrap flex">
|
||
<div class="flex1 flex flexV top-wrap" style="margin-right: 5px;">
|
||
<div class="item flex1">
|
||
<div class="bw-b-bottom">
|
||
<div class="bw-b-bottom-up flex flexV">
|
||
<div class="tit-one tit-center tit-right-wrap" style="color: #fff">
|
||
<div>施工进度曲线</div>
|
||
<div class="tit-right more js-more-2">更多</div>
|
||
</div>
|
||
<div class="bw-item-content flex1 pdtb0">
|
||
<div id='left_one' style="width: 100%; height: 100%;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item flex1" id="swiper-pre">
|
||
<div class="bw-b-bottom">
|
||
<div class="bw-b-bottom-up flex flexV">
|
||
<div class="tit-one tit-center tit-right-wrap" style="color: #fff">
|
||
<div>各工种人力情况</div>
|
||
<div class="tit-right js-num-ggzllqk more js-more-3">总数：</div>
|
||
</div>
|
||
<div class="bw-item-content flex1 pdtb0">
|
||
<div id='left_two' style="width: 100%; height: 100%;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item flex1">
|
||
<div class="bw-b-bottom">
|
||
<div class="bw-b-bottom-up flex flexV">
|
||
<div class="tit-one tit-center pdl" style="color: #fff">
|
||
关键事项<form runat="server">
|
||
<asp:HiddenField runat="server" ID="hdNoticeId" />
|
||
<asp:Button ID="imgBtn" runat="server" OnClick="imgBtn_Click" Style="display: none;" />
|
||
</form>
|
||
<input id="hdContractQuantitySheets" type="hidden" runat="server" />
|
||
<input id="hdMaterialRecords" type="hidden" runat="server" />
|
||
</div>
|
||
<div class="bw-item-content flex1 pdtb0">
|
||
<div class="" style="padding: 0 10px 0; overflow: hidden;">
|
||
<div class="swiper-container " id='swiper2' runat="server">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex1 flex flexV top-wrap">
|
||
<div class="item flex1">
|
||
<div class="bw-b-bottom flex">
|
||
<div class="bw-b-bottom-up flex">
|
||
<div class=" flex flexV" style="max-width: 362px;">
|
||
<div class="tit-one tit-center pdl" style="color: #fff; padding: 10px 0 0 !important;">HSE绩效</div>
|
||
<div class="bw-item-content flex1 flex" style="flex-wrap: wrap; justify-content: space-around; align-items: center; padding: 8px 10px 2px;">
|
||
<div class="bubble-wrap">
|
||
<div class="b-num" runat="server" id="divZY">0</div>
|
||
<div class="b-txt">作业许可</div>
|
||
</div>
|
||
<div class="bubble-wrap">
|
||
<div class="b-num" runat="server" id="divYH">0</div>
|
||
<div class="b-txt">隐患整改</div>
|
||
</div>
|
||
<div class="bubble-wrap">
|
||
<div class="b-num" runat="server" id="divRGS">0</div>
|
||
<div class="b-txt">安全人工时</div>
|
||
</div>
|
||
<div class="bubble-wrap">
|
||
<div class="b-num" runat="server" id="divQT">0</div>
|
||
<div class="b-txt">其他数据</div>
|
||
</div>
|
||
<div class="bubble-wrap">
|
||
<div class="b-num" runat="server" id="divPX">0</div>
|
||
<div class="b-txt">教育培训</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex1 flex flexV">
|
||
<div class="tit-one tit-center pdl" style="color: #fff">质量管理</div>
|
||
<div class="bw-item-content flex1 pd10 flex" style="justify-content: center; align-items: center;">
|
||
<div class="zl-list flex">
|
||
<div class="'zl-item-wrap">
|
||
<div class="zl-item flex">
|
||
<div class="zl-tit">质量问题统计:</div>
|
||
<div class="zl-val" runat="server" id="divZLWT">34</div>
|
||
</div>
|
||
<div class="zl-item flex">
|
||
<div class="zl-tit">质量共检数据统计:</div>
|
||
<div class="zl-val" runat="server" id="divZLGJ">50</div>
|
||
</div>
|
||
<div class="zl-item flex">
|
||
<div class="zl-tit">验收数据:</div>
|
||
<div class="zl-val" runat="server" id="divYS">124</div>
|
||
</div>
|
||
<div class="zl-item flex">
|
||
<div class="zl-tit">焊工过期人数统计:</div>
|
||
<div class="zl-val" runat="server" id="divHG">124</div>
|
||
</div>
|
||
</div>
|
||
<div class="'zl-item-wrap">
|
||
<div class="zl-item flex">
|
||
<div class="zl-tit">竣工资料统计:</div>
|
||
<div class="zl-val" runat="server" id="divJGZL">68</div>
|
||
</div>
|
||
<div class="zl-item flex">
|
||
<div class="zl-tit">NCR统计:</div>
|
||
<div class="zl-val" runat="server" id="divNCR">98</div>
|
||
</div>
|
||
<div class="zl-item flex">
|
||
<div class="zl-tit">变更单统计:</div>
|
||
<div class="zl-val" runat="server" id="divBG">124</div>
|
||
</div>
|
||
<div class="zl-item flex">
|
||
<div class="zl-tit">签证统计:</div>
|
||
<div class="zl-val" runat="server" id="divQZ">124</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="item flex2">
|
||
<div class="bw-b-bottom">
|
||
<div class="bw-b-bottom-up flex flexV">
|
||
<div class="tit-one tit-center" runat="server" id="divMonth" style="color: #fff; margin-left: 15px; text-align: left;"> </div>
|
||
<div class="tab-wrap">
|
||
<div class="tab" data-value="2">
|
||
<div class="t-item active">材料到货情况</div>
|
||
<div class="spline"></div>
|
||
<div class="t-item ">材料出库情况</div>
|
||
<div class="spline"></div>
|
||
<div class="t-item">建筑单位工程</div>
|
||
<div class="spline"></div>
|
||
<div class="t-item">专业</div>
|
||
</div>
|
||
</div>
|
||
<div class="bw-item-content flex1 flex jd-list-wrap">
|
||
<div class="jd-list jd-list-long" runat="server" id="divGZL" style="overflow: scroll; max-height: 200px;">
|
||
<div class="jd-item">
|
||
<div class="item jd-title">序号</div>
|
||
<div class="item jd-title">类型</div>
|
||
<div class="item jd-title">单位</div>
|
||
<div class="item jd-title">设计数量</div>
|
||
<div class="item jd-title">计划完成</div>
|
||
<div class="item jd-title">实际完成</div>
|
||
<div class="item jd-title">计划完成率</div>
|
||
<div class="item jd-title">累计计划完成</div>
|
||
<div class="item jd-title">累计实际完成</div>
|
||
<div class="item jd-title">累计计划完成率</div>
|
||
<div class="item jd-title">总完成率</div>
|
||
</div>
|
||
<div class="jd-item">
|
||
<div class="item">1</div>
|
||
<div class="item">混凝土</div>
|
||
<div class="item">m³</div>
|
||
<div class="item ">200</div>
|
||
<div class="item">20</div>
|
||
<div class="item">15</div>
|
||
<div class="item">75%</div>
|
||
<div class="item">150</div>
|
||
<div class="item">100</div>
|
||
<div class="item">67%</div>
|
||
<div class="item">50%</div>
|
||
</div>
|
||
<div class="jd-item">
|
||
<div class="item">2</div>
|
||
<div class="item">钢筋</div>
|
||
<div class="item">T</div>
|
||
<div class="item ">200</div>
|
||
<div class="item">20</div>
|
||
<div class="item">15</div>
|
||
<div class="item">75%</div>
|
||
<div class="item">150</div>
|
||
<div class="item">100</div>
|
||
<div class="item">67%</div>
|
||
<div class="item">50%</div>
|
||
</div>
|
||
<div class="jd-item">
|
||
<div class="item">3</div>
|
||
<div class="item">道路和地坪</div>
|
||
<div class="item">㎡</div>
|
||
<div class="item ">200</div>
|
||
<div class="item">20</div>
|
||
<div class="item">15</div>
|
||
<div class="item">75%</div>
|
||
<div class="item">150</div>
|
||
<div class="item">100</div>
|
||
<div class="item">67%</div>
|
||
<div class="item">50%</div>
|
||
</div>
|
||
<div class="jd-item">
|
||
<div class="item">4</div>
|
||
<div class="item">钢筋</div>
|
||
<div class="item">T</div>
|
||
<div class="item ">200</div>
|
||
<div class="item">20</div>
|
||
<div class="item">15</div>
|
||
<div class="item">75%</div>
|
||
<div class="item">150</div>
|
||
<div class="item">100</div>
|
||
<div class="item">67%</div>
|
||
<div class="item">50%</div>
|
||
</div>
|
||
<div class="jd-item">
|
||
<div class="item">5</div>
|
||
<div class="item">钢结构</div>
|
||
<div class="item">吨</div>
|
||
<div class="item ">200</div>
|
||
<div class="item">20</div>
|
||
<div class="item">15</div>
|
||
<div class="item">75%</div>
|
||
<div class="item">150</div>
|
||
<div class="item">100</div>
|
||
<div class="item">67%</div>
|
||
<div class="item">50%</div>
|
||
</div>
|
||
<div class="jd-item">
|
||
<div class="item">6</div>
|
||
<div class="item">设备</div>
|
||
<div class="item">台</div>
|
||
<div class="item ">200</div>
|
||
<div class="item">20</div>
|
||
<div class="item">15</div>
|
||
<div class="item">75%</div>
|
||
<div class="item">150</div>
|
||
<div class="item">100</div>
|
||
<div class="item">67%</div>
|
||
<div class="item">50%</div>
|
||
</div>
|
||
<div class="jd-item">
|
||
<div class="item">7</div>
|
||
<div class="item">管道安装</div>
|
||
<div class="item">达因</div>
|
||
<div class="item ">200</div>
|
||
<div class="item">20</div>
|
||
<div class="item">15</div>
|
||
<div class="item">75%</div>
|
||
<div class="item">150</div>
|
||
<div class="item">100</div>
|
||
<div class="item">67%</div>
|
||
<div class="item">50%</div>
|
||
</div>
|
||
<div class="jd-item">
|
||
<div class="item">8</div>
|
||
<div class="item">其他</div>
|
||
<div class="item"></div>
|
||
<div class="item ">200</div>
|
||
<div class="item">20</div>
|
||
<div class="item">15</div>
|
||
<div class="item">75%</div>
|
||
<div class="item">150</div>
|
||
<div class="item">100</div>
|
||
<div class="item">67%</div>
|
||
<div class="item">50%</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="more js-more-1">更多</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="project-list-wrap" style="display: none;">
|
||
<div class="pl" id="projectList">
|
||
<div>润弘建设有限公司</div>
|
||
<div>中国化学工程第十四建设有限公司</div>
|
||
<div>中国五环工程有限公司</div>
|
||
<div>中国化学工程第十一建设有限公司</div>
|
||
<div>中国化学工程第四建设有限公司</div>
|
||
<div>哈密广汇环保科技有限公司</div>
|
||
<div>中国化学工程第九建设有限公司</div>
|
||
<div>山东昊华工程管理有限公司</div>
|
||
</div>
|
||
<div class="projectList_btn">
|
||
<div class="pl_btn" id="projectList_btn">关闭</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
<script type="text/javascript" src="../res/index/js/jquery-3.4.1.min.js"></script>
|
||
<script type="text/javascript" src="../res/index/js/swiper-3.4.2.jquery.min.js"></script>
|
||
<script type="text/javascript" src="../res/index/js/echarts.min.js"></script>
|
||
<script type="text/javascript">
|
||
function line(id, xArr, data) {
|
||
// 基于准备好的dom，初始化echarts实例
|
||
var myChart = echarts.init(document.getElementById(id))
|
||
// 指定图表的配置项和数据
|
||
var option = {
|
||
title: {
|
||
left: 'center',
|
||
text: ' ',
|
||
textStyle: {
|
||
color: '#fff',
|
||
fontSize: 12,
|
||
fontWeight: '300'
|
||
},
|
||
show: false
|
||
},
|
||
tooltip: {
|
||
formatter: '{a}<br />{b}: {c}%'
|
||
},
|
||
legend: {
|
||
show: true,
|
||
textStyle: {
|
||
color: '#fff'
|
||
},
|
||
left: 0
|
||
},
|
||
xAxis: {
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
axisLine: {
|
||
lineStyle: {
|
||
color: 'rgba(255, 255, 255, 0.3)'
|
||
}
|
||
},
|
||
axisLabel: {
|
||
show: true,
|
||
textStyle: {
|
||
color: 'rgba(255, 255, 255, 0.8)'
|
||
}
|
||
},
|
||
type: 'category',
|
||
data: xArr
|
||
},
|
||
yAxis: {
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
axisLine: {
|
||
show: false,
|
||
lineStyle: {
|
||
color: 'rgba(255, 255, 255, 0.3)'
|
||
}
|
||
},
|
||
axisLabel: {
|
||
show: true,
|
||
textStyle: {
|
||
color: 'rgba(255, 255, 255, 0.8)'
|
||
},
|
||
formatter: '{value} %'
|
||
}
|
||
},
|
||
series: data,
|
||
grid: {
|
||
top: '15%',
|
||
left: '10',
|
||
right: '10',
|
||
bottom: '0%',
|
||
containLabel: true,
|
||
backgroundColor: 'rgba(0,162,233, 0.01)',
|
||
// borderColor: 'rgba(0,162,233, 1)'
|
||
},
|
||
itemStyle: {
|
||
//color: 'rgba(200,201,10, 1)'
|
||
//normal: {
|
||
// label: {
|
||
// show: false
|
||
// }
|
||
//}
|
||
},
|
||
backgroundColor: 'rgba(0,162,233, 0.01)',
|
||
textStyle: {
|
||
color: 'rgba(255, 255, 255, 0.3)'
|
||
}
|
||
}
|
||
|
||
// 使用刚指定的配置项和数据显示图表。
|
||
myChart.setOption(option)
|
||
}
|
||
//var two = { "title": "赢得值曲线", "xFontNum": 0, "legend": null, "categories": ["2020-07", "2020-08", "2020-09", "2020-10", "2020-11", "2020-12", "2021-01", "2021-02"], "series": [{ "name": null, "type": null, "data": [5.0, 2.0, 0.0, 1.0, 4.0, 8.0, 2.0, 3.0], "dataString": null, "dataObject": null }, { "name": null, "type": null, "data": [8.0, 12.0, 4.0, 9.0, 10.0, 2.0, 3.0, 3.0], "dataString": null, "dataObject": null }, { "name": null, "type": null, "data": [12.0, 2.0, 5.0, 10.0, 3.0, 3.0, 8.0, 10.0], "dataString": null, "dataObject": null }, { "name": null, "type": null, "data": [4.0, 3.0, 14.0, 8.0, 10.0, 3.0, 5.0, 10.0], "dataString": null, "dataObject": null }], "series2": null };
|
||
var two =<%=Two %>
|
||
var xArr1 = two.categories
|
||
var data1 = [{
|
||
name: '计划值',
|
||
type: 'bar',
|
||
//smooth: true,
|
||
data: two.series[0].data,
|
||
label: { //柱体上显示数值
|
||
show: false,//开启显示
|
||
position: 'top',//在上方显示
|
||
textStyle: {//数值样式
|
||
fontSize: '20px',
|
||
color: '#fff'
|
||
},
|
||
formatter: '{c}',
|
||
},
|
||
lineStyle: {
|
||
//color: 'rgba(200,201,10, 1)'
|
||
}
|
||
}, {
|
||
name: '实际值',
|
||
type: 'bar',
|
||
//smooth: true,
|
||
data: two.series[2].data,
|
||
label: { //柱体上显示数值
|
||
show: false,//开启显示
|
||
position: 'top',//在上方显示
|
||
textStyle: {//数值样式
|
||
fontSize: '20px',
|
||
color: '#fff'
|
||
},
|
||
formatter: '{c}',
|
||
},
|
||
}, {
|
||
name: '累计计划值',
|
||
type: 'line',
|
||
//smooth: true,
|
||
data: two.series[1].data,
|
||
label: { //柱体上显示数值
|
||
show: false,//开启显示
|
||
position: 'top',//在上方显示
|
||
textStyle: {//数值样式
|
||
fontSize: '20px',
|
||
color: '#fff'
|
||
},
|
||
formatter: '{c}',
|
||
},
|
||
lineStyle: {
|
||
//color: 'rgba(200,201,10, 1)'
|
||
}
|
||
}, {
|
||
name: '累计实际值',
|
||
type: 'line',
|
||
//smooth: true,
|
||
data: two.series[3].data,
|
||
label: { //柱体上显示数值
|
||
show: false,//开启显示
|
||
position: 'top',//在上方显示
|
||
textStyle: {//数值样式
|
||
fontSize: '20px',
|
||
color: '#fff'
|
||
},
|
||
formatter: '{c}',
|
||
},
|
||
}]
|
||
line('left_one', xArr1, data1)
|
||
</script>
|
||
<script type="text/javascript">
|
||
function category(id, xArr, series) {
|
||
// 基于准备好的dom，初始化echarts实例
|
||
var myChart = echarts.init(document.getElementById(id))
|
||
// 指定图表的配置项和数据
|
||
var option = {
|
||
title: {
|
||
// left:'center',
|
||
text: '',
|
||
textStyle: {
|
||
color: '#fff',
|
||
fontWeight: 'normal',
|
||
fontSize: 16
|
||
},
|
||
show: false
|
||
},
|
||
tooltip: {},
|
||
legend: {
|
||
left: '3%',
|
||
show: false,
|
||
selectedMode: false,
|
||
textStyle: {//图例文字的样式
|
||
color: '#ffffff'
|
||
}
|
||
},
|
||
xAxis: {
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
axisLine: {
|
||
lineStyle: {
|
||
color: 'rgba(255, 255, 255, 0.3)'
|
||
}
|
||
},
|
||
axisLabel: {
|
||
show: true,
|
||
interval: 0,
|
||
rotate: 50,
|
||
textStyle: {
|
||
fontSize: 8,
|
||
color: 'rgba(255, 255, 255, 0.8)'
|
||
},
|
||
//formatter: function(params) {
|
||
// var newParamsName = ''
|
||
// var paramsNameNumber = params.length
|
||
// var provideNumber = 6
|
||
// var rowNumber = Math.ceil(paramsNameNumber / provideNumber)
|
||
// for (let row = 0; row < rowNumber; row++) {
|
||
// newParamsName +=
|
||
// params.substring(
|
||
// row * provideNumber,
|
||
// (row + 1) * provideNumber
|
||
// ) + '\n'
|
||
// }
|
||
// return newParamsName
|
||
// }
|
||
},
|
||
type: 'category',
|
||
data: xArr
|
||
},
|
||
yAxis: {
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
axisLine: {
|
||
show: false,
|
||
lineStyle: {
|
||
color: 'rgba(255, 255, 255, 0.3)'
|
||
}
|
||
},
|
||
axisLabel: {
|
||
show: true,
|
||
textStyle: {
|
||
color: 'rgba(255, 255, 255, 0.8)'
|
||
}
|
||
},
|
||
//设置网格线颜色
|
||
splitLine: {
|
||
show: true,
|
||
lineStyle: {
|
||
color: ['#182067'],
|
||
width: 1,
|
||
type: 'solid'
|
||
}
|
||
}
|
||
},
|
||
series: series,
|
||
grid: {
|
||
top: '12%',
|
||
left: '10',
|
||
right: '10',
|
||
bottom: '10',
|
||
containLabel: true,
|
||
backgroundColor: 'rgba(0,162,233, 0.01)',
|
||
// borderColor: 'rgba(0,162,233, 1)'
|
||
},
|
||
backgroundColor: 'rgba(0,162,233, 0.01)',
|
||
textStyle: {
|
||
color: 'rgba(255, 255, 255, 0.3)'
|
||
}
|
||
}
|
||
|
||
// 使用刚指定的配置项和数据显示图表。
|
||
myChart.setOption(option)
|
||
}
|
||
var person =<%=Person %>
|
||
var two = {
|
||
"title": "各工种人力情况", "xFontNum": 0, "legend": null,
|
||
"categories": person.categories,
|
||
//"categories": ["焊接工", "安全员", "安全协管员", "安装工", "钣金工", "保温工", "材料员", "财务管理", "操作工", "测量工", "车工", "出纳", "厨师", "测绘工程师", "电工", "电气工程师", "吊车司机", "防火工"],
|
||
"series": [{
|
||
"name": null, "type": null,
|
||
"data": person.series[0].data,
|
||
//"data": [1.0, 4.0, 0.0, 0.0, 0.0, 12.0, 0.0, 0.0, 10.0, 0.0, 20.0, 0.0, 6.0, 0.0, 0.0, 0.0, 8.0, 0.0],
|
||
"dataString": null, "dataObject": null
|
||
}], "series2": null
|
||
};
|
||
var xArr2 = two.categories
|
||
var data = [12, 5, 28, 43, 22]
|
||
var data1 = [21, 9, 12, 15, 8]
|
||
var series = [{
|
||
name: '各工种人力情况',
|
||
type: 'bar',
|
||
barWidth: 20,
|
||
//barGap:10,
|
||
data: two.series[0].data,
|
||
label: { //柱体上显示数值
|
||
show: true,//开启显示
|
||
position: 'top',//在上方显示
|
||
textStyle: {//数值样式
|
||
fontSize: '20px',
|
||
color: '#fff'
|
||
},
|
||
formatter: '{c}',
|
||
},
|
||
itemStyle: { normal: { color: '#0c81fe' } }
|
||
}];
|
||
category('left_two', xArr2, series)
|
||
$(".js-num-ggzllqk").html("更多")
|
||
</script>
|
||
<script>
|
||
//var swiper_One = '<ul class="content-ul swiper-wrapper"><li data-id="../Notice/NoticeView2.aspx?NoticeId=0597eed1-07b2-4d4e-af0c-3946c96a08df" notice-id="0597eed1-07b2-4d4e-af0c-3946c96a08df" class="c-item swiper-slide"><div class="tit" title="Strengthening prevention measures of Sunstroke"><div class="flex" ><div class="tit-t flex1">Strengthening prevention measures of Sunstroke</div><div class="tit-v">2017-07-09</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=062bc818-5994-45da-9d49-19815bef02d4" notice-id="062bc818-5994-45da-9d49-19815bef02d4" class="c-item swiper-slide"><div class="tit" title="关于规范现场人员出入管理的通知"><div class="flex" ><div class="tit-t flex1">关于规范现场人员出入管理的通知</div><div class="tit-v">2017-02-06</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=07ab4cbd-e09d-404a-9c4e-01846a164ad6" notice-id="07ab4cbd-e09d-404a-9c4e-01846a164ad6" class="c-item swiper-slide"><div class="tit" title="关于开展国庆节前安全大检查的通知"><div class="flex" ><div class="tit-t flex1">关于开展国庆节前安全大检查的通知</div><div class="tit-v">2019-09-30</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=07bbe33f-4c65-4bab-b97d-3c0983f7c83e" notice-id="07bbe33f-4c65-4bab-b97d-3c0983f7c83e" class="c-item swiper-slide"><div class="tit" title="关于报送HSE相关资料的通知"><div class="flex" ><div class="tit-t flex1">关于报送HSE相关资料的通知</div><div class="tit-v">2018-04-08</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=0af9fdd1-847f-45cc-8831-03d2a0ccbed1" class="c-item disabled swiper-slide"><div class="tit tit-read" title="About Dining Room"><div class="flex" ><div class="tit-t flex1">About Dining Room</div><div class="tit-v">2017-08-13</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=0c7ca6d4-d1f1-484f-b561-9e6f1e7e1f48" class="c-item disabled swiper-slide"><div class="tit tit-read" title="请于2017年6月8日组织开展施工机具专项检查"><div class="flex" ><div class="tit-t flex1">请于2017年6月8日组织开展施工机具专项检查</div><div class="tit-v">2017-05-30</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=0e0d4655-be58-4ba7-8aa0-4b8ea2052e52" notice-id="0e0d4655-be58-4ba7-8aa0-4b8ea2052e52" class="c-item swiper-slide"><div class="tit" title="请于5月25日前开展HSE内业资料检查、消防安全检查"><div class="flex" ><div class="tit-t flex1">请于5月25日前开展HSE内业资料检查、消防安全检查</div><div class="tit-v">2017-05-23</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=14fe97ba-d619-44c6-9327-4db5eb4aa186" notice-id="14fe97ba-d619-44c6-9327-4db5eb4aa186" class="c-item swiper-slide"><div class="tit" title="关于加强项目现场射线探伤作业安全管理的通知"><div class="flex" ><div class="tit-t flex1">关于加强项目现场射线探伤作业安全管理的通知</div><div class="tit-v">2017-03-22</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=16e3f479-e5fa-4a14-aeb5-88af9ba1a66c" notice-id="16e3f479-e5fa-4a14-aeb5-88af9ba1a66c" class="c-item swiper-slide"><div class="tit" title="关于做好履带吊大臂受损后续工作安排的通知"><div class="flex" ><div class="tit-t flex1">关于做好履带吊大臂受损后续工作安排的通知</div><div class="tit-v">2019-11-10</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=19443b9e-5e92-4c00-9510-02d8c30b03ff" notice-id="19443b9e-5e92-4c00-9510-02d8c30b03ff" class="c-item swiper-slide"><div class="tit" title="关于加强新建LNG罐区大门管理的通知"><div class="flex" ><div class="tit-t flex1">关于加强新建LNG罐区大门管理的通知</div><div class="tit-v">2019-10-10</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=1b21886b-e7df-4cbc-ae3c-1cd1daee93a9" notice-id="1b21886b-e7df-4cbc-ae3c-1cd1daee93a9" class="c-item swiper-slide"><div class="tit" title="关于严格执行作业票证制度和作业前安全技术交底工作的通知"><div class="flex" ><div class="tit-t flex1">关于严格执行作业票证制度和作业前安全技术交底工作的通知</div><div class="tit-v">2018-03-12</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=1c3ff63e-df82-4b0c-ba54-d623f0473e14" notice-id="1c3ff63e-df82-4b0c-ba54-d623f0473e14" class="c-item swiper-slide"><div class="tit" title="Important HSE instructions"><div class="flex" ><div class="tit-t flex1">Important HSE instructions</div><div class="tit-v">2017-08-01</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=227d6922-f455-4382-8f86-7fc83c45d22b" notice-id="227d6922-f455-4382-8f86-7fc83c45d22b" class="c-item swiper-slide"><div class="tit" title="关于报送HSE相关资料的通知"><div class="flex" ><div class="tit-t flex1">关于报送HSE相关资料的通知</div><div class="tit-v">2019-07-23</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=23c364db-62af-4f05-b5e9-3ef60cf1aa9d" notice-id="23c364db-62af-4f05-b5e9-3ef60cf1aa9d" class="c-item swiper-slide"><div class="tit" title="Crane Rejection"><div class="flex" ><div class="tit-t flex1">Crane Rejection</div><div class="tit-v">2017-12-11</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=247fe11c-4f16-4c74-9098-ae287f860b71" notice-id="247fe11c-4f16-4c74-9098-ae287f860b71" class="c-item swiper-slide"><div class="tit" title="关于做好土建撤场工作安排的通知"><div class="flex" ><div class="tit-t flex1">关于做好土建撤场工作安排的通知</div><div class="tit-v">2019-11-06</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=279da471-c47e-47b4-a89d-a3f97692961e" notice-id="279da471-c47e-47b4-a89d-a3f97692961e" class="c-item swiper-slide"><div class="tit" title="请于2017年6月5日前开展动火作业安全专项检查"><div class="flex" ><div class="tit-t flex1">请于2017年6月5日前开展动火作业安全专项检查</div><div class="tit-v">2017-05-30</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=2a35f657-1206-479b-8510-8639cc024e0c" notice-id="2a35f657-1206-479b-8510-8639cc024e0c" class="c-item swiper-slide"><div class="tit" title="关于设定马苏项目重点消防区域及组建义务消防队的通知"><div class="flex" ><div class="tit-t flex1">关于设定马苏项目重点消防区域及组建义务消防队的通知</div><div class="tit-v">2017-05-30</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=2acbfdd5-dc97-432e-9e66-8281906fe507" notice-id="2acbfdd5-dc97-432e-9e66-8281906fe507" class="c-item swiper-slide"><div class="tit" title="请于2017年6月10日组织开展高处作业安全检查"><div class="flex" ><div class="tit-t flex1">请于2017年6月10日组织开展高处作业安全检查</div><div class="tit-v">2017-05-30</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=2ad4da01-085b-44fc-9fb2-b17ff4188157" class="c-item disabled swiper-slide"><div class="tit tit-read" title="关于现场焊工持证上岗的通知"><div class="flex" ><div class="tit-t flex1">关于现场焊工持证上岗的通知</div><div class="tit-v">2019-12-18</div></div></div></li><li data-id="../Notice/NoticeView2.aspx?NoticeId=2fc6d514-adb9-4071-86da-48dc527f2b05" notice-id="2fc6d514-adb9-4071-86da-48dc527f2b05" class="c-item swiper-slide"><div class="tit" title="通知"><div class="flex" ><div class="tit-t flex1">通知</div><div class="tit-v">2017-03-21</div></div></div></li></ul>'
|
||
var swiper_One = '<%=swiper_One %>'
|
||
var todoNum = '0'
|
||
$(".tab .t-item").click(function () {
|
||
var $this = $(this)
|
||
var index = $this.index()
|
||
if ($this.hasClass('active') && index == 0) {
|
||
return
|
||
}
|
||
var $tab = $this.closest(".tab")
|
||
var value = $tab.attr("data-value")
|
||
$tab.find(".t-item").removeClass('active');
|
||
$this.addClass('active')
|
||
if (value == 0) {
|
||
var maptype = index == 0 ? 'world' : 'china'
|
||
mapEchart('map', maptype)
|
||
} else if (value == 1) {
|
||
if (index == 0) {
|
||
$("#swiper2").html(swiper_One)
|
||
mySwiper = new Swiper('#swiper2', {
|
||
autoplay: 4000,//可选选项，自动滑动
|
||
direction: 'vertical',
|
||
loop: true,
|
||
slidesPerView: slidesNum
|
||
})
|
||
} else if (index == 2) {
|
||
$("#swiper2").html(swiper_Two)
|
||
if (todoNum >= slidesNum) {
|
||
mySwiper = new Swiper('#swiper2', {
|
||
autoplay: 4000,//可选选项，自动滑动
|
||
direction: 'vertical',
|
||
loop: true,
|
||
slidesPerView: slidesNum
|
||
})
|
||
}
|
||
else {
|
||
mySwiper = new Swiper('#swiper2', {
|
||
//autoplay: 4000,//可选选项，自动滑动
|
||
direction: 'vertical',
|
||
loop: true,
|
||
slidesPerView: slidesNum
|
||
})
|
||
}
|
||
}
|
||
}
|
||
else if (value == 2) {
|
||
if (index == 0) {
|
||
//alert($('#hdContractQuantitySheets')[0].value);
|
||
$('#divGZL').html($('#hdContractQuantitySheets')[0].value);
|
||
//alert(swiper_One);
|
||
//$('#divGZL').html("1");
|
||
} else if (index == 2) {
|
||
//alert($('#hdMaterialRecords')[0].value);
|
||
$('#divGZL').html($('#hdMaterialRecords')[0].value);
|
||
//$('#divGZL').html("无");
|
||
//$('#divGZL').reload();
|
||
//$('#divGZL').html($('#hdMaterialRecords').value);
|
||
//$('#divGZL').html("2");
|
||
} else if (index == 4) {
|
||
|
||
} else if (index == 6) {
|
||
|
||
}
|
||
}
|
||
})
|
||
|
||
$("#swiper2").on('click', 'li', function () {
|
||
var $this = $(this)
|
||
var data = $this.attr("data-id")
|
||
var noticeId = $this.attr("notice-id")
|
||
//$(".project-list-wrap").show();
|
||
//return
|
||
if (data != "") {
|
||
//Window1.GetShowReference(data) + "return false;";
|
||
document.getElementById("hdNoticeId").value = noticeId;
|
||
document.getElementById("imgBtn").click();
|
||
window.open(data);
|
||
top.window.location.reload();
|
||
}
|
||
})
|
||
var slidesNum = 5
|
||
var mySwiper = null
|
||
$(document).ready(function () {
|
||
var swiper_One = '<%=swiper_One %>'
|
||
$("#swiper2").css("width", ($("#swiper-pre").width()) + 'px')
|
||
var height = $("#swiper-pre").height() - 40
|
||
$("#swiper2").css("height", (height) + 'px')
|
||
slidesNum = Math.floor((height) / 24)
|
||
$("#swiper2").html(swiper_One)
|
||
mySwiper = new Swiper('#swiper2', {
|
||
autoplay: 4000,//可选选项，自动滑动
|
||
direction: 'vertical',
|
||
loop: true,
|
||
slidesPerView: slidesNum
|
||
})
|
||
|
||
$(".project").hover(function () {
|
||
$(".project-list").show();
|
||
}, function () {
|
||
$(".project-list").hide();
|
||
});
|
||
|
||
$(".project-list>div").click(function () {
|
||
var $this = $(this)
|
||
top.window.location.href = "../indexProject.aspx?projectName=" + $this.html();
|
||
});
|
||
|
||
$(".js-more-1").click(function () {
|
||
//var index = 5;
|
||
//var str = ''
|
||
////for (var i = 0; i < (index + 1) * 3; i++) {
|
||
//// str += '<div>项目' + i + '</div>'
|
||
////}
|
||
// str += '<div style="width: 100%">伊朗马苏化肥项目</div>'
|
||
//str += '<div>内蒙古京能锡林煤化有限责任公司锡盟东乌旗褐煤提质项目净化装置</div>'
|
||
//str += '<div>印尼PKG合成氨/尿素项目</div>'
|
||
//str += '<div>埃及NCIC磷肥项目</div>'
|
||
//str += '<div>湖北云华安化工有限公司合成氨搬迁技改项目</div>'
|
||
//str += '<div>中煤鄂能化100万吨甲醇技改项目</div>'
|
||
//str += '<div>宜都兴发化工有限公司300万吨/年低品位胶磷矿选矿及深加工项目湿法磷酸装置</div>'
|
||
//str += '<div>中化云龙有限公司磷矿浆脱除75t/h燃煤锅炉尾气SO2成套设备项目</div>'
|
||
//str += '<div>印度塔奇尔化肥项目（煤气化净化标段及合成氨尿素标段）</div>'
|
||
//str += '<div>安阳中盈化肥有限公司尿素装置改造工程</div>'
|
||
//str += '<div>俄罗斯晓基诺化肥项目</div>'
|
||
//str += '<div>南通港吕四港区广汇能源LNG分销转运站2#160000m3储罐项目</div>'
|
||
//str += '<div>启东项目</div>'
|
||
//str += '<div>荒煤气综合利用年产40万吨乙二醇项目</div>'
|
||
//str += '<div>济民可信（高安）清洁能源有限公司江西省建筑陶瓷产业基地清洁工业燃气项目主体装置EPC总承包</div>'
|
||
//str += '<div>湖北兴力电子材料有限公司3万吨/年电子级氢氟酸项目</div>'
|
||
//str += '<div>呼伦贝尔金新化工有限公司新增备用锅炉技改项目总承包工程</div>'
|
||
//str += '<div>大石净水厂污泥干化减量服务项目</div>'
|
||
//str += '<div>广汇启东扩建5#20万m3LNG储罐工程项目</div>'
|
||
//str += '<div>东华能源（茂名）烷烃资源综合利用项目配套库区（一期）项目低温罐区（I）EPC项目</div>'
|
||
//str += '<div>江苏嘉盛燃气有限公司嘉盛LNG调峰储配站工程</div>'
|
||
//str += '<div>山东滨州临港化工产业园首站项目</div>'
|
||
//str += '<div>五环天地项目</div>'
|
||
//$("#projectList").html(str)
|
||
//$(".project-list-wrap").show();
|
||
window.open("../JDGL/Check/TotalCompletion.aspx");
|
||
})
|
||
|
||
$(".js-more-2").click(function () {
|
||
window.open("../JDGL/Check/ProgressCompletion.aspx");
|
||
})
|
||
|
||
$(".js-more-3").click(function () {
|
||
window.open("../HSSE/SitePerson/PersonList.aspx");
|
||
})
|
||
|
||
$("#projectList_btn").click(function () {
|
||
$(".project-list-wrap").hide();
|
||
})
|
||
|
||
// 计算表格最大高度
|
||
var maxheight = $("#swiper-pre").height() * 2 - 72 - 20
|
||
//debugger
|
||
$(".jd-list-long").css("max-height", maxheight)
|
||
|
||
})
|
||
</script>
|
||
</html>
|