2022-12-26 14:34:56 +08:00
|
|
|
|
<%@ 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">
|
2023-08-10 11:40:02 +08:00
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
2022-12-26 14:34:56 +08:00
|
|
|
|
<title>质量焊接数据看板</title>
|
2023-08-10 11:40:02 +08:00
|
|
|
|
<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"/>
|
2022-12-26 14:34:56 +08:00
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="sd-index2-body">
|
2023-08-10 11:40:02 +08:00
|
|
|
|
<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>
|
2022-12-26 14:34:56 +08:00
|
|
|
|
</div>
|
2023-08-10 11:40:02 +08:00
|
|
|
|
<div class="sd-header-title">
|
|
|
|
|
质量焊接数据
|
2022-12-26 14:34:56 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-08-10 11:40:02 +08:00
|
|
|
|
<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>
|
2022-12-26 14:34:56 +08:00
|
|
|
|
</div>
|
2023-08-10 11:40:02 +08:00
|
|
|
|
<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>
|
2022-12-26 14:34:56 +08:00
|
|
|
|
</div>
|
2023-08-10 11:40:02 +08:00
|
|
|
|
<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>
|
2022-12-26 14:34:56 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-08-10 11:40:02 +08:00
|
|
|
|
<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>
|
2022-12-26 14:34:56 +08:00
|
|
|
|
</div>
|
2023-08-10 11:40:02 +08:00
|
|
|
|
<div class="sbc-center bg js-hover" data-type="QualityAcceptance">
|
|
|
|
|
<div class="tit">质量验收数据</div>
|
|
|
|
|
<div class="pic" id="zlyssj"></div>
|
2022-12-26 14:34:56 +08:00
|
|
|
|
</div>
|
2023-08-10 11:40:02 +08:00
|
|
|
|
<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>
|
2022-12-26 14:34:56 +08:00
|
|
|
|
</div>
|
2023-08-10 11:40:02 +08:00
|
|
|
|
</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>
|
2022-12-26 14:34:56 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-08-10 11:40:02 +08:00
|
|
|
|
<div class="hover-wrap">
|
|
|
|
|
<div class="hover-item">
|
|
|
|
|
</div>
|
2022-12-26 14:34:56 +08:00
|
|
|
|
</div>
|
2023-08-10 11:40:02 +08:00
|
|
|
|
<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%>]
|
2022-12-26 14:34:56 +08:00
|
|
|
|
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)
|
2023-08-10 11:40:02 +08:00
|
|
|
|
var dataaq1 = [<%=dataaq1%>]
|
2022-12-26 14:34:56 +08:00
|
|
|
|
|
2023-08-10 11:40:02 +08:00
|
|
|
|
var indicator = [ <%=indicator%> ]
|
|
|
|
|
//initqxfx('qxfx', dataaq1, indicator)
|
|
|
|
|
initPie("qxfx", dataaq1)
|
|
|
|
|
initScroll()
|
|
|
|
|
// initHover();
|
|
|
|
|
initClick();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
</script>
|
2022-12-26 14:34:56 +08:00
|
|
|
|
</body>
|
2023-08-10 11:40:02 +08:00
|
|
|
|
|
2022-12-26 14:34:56 +08:00
|
|
|
|
</html>
|