495 lines
20 KiB
Plaintext
495 lines
20 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mainMenu_CQMS.aspx.cs" Inherits="FineUIPro.Web.mainMenu_CQMS" %>
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head runat="server">
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>数字化施工指挥中心</title>
|
|
<script src="./lib/flex.js"></script>
|
|
<link rel="stylesheet" href="./css/base.css">
|
|
<!-- <link rel="stylesheet" href="./css/index.css"> -->
|
|
<link rel="stylesheet" href="./css/projectIndex.css">
|
|
</head>
|
|
<body>
|
|
<div id="project_app">
|
|
<main style="background-color: #0e5d9f;display: flex;flex-direction: row;justify-content: space-between;">
|
|
<section style="width: 50%; padding-right: .125rem;">
|
|
<div class="site_4">
|
|
<div class="site_2 bg17" style="width: 49%;">
|
|
<div class="site_label">质量培训</div>
|
|
<div class="site_main zl_z">
|
|
<div class="zhl" style="height: 50%;">
|
|
<div class="label">质量培训人次数</div>
|
|
<div class="value" runat="server" id="divPersonTrainNum">143</div>
|
|
</div>
|
|
<div class="zhl" style="height: 50%;">
|
|
<div class="label">技术交底人次数</div>
|
|
<div class="value" runat="server" id="divTechnicalDisclosePersonNum">143</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="site_2" style="width: 49%;">
|
|
<div class="site_label">计量器具数据</div>
|
|
<div class="site_main">
|
|
<div class="jl">
|
|
<div class="jlbox">
|
|
<div class="label">在用计量器具</div>
|
|
<div class="value" runat="server" id="divUseNum">0</div>
|
|
</div>
|
|
<div class="jlbox">
|
|
<div class="label">校准合格</div>
|
|
<div class="value" runat="server" id="divOKNum">0</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="site_2">
|
|
<div class="site_label">质量控制点数据</div>
|
|
<div class="site_main kzd">
|
|
<div class="box default-img">
|
|
<div class="label">A类</div>
|
|
<div class="number" runat="server" id="divANum">10</div>
|
|
</div>
|
|
<div class="box default-img">
|
|
<div class="label">B类</div>
|
|
<div class="number" runat="server" id="divBNum">210</div>
|
|
</div>
|
|
<div class="box default-img">
|
|
<div class="label">C类</div>
|
|
<div class="number" runat="server" id="divCNum">19</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="site_2">
|
|
<div class="site_label">质量验收一次合格率</div>
|
|
<div class="site_main db" id="zlhg">
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
<section style="width: 50%;padding-left: .125rem;">
|
|
<div class="site_2">
|
|
<div class="site_label">质量问题治理数据</div>
|
|
<div class="site_main" id="zhl">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="site_2">
|
|
<div class="site_label">施工方案</div>
|
|
<div class="site_main" id="js">
|
|
</div>
|
|
</div>
|
|
<div class="site_2">
|
|
<div class="site_label">质量检查待处理事项</div>
|
|
<div class="site_main db">
|
|
<div class="scroll_y" runat="server" id="divToDo">
|
|
<div class="row"><span
|
|
style="color: #FF7474;width: 1.25rem;">【待整改】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #12CDA2; width: 1.25rem;">【待复查验收】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #FF7474;width: 1.25rem;">【待整改】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #12CDA2; width: 1.25rem;">【待复查验收】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #FF7474;width: 1.25rem;">【待整改】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #12CDA2; width: 1.25rem;">【待复查验收】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #FF7474;width: 1.25rem;">【待整改】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #12CDA2; width: 1.25rem;">【待复查验收】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #FF7474;width: 1.25rem;">【待整改】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #12CDA2; width: 1.25rem;">【待复查验收】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #FF7474;width: 1.25rem;">【待整改】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #12CDA2; width: 1.25rem;">【待复查验收】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #FF7474;width: 1.25rem;">【待整改】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #12CDA2; width: 1.25rem;">【待复查验收】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #FF7474;width: 1.25rem;">【待整改】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #12CDA2; width: 1.25rem;">【待复查验收】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #FF7474;width: 1.25rem;">【待整改】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #12CDA2; width: 1.25rem;">【待复查验收】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #FF7474;width: 1.25rem;">【待整改】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #12CDA2; width: 1.25rem;">【待复查验收】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #FF7474;width: 1.25rem;">【待整改】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
<div class="row"><span
|
|
style="color: #12CDA2; width: 1.25rem;">【待复查验收】</span><span>202306-06</span><span>公司名称</span><span>隐患未整改</span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
<script src="./lib/echarts.min.js"></script>
|
|
<script src="./lib/jquery.js"></script>
|
|
|
|
<script>
|
|
var one =<%=One %>;
|
|
// 质量验收一次合格率
|
|
createZLHG()
|
|
function createZLHG() {
|
|
let data1 = one.categories
|
|
let data = one.series[0].data
|
|
// let markLineValue =
|
|
// data.forEach
|
|
let option = {
|
|
grid: {
|
|
top: fontSize(0.2), bottom: fontSize(0.3)
|
|
},
|
|
xAxis: {
|
|
type: 'category',
|
|
data: data1,
|
|
axisTick: {
|
|
// 轴刻度
|
|
show: false,
|
|
},
|
|
axisLabel: {
|
|
// 轴文字
|
|
show: true,
|
|
color: "#02AAE8",
|
|
fontSize: fontSize(0.14),
|
|
},
|
|
axisLine: {
|
|
// 轴线
|
|
show: true,
|
|
lineStyle: {
|
|
color: '#02AAE8',
|
|
}
|
|
|
|
},
|
|
boundaryGap: true
|
|
},
|
|
yAxis: {
|
|
type: 'value',
|
|
|
|
axisLabel: {
|
|
// 轴文字
|
|
show: true,
|
|
color: "#02AAE8",
|
|
fontSize: fontSize(0.14),
|
|
},
|
|
splitLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
color: ['#02AAE8'], // 分隔线颜色。
|
|
width: fontSize(0.01), // 分隔线线宽
|
|
type: 'dashed', // 线的类型
|
|
opacity: 0.4 // 图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
|
|
}
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
data: data,
|
|
type: 'line',
|
|
symbolSize: fontSize(0.08),
|
|
symbol: 'circle',
|
|
itemStyle: {
|
|
color: '#4CFFC2',
|
|
},
|
|
areaStyle: {
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
{
|
|
offset: 0,
|
|
color: '#1B6764'
|
|
}, // %0的颜色值
|
|
{
|
|
offset: 1,
|
|
color: '#0D264F'
|
|
} // 100%的颜色值
|
|
])
|
|
|
|
},
|
|
markLine: {
|
|
symbol: ['none', 'none'],
|
|
itemStyle: {
|
|
normal: {
|
|
lineStyle: {
|
|
type: 'dashed',
|
|
color: 'yellow',
|
|
},
|
|
label: {
|
|
show: true,
|
|
position: 'end',
|
|
distance: fontSize(0.2),
|
|
textStyle: {
|
|
color: '#F04134',
|
|
fontSize: fontSize(0.2),
|
|
},
|
|
|
|
}
|
|
}
|
|
},
|
|
data: [{
|
|
yAxis: '80',
|
|
|
|
}],
|
|
label: {
|
|
normal: {
|
|
show: false
|
|
}
|
|
}
|
|
}
|
|
}
|
|
]
|
|
};
|
|
|
|
var map = echarts.init(document.getElementById('zlhg'));
|
|
map.setOption(option)
|
|
}
|
|
// 施工方案
|
|
var three =<%=Three %>;
|
|
createJS()
|
|
function createJS() {
|
|
let type = three.categories
|
|
let value = three.series[0].data
|
|
let value1 = three.series[1].data
|
|
let value2 = three.series[2].data
|
|
let value3 = three.series[3].data
|
|
let opt = {
|
|
grid: {
|
|
top: fontSize(0.3),
|
|
bottom: fontSize(0.4),
|
|
right: fontSize(0.2)
|
|
},
|
|
legend: {
|
|
data: ['总数', '重报中','会签中','已完成'],
|
|
textStyle: {
|
|
fontSize: fontSize(0.10),
|
|
color: '#ffffff'
|
|
}
|
|
},
|
|
xAxis: {
|
|
type: 'category',
|
|
data: type,
|
|
axisLine: {
|
|
lineStyle: {
|
|
color: '#84D7FE'
|
|
}
|
|
},
|
|
axisTick: {
|
|
show: false
|
|
}
|
|
|
|
},
|
|
yAxis: {
|
|
type: 'value',
|
|
axisLine: {
|
|
lineStyle: {
|
|
color: '#84D7FE'
|
|
}
|
|
},
|
|
splitLine: {
|
|
lineStyle: {
|
|
color: '#2E87AC',
|
|
type: 'dashed'
|
|
}
|
|
}
|
|
},
|
|
series: [
|
|
{
|
|
name: '总数',
|
|
data: value,
|
|
type: 'bar',
|
|
barWidth: fontSize(0.2),
|
|
label: {
|
|
// 柱图头部显示值
|
|
show: true,
|
|
position: "top",
|
|
color: "#ffffff",
|
|
fontSize: fontSize(0.10),
|
|
rotate: 90,
|
|
verticalAlign:'middle',position: 'inside'
|
|
},
|
|
},
|
|
{
|
|
name: '重报中',
|
|
data: value1,
|
|
type: 'bar',
|
|
barWidth: fontSize(0.2),
|
|
label: {
|
|
// 柱图头部显示值
|
|
show: true,
|
|
position: "top",
|
|
color: "#ffffff",
|
|
fontSize: fontSize(0.10),
|
|
rotate: 90,
|
|
verticalAlign:'middle',position: 'inside'
|
|
},
|
|
},
|
|
{
|
|
name: '会签中',
|
|
data: value2,
|
|
type: 'bar',
|
|
barWidth: fontSize(0.14),
|
|
label: {
|
|
// 柱图头部显示值
|
|
show: true,
|
|
position: "top",
|
|
color: "#ffffff",
|
|
fontSize: fontSize(0.10),
|
|
rotate: 90,
|
|
verticalAlign:'middle',position: 'inside'
|
|
},
|
|
|
|
},
|
|
{
|
|
name: '已完成',
|
|
data: value3,
|
|
type: 'bar',
|
|
barWidth: fontSize(0.14),
|
|
label: {
|
|
// 柱图头部显示值
|
|
show: true,
|
|
position: "top",
|
|
color: "#ffffff",
|
|
fontSize: fontSize(0.10),
|
|
rotate: 90,
|
|
verticalAlign:'middle',position: 'inside'
|
|
},
|
|
}
|
|
]
|
|
};
|
|
var myEchart = echarts.init(document.getElementById('js'));
|
|
myEchart.setOption(opt);
|
|
}
|
|
// 作业许可数量统计
|
|
var two =<%=Two %>;
|
|
createZY()
|
|
function createZY() {
|
|
let type = two.categories
|
|
let value = two.series[0].data
|
|
let value1 = two.series[1].data
|
|
let opt = {
|
|
grid: {
|
|
top: fontSize(0.3),
|
|
bottom: fontSize(0.4),
|
|
right: fontSize(0.2)
|
|
},
|
|
legend: {
|
|
data: ['全部', '已整改'],
|
|
textStyle: {
|
|
fontSize: fontSize(0.14),
|
|
color: '#ffffff'
|
|
}
|
|
},
|
|
xAxis: {
|
|
type: 'category',
|
|
data: type,
|
|
axisLine: {
|
|
lineStyle: {
|
|
color: '#84D7FE'
|
|
}
|
|
},
|
|
axisTick: {
|
|
show: false
|
|
}
|
|
|
|
},
|
|
yAxis: {
|
|
type: 'value',
|
|
axisLine: {
|
|
lineStyle: {
|
|
color: '#84D7FE'
|
|
}
|
|
},
|
|
splitLine: {
|
|
lineStyle: {
|
|
color: '#2E87AC',
|
|
type: 'dashed'
|
|
}
|
|
}
|
|
},
|
|
series: [
|
|
{
|
|
name: '全部',
|
|
data: value,
|
|
type: 'bar',
|
|
barWidth: fontSize(0.14),
|
|
itemStyle: {
|
|
color: '#00FFFF'
|
|
},
|
|
label: {
|
|
// 柱图头部显示值
|
|
show: true,
|
|
position: "top",
|
|
color: "#ffffff",
|
|
fontSize: fontSize(0.10),
|
|
rotate: 90,
|
|
verticalAlign:'middle',position: 'inside'
|
|
},
|
|
},
|
|
{
|
|
name: '已整改',
|
|
data: value1,
|
|
type: 'bar',
|
|
barWidth: fontSize(0.14),
|
|
label: {
|
|
// 柱图头部显示值
|
|
show: true,
|
|
position: "top",
|
|
color: "#ffffff",
|
|
fontSize: fontSize(0.10),
|
|
rotate: 90,
|
|
verticalAlign:'middle',position: 'inside'
|
|
},
|
|
// itemStyle: {
|
|
// color: '#00FFFF'
|
|
// }
|
|
},
|
|
]
|
|
};
|
|
var myEchart = echarts.init(document.getElementById('zhl'));
|
|
myEchart.setOption(opt);
|
|
}
|
|
|
|
function fontSize(res){
|
|
let clientWidth = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;
|
|
if (!clientWidth) return;
|
|
let fontSize = 100 * (clientWidth / 1920);
|
|
return res*fontSize;
|
|
}
|
|
</script>
|
|
|