1008 lines
42 KiB
Plaintext
1008 lines
42 KiB
Plaintext
<%@ 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" />
|
||
<link rel="stylesheet" href="../res/assets/css/xfk.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 js-hover" data-type="QualityTrainingData">
|
||
<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 js-hover" data-type="MeasuringInstrumentsData">
|
||
<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 js-hover" data-type="ManagerData">
|
||
<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 js-hover" data-type="QualityProblem">
|
||
<div class="tit">质量问题治理数据</div>
|
||
<div class="pic" id="zlwtzlsj"></div>
|
||
</div>
|
||
<div class="sbct-right bg js-hover" data-type="QualityControlPoint">
|
||
<div class="tit">质量控制点数据</div>
|
||
<div class="pic" id="zlkzdsj"></div>
|
||
</div>
|
||
</div>
|
||
<div class="sbc-center bg js-hover" data-type="QualityAcceptance">
|
||
<div class="tit">质量验收数据</div>
|
||
<div class="pic" id="zlyssj"></div>
|
||
</div>
|
||
<div class="sbc-bottom bg js-hover" data-type="ProjectDivision">
|
||
<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 js-hover" data-type="HjData">
|
||
<div class="first">焊工</div>
|
||
<div>总数</div>
|
||
</div>
|
||
<div class="sbig-right"><%=showData(hJGLData_HJGL.WelderNum,"--") %></div>
|
||
</div>
|
||
<div class="sbrci-list js-hover" data-type="HjData">
|
||
<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 js-hover" data-type="DefectAnalysis" id="qxfx"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="hover-wrap">
|
||
<div class="hover-item">
|
||
</div>
|
||
</div>
|
||
<div class="click-wrap" style="height: 75%; top: 10%;">
|
||
<div class="click-close"></div>
|
||
<div class="click-item">
|
||
<%-- <iframe src="../SysManage/Unit.aspx" width="100%" height="450"></iframe>--%>
|
||
<iframe src="" id="iframe" width="100%" height="450"></iframe>
|
||
</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();
|
||
if ($(".is-vertical").offset() != undefined) {
|
||
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 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'
|
||
},
|
||
interval: 0
|
||
}
|
||
}
|
||
],
|
||
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',
|
||
interval: 0
|
||
},
|
||
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 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>'
|
||
},
|
||
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 GetHtml(obj) {
|
||
var $this = $(obj), type = $this.attr('data-type'), tabType = $this.attr('data-tabType') || '';
|
||
var title = '';
|
||
var content = '';
|
||
if (type == 'QualityTrainingData') {
|
||
title = '质量培训数据'
|
||
}
|
||
else if (type == 'MeasuringInstrumentsData') {
|
||
title = '计量器具数据'
|
||
}
|
||
else if (type == 'ManagerData') {
|
||
title = '管理人员数据'
|
||
}
|
||
else if (type == 'QualityProblem') {
|
||
title = '质量问题数据'
|
||
}
|
||
else if (type == 'QualityControlPoint') {
|
||
title = '质量控制点数据'
|
||
}
|
||
else if (type == 'QualityAcceptance') {
|
||
title = '质量验收数据'
|
||
}
|
||
else if (type == 'ProjectDivision') {
|
||
title = '工程划分数据'
|
||
}
|
||
else if (type == 'HjData') {
|
||
title = '焊接数据'
|
||
}
|
||
else if (type == 'DefectAnalysis') {
|
||
title = '缺陷分析'
|
||
}
|
||
if (tabType != '') {
|
||
tabType = $this.closest('.bb-item').find('.tab-wrap .tab .active').attr('data-type')
|
||
if (tabType == null) {
|
||
tabType = $this.closest('.str-bottom').find('.tab-wrap .tab .active').attr('data-type')
|
||
}
|
||
}
|
||
content = dataHtmlContent[type + tabType] || ''
|
||
var html = ''
|
||
html += '<div class="tit">'
|
||
html += title
|
||
html += '</div>'
|
||
html += '<div class="content">'
|
||
if (content != '') {
|
||
var contentArr = content.split('|')
|
||
for (var i = 0; i < contentArr.length; i++) {
|
||
var contentNow = contentArr[i] || ''
|
||
if (contentNow != '') {
|
||
html += '<div class="text">'
|
||
html += contentNow
|
||
html += '</div>'
|
||
}
|
||
}
|
||
}
|
||
html += '</div>'
|
||
return html;
|
||
}
|
||
|
||
function initHover() {
|
||
var x = 10, y = 20;
|
||
// 设置maxHeight值
|
||
//$('.hover-wrap .hover-item').css('max-height', '300px')
|
||
$(".js-hover").mouseover(function (e) {
|
||
if ($('.click-wrap').css('display') == 'block') {
|
||
return
|
||
}
|
||
var $hoverWrap = $(".hover-wrap");
|
||
var htmlContent = GetHtml(this)
|
||
$hoverWrap.find('.hover-item').html(htmlContent)
|
||
var length = $hoverWrap.find('.hover-item .text').length
|
||
var numHeightFix = length > 10 ? (length / 2) * 20 : 0
|
||
var windowX = $(window).width(), windowY = $(window).height();
|
||
var leftValue = e.clientX, righttValue = e.clientX
|
||
if (leftValue < windowX / 2) {
|
||
leftValue = e.clientX + y
|
||
righttValue = 'auto'
|
||
} else {
|
||
leftValue = 'auto'
|
||
righttValue = windowX - e.clientX + y
|
||
}
|
||
var topValue = e.clientY, bottomValue = e.clientY
|
||
if (topValue < windowY / 2) {
|
||
topValue = Math.max(e.clientY + x + $(document).scrollTop() - numHeightFix, 0)
|
||
bottomValue = 'auto'
|
||
} else {
|
||
topValue = 'auto'
|
||
//bottomValue = windowY - (e.clientY + x) - $(document).scrollTop() - numHeightFix
|
||
if (windowY - e.clientY < numHeightFix) {
|
||
bottomValue = windowY - (e.clientY + x) - $(document).scrollTop()
|
||
}
|
||
else {
|
||
bottomValue = windowY - (e.clientY + x) - $(document).scrollTop() - numHeightFix
|
||
}
|
||
// console.log("1:", e.clientY, numHeightFix, windowY - (e.clientY + x) - $(document).scrollTop())
|
||
}
|
||
$hoverWrap.css({
|
||
top: topValue,
|
||
bottom: bottomValue,
|
||
left: leftValue,
|
||
right: righttValue,
|
||
}).show()
|
||
}).mouseout(function () {
|
||
$(".hover-wrap").hide()
|
||
}).mousemove(function (e) {
|
||
if ($('.click-wrap').css('display') == 'block') {
|
||
return
|
||
}
|
||
var $hoverWrap = $(".hover-wrap");
|
||
var htmlContent = GetHtml(this)
|
||
$hoverWrap.find('.hover-item').html(htmlContent)
|
||
var length = $hoverWrap.find('.hover-item .text').length
|
||
var numHeightFix = length > 10 ? (length / 2) * 20 : 0
|
||
var windowX = $(window).width(), windowY = $(window).height();
|
||
|
||
var leftValue = e.clientX
|
||
var righttValue = e.clientX
|
||
|
||
if (leftValue < windowX / 2) {
|
||
leftValue = e.clientX + y
|
||
righttValue = 'auto'
|
||
} else {
|
||
leftValue = 'auto'
|
||
righttValue = windowX - e.clientX + y
|
||
}
|
||
// console.log('mousemove - end', leftValue, righttValue)
|
||
var topValue = e.clientY, bottomValue = e.clientY
|
||
if (topValue < windowY / 2) {
|
||
topValue = Math.max(e.clientY + x + $(document).scrollTop() - numHeightFix, 0)
|
||
bottomValue = 'auto'
|
||
} else {
|
||
topValue = 'auto'
|
||
//bottomValue = Math.max(windowY - (e.clientY + x) - $(document).scrollTop() - numHeightFix, 0)
|
||
//bottomValue = windowY - (e.clientY + x) - $(document).scrollTop() - numHeightFix
|
||
if (windowY - e.clientY < numHeightFix) {
|
||
bottomValue = windowY - (e.clientY + x) - $(document).scrollTop()
|
||
}
|
||
else {
|
||
bottomValue = windowY - (e.clientY + x) - $(document).scrollTop() - numHeightFix
|
||
}
|
||
// console.log("2:", e.clientY, numHeightFix, windowY - (e.clientY + x) - $(document).scrollTop())
|
||
}
|
||
$hoverWrap.css({
|
||
top: topValue,
|
||
bottom: bottomValue,
|
||
left: leftValue,
|
||
right: righttValue,
|
||
}).show()
|
||
})
|
||
}*/
|
||
|
||
function GetClickHtml(obj) {
|
||
var $this = $(obj), type = $this.attr('data-type'), tabType = $this.attr('data-tabType') || '';
|
||
var title = '';
|
||
if (tabType != '') {
|
||
tabType = $this.closest('.bb-item').find('.tab-wrap .tab .active').attr('data-type')
|
||
if (tabType == null) {
|
||
tabType = $this.closest('.str-bottom').find('.tab-wrap .tab .active').attr('data-type')
|
||
}
|
||
}
|
||
console.log(type)
|
||
if (type == 'QualityTrainingData') {
|
||
// $('iframe').attr('src', '../InterfacePopup/CQMS/QualityTrainingData.aspx') //质量培训数据
|
||
window.open("../DataShow/QualityTraining.aspx")
|
||
|
||
}
|
||
else if (type == 'MeasuringInstrumentsData') {
|
||
// $('iframe').attr('src', '../InterfacePopup/CQMS/MeasuringInstrumentsData.aspx') //计量器具数据
|
||
window.open("../DataShow/QualityInstruments.aspx")
|
||
|
||
|
||
title = '计量器具数据'
|
||
}
|
||
else if (type == 'ManagerData') {
|
||
// $('iframe').attr('src', '../InterfacePopup/CQMS/ManagerData.aspx') //管理人员数据
|
||
window.open("../DataShow/QualityPerson.aspx")
|
||
|
||
title = '管理人员数据'
|
||
}
|
||
else if (type == 'QualityProblem') {
|
||
// $('iframe').attr('src', '../InterfacePopup/CQMS/QualityProblem.aspx') //质量问题数据
|
||
window.open("../DataShow/QualityProblem.aspx")
|
||
|
||
}
|
||
else if (type == 'QualityControlPoint') {
|
||
// $('iframe').attr('src', '../InterfacePopup/CQMS/QualityControlPoint.aspx') //质量控制点数据
|
||
window.open("../DataShow/QualityControlPoint.aspx")
|
||
|
||
}
|
||
else if (type == 'QualityAcceptance') {
|
||
// $('iframe').attr('src', '../InterfacePopup/CQMS/QualityAcceptance.aspx') //质量验收数据
|
||
window.open("../DataShow/QualityAcceptance.aspx")
|
||
|
||
}
|
||
else if (type == 'ProjectDivision') {
|
||
// $('iframe').attr('src', '../InterfacePopup/CQMS/ProjectDivision.aspx') //工程划分数据
|
||
window.open("../DataShow/ProjectDivision.aspx")
|
||
|
||
}
|
||
else if (type == 'HjData') {
|
||
// $('iframe').attr('src', '../InterfacePopup/CQMS/HjData.aspx') //焊接数据
|
||
window.open("../DataShow/HJGLWelding.aspx")
|
||
|
||
}
|
||
else if (type == 'DefectAnalysis') {
|
||
// $('iframe').attr('src', '../InterfacePopup/CQMS/DefectAnalysis.aspx') //缺陷分析
|
||
window.open("../DataShow/HJGLDefect.aspx")
|
||
|
||
}
|
||
else {
|
||
// $('iframe').attr('src', '../SysManage/Unit.aspx')
|
||
//window.open("../DataShow/HJGLDefect.aspx")
|
||
|
||
console.log("通用")
|
||
}
|
||
}
|
||
|
||
function initClick() {
|
||
// 设置iframe高度
|
||
$('.click-wrap .click-item iframe').height($('.click-wrap').height())
|
||
$(".js-hover").click(function () {
|
||
var htmlContent = GetClickHtml(this)
|
||
//$('.click-wrap').show()
|
||
//$(".hover-wrap").hide()
|
||
})
|
||
$('.click-close').click(function () {
|
||
$('.click-wrap').hide()
|
||
})
|
||
}
|
||
$(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)
|
||
initPie("qxfx", dataaq1)
|
||
initScroll()
|
||
// initHover();
|
||
initClick();
|
||
});
|
||
|
||
</script>
|
||
</body>
|
||
|
||
</html>
|