| | |
| | | <meta charset="UTF-8"> |
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | | <meta http-equiv="X-UA-Compatible" content="ie=edge"> |
| | | <title>韩电生产计划看板</title> |
| | | <title>生产计划看板</title> |
| | | <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> |
| | | <link rel="stylesheet" type="text/css" href="css/bootstrap-table.min.css"> |
| | | <link rel="stylesheet" type="text/css" href="css/index.css"> |
| | |
| | | <script src="js/jquery.SuperSlide.2.1.3.js"></script> |
| | | <script src='js/template.js'></script> |
| | | <script src="js/jquery.qrcode.min.js"></script> |
| | | <script src="js/webConfig.js"></script> |
| | | <style> |
| | | .clock { |
| | | font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif; |
| | |
| | | margin-top: -75px; |
| | | margin-right: 5px; |
| | | color: #09d1ea; |
| | | |
| | | } |
| | | |
| | | .clock #Date { |
| | | text-align: center; |
| | | text-shadow: 0 0 0px #00c6ff; |
| | | |
| | | |
| | | } |
| | | |
| | | .clock ul { |
| | |
| | | } |
| | | |
| | | .title { |
| | | |
| | | font-size: 44px; |
| | | font-family: PingFangSC; |
| | | font-weight: 500; |
| | |
| | | /* border: 1px solid #00c6ff; */ |
| | | height: 900px; |
| | | } |
| | | |
| | | .left{ |
| | | /* border: 1px solid #00c6ff; */ |
| | | height: 300px; |
| | | } |
| | | |
| | | .ctn{ |
| | | /* border: 1px solid #00c6ff; */ |
| | | height: 450px; |
| | | } |
| | | |
| | | .bottom{ |
| | | /* border: 1px solid #00c6ff; */ |
| | | height: 600px; |
| | | } |
| | | |
| | | .bottom_left{ |
| | | /* border: 1px solid #00c6ff; */ |
| | | height: 300px; |
| | |
| | | |
| | | #mychart1, |
| | | #mychart4, |
| | | #mychart5 |
| | | { |
| | | #mychart5 { |
| | | width: 100%; |
| | | border: none; |
| | | height: 300px; |
| | | } |
| | | |
| | | #mychart2,#mychart3, |
| | | #mychart6,#mychart7{ |
| | | width: 100%; |
| | |
| | | margin: 26px auto; |
| | | text-align:center; |
| | | } |
| | | |
| | | #cList1 { |
| | | float: left; |
| | | } |
| | |
| | | display: inline-block; |
| | | height: 100%; |
| | | /*文字居中*/ |
| | | |
| | | /*文字竖排*/ |
| | | writing-mode: vertical-lr; |
| | | /*从左向右 从右向左是 writing-mode: vertical-rl;*/ |
| | |
| | | |
| | | function Chart(mychart1,mychart2,mychart3,mychart4,mychart5,mychart6,mychart7){ |
| | | $.ajax({ |
| | | url: "http://localhost:53860/api/loaddata/PrctPlan", |
| | | url: GetWEBURL() + "/loaddata/PrctPlan", |
| | | dataType: "JSON", |
| | | async: false,//使用同步的方式,true为异步方式 |
| | | type: "Get", |
| | |
| | | </head> |
| | | |
| | | <body> |
| | | <div class='title'>韩电生产计划看板</div> |
| | | <div class='title'>生产计划看板</div> |
| | | <div class="clock"> |
| | | <ul> |
| | | <li id="Date"></li> |
| | |
| | | success: function (Data) { |
| | | var hospitals = JSON.parse(Data);//反序列化 |
| | | SourceList = hospitals; |
| | | if (SourceList.data != "") { |
| | | var content = ''; |
| | | $.each(hospitals.data, function (i, n) { |
| | | content += "<option value='" + n.HNumber + "'>" + n.HNumber + '-' + n.HName + "</option>"; |
| | |
| | | $("#hospitalCodeSelect").find("option[value='" + hospitals.data[0].HNumber + "']").attr("selected", true); |
| | | $("#hospitalCodeSelect").selectpicker('refresh'); |
| | | } |
| | | |
| | | } |
| | | }) |
| | | } |
| | | </script> |
| | |
| | | <script src="js/jquery.SuperSlide.2.1.3.js"></script> |
| | | <script src='js/template.js'></script> |
| | | <script src="js/jquery.qrcode.min.js"></script> |
| | | <script src="js/webConfig.js"></script> |
| | | <style> |
| | | .clock { |
| | | font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif; |
| | |
| | | margin-top: -75px; |
| | | margin-right: 5px; |
| | | color: #09d1ea; |
| | | |
| | | } |
| | | |
| | | .clock #Date { |
| | | text-align: center; |
| | | text-shadow: 0 0 0px #00c6ff; |
| | | |
| | | |
| | | } |
| | | |
| | | .clock ul { |
| | |
| | | } |
| | | |
| | | .title { |
| | | |
| | | font-size: 44px; |
| | | font-family: PingFangSC; |
| | | font-weight: 500; |
| | |
| | | /* border: 1px solid #00c6ff; */ |
| | | height: 900px; |
| | | } |
| | | |
| | | .right{ |
| | | /* border: 1px solid #00c6ff; */ |
| | | height: 300px; |
| | |
| | | font-size: 18px; |
| | | margin-left: 25%; |
| | | } |
| | | |
| | | #cList0 { |
| | | height: 900px; |
| | | width: 3%; |
| | |
| | | display: inline-block; |
| | | height: 100%; |
| | | /*文字居中*/ |
| | | |
| | | /*文字竖排*/ |
| | | writing-mode: vertical-lr; |
| | | /*从左向右 从右向左是 writing-mode: vertical-rl;*/ |
| | | writing-mode: tb-lr; |
| | | /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl;*/ |
| | | } |
| | | |
| | | #cList2 { |
| | | height: 900px; |
| | | width: 97%; |
| | |
| | | .table>thead:first-child>tr:first-child>th { |
| | | background-color: #000; |
| | | color: #3bff72; |
| | | |
| | | } |
| | | |
| | | .fixed-table-container tbody td .th-inner, |
| | |
| | | |
| | | function Chart(mychart1,mychart2,mychart3){ |
| | | $.ajax({ |
| | | url: "http://192.168.2.152:80/api/loaddata/PurchaseReceiptData", |
| | | url: GetWEBURL() + "/loaddata/PurchaseReceiptData", |
| | | dataType: "JSON", |
| | | async: false,//使用同步的方式,true为异步方式 |
| | | type: "Get", |
| | |
| | | function DataTable() { |
| | | |
| | | $('#tb_order').bootstrapTable({ |
| | | url: 'http://192.168.2.152:80/api/loaddata/PurchaseReceiptTableData', |
| | | url: GetWEBURL() + '/loaddata/PurchaseReceiptTableData', |
| | | //data: dataJson, |
| | | method: 'get', //请求方式(*) |
| | | dataType: "json", |
| | |
| | | columns: [ |
| | | { field: 'HBillNo', title: '收料单号', align: "left" }, |
| | | { field: 'HNumber', title: '物料编码', align: "left" }, |
| | | { field: 'HName', title: '物料名称', align: "left", cellStyle: function (value, row, index) { |
| | | { |
| | | field: 'HName', title: '物料名称', align: "left", cellStyle: function (value, row, index) { |
| | | return { |
| | | css: { |
| | | "min-width": "100px", |
| | |
| | | "max-width": "120px" |
| | | } |
| | | } |
| | | }}, |
| | | { field: 'HModel', title: '规格型号', align: "left", cellStyle: function (value, row, index) { |
| | | } |
| | | }, |
| | | { |
| | | field: 'HModel', title: '规格型号', align: "left", cellStyle: function (value, row, index) { |
| | | return { |
| | | css: { |
| | | "min-width": "100px", |
| | |
| | | "max-width": "120px" |
| | | } |
| | | } |
| | | }}, |
| | | } |
| | | }, |
| | | { field: 'HSourceBillNo', title: '采购订单号', align: "left" }, |
| | | { field: 'HQty', title: '订单量', align: "left" , formatter: function (value, row, index) { |
| | | { |
| | | field: 'HQty', title: '订单量', align: "left", formatter: function (value, row, index) { |
| | | return parseFloat(value).toFixed(2); |
| | | }}, |
| | | { field: 'SHQty', title: '应收量', align: "left", formatter: function (value, row, index) { |
| | | } |
| | | }, |
| | | { |
| | | field: 'SHQty', title: '应收量', align: "left", formatter: function (value, row, index) { |
| | | return parseFloat(value).toFixed(2); |
| | | } }, |
| | | { field: 'HRelationQty', title: '入库量', align: "left", formatter: function (value, row, index) { |
| | | } |
| | | }, |
| | | { |
| | | field: 'HRelationQty', title: '入库量', align: "left", formatter: function (value, row, index) { |
| | | return parseFloat(value).toFixed(2); |
| | | } }, |
| | | { field: 'HInStockQty', title: '已收料数量', align: "left",hidden:true, formatter: function (value, row, index) { |
| | | } |
| | | }, |
| | | { |
| | | field: 'HInStockQty', title: '已收料数量', align: "left", hidden: true, formatter: function (value, row, index) { |
| | | return parseFloat(value).toFixed(2); |
| | | } }, |
| | | { field: 'OrderSupsQty', title: '订单剩余', align: "left" , formatter: function (value, row, index) { |
| | | } |
| | | }, |
| | | { |
| | | field: 'OrderSupsQty', title: '订单剩余', align: "left", formatter: function (value, row, index) { |
| | | var res = row.HQty -row.HInStockQty; |
| | | return parseFloat(res).toFixed(2); |
| | | }}, |
| | | { field: 'NotOutQty', title: '未入库量', align: "left" , formatter: function (value, row, index) { |
| | | } |
| | | }, |
| | | { |
| | | field: 'NotOutQty', title: '未入库量', align: "left", formatter: function (value, row, index) { |
| | | var res = row.SHQty -row.HRelationQty; |
| | | return parseFloat(res).toFixed(2); |
| | | }}, |
| | | { field: 'HSTATUS', title: '状态', align: "left",formatter: function (value, row, index) { |
| | | } |
| | | }, |
| | | { |
| | | field: 'HSTATUS', title: '状态', align: "left", formatter: function (value, row, index) { |
| | | return "已送货"; |
| | | } }, |
| | | } |
| | | }, |
| | | { |
| | | field: 'Progress', title: '进度', align: "left",width:100, formatter: function (value, row, index) { |
| | | var res = 100 * row.HRelationQty / row.SHQty; |
| | |
| | | function DataTable() { |
| | | |
| | | $('#tb_order').bootstrapTable({ |
| | | url: 'http://192.168.2.152:80/api/loaddata/SalesDeliveryTableData', |
| | | url: GetWEBURL() + '/loaddata/SalesDeliveryTableData', |
| | | //data: datajson, |
| | | method: 'get', //请求方式(*) |
| | | dataType: "json", |