765 lines
		
	
	
		
			27 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
			
		
		
	
	
			765 lines
		
	
	
		
			27 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"/>
 | 
						||
</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">
 | 
						||
            <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">
 | 
						||
            <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">
 | 
						||
            <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">
 | 
						||
            <div class="tit">质量问题治理数据</div>
 | 
						||
            <div class="pic" id="zlwtzlsj"></div>
 | 
						||
          </div>
 | 
						||
          <div class="sbct-right bg">
 | 
						||
            <div class="tit">质量控制点数据</div>
 | 
						||
            <div class="pic" id="zlkzdsj"></div>
 | 
						||
          </div>
 | 
						||
        </div>
 | 
						||
        <div class="sbc-center bg">
 | 
						||
          <div class="tit">质量验收数据</div>
 | 
						||
          <div class="pic" id="zlyssj"></div>
 | 
						||
        </div>
 | 
						||
        <div class="sbc-bottom bg">
 | 
						||
          <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">
 | 
						||
                <div class="first">焊工</div>
 | 
						||
                <div>总数</div>
 | 
						||
              </div>
 | 
						||
              <div class="sbig-right"><%=showData(hJGLData_HJGL.WelderNum,"--") %></div>
 | 
						||
            </div>
 | 
						||
            <div class="sbrci-list">
 | 
						||
              <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" id="qxfx"></div>
 | 
						||
          </div>
 | 
						||
        </div>
 | 
						||
      </div>
 | 
						||
    </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();
 | 
						||
          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 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>'
 | 
						||
              },
 | 
						||
             // color: ['#1AB1FF', '#FADC42', '#E56E34', '#F24166'],
 | 
						||
              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 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'
 | 
						||
                          }
 | 
						||
                      }
 | 
						||
                  }
 | 
						||
              ],
 | 
						||
              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',
 | 
						||
                  },
 | 
						||
                  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 () {
 | 
						||
          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)
 | 
						||
          var pie = [<%=pie%>]
 | 
						||
 | 
						||
          initPie("qxfx", pie)
 | 
						||
          initScroll()
 | 
						||
      });
 | 
						||
 | 
						||
  </script>
 | 
						||
</body>
 | 
						||
</html>
 |