lpf/SGGL_SHJ
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

20221008 焊接数据分析修改

Browse Source
This commit is contained in:
李鹏飞
2022-10-08 23:50:15 +08:00
parent 4ad6950292
commit 2302d80940
12 changed files with 825 additions and 272 deletions
Download Patch File Download Diff File Expand all files Collapse all files
SGGL/FineUIPro.Web/common/mainMenu_HJGL.aspx
+130 -91
View File
@@ -6,6 +6,37 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
<link href="../res/indexv1/assets/css/sub_index.css" rel="stylesheet" />
<style type="text/css">
.real-time-num {
text-align: center;
min-width: 0.75rem;
margin-right: 0.02083rem;
font-size: revert;
color: #6ceff1;
}
.real-time-echarts02 {
text-align: center;
min-width: 0.75rem;
margin-right: 0.02083rem;
font-size: revert;
color: rgb(6 247 192 / 85%);
}
.real-time-echarts02-unit {
text-align: right;
min-width: 0.75rem;
margin-right: 0.02083rem;
font-size: x-large;
color: rgb(6 247 192 / 85%);
}
.real-time-num-unit {
text-align: right;
min-width: 0.75rem;
margin-right: 0.02083rem;
font-size: small;
color: #6ceff1;
}
</style>
</head>
<body>
<div class="sd-sub-body sd-sub-body--welding dis-flex">
@@ -44,29 +75,17 @@
</div>--%>
<div class="sub-section sub-section-02">
<div class="sub-section-header">
<span class="sub-section-title">管道实时预制率</span>
<span class="sub-section-title">管道预制率分析</span>
</div>
<div class="sub-section-inner">
<div id="echarts02" class="echarts-box" style="width: 80%; height: 80%;"></div>
</div>
</div>
<%--<div class="sub-section sub-section-02">
<div class="sub-section-header">
<span class="sub-section-title">项目焊接工程量统计</span>
<div class="sub-right-select">
<div class="sub-select-name">
<span class="sub-select-value">按达因量</span><span class="dropdown-arrow"></span>
</div>
<ul class="sub-select-ul">
<li class="sub-select-li active" data-type="1">按达因量</li>
<li class="sub-select-li" data-type="2">按焊口数</li>
</ul>
<%--<div id="echarts02" class="echarts-box" style="width: 80%; height: 80%;"></div>--%>
<div class="real-time-echarts02" runat="server" id="echarts02Value">
</div>
<div class="real-time-echarts02-unit" runat="server" id="div2">%
</div>
</div>
<div class="sub-section-inner">
<div id="echarts02" class="echarts-box" style="width: 80%; height: 80%;"></div>
</div>
</div>--%>
</div>
<div class="sub-section sub-section-03">
<div class="sub-section-header">
<span class="sub-section-title">焊工功效分析</span>
@@ -85,6 +104,8 @@
<%--<div id="echarts03" class="echarts-box"></div>--%>
<div class="real-time-num" runat="server" id="divWelderEfficacyNum">
</div>
<div class="real-time-num-unit" runat="server" id="div1">DIN/天
</div>
</div>
</div>
</div>
@@ -97,6 +118,9 @@
<li class="sub-section-item active" data-type="fbs">分包商</li>
<li class="sub-section-item" data-type="dwgc">单位工程</li>
<li class="sub-section-item" data-type="czlb">材质类别</li>
<li class="sub-section-item" data-type="gg">焊缝规格</li>
<li class="sub-section-item" data-type="lx">焊缝类型</li>
<li class="sub-section-item" data-type="sx">焊缝属性</li>
</ul>
</div>
<div class="sub-section-inner">
@@ -105,11 +129,12 @@
</div>
<div class="sub-section sub-section-05">
<div class="sub-section-header">
<span class="sub-section-title">焊接进度分析</span>
<span class="sub-section-title">焊接缺陷分析</span>
<ul class="sub-sections-tabs">
<li class="sub-section-item active" data-type="fbs">分包商</li>
<li class="sub-section-item" data-type="dwgc">单位工程</li>
<li class="sub-section-item" data-type="czlb">材质类别</li>
<li class="sub-section-item active" data-type="cz">材质类别</li>
<li class="sub-section-item" data-type="gg">焊缝规格</li>
<li class="sub-section-item" data-type="lx">焊缝类型</li>
<li class="sub-section-item" data-type="sx">焊缝属性</li>
</ul>
</div>
<div class="sub-section-inner">
@@ -121,8 +146,8 @@
<span class="sub-section-title">焊工业绩分析</span>
<ul class="sub-sections-tabs">
<li class="sub-section-item active" data-type="fbs">分包商</li>
<li class="sub-section-item" data-type="dwgc">单位工程</li>
<li class="sub-section-item" data-type="czlb">材质类别</li>
<%-- <li class="sub-section-item" data-type="dwgc">单位工程</li>
<li class="sub-section-item" data-type="czlb">材质类别</li>--%>
</ul>
</div>
<div class="sub-section-inner">
@@ -136,28 +161,51 @@
<script src="../res/indexv1/assets/js/echarts-5.2.0.min.js" type="text/javascript"></script>
<script src="../res/indexv1/assets/js/draw-circle.js" type="text/javascript"></script>
<script type="text/javascript">
// 施工分包商
//////////////焊接一次合格率
//分包商
var dataE04_Type01 = JSON.parse('<%=E04_Type01 %>');
var dataE04_Values01 = JSON.parse('<%=E04_Values01 %>');
// 单位工程
var dataE04_Type02 = JSON.parse('<%=E04_Type02 %>');
var dataE04_Values02 = JSON.parse('<%=E04_Values02 %>');
// 材料类别
var dataE04_Type03 = JSON.parse('<%=E04_Type03 %>');
var dataE04_Values03 = JSON.parse('<%=E04_Values03 %>');
//焊缝规格
var dataE04_Type04 = JSON.parse('<%=E04_Type04 %>');
var dataE04_Values04 = JSON.parse('<%=E04_Values04 %>');
//焊缝类型
var dataE04_Type05 = JSON.parse('<%=E04_Type05 %>');
var dataE04_Values05 = JSON.parse('<%=E04_Values05 %>');
//焊缝属性
var dataE04_Type06 = JSON.parse('<%=E04_Type06 %>');
var dataE04_Values06 = JSON.parse('<%=E04_Values06 %>');
/////////////////////////焊接缺陷分析
// 材质类别
var dataE05_Type01 = JSON.parse('<%=E05_Type01 %>');
var dataE05_Values01_1 = JSON.parse('<%=E05_Values01_1 %>');
var dataE05_Values01_2 = JSON.parse('<%=E05_Values01_2 %>');
// 单位工程
var dataE05_Values01 = JSON.parse('<%=E05_Values01 %>');
// 焊缝规格
var dataE05_Type02 = JSON.parse('<%=E05_Type02 %>');
var dataE05_Values02_1 = JSON.parse('<%=E05_Values02_1 %>');
var dataE05_Values02_2 = JSON.parse('<%=E05_Values02_2 %>');
// 材料类别
var dataE05_Values02 = JSON.parse('<%=E05_Values02 %>');
// 焊缝类型
var dataE05_Type03 = JSON.parse('<%=E05_Type03 %>');
var dataE05_Values03_1 = JSON.parse('<%=E05_Values03_1 %>');
var dataE05_Values03_2 = JSON.parse('<%=E05_Values03_2 %>');
var dataE05_Values03 = JSON.parse('<%=E05_Values03 %>');
//焊缝属性
var dataE05_Type04 = JSON.parse('<%=E05_Type04 %>');
var dataE05_Values04 = JSON.parse('<%=E05_Values04 %>');
var dataE08_Type01 = JSON.parse('<%=E08_Type01 %>');
var dataE08_Values01 = JSON.parse('<%=E08_Values01 %>');
////////////////////焊工业绩分析
var dataE06_Type01 = JSON.parse('<%=E06_Type01 %>');
var dataE06_Values01 = JSON.parse('<%=E06_Values01 %>');
// 单位工程
var dataE08_Type02 = JSON.parse('<%=E08_Type02 %>');
var dataE08_Values02 = JSON.parse('<%=E08_Values02 %>');
var dataE06_Type02 = JSON.parse('<%=E06_Type02 %>');
var dataE06_Values02 = JSON.parse('<%=E06_Values02 %>');
// 材料类别
var dataE08_Type03 = JSON.parse('<%=E08_Type03 %>');
var dataE08_Values03 = JSON.parse('<%=E08_Values03 %>');
var dataE06_Type03 = JSON.parse('<%=E06_Type03 %>');
var dataE06_Values03 = JSON.parse('<%=E06_Values03 %>');
$(function () {
///一次合格率
// 施工分包商
@@ -171,7 +219,7 @@
} else if (type == '2') {
initEchart02({ canvasId: 'echarts02', y: <%=HK1 %>, n: <%=HK2 %> })
}--%>
initEchart02({ canvasId: 'echarts02', y: <%=PipeRate1 %>, n: <%=PipeRate2 %> })
<%-- initEchart02({ canvasId: 'echarts02', y: <%=PipeRate1 %>, n: <%=PipeRate2 %> })--%>
})
$('.sub-section-03 ul li').click(function () {
var value = $(this).text()
@@ -200,41 +248,54 @@
$(this).addClass('active').siblings().removeClass('active')
if (type == 'fbs') {
// 分包商
initEchart04(dataE08_Type01, dataE08_Values01)
initEchart04(dataE04_Type01, dataE04_Values01)
} else if (type == 'dwgc') {
// 单位工程
initEchart04(dataE08_Type02, dataE08_Values02)
initEchart04(dataE04_Type02, dataE04_Values02)
} else if (type == 'czlb') {
// 材质类别
initEchart04(dataE08_Type03, dataE08_Values03)
initEchart04(dataE04_Type03, dataE04_Values03)
} else if (type == 'gg') {
// 焊缝规格
initEchart04(dataE04_Type04, dataE04_Values04)
} else if (type == 'lx') {
// 焊缝类型
initEchart04(dataE04_Type05, dataE04_Values05)
} else if (type == 'sx') {
// 焊缝属性
initEchart04(dataE04_Type06, dataE04_Values06)
}
})
$('.sub-section-05 ul li').click(function () {
var type = $(this).attr('data-type')
$(this).addClass('active').siblings().removeClass('active')
if (type == 'fbs') {
if (type == 'cz') {
// 分包商
initEchart05(dataE05_Type01, dataE05_Values01_1, dataE05_Values01_2)
} else if (type == 'dwgc') {
initEchart05(dataE05_Type01, dataE05_Values01)
} else if (type == 'gg') {
// 单位工程
initEchart05(dataE05_Type02, dataE05_Values02_1, dataE05_Values02_2)
} else if (type == 'czlb') {
initEchart05(dataE05_Type02, dataE05_Values02)
} else if (type == 'lb') {
// 材质类别
initEchart05(dataE05_Type03, dataE05_Values03_1, dataE05_Values03_2)
initEchart05(dataE05_Type03, dataE05_Values03)
}
else if (type == 'sx') {
// 材质类别
initEchart05(dataE05_Type04, dataE05_Values04)
}
})
$('.sub-section-06 ul li').click(function () {
var type = $(this).attr('data-type')
$(this).addClass('active').siblings().removeClass('active')
if (type == 'fbs') {
var data = [40, 90, 83, 95, 80, 40, 90, 83, 95, 80, 40]
initEchart06(data)
// 分包商
initEchart06(dataE06_Type01, dataE06_Values01)
} else if (type == 'dwgc') {
var data = [80, 90, 83, 95, 80, 20, 90, 83, 95, 80, 20]
initEchart06(data)
// 单位工程
initEchart06(dataE06_Type02, dataE06_Values02)
} else if (type == 'czlb') {
var data = [120, 90, 83, 95, 10, 40, 90, 83, 95, 80, 30]
initEchart06(data)
// 材质类别
initEchart06(dataE06_Type03, dataE06_Values03)
}
})
@@ -500,7 +561,7 @@
});
}
function initEchart05(xAxisData, data1, data2) {
function initEchart05(xAxisData, data) {
var chartDom = document.getElementById('echarts05');
var myChart = echarts.init(chartDom, null);
var option;
@@ -576,10 +637,10 @@
},
series: [
{
name: '焊口数',
name: '缺陷数',
type: 'bar',
barWidth: 20,
data: data1,
data: data,
barGap: '10%',/*多个并排柱子设置柱子之间的间距*/
itemStyle: {
color: '#1ab1ff',
@@ -598,29 +659,7 @@
}
}
},
{
name: '完成焊口数',
type: 'bar',
barWidth: 20,
data: data2,
barGap: '10%',/*多个并排柱子设置柱子之间的间距*/
itemStyle: {
color: '#4cffc3',
emphasis: {
barBorderRadius: [10, 10, 0, 0],
},
normal: {
barBorderRadius: [10, 10, 0, 0],
color: new echarts.graphic.LinearGradient(
1, 1, 1, 0,
[
{ offset: 0, color: '#4affc6' },
{ offset: 1, color: '#18fdf9' }
]
)
}
}
},
]
};
@@ -632,11 +671,11 @@
});
}
function initEchart06(data) {
function initEchart06(xAxisData,data) {
var chartDom = document.getElementById('echarts06');
var myChart = echarts.init(chartDom);
var option;
var xAxisData = ['类型1', '类型2', '类型3', '类型4', '类型5', '类型6', '类型7', '类型8', '类型9', '类型10', '类型11']
// var xAxisData = ['类型1', '类型2', '类型3', '类型4', '类型5', '类型6', '类型7', '类型8', '类型9', '类型10', '类型11']
option = {
color: ['#499ab6'],
grid: {
@@ -734,7 +773,7 @@
}
// initEchart02({ canvasId: 'echarts01', y: <%=GCRate1 %>, n: <%=GCRate2 %> })
// initEchart02({ canvasId: 'echarts02', y: <%=XCRate1 %>, n: <%=XCRate2 %> })
initEchart02({ canvasId: 'echarts02', y: <%=PipeRate1 %>, n: <%=PipeRate2 %> })
<%-- initEchart02({ canvasId: 'echarts02', y: <%=PipeRate1 %>, n: <%=PipeRate2 %> })--%>
// 03的数值
var indicator = [
{ text: '问题1', max: 150, },
@@ -745,11 +784,11 @@
{ text: '问题2', max: 150, }
]
// initEchart03({ name: '按分包商', value: [130, 93, 50, 90, 70, 60], indicator: indicator })
initEchart04(dataE08_Type01, dataE08_Values01)
var data = [100, 50, 100, 100, 100, 100, 100, 50, 100, 100, 100];
initEchart05(dataE05_Type01, dataE05_Values01_1, dataE05_Values01_2)
var data = [40, 90, 83, 95, 80, 40, 90, 83, 95, 80, 40]
initEchart06(data)
initEchart04(dataE04_Type01, dataE04_Values01)
initEchart05(dataE05_Type01, dataE05_Values01)
initEchart06(dataE06_Type01, dataE06_Values01)
})
</script>
</body>