912 lines
33 KiB
Plaintext
912 lines
33 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mainProjects.aspx.cs" Inherits="FineUIPro.Web.common.mainProjects" %>
|
||
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head id="Head1" 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="stylesheet" href="../res/css/indexv2.css">
|
||
<style type="text/css">
|
||
html {
|
||
min-height: auto;
|
||
}
|
||
|
||
.pdtb0{
|
||
padding-top:0 !important;
|
||
padding-bottom:0 !important;
|
||
}
|
||
.swiper-container{
|
||
width:100%;
|
||
height:100%;
|
||
}
|
||
.flex{
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:space-between;
|
||
width:100%;
|
||
}
|
||
.flexV{
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: space-between;
|
||
}
|
||
.content-ul {
|
||
color: #666;
|
||
box-sizing: border-box;
|
||
padding: 10px 0;
|
||
}
|
||
|
||
.content-ul .c-item {
|
||
cursor:pointer;
|
||
display: flex;
|
||
overflow: hidden;
|
||
max-width: 100%;
|
||
font-size:12px;
|
||
height:24px;
|
||
/* margin-bottom: 8px; */
|
||
}
|
||
|
||
.content-ul .c-item:last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.content-ul .c-item .tit {
|
||
flex: 1;
|
||
min-width: 0;
|
||
float: left;
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
word-break: keep-all;
|
||
display:flex;
|
||
align-items:center;
|
||
}
|
||
|
||
.content-ul .c-item .time {
|
||
width: 90px;
|
||
float: right;
|
||
}
|
||
|
||
.text-ellipsis {
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
word-break: keep-all;
|
||
}
|
||
|
||
</style>
|
||
<style type="text/css">
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<script src="../res/lib/flexlib.js"></script>
|
||
|
||
|
||
<div id="wrap">
|
||
<div class="left">
|
||
<div class="items">
|
||
<div class="title">安全数据统计</div>
|
||
<div class="statistics">
|
||
<div class="statistics-label">安全人工时</div>
|
||
<div class="statistics-nub" id="divSafeWorkTime" runat="server">00000000000</div>
|
||
<div class="statistics-label">安全隐患整改单</div>
|
||
<div class="boxs">
|
||
<div class="box">
|
||
<span style="color:#00FFFF;" runat="server" id="divAllRectify">0</span>
|
||
<img src="../res/images/02/07aqtj01.png">
|
||
<span>总数（个）</span>
|
||
</div>
|
||
<div class="box">
|
||
<span style="color:#15EDBB;" runat="server" id="divCRectify">0</span>
|
||
<img src="../res/images/02/08aqtj02.png">
|
||
<span>已完成（个）</span>
|
||
</div>
|
||
<div class="box">
|
||
<span style="color:#F24166;" runat="server" id="divUCRectify">0</span>
|
||
<img src="../res/images/02/09aqtj03.png">
|
||
<span>未完成（个）</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="items">
|
||
<div class="title">风险分级</div>
|
||
<div class="risk">
|
||
<div id="riskMap"></div>
|
||
</div>
|
||
</div>
|
||
<div class="items">
|
||
<div class="title">资质预警</div>
|
||
<div class="predict">
|
||
<div class="box">
|
||
<div class="box-item">
|
||
<img src="../res/images/02/10zzyj.png">
|
||
<div class="item-text">
|
||
<span id="divQualityWarningNum" runat="server">0</span>
|
||
<span>资质预警</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="box">
|
||
<div class="box-item box-right">
|
||
<img src="../res/images/02/10zzyj.png">
|
||
<div class="item-text">
|
||
<span runat="server" id="divWorkWarningNum">0</span>
|
||
<span>证书预警</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="box">
|
||
<div class="box-item">
|
||
<img src="../res/images/02/10zzyj.png">
|
||
<div class="item-text">
|
||
<span runat="server" id="divMechanicsWarningNum">0</span>
|
||
<span>机械预警</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="box">
|
||
<div class="box-item box-right">
|
||
<img src="../res/images/02/10zzyj.png">
|
||
<div class="item-text">
|
||
<span runat="server" id="divCQMSWarningNum">0</span>
|
||
<span>质量预警</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="center">
|
||
<div class="items1">
|
||
<div class="title">工程概况</div>
|
||
<div class="general">
|
||
<div class="general-i">
|
||
<ul>
|
||
<li>
|
||
<p class="label">工程名称:</p>
|
||
<p class="val" id="divProjectName" runat="server"></p>
|
||
</li>
|
||
<li>
|
||
<p class="label">工程地点:</p>
|
||
<p class="val" id="divProjectAddress" runat="server"></p>
|
||
</li>
|
||
<li>
|
||
<p class="label">工程造价:</p>
|
||
<p class="val" id="divProjectMoney" runat="server">元</p>
|
||
</li>
|
||
<li>
|
||
<p class="label">建设单位:</p>
|
||
<p class="val" id="divOwnUnit" runat="server"></p>
|
||
</li>
|
||
<li>
|
||
<p class="label">施工单位:</p>
|
||
<p class="val" runat="server" id="divSGUnit">瑞志项目施工分包</p>
|
||
</li>
|
||
<li>
|
||
<p class="label"> 监理单位:</p>
|
||
<p class="val" id="divJLUnit" runat="server"></p>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
<div class="general-i">
|
||
<div class="project" id="divProjectImg">
|
||
|
||
</div>
|
||
</div>
|
||
<div class="general-i">
|
||
<div class="boxs">
|
||
<div class="box">
|
||
<div class="box-label">合同总工期</div>
|
||
<div class="box-val pact" id="divProjectDays" runat="server">0<span>个</span></div>
|
||
</div>
|
||
<div class="box">
|
||
<div class="box-label">合同到期时间</div>
|
||
<div class="box-val time" id="divEndDate" runat="server"></div>
|
||
</div>
|
||
<div class="box">
|
||
<div class="box-label">距竣工剩余</div>
|
||
<div class="box-val residue" id="divRemainingDays" runat="server">0<span>天</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="items1">
|
||
<div class="title">质量统计</div>
|
||
<div class="quality">
|
||
<div class="boxs">
|
||
<div class="boxs-label"><span>问题总数</span><span
|
||
style="color:#00FFFF;" id="divCQMSAllNum" runat="server">0</span><span>个</span></div>
|
||
<div id="issueMap"></div>
|
||
</div>
|
||
<div class="boxs">
|
||
<div class="boxs-label"><span>已完成</span><span style="color:#15EDBB;" id="divCQMSCAllNum" runat="server">0</span><span>个</span>
|
||
</div>
|
||
<div id="finishMap"></div>
|
||
</div>
|
||
<div class="boxs">
|
||
<div class="boxs-label"><span>未完成</span><span style="color:#F24166;" id="divCQMSUCAllNum" runat="server">0</span><span>个</span>
|
||
</div>
|
||
<div id="unfinishedMap"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="items1">
|
||
<div class="title">智慧进度</div>
|
||
<div class="plan">
|
||
<div class="boxs-label"><span>项目进度计划</span><span>已逾期32天</span></div>
|
||
<div id="planMap">
|
||
<div class="boxs">
|
||
<div class="box">
|
||
<!-- 注意没有完工的进程需要添加 noPress类 圆点类家red类 -->
|
||
<div class="text">
|
||
<p>开始：2020-08-08</p>
|
||
<p>结束：2021-01-01</p>
|
||
<p>无逾期</p>
|
||
<div class="title">基础施工</div>
|
||
</div>
|
||
<div class="dot"></div>
|
||
<div>
|
||
<img src="../res/image/v2/19jcsg.png" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="box">
|
||
<div>
|
||
<img src="../res/image/v2/20jgsg.png" alt="">
|
||
</div>
|
||
<div class="dot"></div>
|
||
<div class="text">
|
||
<div class="title">结构施工</div>
|
||
<p>开始：2020-08-08</p>
|
||
<p>结束：2021-01-01</p>
|
||
<p>无逾期</p>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="box">
|
||
<div class="text">
|
||
<p>开始：2020-08-08</p>
|
||
<p>结束：2021-01-01</p>
|
||
<p>无逾期</p>
|
||
<div class="title">主体施工</div>
|
||
</div>
|
||
<div class="dot"></div>
|
||
<div>
|
||
<img src="../res/image/v2/21ztsg.png" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="box">
|
||
<img src="../res/image/v2/22zszx.png" alt="">
|
||
<div class="dot red"></div>
|
||
<div class="text">
|
||
<div class="title">装饰装修</div>
|
||
<p>开始：2020-08-08</p>
|
||
<p>结束：2021-01-01</p>
|
||
<p style="color: #F24166;">已逾期20天</p>
|
||
</div>
|
||
</div>
|
||
<div class="box">
|
||
<div class="text noPress">
|
||
<p></p>
|
||
<p></p>
|
||
<p>预估：2020-12-12</p>
|
||
<div class="title">机电工程</div>
|
||
</div>
|
||
<div class="dot red"></div>
|
||
<img src="../res/image/v2/23jdgc1.png" alt="">
|
||
</div>
|
||
<div class="box">
|
||
<img src="../res/image/v2/24ys1.png" alt="">
|
||
<div class="dot red"></div>
|
||
<div class="text noPress">
|
||
<div class="title">验收</div>
|
||
<p></p>
|
||
<p></p>
|
||
<p>预估：2020-12-30</p>
|
||
</div>
|
||
</div>
|
||
<div class="box">
|
||
<div class="text noPress">
|
||
<p></p>
|
||
<p></p>
|
||
<p>预估：2021-01-01</p>
|
||
<div class="title">完工</div>
|
||
</div>
|
||
<div class="dot red"></div>
|
||
<img src="../res/image/v2/25wg1.png" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="line"></div>
|
||
<!-- <div class="line line1">
|
||
<div class="dot"></div>
|
||
<div class="dot"></div>
|
||
<div class="dot"></div>
|
||
<div class="dot"></div>
|
||
<div class="dot"></div>
|
||
<div class="dot"></div>
|
||
<div class="dot"></div>
|
||
</div> -->
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="right">
|
||
<div class="items">
|
||
<div class="title">劳务数据</div>
|
||
<div class="service">
|
||
<div class="boxs">
|
||
<div class="box">
|
||
<p>当前现场人数</p>
|
||
<p id="divALLPerson" runat="server">0</p>
|
||
</div>
|
||
<div class="box">
|
||
<p>作业人员总数</p>
|
||
<p id="divZYPerson" runat="server">0</p>
|
||
</div>
|
||
<div class="box">
|
||
<p>管理人员总数</p>
|
||
<p id="divGLPerson" runat="server">0</p>
|
||
</div>
|
||
</div>
|
||
<div id="serviceMap">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="items">
|
||
<div class="title">环境监测</div>
|
||
<div class="env">
|
||
<div class="boxs">
|
||
<div class="box-column">
|
||
<div class="box">
|
||
<div class="left">
|
||
<p>温度<span>℃</span></p>
|
||
<img src="../res/images/02/37.png">
|
||
</div>
|
||
<div class="num" style="color: #CFC782;" id="divHJ1" runat="server">0</div>
|
||
</div>
|
||
<div class="box">
|
||
<div class="left">
|
||
<p>噪音<span>db</span></p>
|
||
<img src="../res/images/02/37.png">
|
||
</div>
|
||
<div class="num" style="color: #CFC782;margin-left:0;" id="divHJ2" runat="server">0</div>
|
||
</div>
|
||
<div class="box">
|
||
<div class="left">
|
||
<p>湿度<span>%rh</span></p>
|
||
<img src="../res/images/02/37.png">
|
||
</div>
|
||
<div class="num" style="color: #CFC782;" id="divHJ6" runat="server">0</div>
|
||
</div>
|
||
</div>
|
||
<div class="env_center">
|
||
<img width="46px" height="46px" src="../res/images/02/35pm10.png">
|
||
<p id="divTEMP" runat="server"><span>℃</span></p>
|
||
<p class="d" runat="server" id="divInfo">多云</p>
|
||
</div>
|
||
<div class="box-column box-column1">
|
||
<div class="box">
|
||
<div class="num" style="color: #CFC782;" id="divHJ3" runat="server">0</div>
|
||
<div class="left">
|
||
<p>PM2.5<span></span></p>
|
||
<img src="../res/images/02/37.png">
|
||
</div>
|
||
</div>
|
||
<div class="box">
|
||
<div class="num" style="color: #CFC782;margin-right:0;" id="divHJ4" runat="server">0</div>
|
||
<div class="left">
|
||
<p>风度<span>km/h</span></p>
|
||
<img src="../res/images/02/37.png">
|
||
</div>
|
||
</div>
|
||
<div class="box">
|
||
<div class="num" style="color: #CFC782;" id="divHJ5" runat="server">0</div>
|
||
<div class="left">
|
||
<p>PM10<span</span></p>
|
||
<img src="../res/images/02/37.png">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="items">
|
||
<div class="title">项目展示</div>
|
||
<div class="video">
|
||
<video src="" width="100%" height="100%">
|
||
|
||
</video>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</body>
|
||
|
||
</html>
|
||
<script src="../res/lib/echarts.min.js"></script>
|
||
<script src="../res/lib/china.js"></script>
|
||
<script src="../res/js/optionV2.js"></script>
|
||
<script src="../res/lib/jquery.js"></script>
|
||
<script>
|
||
// // 人员统计 在岗率初始化
|
||
// var guardMap = echarts.init(document.getElementById('onGuardMap'));
|
||
// guardMap.setOption(guardOption)
|
||
|
||
// 风险分级
|
||
let riskData1 = [
|
||
{ value: <%=riskData4%>, name: '四级/重大风险', label: { color: '#FF7473' }, itemStyle: { color: '#FF7473' }, labelLine: { lineStyle: { color: '#FF7473' } } },
|
||
{ value: <%=riskData1%>, name: '一级/低风险', label: { color: '#5C5AFF' }, itemStyle: { color: '#5C5AFF' }, labelLine: { lineStyle: { color: '#5C5AFF' } } },
|
||
{ value: <%=riskData2%>, name: '三级/较大风险', label: { color: '#FFA502' }, itemStyle: { color: '#FFA502' }, labelLine: { lineStyle: { color: '#FFA502' } } },
|
||
{ value: <%=riskData3%>, name: '二级/一般风险', label: { color: '#E7EA2E' }, itemStyle: { color: '#E7EA2E' }, labelLine: { lineStyle: { color: '#E7EA2E' } } },
|
||
]
|
||
let riskOption1 = {
|
||
tooltip: {
|
||
trigger: 'item'
|
||
},
|
||
series: [
|
||
{
|
||
type: 'pie',
|
||
radius: ['20%', '60%'],
|
||
center: ['50%', '50%'],
|
||
label: {
|
||
formatter: '{b}\n{c}'
|
||
},
|
||
data: riskData1.sort(function (a, b) {
|
||
return a.value - b.value;
|
||
}),
|
||
roseType: 'radius',
|
||
|
||
animationType: 'scale',
|
||
animationEasing: 'elasticOut',
|
||
animationDelay: function (idx) {
|
||
return Math.random() * 200;
|
||
}
|
||
}
|
||
]
|
||
};
|
||
|
||
var riskMap = echarts.init(document.getElementById('riskMap'));
|
||
riskMap.setOption(riskOption1)
|
||
|
||
// 劳务数据
|
||
// X轴数据
|
||
var laborId_xAxisData = JSON.parse('<%=WorkPostS %>')
|
||
var laborId_data1 = JSON.parse('<%=InPostCounts %>')
|
||
var laborId_data2 = JSON.parse('<%=InDutyCounts %>')
|
||
// Y轴数据
|
||
var laborId_series = [{
|
||
name: '在岗',
|
||
type: 'bar',
|
||
barWidth: 26,
|
||
data: laborId_data1,
|
||
},
|
||
{
|
||
name: '在场',
|
||
type: 'bar',
|
||
barWidth: 26,
|
||
data: laborId_data2,
|
||
barGap: '-100%',
|
||
}]
|
||
|
||
|
||
var option = {
|
||
color: ['#d0f5ec', '#12cda2'],
|
||
grid: {
|
||
top: '10%',
|
||
left: '0%',
|
||
right: '0%',
|
||
bottom: '3%',
|
||
containLabel: true
|
||
},
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
showDelay: 0,
|
||
axisPointer: {
|
||
type: 'shadow'
|
||
}
|
||
},
|
||
xAxis: {
|
||
data: laborId_xAxisData,
|
||
axisLabel: {
|
||
interval: 0,
|
||
color: '#179eb3',
|
||
},
|
||
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: true,
|
||
onZero: false,
|
||
lineStyle: {
|
||
color: '#179eb3',
|
||
width: 1,
|
||
}
|
||
},
|
||
splitLine: {
|
||
show: true,
|
||
lineStyle: {
|
||
type: 'dashed',
|
||
color: '#0D3C65',
|
||
},
|
||
},
|
||
splitNumber: 5,
|
||
},
|
||
series: laborId_series
|
||
};
|
||
if (laborId_xAxisData.length > 5) {
|
||
option.dataZoom = [{
|
||
type: 'slider',
|
||
show: true,
|
||
startValue: 0,
|
||
endValue: 4,
|
||
height: '3',
|
||
backgroundColor: 'rgba(47,69,84,0)',
|
||
fillerColor: 'rgba(47,69,84,0)',
|
||
bottom: '0%',
|
||
zoomLock: true,
|
||
moveOnMouseWheel: true,
|
||
brushSelect: true,
|
||
showDetail: false,
|
||
}]
|
||
}
|
||
var safeMap = echarts.init(document.getElementById('serviceMap'));
|
||
option && safeMap.setOption(option)
|
||
|
||
|
||
|
||
|
||
// var riskMap = echarts.init(document.getElementById('riskMap'));
|
||
// riskMap.setOption(riskOption)
|
||
let issueData1 = [
|
||
{
|
||
value: <%=CRectificationRate%>
|
||
}
|
||
];
|
||
let issueOption1 = {
|
||
title: {
|
||
text: '整改率',
|
||
textStyle: {
|
||
color: '#FFA600 ',
|
||
fontSize: 0.7368 * basePx,
|
||
},
|
||
bottom: 0,
|
||
left: 'center'
|
||
},
|
||
series: [
|
||
{
|
||
type: 'gauge',
|
||
startAngle: 225,
|
||
endAngle: -45,
|
||
progress: {
|
||
show: true,
|
||
overlap: false,
|
||
roundCap: true,
|
||
clip: false,
|
||
lineStyle: {
|
||
|
||
}
|
||
},
|
||
pointer: { // 时针
|
||
show: false
|
||
},
|
||
splitLine: {
|
||
show: false,
|
||
distance: 0,
|
||
length: 0.5263 * basePx
|
||
},
|
||
axisLine: {
|
||
roundCap: false,
|
||
lineStyle: {
|
||
width: 0.8421 * basePx,
|
||
color: [[1, '#0E3668']]
|
||
}
|
||
},
|
||
axisTick: { // 刻度
|
||
show: false
|
||
},
|
||
axisLabel: {
|
||
show: false,
|
||
distance: 2.6316 * basePx,
|
||
},
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{ offset: 0, color: '#EB9002' },
|
||
{ offset: 1, color: '#404745' }
|
||
]),
|
||
},
|
||
title: {
|
||
show: true,
|
||
offsetCenter: [0, '75%'],
|
||
width: 1.5789 * basePx,
|
||
height: 0.2632 * basePx,
|
||
borderRadius: 0.1053 * basePx,
|
||
shadowBlur: 0.1579 * basePx,
|
||
shadowColor: '#C88621',
|
||
backgroundColor: '#C88621',
|
||
},
|
||
detail: {
|
||
fontSize: 1.5789 * basePx,
|
||
color: '#B78021',
|
||
formatter: '{value}{a|%}',
|
||
offsetCenter: [0, 0],
|
||
rich: {
|
||
a: {
|
||
fontSize: 0.8421 * basePx,
|
||
color: '#B78021'
|
||
}
|
||
}
|
||
},
|
||
data: issueData1
|
||
}
|
||
]
|
||
};
|
||
var issueMap = echarts.init(document.getElementById('issueMap'));
|
||
issueMap.setOption(issueOption1)
|
||
|
||
let finishData1 = [
|
||
{
|
||
value: <%=CQualifiedRate%>
|
||
}
|
||
];
|
||
let finishOption1 = {
|
||
title: {
|
||
text: '合格率',
|
||
textStyle: {
|
||
color: '#15EDBB ',
|
||
fontSize: 0.7368 * basePx,
|
||
},
|
||
bottom: 0,
|
||
left: 'center'
|
||
},
|
||
series: [
|
||
{
|
||
type: 'gauge',
|
||
startAngle: 225,
|
||
endAngle: -45,
|
||
progress: {
|
||
show: true,
|
||
overlap: false,
|
||
roundCap: true,
|
||
clip: false,
|
||
lineStyle: {
|
||
|
||
}
|
||
},
|
||
pointer: { // 时针
|
||
show: false
|
||
},
|
||
splitLine: {
|
||
show: false,
|
||
distance: 0,
|
||
length: 10
|
||
},
|
||
axisLine: {
|
||
roundCap: false,
|
||
lineStyle: {
|
||
width: 0.8421 * basePx,
|
||
color: [[1, '#0E3668']]
|
||
}
|
||
},
|
||
axisTick: { // 刻度
|
||
show: false
|
||
},
|
||
axisLabel: {
|
||
show: false,
|
||
distance: 2.6316 * basePx,
|
||
},
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{ offset: 0, color: '#01D4D4' },
|
||
{ offset: 1, color: '#026974' }
|
||
]),
|
||
},
|
||
title: {
|
||
show: true,
|
||
offsetCenter: [0, '75%'],
|
||
width: 1.5789 * basePx,
|
||
height: 0.2632 * basePx,
|
||
borderRadius: 0.1053 * basePx,
|
||
shadowBlur: 0.1579 * basePx,
|
||
shadowColor: '#15EDBB ',
|
||
backgroundColor: '#15EDBB ',
|
||
},
|
||
detail: {
|
||
fontSize: 1.5789 * basePx,
|
||
color: '#15EDBB ',
|
||
formatter: '{value}{a|%}',
|
||
offsetCenter: [0, 0],
|
||
rich: {
|
||
a: {
|
||
fontSize: 0.8421 * basePx,
|
||
color: '#15EDBB '
|
||
}
|
||
}
|
||
},
|
||
data: finishData1
|
||
}
|
||
]
|
||
};
|
||
|
||
var finishMap = echarts.init(document.getElementById('finishMap'));
|
||
finishMap.setOption(finishOption1)
|
||
|
||
|
||
let unfinishedData1 = [
|
||
{
|
||
value: <%=FirstPassRate%>
|
||
}
|
||
];
|
||
let unfinishedOption1 = {
|
||
title: {
|
||
text: '焊接一次合格率',
|
||
textStyle: {
|
||
color: '#15EDBB ',
|
||
fontSize: 0.7368 * basePx,
|
||
},
|
||
bottom: 0,
|
||
left: 'center'
|
||
},
|
||
series: [
|
||
{
|
||
type: 'gauge',
|
||
startAngle: 225,
|
||
endAngle: -45,
|
||
progress: {
|
||
show: true,
|
||
overlap: false,
|
||
roundCap: true,
|
||
clip: false,
|
||
lineStyle: {
|
||
|
||
}
|
||
},
|
||
pointer: { // 时针
|
||
show: false
|
||
},
|
||
splitLine: {
|
||
show: false,
|
||
distance: 0,
|
||
length: 10
|
||
},
|
||
axisLine: {
|
||
roundCap: false,
|
||
lineStyle: {
|
||
width: 0.8421 * basePx,
|
||
color: [[1, '#0E3668']]
|
||
}
|
||
},
|
||
axisTick: { // 刻度
|
||
show: false
|
||
},
|
||
axisLabel: {
|
||
show: false,
|
||
distance: 2.6316 * basePx,
|
||
},
|
||
itemStyle: {
|
||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
{ offset: 0, color: '#01D4D4' },
|
||
{ offset: 1, color: '#026974' }
|
||
]),
|
||
},
|
||
title: {
|
||
show: true,
|
||
offsetCenter: [0, '75%'],
|
||
width: 1.5789 * basePx,
|
||
height: 0.2632 * basePx,
|
||
borderRadius: 0.1053 * basePx,
|
||
shadowBlur: 0.1579 * basePx,
|
||
shadowColor: '#15EDBB ',
|
||
backgroundColor: '#15EDBB ',
|
||
},
|
||
detail: {
|
||
fontSize: 1.5789 * basePx,
|
||
color: '#15EDBB ',
|
||
formatter: '{value}{a|%}',
|
||
offsetCenter: [0, 0],
|
||
rich: {
|
||
a: {
|
||
fontSize: 0.8421 * basePx,
|
||
color: '#15EDBB '
|
||
}
|
||
}
|
||
},
|
||
data: finishData1
|
||
}
|
||
]
|
||
};
|
||
var unfinishedMap = echarts.init(document.getElementById('unfinishedMap'));
|
||
unfinishedMap.setOption(unfinishedOption1)
|
||
</script>
|
||
<script>
|
||
|
||
// 获取url请求参数
|
||
function getUrlParam(name) {
|
||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
|
||
var r = window.location.search.substr(1).match(reg); //匹配目标参数
|
||
if (r != null) return unescape(r[2]); return null; //返回参数值
|
||
}
|
||
|
||
// 切换全屏
|
||
$('.magnify').click(function () {
|
||
const element = document.documentElement
|
||
if (document.fullscreenElement) {
|
||
// 如果浏览器有这个Function
|
||
if (document.exitFullscreen) {
|
||
document.exitFullscreen()
|
||
} else if (document.webkitCancelFullScreen) {
|
||
document.webkitCancelFullScreen()
|
||
} else if (document.mozCancelFullScreen) {
|
||
document.mozCancelFullScreen()
|
||
} else if (document.msExitFullscreen) {
|
||
document.msExitFullscreen()
|
||
}
|
||
} else {
|
||
// 如果浏览器有这个Function
|
||
if (element.requestFullscreen) {
|
||
element.requestFullscreen()
|
||
} else if (element.webkitRequestFullScreen) {
|
||
element.webkitRequestFullScreen()
|
||
} else if (element.mozRequestFullScreen) {
|
||
element.mozRequestFullScreen()
|
||
} else if (element.msRequestFullscreen) {
|
||
element.msRequestFullscreen()
|
||
}
|
||
}
|
||
|
||
})
|
||
// 监听全屏变化
|
||
window.onresize = function () {
|
||
if (document.fullscreenElement) {
|
||
$('.nav-center').hide();
|
||
$('.magnify').text('退出全屏');
|
||
} else {
|
||
$('.nav-center').show();
|
||
$('.magnify').text('全屏');
|
||
}
|
||
}
|
||
|
||
// 选择项目
|
||
$('.selected').click(function () {
|
||
$('.selectedVal').toggle();
|
||
})
|
||
|
||
$('.selectedVal>li').click(function () {
|
||
$('.selected>span').text($('.selectedVal>li').text()).attr('title', $('.selectedVal>li').text());
|
||
})
|
||
|
||
|
||
var divProjectImg = '<%=divProjectImg %>'
|
||
|
||
function getUnitValues() {
|
||
//$("#divProjectImg").css("background", "url('" + divProjectImg + "') center/100% 100% no-repeat ");
|
||
}
|
||
getUnitValues();
|
||
</script>
|