| | |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <html xmlns="http://www.w3.org/1999/xhtml"> |
| | | <head> |
| | | <meta charset="utf-8" /> |
| | | <title>PPM绩æè¶å¿å¾</title> |
| | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| | | <title>PPMèæ ¸è¶å¿å¾</title> |
| | | <meta name="renderer" content="webkit"> |
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| | | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
| | | <!--å¼ç¨layuiæ ·å¼æä»¶--> |
| | | <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all"> |
| | | <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all"> |
| | | <!--å¼ç¨layui jsæä»¶--> |
| | | <script src="../../../layuiadmin/layui/layui.js"></script> |
| | | <script src="../../../layuiadmin/HideButton.js"></script> |
| | | <script src="../../../layuiadmin/PubCustom.js"></script> |
| | | <script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script> |
| | | <script src="../../../layuiadmin/Scripts/json2.js"></script> |
| | | <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script> |
| | | <script src="../../../layuiadmin/Scripts/webConfig.js"></script> |
| | | <script src="../../../layuiadmin/PubCustom.js"></script> |
| | | <script src="../../../layuiadmin/HideButton.js"></script> |
| | | <script src="../../../layuiadmin/soulTable.slim.js"></script> |
| | | <script src="../../../layuiadmin/PageTitle.js"></script> |
| | | <script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script> |
| | | <script src='../../../layuiadmin/lib/extend/echarts.min.js'></script> |
| | | |
| | | <style type="text/css"> |
| | | input.layui-input.layui-unselect { |
| | | padding-right: 0; |
| | | } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <div class="layui-fluid"> |
| | | <div class="layui-col-md12"> |
| | | <div class="layui-card" style="padding: 1px"> |
| | | <div class="layui-card-body" style="padding: 1px;"> |
| | | |
| | | <form class="layui-form" action="" lay-filter="component-form-group"> |
| | | |
| | | <div class="layui-collapse"> |
| | | <div class="layui-colla-item" style="margin-top: 10px; margin-bottom: 10px;"> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">æ¥æ</label> |
| | | <div class="layui-input-block"> |
| | | <input name="HDate" id="HDate" autocomplete="off" class="layui-input ForFilteringSchemes"> |
| | | <div class="layui-colla-item"> |
| | | <div class="layui-colla-title layui-inline"> |
| | | <div class="layui-inline"> |
| | | <span>æ´å¤</span> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">é¨é¨</label> |
| | | <div class="layui-input-block"> |
| | | <input type="text" class="layui-input" name="HDeptName" id="HDeptName" lay-verify="HDeptName" value="" style="background-color:#efefef4d;width: 60%;display: inline-block;" readonly> |
| | | <input type="hidden" class="layui-input" name="HDeptID" lay-verify="HDeptID" id="HDeptID" value="0"> |
| | | <button type="button" lay-submit="" class="layui-btn" lay-filter="btnHDept" style="width:20px;"> |
| | | <i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i> |
| | | </button> |
| | | </div> |
| | | </div> |
| | | <!--<div class="layui-inline"> |
| | | <label class="layui-form-label" style="width: 85px;">ç»ç»</label> |
| | | <div class="layui-input-block" style="margin-left: 120px; width: 185px;"> |
| | | <select name="HStockOrgID" id="HStockOrgID" class="ForFilteringSchemes" lay-verify="HStockOrgID"> |
| | | å¨ææ¸²æç»ç» |
| | | <label class="layui-form-label" style="width: 85px;">å¹´</label> |
| | | <div class="layui-input-block" style="margin-left: 120px; width: 85px;"> |
| | | <select name="HYear" id="HYear" lay-verify="HYear"> |
| | | <!--å¨ææ¸²æå¹´ä»½--> |
| | | </select> |
| | | </div> |
| | | </div>--> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label" style="width: 85px;">æ¯å¦é产</label> |
| | | <div class="layui-input-block" style="margin-left: 120px; width: 185px;"> |
| | | <select name="HBatchWork" id="HBatchWork" lay-verify="HBatchWork"> |
| | | <label class="layui-form-label" style="width: 85px;">æ</label> |
| | | <div class="layui-input-block" style="margin-left: 120px; width: 85px;"> |
| | | <select name="HMonth" id="HMonth" lay-verify="HMonth"> |
| | | <option value="">è¯·éæ©</option> |
| | | <option value="1">é产</option> |
| | | <option value="0">éé产</option> |
| | | <option value="1">1</option> |
| | | <option value="2">2</option> |
| | | <option value="3">3</option> |
| | | <option value="4">4</option> |
| | | <option value="5">5</option> |
| | | <option value="6">6</option> |
| | | <option value="7">7</option> |
| | | <option value="8">8</option> |
| | | <option value="9">9</option> |
| | | <option value="10">10</option> |
| | | <option value="11">11</option> |
| | | <option value="12">12</option> |
| | | </select> |
| | | </div> |
| | | </div> |
| | |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label" style="width: 85px;">æ¯å¦é产</label> |
| | | <div class="layui-input-block" style="margin-left: 120px; width: 185px;"> |
| | | <select name="HBatchWork" id="HBatchWork" lay-verify="HBatchWork"> |
| | | <option value="">è¯·éæ©</option> |
| | | <option value="1">é产</option> |
| | | <option value="0">éé产</option> |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch" id="btnSearch"> |
| | | <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i> |
| | | </button> |
| | | <button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnReSearch" id="btnReSearch" style="padding:0 5px">éç½®</button> |
| | | <div class="layui-row" style="margin-top:5px;margin-left:82px;margin-bottom:5px;"> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">é¨é¨</label> |
| | | <div class="layui-input-block"> |
| | | <input type="text" class="layui-input" name="HDeptName" id="HDeptName" lay-verify="HDeptName" value="" style="background-color:#efefef4d;width: 60%;display: inline-block;" readonly> |
| | | <input type="hidden" class="layui-input" name="HDeptID" lay-verify="HDeptID" id="HDeptID" value=""> |
| | | <button type="button" lay-submit="" class="layui-btn" lay-filter="btnHDept" style="width:20px;"> |
| | | <i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i> |
| | | </button> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label" style="width: 85px;">ä¾åºååç§°</label> |
| | | <div class="layui-input-block"> |
| | | <input type="text" class="layui-input" lay-verify="HSupName" name="HSupName" id="HSupName" value="" style="background-color: #efefef4d; width: 65%; display: inline-block;" readonly> |
| | | <input type="hidden" class="layui-input" name="HSupID" lay-verify="HSupID" id="HSupID" value=""> |
| | | <button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnHSup" id="btnHSup" style="padding: 0 10px;float: right;margin-right: 3px;"> |
| | | <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i> |
| | | </button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <div style="width:99%;height:calc(100vh);"> |
| | | <table class="" id="mainTable" lay-filter="mainTable"></table> |
| | | </div> |
| | | <div id="histogram" style="width: 99.5%; height: calc(68vh); margin-top: 10px;; margin-bottom: 100px;"> |
| | | <div id="histogram" style="width:99.5%;height:calc(68vh);margin-top:10px;"> |
| | | </div> |
| | | </div> |
| | | <script type="text/html" id="toolbarDemo"> |
| | | <div class="layui-btn-container"> |
| | | <button type="button" class="layui-btn layui-btn-sm" lay-event="btn_Export" id="btn_Export"><i class="layui-icon layui-icon-export"></i>导åº</button> |
| | | <button type="button" class="layui-btn layui-btn-sm" lay-event="btn_Refresh" id="btn_Refresh"><i class="layui-icon layui-icon-refresh-3"></i>å·æ°</button> |
| | | <button type="button" class="layui-btn layui-btn-sm" lay-event="btn_Exit" id="btn_Exit"><i class="layui-icon layui-icon-logout"></i>éåº</button> |
| | | <button type="button" class="layui-btn layui-btn-sm" lay-event="btn_HideColumn" id="btn_HideColumn"><i class="layui-icon layui-icon-form"></i>å设置</button> |
| | | <button type="button" class="layui-btn layui-btn-sm" lay-event="btn_HideButton" id="btn_HideButton"><i class="layui-icon layui-icon-form"></i>æé®è®¾ç½®</button> |
| | | <button type="button" class="layui-btn layui-btn-sm" lay-event="get_Refresh" id="RefreshButton"><i class="layui-icon layui-icon-refresh-3"></i>å·æ°</button> |
| | | <button type="button" class="layui-btn layui-btn-sm" lay-event="get_export" id="get_export"><i class="layui-icon layui-icon-export"></i>导åº</button> |
| | | <button type="button" class="layui-btn layui-btn-sm" lay-event="set_HideColumn" id="HideButton"><i class="layui-icon layui-icon-form"></i>å设置</button> |
| | | <button type="button" class="layui-btn layui-btn-sm" lay-event="set_HideButton" id="HideButton"><i class="layui-icon layui-icon-form"></i>æé®è®¾ç½®</button> |
| | | <button type="button" class="layui-btn layui-btn-sm" lay-event="get_Exit" id="ExitButton"><i class="layui-icon layui-icon-logout"></i>éåº</button> |
| | | </div> |
| | | </script> |
| | | |
| | | </form> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <script> |
| | | layui.config({ |
| | | base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾ |
| | | }).extend({ |
| | | index: 'lib/index', //主å
¥å£æ¨¡å |
| | | }).use(['index', 'form', 'table', 'element', 'laypage', 'laydate', 'soulTable'], function () { |
| | | }).use(['index', 'form', 'table', 'element', 'laypage', 'laydate'], function () { |
| | | //#region å
Œ
±åé |
| | | var $ = layui.$ |
| | | , admin = layui.admin |
| | |
| | | , element = layui.element |
| | | , laypage = layui.laypage |
| | | , laydate = layui.laydate |
| | | , soulTable = layui.soulTable |
| | | var HModName = "QC_PPMReport"; |
| | | var HBillType = "QC_PPMReport"; |
| | | var HMaker = sessionStorage["HUserName"] |
| | | var HStockOrgID = sessionStorage["OrganizationID"] //ç»ç»ID |
| | | var sDate = Format(new Date(), "yyyy-MM-dd") |
| | | //æ¥è¯¢æ¡ä»¶ |
| | | var sWhere = ""; |
| | | var ins; //ç¨äºå¯¼åºexcel |
| | | var option = []; |
| | | var columns = ""; |
| | | var titleData = []; //ä¸éè¦æ¾ç¤ºçåæ®µ |
| | | var HModName = "QC_PPMReport"; |
| | | //ä¸éè¦æ¾ç¤ºçåæ®µ 坿©å± |
| | | var titleData = []; |
| | | |
| | | |
| | | var ins; //ç¨äºå¯¼åºexcel |
| | | //#endregion |
| | | |
| | | //#region ã卿è·å模ååç§°ã |
| | | //éè¿åæ®ç±»åï¼ä»æ°æ®åºå¨æè·ååæ®æ¨¡åå½å,å¼ç¨jsæä»¶ PageTitle.js |
| | | var HPageTitle = get_PageTitle(HBillType) == "" ? document.title : get_PageTitle(HBillType); |
| | | //#endregion |
| | | var totalArray = []; |
| | | |
| | | //#region è¿å
¥é¡µé¢å³å è½½ |
| | | |
| | | //#region åå§åçé¢ |
| | | |
| | | //#region è¿å
¥é¡µé¢æ¢å è½½ |
| | | //åå§åçé¢ |
| | | set_ClearBill(); |
| | | |
| | | function set_ClearBill() { |
| | | //è·åç»ç» |
| | | //set_StockOrg(); |
| | | //åå§åè¡¨åæ¶é´ |
| | | set_InitDate(); |
| | | Get_HProject(); //è·å项ç®å· |
| | | GetGy_Division();//è·åäºä¸é¨ |
| | | //åå§åè¡¨æ ¼ |
| | | set_InitGrid(); |
| | | |
| | | //æ§è¡æ¥è¯¢æ¹æ³ |
| | | get_FastQuery() |
| | | } |
| | | //#endregion |
| | | |
| | | //夿æ¯å¦ç»å½ æªç»å½åè·³å°ç»å½é¡µ |
| | | if (sessionStorage.login != "login") { |
| | | layer.confirm("ç»å½å¤±æï¼è¯·éæ°ç»å½ï¼", { |
| | | icon: 4, skin: 'layui-layer-lan', title: "温馨æç¤º", closeBtn: 0, btn: ['éæ°ç»å½'] |
| | | }, function () { window.location.href = "../../user/login.html"; }); |
| | | } |
| | | |
| | | //#region è·åç»ç» |
| | | //function set_StockOrg() { |
| | | // //è·åç»å½é¡µç»ç»å |
| | | // $.ajax({ |
| | | // type: "GET", |
| | | // url: GetWEBURL() + "/Web/GetOrganizations", |
| | | // async: false, //asyncç¨äºæ§å¶ï¼falseï¼åæ¥åï¼trueï¼å¼æ¥ï¼é»è®¤çæ¯trueï¼å³è¯·æ±é»è®¤çæ¯å¼æ¥è¯·æ± |
| | | // success: function (result) { |
| | | // var Organization = ""; |
| | | // Organization += '<option style="color:blue;" value="-1">å
¨é¨</option>'; |
| | | // if (result.count == 1) { // 说æéªè¯æåäºï¼ |
| | | // var data = result.data; |
| | | // for (var i = 0; i < data.length; i++) { |
| | | // Organization += '<option style="color:blue;" value="' + data[i].ID + '">' + data[i].Name + '</option>'; |
| | | // } |
| | | // $("#HStockOrgID").append(Organization); |
| | | // $("#HStockOrgID").val(HStockOrgID) |
| | | // form.render('select'); |
| | | // } |
| | | // layer.closeAll("loading"); |
| | | // }, |
| | | // complete: function (XHR, TS) { XHR = null }//åæ¶èµæº |
| | | // }) |
| | | //} |
| | | //#endregion |
| | | |
| | | //#region åå§åè¡¨åæ¶é´æä»¶ |
| | | function set_InitDate() { |
| | | //常è§ç¨æ³ |
| | | laydate.render({ |
| | | elem: '#HDate' |
| | | , type: 'year' |
| | | , value: new Date() |
| | | , btns: ['now'] |
| | | , showBottom: false //æ¯å¦æ¾ç¤ºåºé¨æ |
| | | , ready: function (date) { |
| | | $("#layui-laydate").off('click', '.laydate-month-list li', function () { |
| | | $("#layui-laydate").remove; |
| | | }); |
| | | } |
| | | //鿩年份ææä»½é½ä¼å
³é |
| | | , change: function (value, date, endDate) { //ç嬿¥æè¢«åæ¢ |
| | | lay('#HDate').val(value); |
| | | if ($(".layui-laydate").length) { |
| | | $(".layui-laydate").remove(); |
| | | } |
| | | } |
| | | }); |
| | | } |
| | | //#endregion |
| | | |
| | | //#region åå§åè¡¨æ ¼æ¹æ³ |
| | | function set_InitGrid() { |
| | | option = { |
| | | elem: '#mainTable' |
| | | , toolbar: '#toolbarDemo' |
| | | , page: true |
| | | //, totalRow: true |
| | | , height: 'full-50' |
| | | , cellMinWidth: 90 |
| | | , limit: 50 |
| | | , limits: [50, 500, 5000, 20000] |
| | | , done: function (res, curr, count) { |
| | | soulTable.render(this); |
| | | } |
| | | //#region 触åäºä»¶ï¼å
æ¬form.on(){}æ ¼å¼çææç¹å»äºä»¶ãéæ©äºä»¶ç |
| | | //头工å
·æ äºä»¶ |
| | | table.on('toolbar(mainTable)', function (obj) { |
| | | var checkStatus = table.checkStatus(obj.config.id); |
| | | switch (obj.event) { |
| | | //å·æ° |
| | | case 'get_Refresh': get_Refresh(); |
| | | break; |
| | | //éåºæé® |
| | | case 'get_Exit': Pub_Close(2); |
| | | break; |
| | | //导åºexcel |
| | | case 'get_export': |
| | | get_Export(); |
| | | break; |
| | | }; |
| | | } |
| | | }); |
| | | //æ¥è¯¢æé® |
| | | form.on('submit(btnSearch)', function (data) { |
| | | get_FastQuery(); |
| | | }); |
| | | // éç½®æé® |
| | | form.on('submit(btnReSearch)', function (data) { |
| | | set_ClearQuery(); |
| | | }); |
| | | //#region éæ©é¨é¨æé® |
| | | form.on('submit(btnHDept)', function () { |
| | | layer.open({ |
| | | type: 2 |
| | | , skin: "layui-layer-rim" //å ä¸è¾¹æ¡ |
| | | , title: "é¨é¨å表" //æ é¢ |
| | | , closeBtn: 1 //çªä½å³ä¸è§å
³é ç æ ·å¼ |
| | | , shift: 2 //å¼¹åºå¨ç» |
| | | , area: ["90%", "90%"] //çªä½å¤§å° |
| | | , maxmin: true //设置æå¤§æå°æé®æ¯å¦æ¾ç¤º |
| | | , content: ['../../åºç¡èµæ/å
¬ç¨åºç¡èµæ/Gy_DepartmentList.html', 'yes'] |
| | | , btn: ["ç¡®å®", "åæ¶"] |
| | | , btn1: function (index, laero) { |
| | | //æé®ä¸ çåè° |
| | | var iframeWindow = window["layui-layer-iframe" + index]; //è·åå¼¹æ¡é¡µé¢ |
| | | var checkStatus = iframeWindow.layui.table.checkStatus("mainTable"); //è·åéä¸çæ°æ® |
| | | |
| | | if (checkStatus.data.length != 1) { |
| | | return layer.msg("è¯·éæ©ä¸æ¡æ°æ®"); |
| | | } |
| | | $("#HDeptName").val(checkStatus.data[0].é¨é¨åç§°); |
| | | $("#HDeptID").val(checkStatus.data[0].HItemID); |
| | | layer.close(index); //å
³éå¼¹çª å®è·åçå§ç»æ¯ææ°å¼¹åºçæä¸ªå±ï¼å¼æ¯ç±layerå
é¨å¨æéå¢è®¡ç®ç |
| | | } |
| | | , btn2: function (index, layero) { } |
| | | , end: function () { |
| | | //å·æ°å表 |
| | | get_FastQuery(); |
| | | } |
| | | }) |
| | | }); |
| | | //#endregion |
| | | //#endregion |
| | | |
| | | //#region ç¹å»è¡éä¸é«äº® |
| | |
| | | }) |
| | | //#endregion |
| | | |
| | | //#region æ¤é¡µé¢æææ¹æ³ |
| | | // åå§åçé¢ |
| | | function set_ClearBill() { |
| | | Year(); //åå§åå¹´ |
| | | Get_HProject(); //è·å项ç®å· |
| | | GetGy_Division();//è·åäºä¸é¨ |
| | | set_InitGrid(); //åå§åè¡¨æ ¼ |
| | | get_FastQuery(); |
| | | //å è½½æ±ç¶å¾ |
| | | set_Graphics(); |
| | | |
| | | } |
| | | //åå§åè¡¨æ ¼ |
| | | function set_InitGrid() { |
| | | option = { |
| | | elem: '#mainTable' |
| | | , toolbar: '#toolbarDemo' |
| | | , height: 'full-50' |
| | | , page: true |
| | | , limits: [50, 500, 5000, 50000] |
| | | , limit: 50 |
| | | , cellMinWidth: 90 |
| | | |
| | | }; |
| | | } |
| | | |
| | | //å¹´ |
| | | function Year() { |
| | | var yyyy = new Date().getFullYear(); |
| | | var YearOption = ""; |
| | | for (var i = 0; i <= 10; i++) { |
| | | YearOption += '<option style="color:blue;" value="' + (yyyy - 5 + i) + '">' + (yyyy - 5 + i) + '</option>'; |
| | | } |
| | | $("#HYear").append(YearOption); |
| | | $("#HYear").val(yyyy); |
| | | $("#HMonth").val(new Date().getMonth() + 1); |
| | | form.render('select'); |
| | | } |
| | | |
| | | //#region è·åäºä¸é¨ |
| | | function GetGy_Division() { |
| | | //è·åäºä¸é¨ |
| | | var HDivisionList = '<option value="" style="color:red;" selected></option>'; |
| | | $.ajax({ |
| | | type: "get", |
| | | url: GetWEBURL() + "/Gy_Material/Get_Gy_Division", |
| | | async: false, |
| | | data: { "HOrgID": sessionStorage["OrganizationID"] }, |
| | | success: function (result) { |
| | | if (result.count == 1) { // 说æéªè¯æåäºï¼ |
| | | var data = result.data; |
| | | for (var i = 0; i < data.length; i++) { |
| | | HDivisionList += '<option style="color:blue;" value="' + data[i].HName + '" >' + data[i].HName + '</option>'; |
| | | } |
| | | $("#HDivisionName").append(HDivisionList); |
| | | form.render('select'); |
| | | |
| | | } |
| | | layer.closeAll("loading"); |
| | | } |
| | | }) |
| | | } |
| | | //#endregion |
| | | |
| | | //#region è·å项ç®å· |
| | | function Get_HProject() { |
| | | //è·å项ç®å· |
| | | var HProjectList = '<option value="" style="color:red;" selected></option>'; |
| | | $.ajax({ |
| | | type: "get", |
| | | url: GetWEBURL() + "/Gy_Material/Get_HProject", |
| | | async: false, |
| | | data: { "HOrgID": sessionStorage["OrganizationID"] }, |
| | | success: function (result) { |
| | | if (result.count == 1) { // 说æéªè¯æåäºï¼ |
| | | var data = result.data; |
| | | for (var i = 0; i < data.length; i++) { |
| | | HProjectList += '<option style="color:blue;" value="' + data[i].HName + '" >' + data[i].HName + '</option>'; |
| | | } |
| | | $("#HProject").append(HProjectList); |
| | | form.render('select'); |
| | | |
| | | } |
| | | layer.closeAll("loading"); |
| | | } |
| | | }) |
| | | } |
| | | //#endregion |
| | | |
| | | //æ¥è¯¢ |
| | | function get_Display(sWhere) { |
| | | var index = layer.load(0, { shade: false }); |
| | | var ajaxLoad = layer.load(); |
| | | //è¿å
¥é¡µé¢æ¾ç¤ºçç¼åå表 |
| | | $.ajax({ |
| | | |
| | | url: GetWEBURL() + '/QC_CustomerAppealReport/GetQC_PPMReport_Json', |
| | | type: "GET", |
| | | async:false, |
| | | data: { "sWhere": sWhere}, |
| | | success: function (data1) { |
| | | if (data1.count == 1) { |
| | | var data = []; |
| | | var col = []; |
| | | //ç»ç©ºçæ°ç»èµå¼ |
| | | for (var key in data1.list) { |
| | | data.push({ "id": data1.list[key].ColmCols, "name": data1.list[key].ColmCols, "Type": data1.list[key].ColmType }); |
| | | } |
| | | //å¨å表左边添å å¾éæ¡ |
| | | col.push({ type: 'checkbox', fixed: 'left' }); |
| | | for (var i = 0; i < data.length; i++) { |
| | | // if (data[i].name == 'HInterID' || data[i].name == 'HBillType' || data[i].name == 'hmainid') { |
| | | if ($.inArray(data[i].name, titleData) > -1) { |
| | | col.push({ field: data[i].id, title: data[i].name, align: 'center', hide: true }); //éèidå |
| | | } |
| | | else { |
| | | switch (data[i].Type) { |
| | | //int |
| | | case 'DateTime': |
| | | col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, templet: "<div>{{d." + data[i].name + " ==null ?'':layui.util.toDateString(d." + data[i].name + ", 'yyyy-MM-dd')}}</div>", width: 200 }); |
| | | break; |
| | | default: |
| | | col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, width: 200 }); |
| | | } |
| | | } |
| | | } |
| | | //卿æ¾ç¤ºåå |
| | | option = { |
| | | elem: '#mainTable' |
| | | , toolbar: '#toolbarDemo' |
| | | , cols: [col] |
| | | , data: data1.data |
| | | , height: 'full-80' |
| | | , page: true |
| | | , limits: [50, 500, 5000, 50000] |
| | | , limit: 50 |
| | | , cellMinWidth: 90 |
| | | } |
| | | ins = table.render(option); |
| | | |
| | | //å·æ°è¡¨æ ¼æ°æ® |
| | | DisPlay_HideColumn(); |
| | | |
| | | layer.close(ajaxLoad); |
| | | |
| | | } else { |
| | | layer.close(ajaxLoad); |
| | | layer.alert(data1.code + data1.Message, { icon: 5 }); |
| | | } |
| | | }, error: function () { |
| | | layer.close(ajaxLoad); |
| | | layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 }); |
| | | } |
| | | }); |
| | | layer.close(index); |
| | | } |
| | | |
| | | //å¿«éæ¥è¯¢ |
| | | function get_FastQuery() { |
| | | var HYear = $("#HYear").val(); |
| | | var HMonth = $("#HMonth").val(); |
| | | var HProject = $("#HProject").val();//项ç®å· |
| | | var HBatchWork = $("#HBatchWork").val();//æ¯å¦é产 |
| | | var HDivisionName = $("#HDivisionName").val();//äºä¸é¨ |
| | | var HSupID = $("#HSupID").val(); |
| | | var HDeptID = $("#HDeptID").val(); |
| | | |
| | | |
| | | sWhere = { |
| | | HYear: HYear |
| | | , HMonth: HMonth |
| | | , HSupID: HSupID |
| | | , HDivisionName: HDivisionName |
| | | , HProject: HProject |
| | | , HBatchWork: HBatchWork |
| | | , HDeptID: HDeptID |
| | | } |
| | | get_Display(JSON.stringify(sWhere)); |
| | | //å è½½æ±ç¶å¾ |
| | | set_Graphics(); |
| | | sWhere = "";//è°ç¨æ¥å£åæ¸
空sWhereç¼å |
| | | |
| | | } |
| | | |
| | | //éç½®å¿«éæ¥è¯¢ |
| | | function set_ClearQuery() { |
| | | $("#HYear").val(new Date().getFullYear()); |
| | | $("#HMonth").val(new Date().getMonth() + 1); |
| | | $("#HSupID").val(""); |
| | | $("#HSupName").val(""); |
| | | $("#HDeptID").val(0); |
| | | $("#HDeptName").val(""); |
| | | $("#HDivisionName").val(""); |
| | | $("#HProject").val(""); |
| | | $("#HBatchWork").val(""); |
| | | form.render('select'); |
| | | |
| | | sWhere = ""; |
| | | } |
| | | //å·æ° |
| | | function get_Refresh() { |
| | | $("#btnSearch").trigger('click'); |
| | | } |
| | | |
| | | //ä¾åºå |
| | | form.on('submit(btnHSup)', function () { |
| | | //页é¢å±-èªå®ä¹ |
| | | layer.open({ |
| | | type: 2, |
| | | skin: 'layui-layer-rim', //å ä¸è¾¹æ¡ |
| | | title: 'ä¾åºåå表', |
| | | closeBtn: 1, |
| | | shift: 2, |
| | | area: ['90%', '90%'], |
| | | maxmin: true, |
| | | content: ['../../åºç¡èµæ/éè´åºç¡èµæ/Gy_Supplier.html?Type=HSup', 'yes'], |
| | | btn: ['ç¡®å®', 'åæ¶'] |
| | | , btn1: function (index, layero) { |
| | | |
| | | //æé®ãæé®ä¸ãçåè° |
| | | var iframeWindow = window['layui-layer-iframe' + index] //è·åå¼¹æ¡é¡µé¢ |
| | | var checkStatus = iframeWindow.layui.table.checkStatus('mainTable');//è·åtableçelem:"#test" |
| | | if (checkStatus.data.length === 0) { |
| | | return layer.msg('è¯·éæ©æ°æ®'); |
| | | } |
| | | $("#HSupName").val(checkStatus.data[0].ä¾åºååç§°); |
| | | $("#HSupID").val(checkStatus.data[0].HItemID); |
| | | layer.close(layer.index); //å®è·åçå§ç»æ¯ææ°å¼¹åºçæä¸ªå±ï¼å¼æ¯ç±layerå
é¨å¨æéå¢è®¡ç®ç |
| | | } |
| | | , btn2: function (index, layero) { |
| | | //æé®ãæé®äºãçåè° |
| | | //return false å¼å¯è¯¥ä»£ç å¯ç¦æ¢ç¹å»è¯¥æé®å
³é |
| | | }, |
| | | end: function () { |
| | | |
| | | }, |
| | | success: function (layero, index) { |
| | | |
| | | } |
| | | }); |
| | | }); |
| | | |
| | | //#region ãæ±ç¶å¾ã |
| | | function set_Graphics() { |
| | | var chartDom = document.getElementById('histogram'); |
| | | var myChart = echarts.init(chartDom); |
| | | var option_ZZT; |
| | | |
| | | //æ±ç¶å¾ç»å®æ°æ® |
| | | var H_X = [];//Xè½´æ é¢ |
| | | var HBadCount = [];//ä¸è¯æ°é |
| | | var PPM = [];//䏿¬¡åæ ¼ |
| | | var HProcPPMTarGetVal = [];//PPMç®æ å¼ |
| | | var HTitle = "PPMèæ ¸ç»©æè¶å¿å¾";//å¾å½¢æ é¢ |
| | | |
| | | if (option.data.length > 0) { |
| | | for (let i = 0; i < option.data.length; i++) { |
| | | H_X.push(option.data[i].æ); |
| | | } |
| | | // å¡«å
æ°æ® |
| | | for (let i = 0; i < option.data.length; i++) { |
| | | |
| | | HBadCount.push(option.data[i].ä¸è¯æ»æ°); |
| | | PPM.push((option.data[i].PPM == null ? '0.00%' : option.data[i].PPM ).replace('%', '')); |
| | | HProcPPMTarGetVal.push(option.data[i].PPMç®æ å¼); |
| | | } |
| | | } |
| | | option_ZZT = { |
| | | title: { |
| | | text: HTitle, |
| | | left: 'center' |
| | | }, |
| | | tooltip: { |
| | | trigger: 'axis', |
| | | axisPointer: { |
| | | type: 'shadow' |
| | | }, |
| | | formatter: function (params) { |
| | | let tooltipHtml = params[0].axisValue + '<br>'; // Xè½´æ°å¼ |
| | | |
| | | params.forEach(function (item) { |
| | | if (item.seriesType === 'line') { |
| | | let valueToShow = parseFloat(item.value); // å°å符串转æ¢ä¸ºæ°å¼ |
| | | tooltipHtml += item.seriesName + ': ' + valueToShow.toFixed(3) + '%' + '<br>'; // æçº¿å¾æ°æ®æ ¼å¼å为ç¾åæ¯ |
| | | } else { |
| | | tooltipHtml += item.seriesName + ': ' + item.value + '<br>'; // æ±ç¶å¾æ°æ®ç´æ¥æ¾ç¤º |
| | | } |
| | | }); |
| | | |
| | | return tooltipHtml; |
| | | } |
| | | |
| | | }, |
| | | legend: { |
| | | data: [ 'ä¸è¯æ»æ°', 'PPM','PPMç®æ å¼'], |
| | | top: 'bottom', // å°å¾ä¾æ¾ç½®å¨å¾è¡¨ç䏿¹ |
| | | left: 'center' // æè
'right'ï¼æ ¹æ®éè¦è°æ´æ°´å¹³ä½ç½® |
| | | }, |
| | | toolbox: { |
| | | show: true, |
| | | orient: 'vertical', |
| | | left: 'right', |
| | | top: 'center', |
| | | feature: { |
| | | mark: { show: true }, |
| | | dataView: { show: true, readOnly: false }, |
| | | magicType: { show: true, type: ['line', 'bar', 'stack'] }, |
| | | restore: { show: true }, |
| | | saveAsImage: { show: true } |
| | | } |
| | | }, |
| | | xAxis: [ |
| | | { |
| | | type: 'category', |
| | | axisTick: { show: false }, |
| | | data: H_X |
| | | } |
| | | ], |
| | | yAxis: [ |
| | | { |
| | | type: 'value', |
| | | name: 'æ°é', |
| | | axisLabel: { |
| | | formatter: '{value}' |
| | | } |
| | | }, |
| | | { |
| | | type: 'value', |
| | | name: 'ç¾åæ¯', |
| | | min: 0, |
| | | max: 100, |
| | | axisLabel: { |
| | | formatter: '{value}%' |
| | | } |
| | | } |
| | | ], |
| | | series: [ |
| | | { |
| | | name: 'ä¸è¯æ»æ°', |
| | | type: 'bar', |
| | | emphasis: { |
| | | focus: 'series' |
| | | }, |
| | | tooltip: { |
| | | valueFormatter: function (value) { |
| | | return value; |
| | | } |
| | | }, |
| | | itemStyle: { |
| | | normal: { |
| | | label: { |
| | | show: true, //å¼å¯æ¾ç¤º |
| | | textStyle: { //æ°å¼æ ·å¼ |
| | | color: 'black', |
| | | fontSize: 16 |
| | | } |
| | | } |
| | | }, |
| | | color: '#FF0000' // 设置æ±ç¶å¾æ©è² |
| | | }, |
| | | data: HBadCount |
| | | }, |
| | | { |
| | | name: 'PPM', |
| | | type: 'line', |
| | | yAxisIndex: 1, // 使ç¨ç¬¬äºä¸ª yAxis æ¾ç¤ºç¾åæ¯ |
| | | data: PPM, |
| | | label: { |
| | | show: true, |
| | | formatter: '{c}%' |
| | | }, |
| | | lineStyle: { |
| | | color: '#1E90FF' // 设置æçº¿å¾é¢è²èè² |
| | | } |
| | | }, |
| | | { |
| | | name: 'PPMç®æ å¼', |
| | | type: 'line', |
| | | yAxisIndex: 1, // 使ç¨ç¬¬äºä¸ª yAxis æ¾ç¤ºç¾åæ¯ |
| | | data: HProcPPMTarGetVal, |
| | | label: { |
| | | show: true, |
| | | formatter: '{c}%' |
| | | }, |
| | | lineStyle: { |
| | | color: '#FF0000' // 设置æçº¿å¾èè² |
| | | } |
| | | } |
| | | ] |
| | | }; |
| | | |
| | | option_ZZT && myChart.setOption(option_ZZT); |
| | | } |
| | | //#endregion |
| | | |
| | | //#region 导åºExecel |
| | | function get_Export() { |
| | | table.exportFile(ins.config.id, option.data, "xls"); |
| | | } |
| | | //#endregion |
| | | |
| | | //#region éèå设置 |
| | | function get_HideColumn() { |
| | | var colName = ""; |
| | | var contentUrl = ""; |
| | | for (var i = 1; i < option.cols[0].length; i++) { |
| | | colName += option.cols[0][i]["title"] + ","; |
| | | } |
| | | var urlStr = window.document.location.pathname;//è·åæä»¶è·¯å¾ |
| | | var urlLen = urlStr.split('/'); |
| | | for (var i = 0; i < urlLen.length - 4; i++) { |
| | | contentUrl += "../"; |
| | | } |
| | | colName = encodeURI(colName.substring(0, colName.length - 1));//对 URI è¿è¡ç¼ç |
| | | |
| | | contentUrl += 'åºç¡èµæ/éèå设置/Gy_GridView_Hide.html?HModName=' + HModName + '&colName=' + colName; |
| | | |
| | | layer.open({ |
| | | type: 2 |
| | | , skin: "layui-layer-rim" //å ä¸è¾¹æ¡ |
| | | , title: "éèå设置" //æ é¢ |
| | | , closeBtn: 1 //çªä½å³ä¸è§å
³é ç æ ·å¼ |
| | | , shift: 2 //å¼¹åºå¨ç» |
| | | , area: ["50%", "90%"] //çªä½å¤§å° |
| | | , maxmin: true //设置æå¤§æå°æé®æ¯å¦æ¾ç¤º |
| | | , content: [contentUrl, "yes"] |
| | | , btn: ["ç¡®å®", "åæ¶"] |
| | | , btn1: function (index, laero) { |
| | | //å·æ°è¡¨æ ¼æ°æ® |
| | | DisPlay_HideColumn(); |
| | | //æ´æ°è¡¨æ ¼ç¼åçæ°æ® |
| | | layer.close(index);//å
³éå¼¹çª |
| | | } |
| | | }) |
| | | } |
| | | //#endregion |
| | | |
| | | //#region æ¾ç¤ºåæ°æ® |
| | | function DisPlay_HideColumn() { |
| | | $.ajax({ |
| | | type: "GET", |
| | | url: GetWEBURL() + '/Xt_grdAlignment_WMES/grdAlignmentWMESList', |
| | | type: "GET", |
| | | async: false, |
| | | data: { "HModName": HModName, "user": HMaker }, |
| | | data: { "HModName": HModName, "user": sessionStorage["HUserName"] }, |
| | | success: function (data1) { |
| | | if (data1.data.length != 0) { |
| | | var dataCol = [];//æ°æ®åºæ¥è¯¢åºçåæ°æ® |
| | | |
| | | var totalArray = []; |
| | | var dataCol = [];//æ°æ®åºæ¥è¯¢åºçåæ°æ® |
| | | //var titleData = ["åæ®ID", "HMouldID", "hsubid", "HManagerID", "æºå主å
ç ", "æºååå
ç "];//ä¸éè¦æ¾ç¤ºçåæ®µ 坿©å± |
| | | |
| | | dataCol = data1.data[0].HGridString.split(','); |
| | | |
| | | for (var i = 0; i < option.cols[0].length - 2; i++) { |
| | | if (dataCol[i]) { |
| | | var dataCols = dataCol[i].split('|'); |
| | | } |
| | | for (var i = 0; i < option.cols[0].length - 1; i++) { |
| | | var dataCols = dataCol[i].split('|'); |
| | | //éèå |
| | | if (dataCols[1] == 1) { |
| | | option.cols[0][i + 1]["hide"] = true; |
| | |
| | | } else { |
| | | option.cols[0][i + 1]["style"] = "font-size:100%"; |
| | | } |
| | | //设置å宽 |
| | | //if (data1.data[0].HColumnWidth != 0) { |
| | | // option.cols[0][i + 1]["width"] = data1.data[0].HColumnWidth + "px;"; |
| | | //} else { |
| | | // option.cols[0][i + 1]["width"] = ""; |
| | | //} |
| | | //æ¾ç¤ºå |
| | | if (dataCols[1] == 0 && $.inArray(option.cols[0][i + 1]["title"], titleData) == -1) { |
| | | option.cols[0][i + 1]["hide"] = false; |
| | |
| | | } else { |
| | | table.render(option); |
| | | } |
| | | |
| | | //å·æ°æé®æ¾ç¤º |
| | | var btns = document.getElementsByTagName("button"); //è·åæ¬é¡µæææé®å¯¹è±¡ |
| | | Display_HideButton(btns, HBillType, HModName, HMaker); |
| | | |
| | | }, error: function () { |
| | | layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 }); |
| | | } |
| | |
| | | } |
| | | //#endregion |
| | | |
| | | //#endregion |
| | | |
| | | //#region æ¬é¡µé¢ææè¢«è°ç¨çæ¹æ³ |
| | | |
| | | //#region éæ©é¨é¨æé® |
| | | form.on('submit(btnHDept)', function () { |
| | | layer.open({ |
| | | type: 2 |
| | | , skin: "layui-layer-rim" //å ä¸è¾¹æ¡ |
| | | , title: "é¨é¨å表" //æ é¢ |
| | | , closeBtn: 1 //çªä½å³ä¸è§å
³é ç æ ·å¼ |
| | | , shift: 2 //å¼¹åºå¨ç» |
| | | , area: ["90%", "90%"] //çªä½å¤§å° |
| | | , maxmin: true //设置æå¤§æå°æé®æ¯å¦æ¾ç¤º |
| | | , content: ['../../åºç¡èµæ/å
¬ç¨åºç¡èµæ/Gy_DepartmentList.html', 'yes'] |
| | | , btn: ["ç¡®å®", "åæ¶"] |
| | | , btn1: function (index, laero) { |
| | | //æé®ä¸ çåè° |
| | | var iframeWindow = window["layui-layer-iframe" + index]; //è·åå¼¹æ¡é¡µé¢ |
| | | var checkStatus = iframeWindow.layui.table.checkStatus("mainTable"); //è·åéä¸çæ°æ® |
| | | |
| | | if (checkStatus.data.length != 1) { |
| | | return layer.msg("è¯·éæ©ä¸æ¡æ°æ®"); |
| | | } |
| | | $("#HDeptName").val(checkStatus.data[0].é¨é¨åç§°); |
| | | $("#HDeptID").val(checkStatus.data[0].HItemID); |
| | | layer.close(index); //å
³éå¼¹çª å®è·åçå§ç»æ¯ææ°å¼¹åºçæä¸ªå±ï¼å¼æ¯ç±layerå
é¨å¨æéå¢è®¡ç®ç |
| | | } |
| | | , btn2: function (index, layero) { } |
| | | , end: function () { |
| | | //å·æ°å表 |
| | | get_FastQuery(); |
| | | } |
| | | }) |
| | | }); |
| | | //#endregion |
| | | |
| | | //#region å·¥å
·æ äºä»¶ |
| | | table.on('toolbar(mainTable)', function (obj) { |
| | | switch (obj.event) { |
| | | //å¯¼åºæé® |
| | | case 'btn_Export': btn_Export(); |
| | | break; |
| | | //å·æ°æé® |
| | | case 'btn_Refresh': btn_Refresh(); |
| | | break; |
| | | //éåºæé® |
| | | case 'btn_Exit': Pub_Close(2); |
| | | break; |
| | | //å设置 |
| | | case 'btn_HideColumn': get_HideColumn(); |
| | | break; |
| | | //æé®è®¾ç½® |
| | | case 'btn_HideButton': |
| | | var btns = document.getElementsByTagName("button"); //è·åæ¬é¡µæææé®å¯¹è±¡ |
| | | get_HideButton(btns, HBillType, HModName, HMaker); |
| | | break; |
| | | }; |
| | | }); |
| | | //#endregion |
| | | |
| | | //#region 导åºExecel |
| | | function btn_Export() { |
| | | table.exportFile(ins.config.id, option.data, "xls"); |
| | | } |
| | | //#endregion |
| | | |
| | | //#region å·æ° |
| | | function btn_Refresh() { |
| | | get_FastQuery(); |
| | | } |
| | | //#endregion |
| | | |
| | | //#region å设置 |
| | | function get_HideColumn() { |
| | | var colName = ""; |
| | | var contentUrl = ""; |
| | | for (var i = 1; i < option.cols[0].length; i++) { |
| | | colName += option.cols[0][i]["title"] + ","; |
| | | } |
| | | var urlStr = window.document.location.pathname;//è·åæä»¶è·¯å¾ |
| | | var urlLen = urlStr.split('/'); |
| | | for (var i = 0; i < urlLen.length - 4; i++) { |
| | | contentUrl += "../"; |
| | | } |
| | | colName = encodeURI(colName.substring(0, colName.length - 1));//对 URI è¿è¡ç¼ç |
| | | |
| | | contentUrl += 'åºç¡èµæ/éèå设置/Gy_GridView_Hide.html?HModName=' + HModName + '&colName=' + colName; |
| | | |
| | | layer.open({ |
| | | type: 2 |
| | | , skin: "layui-layer-rim" //å ä¸è¾¹æ¡ |
| | | , title: "éèå设置" //æ é¢ |
| | | , closeBtn: 1 //çªä½å³ä¸è§å
³é ç æ ·å¼ |
| | | , shift: 2 //å¼¹åºå¨ç» |
| | | , area: ["50%", "90%"] //çªä½å¤§å° |
| | | , maxmin: true //设置æå¤§æå°æé®æ¯å¦æ¾ç¤º |
| | | , content: [contentUrl, "yes"] |
| | | , btn: ["ç¡®å®", "åæ¶"] |
| | | , btn1: function (index, laero) { |
| | | //å·æ°è¡¨æ ¼æ°æ® |
| | | DisPlay_HideColumn(); |
| | | //æ´æ°è¡¨æ ¼ç¼åçæ°æ® |
| | | layer.close(index);//å
³éå¼¹çª |
| | | } |
| | | }) |
| | | } |
| | | |
| | | //#endregion |
| | | |
| | | //#region éç½®æé® |
| | | form.on('submit(btnReSearch)', function (data) { |
| | | //æ¸
ç©ºè¿æ»¤æ¡ä»¶ |
| | | set_ClearQuery(); |
| | | }); |
| | | |
| | | //éç½®è¿æ»¤æ¡ä»¶ |
| | | function set_ClearQuery() { |
| | | $("#HDate").val(Format(new Date(), "yyyy")); |
| | | sDate = Format(new Date(), "yyyy-MM-dd") |
| | | $("#HDeptName").val(""); |
| | | //$("#HStockOrgID").val(HStockOrgID) //ç»ç» |
| | | form.render('select'); |
| | | sWhere = ""; |
| | | } |
| | | |
| | | //#endregion |
| | | |
| | | //#region æ¥è¯¢æé® |
| | | form.on('submit(btnSearch)', function (data) { |
| | | get_FastQuery(); |
| | | }); |
| | | |
| | | //å¿«éæ¥è¯¢ |
| | | function get_FastQuery() { |
| | | //ææ¬æ¡ä¸ºç©ºæ¶ï¼æ¸
空对åºID |
| | | if ($("#HDeptName").val() == '') { |
| | | $("#HDeptID").val("0"); |
| | | } |
| | | var HDeptID = $("#HDeptID").val() |
| | | var HYear = $("#HDate").val(); //æ¥æ |
| | | var HProject = $("#HProject").val();//项ç®å· |
| | | var HBatchWork = $("#HBatchWork").val();//æ¯å¦é产 |
| | | var HDivisionName = $("#HDivisionName").val();//äºä¸é¨ |
| | | sWhere = { |
| | | HYear: HYear |
| | | , HDeptID: HDeptID |
| | | , HProject: HProject |
| | | , HBatchWork: HBatchWork |
| | | , HDivisionName: HDivisionName |
| | | } |
| | | get_Display(JSON.stringify(sWhere)); |
| | | //å è½½æ±ç¶å¾ |
| | | set_Graphics(); |
| | | } |
| | | |
| | | //#endregion |
| | | |
| | | //#region åè¡¨å·æ° |
| | | function get_Display(sWhere) { |
| | | |
| | | var ajaxLoad = layer.load(); |
| | | $.ajax({ |
| | | type: "GET", |
| | | url: GetWEBURL() + '/QC_QualityReportsController/GetQC_PPMReport_Json', |
| | | async: false, //asyncç¨äºæ§å¶ï¼falseï¼åæ¥åï¼trueï¼å¼æ¥ï¼é»è®¤çæ¯trueï¼å³è¯·æ±é»è®¤çæ¯å¼æ¥è¯·æ± |
| | | data: { "sWhere": sWhere}, |
| | | success: function (data1) { |
| | | if (data1.count == 1) { |
| | | var data = []; |
| | | var col = []; |
| | | var totalArray = []; |
| | | //ç»ç©ºçæ°ç»èµå¼ |
| | | for (var key in data1.list) { |
| | | //卿è·åå表ææåå |
| | | data.push({ "id": data1.list[key].ColmCols, "name": data1.list[key].ColmCols, "Type": data1.list[key].ColmType }); |
| | | //è·åä¸éè¦æ¾ç¤ºçåï¼Hå¼å¤´çå䏿¾ç¤ºï¼ |
| | | var patrn = new RegExp(/^h/i); |
| | | if (patrn.test(data1.list[key].ColmCols)) { |
| | | titleData[key] = data1.list[key].ColmCols; |
| | | } |
| | | } |
| | | |
| | | //å¨å表左边添å å¾éæ¡ |
| | | col.push({ type: 'checkbox', fixed: 'left', totalRowText: 'å计' }); |
| | | for (var i = 0; i < data.length; i++) { |
| | | if ($.inArray(data[i].name, titleData) > -1) { |
| | | col.push({ field: data[i].id, title: data[i].name, align: 'left', hide: true }); //éèidå |
| | | }else { |
| | | switch (data[i].Type) { |
| | | //int |
| | | case 'DateTime': |
| | | col.push({ field: data[i].id, title: data[i].name, align: 'left', sort: true, templet: "<div>{{d." + data[i].name + " ==null ?'':layui.util.toDateString(d." + data[i].name + ", 'yyyy-MM-dd HH:mm:ss')}}</div>", width: 160 }); |
| | | break; |
| | | case 'Decimal': |
| | | col.push({ field: data[i].id, title: data[i].name, align: 'left', sort: true, width: 100, totalRow: true }); |
| | | break; |
| | | case 'Int32': |
| | | col.push({ field: data[i].id, title: data[i].name, align: 'left', sort: true, width: 100, totalRow: true }); |
| | | break; |
| | | default: |
| | | if (data[i].name == 'ç»è®¡é¡¹') { |
| | | col.push({ field: data[i].id, title: data[i].name, align: 'left', sort: true, width: 200 }); |
| | | } else { |
| | | col.push({ field: data[i].id, title: data[i].name, align: 'left', sort: true, width: 130 }); |
| | | } |
| | | } |
| | | } |
| | | } |
| | | //卿æ¾ç¤ºåå |
| | | option = { |
| | | elem: '#mainTable' |
| | | , toolbar: '#toolbarDemo' |
| | | , cols: [col] |
| | | , data: data1.data |
| | | , height: 800 |
| | | , page: true |
| | | //, totalRow: true |
| | | , cellMinWidth: 90 |
| | | , limit: 50 |
| | | , limits: [50, 500, 5000, 20000] |
| | | , done: function (res, curr, count) { |
| | | soulTable.render(this); |
| | | } |
| | | } |
| | | columns = col; |
| | | |
| | | option.cols = [columns]; |
| | | option.data = data1.data; |
| | | //option.totalRow = true; |
| | | table.render(option); |
| | | ins = table.render(option); |
| | | //å·æ°è¡¨æ ¼æ°æ® |
| | | DisPlay_HideColumn(); |
| | | layer.close(ajaxLoad); |
| | | } else { |
| | | layer.close(ajaxLoad); |
| | | layer.alert(data1.Message, { icon: 5 }); |
| | | } |
| | | }, |
| | | error: function () { |
| | | layer.close(ajaxLoad); |
| | | layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 }); |
| | | } |
| | | }); |
| | | } |
| | | //#endregion |
| | | |
| | | //#region å è½½å¾è¡¨ |
| | | function set_Graphics() { |
| | | //#region ãæ±ç¶å¾ã |
| | | var app = {}; |
| | | var chartDom = document.getElementById('histogram'); |
| | | var myChart = echarts.init(chartDom); |
| | | var option_mychart; |
| | | |
| | | //#region [æ±ç¶å¾å¸å±æ ·å¼] |
| | | const posList = [ |
| | | 'left', |
| | | 'right', |
| | | 'top', |
| | | 'bottom', |
| | | 'inside', |
| | | 'insideTop', |
| | | 'insideLeft', |
| | | 'insideRight', |
| | | 'insideBottom', |
| | | 'insideTopLeft', |
| | | 'insideTopRight', |
| | | 'insideBottomLeft', |
| | | 'insideBottomRight' |
| | | ]; |
| | | app.configParameters = { |
| | | rotate: { |
| | | min: -90, |
| | | max: 90 |
| | | }, |
| | | align: { |
| | | options: { |
| | | left: 'left', |
| | | center: 'center', |
| | | right: 'right' |
| | | } |
| | | }, |
| | | verticalAlign: { |
| | | options: { |
| | | top: 'top', |
| | | middle: 'middle', |
| | | bottom: 'bottom' |
| | | } |
| | | }, |
| | | position: { |
| | | options: posList.reduce(function (map, pos) { |
| | | map[pos] = pos; |
| | | return map; |
| | | }, {}) |
| | | }, |
| | | distance: { |
| | | min: 0, |
| | | max: 100 |
| | | } |
| | | }; |
| | | app.config = { |
| | | rotate: 90, |
| | | align: 'left', |
| | | verticalAlign: 'middle', |
| | | position: 'insideBottom', |
| | | distance: 15, |
| | | onChange: function () { |
| | | const labelOption = { |
| | | rotate: app.config.rotate, |
| | | align: app.config.align, |
| | | verticalAlign: app.config.verticalAlign, |
| | | position: app.config.position, |
| | | distance: app.config.distance |
| | | }; |
| | | myChart.setOption({ |
| | | series: [ |
| | | { |
| | | label: labelOption |
| | | }, |
| | | { |
| | | label: labelOption |
| | | }, |
| | | { |
| | | label: labelOption |
| | | }, |
| | | { |
| | | label: labelOption |
| | | } |
| | | ] |
| | | }); |
| | | } |
| | | }; |
| | | const labelOption = { |
| | | show: true, |
| | | position: 'top', |
| | | textStyle: { |
| | | //color: '#333', // æ ç¾åä½é¢è² |
| | | fontSize: 12, // æ ç¾åä½å¤§å° |
| | | //fontWeight: 'bold', // æ ç¾åä½å ç² |
| | | //fontStyle: 'italic', // æ ç¾åä½æä½ |
| | | //fontFamily: 'Arial' // æ ç¾åä½ |
| | | } |
| | | }; |
| | | const labelOption1 = { |
| | | show: true, |
| | | position: 'right', |
| | | textStyle: { |
| | | //color: '#333', // æ ç¾åä½é¢è² |
| | | fontSize: 12, // æ ç¾åä½å¤§å° |
| | | //fontWeight: 'bold', // æ ç¾åä½å ç² |
| | | //fontStyle: 'italic', // æ ç¾åä½æä½ |
| | | //fontFamily: 'Arial' // æ ç¾åä½ |
| | | } |
| | | } |
| | | //#endregion |
| | | |
| | | //æ±ç¶å¾ç»å®æ°æ® |
| | | var H_X = ['1æ', '2æ', '3æ', '4æ', '5æ', '6æ', '7æ', '8æ', '9æ', '10æ', '11æ', '12æ'];//Xè½´æ é¢ |
| | | var HBadQty = []; //yè½´ï¼ä¸è¯æ»æ° |
| | | var HPPM = []; //yè½´ï¼PPM |
| | | var HTarget = []; //yè½´ï¼ç®æ |
| | | for (let i = 0; i < option.data.length; i++) { |
| | | //è·åä¸è¯æ»æ°è¡æ°å¼ |
| | | if (option.data[i].ç»è®¡é¡¹ == 'ä¸è¯æ»æ°') { |
| | | for (let j = 1; j <= 12; j++) { |
| | | HBadQty.push(option.data[i][j + "æ"]); |
| | | } |
| | | } |
| | | //è·åPPMè¡æ°å¼ |
| | | if (option.data[i].ç»è®¡é¡¹ == 'PPM') { |
| | | for (let j = 1; j <= 12; j++) { |
| | | HPPM.push(option.data[i][j + "æ"]); |
| | | } |
| | | } |
| | | //è·åç®æ è¡æ°å¼ |
| | | if (option.data[i].ç»è®¡é¡¹ == 'ç®æ ') { |
| | | for (let j = 1; j <= 12; j++) { |
| | | HTarget.push(option.data[i][j + "æ"]); |
| | | } |
| | | } |
| | | } |
| | | |
| | | option_mychart = { |
| | | title: { |
| | | text: 'PPMç»è®¡å¾è¡¨', |
| | | left: 'center' |
| | | }, |
| | | tooltip: { |
| | | trigger: 'axis', |
| | | axisPointer: { |
| | | type: 'shadow' |
| | | } |
| | | }, |
| | | legend: { |
| | | data: ['ä¸è¯æ»æ°', 'PPM', 'ç®æ '], |
| | | top: 'bottom', // å°å¾ä¾æ¾ç½®å¨å¾è¡¨ç䏿¹ |
| | | left: 'center' // æè
'right'ï¼æ ¹æ®éè¦è°æ´æ°´å¹³ä½ç½® |
| | | }, |
| | | //toolbox: { //å·¥å
·æ |
| | | // show: true, |
| | | // orient: 'vertical', |
| | | // left: 'right', |
| | | // top: 'center', |
| | | // feature: { |
| | | // mark: { show: true }, |
| | | // dataView: { show: true, readOnly: false }, |
| | | // magicType: { show: true, type: ['line', 'bar', 'stack'] }, |
| | | // restore: { show: true }, |
| | | // saveAsImage: { show: true } |
| | | // } |
| | | //}, |
| | | grid: |
| | | { |
| | | left: '5%', |
| | | right: '5%', |
| | | bottom: '10%', |
| | | //top: '10%', |
| | | containLabel: true |
| | | }, |
| | | xAxis: [ //设置xè½´åæ |
| | | { |
| | | type: 'category', |
| | | axisTick: { show: true }, |
| | | data: H_X, |
| | | axisLabel: { |
| | | formatter: function (value) { |
| | | var temp = ""; |
| | | var temp_len = 5; |
| | | for (var i = 0; i < value.length; i = i + temp_len) { |
| | | if (i + temp_len <= value.length) { |
| | | temp += '\n' + value.slice(i, i + temp_len) |
| | | } else { |
| | | temp += '\n' + value.slice(i); |
| | | } |
| | | } |
| | | |
| | | return temp; |
| | | |
| | | // ä½¿ç¨ '\n' å®ç°æ¢è¡ |
| | | //return value.length > 5 ? value.slice(0, 5) + '\n' + value.slice(5) : value; |
| | | }, |
| | | width: 30 // 设置å»åº¦æ ç¾ç宽度ï¼è¶
è¿è¿ä¸ªå®½åº¦ä¼èªå¨æ¢è¡ |
| | | } |
| | | } |
| | | ], |
| | | yAxis: [ //设置yè½´æ°æ®ç±»å |
| | | { |
| | | type: 'value', |
| | | position: 'left', |
| | | data: [HBadQty] // 左侧Yè½´çæ°æ® |
| | | }, { |
| | | type: 'value', |
| | | position: 'right', |
| | | data: [HPPM, HTarget], // å³ä¾§Yè½´çæ°æ® |
| | | axisLabel: { |
| | | formatter: '{value}' // å¯ä»¥æ·»å åä½ |
| | | } |
| | | } |
| | | ], |
| | | series: [ //设置yè½´æ°æ® |
| | | { |
| | | name: 'ä¸è¯æ»æ°', |
| | | type: 'bar', |
| | | barWidth: 30, |
| | | barGap: 0, |
| | | label: labelOption, |
| | | emphasis: { |
| | | focus: 'series' |
| | | }, |
| | | itemStyle: { |
| | | normal: { |
| | | lineStyle: { |
| | | color: '#0066CC' // 设置线æ¡é¢è²ä¸ºèè² |
| | | }, |
| | | color: '#0066CC' // 设置线æ¡é¢è²ä¸ºèè² |
| | | } |
| | | }, |
| | | data: HBadQty |
| | | }, |
| | | { |
| | | name: 'PPM', |
| | | type: 'line', |
| | | yAxisIndex: 1, |
| | | barWidth: 10, |
| | | barGap: 0, |
| | | label: labelOption1, |
| | | emphasis: { |
| | | focus: 'series' |
| | | }, |
| | | itemStyle: { |
| | | normal: { |
| | | lineStyle: { |
| | | color: '#FF8000' // 设置线æ¡é¢è²ä¸ºé»è² |
| | | }, |
| | | color: '#FF8000' // 设置线æ¡é¢è²ä¸ºé»è² |
| | | } |
| | | }, |
| | | data: HPPM |
| | | }, |
| | | { |
| | | name: 'ç®æ ', |
| | | type: 'line', |
| | | barWidth: 10, |
| | | barGap: 0, |
| | | label: labelOption1, |
| | | emphasis: { |
| | | focus: 'series' |
| | | }, |
| | | itemStyle: { |
| | | normal: { |
| | | lineStyle: { |
| | | color: '#FF0000' // 设置线æ¡é¢è²ä¸ºçº¢è² |
| | | }, |
| | | color: '#FF0000' // 设置线æ¡é¢è²ä¸ºçº¢è² |
| | | } |
| | | }, |
| | | data: HTarget |
| | | } |
| | | ] |
| | | }; |
| | | option_mychart && myChart.setOption(option_mychart); |
| | | //#endregion |
| | | } |
| | | ////#endregion |
| | | //#endregion |
| | | |
| | | //#region è·å项ç®å· |
| | | function Get_HProject() { |
| | | //è·å项ç®å· |
| | | var HProjectList = '<option value="" style="color:red;" selected></option>'; |
| | | $.ajax({ |
| | | type: "get", |
| | | url: GetWEBURL() + "/Gy_Material/Get_HProject", |
| | | async: false, |
| | | data: { "HOrgID": sessionStorage["OrganizationID"] }, |
| | | success: function (result) { |
| | | if (result.count == 1) { // 说æéªè¯æåäºï¼ |
| | | var data = result.data; |
| | | for (var i = 0; i < data.length; i++) { |
| | | HProjectList += '<option style="color:blue;" value="' + data[i].HName + '" >' + data[i].HName + '</option>'; |
| | | } |
| | | $("#HProject").append(HProjectList); |
| | | form.render('select'); |
| | | |
| | | } |
| | | layer.closeAll("loading"); |
| | | } |
| | | }) |
| | | } |
| | | //#endregion |
| | | |
| | | //#region è·åäºä¸é¨ |
| | | function GetGy_Division() { |
| | | //è·åäºä¸é¨ |
| | | var HDivisionList = '<option value="" style="color:red;" selected></option>'; |
| | | $.ajax({ |
| | | type: "get", |
| | | url: GetWEBURL() + "/Gy_Material/Get_Gy_Division", |
| | | async: false, |
| | | data: { "HOrgID": sessionStorage["OrganizationID"] }, |
| | | success: function (result) { |
| | | if (result.count == 1) { // 说æéªè¯æåäºï¼ |
| | | var data = result.data; |
| | | for (var i = 0; i < data.length; i++) { |
| | | HDivisionList += '<option style="color:blue;" value="' + data[i].HName + '" >' + data[i].HName + '</option>'; |
| | | } |
| | | $("#HDivisionName").append(HDivisionList); |
| | | form.render('select'); |
| | | |
| | | } |
| | | layer.closeAll("loading"); |
| | | } |
| | | }) |
| | | } |
| | | //#endregion |
| | | }); |
| | | //#endregion |
| | | |
| | | //以䏿¯layui模å |
| | | |
| | | //以䏿¯layui模å |
| | | }); |
| | | function GetHSupNameValue(obj) //è¿åä¾åºå |
| | | { |
| | | $("#HSupName").val(obj[0].ä¾åºååç§°); |
| | | $("#HSupID").val(obj[0].HItemID); |
| | | } |
| | | //åå»è¿ååºç¡èµææ°æ® 表头 |
| | | function GetHDeptNameValue(obj) //è¿åé¨é¨ |
| | | { |
| | | $("#HDeptName").val(obj[0].é¨é¨åç§°); |
| | | $("#HDeptID").val(obj[0].HItemID); |
| | | } |
| | | |
| | | </script> |
| | | |
| | | </body> |
| | | </html> |
| | | </html> |