| | |
| | | <!DOCTYPE html> |
| | | <!--<html lang="zh-cn">--> |
| | | c<html> |
| | | c |
| | | <html> |
| | | |
| | | <head> |
| | | <meta charset="UTF-8"> |
| | |
| | | margin-right: 5px; |
| | | color: #09d1ea; |
| | | } |
| | | /* .layui-icon { |
| | | /* .layui-icon { |
| | | font-family:layui-icon !important; |
| | | }*/ |
| | | |
| | | .clock #Date { |
| | | text-align: center; |
| | | text-shadow: 0 0 0px #00c6ff; |
| | | } |
| | | .clock #Date { |
| | | text-align: center; |
| | | text-shadow: 0 0 0px #00c6ff; |
| | | } |
| | | |
| | | .clock ul { |
| | | width: 450px; |
| | |
| | | |
| | | .col-sm-2 { |
| | | position: absolute; |
| | | top:900px; |
| | | top: 900px; |
| | | right: 250px; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .col-sm-4 { |
| | | position:absolute; |
| | | top:100px; |
| | | right:20px; |
| | | position: absolute; |
| | | top: 100px; |
| | | right: 20px; |
| | | } |
| | | |
| | | .col-sm-6 { |
| | |
| | | .col-sm-5 { |
| | | position: absolute; |
| | | top: 100px; |
| | | right:50px; |
| | | right: 50px; |
| | | } |
| | | |
| | | |
| | |
| | | } |
| | | |
| | | #mychart1, |
| | | #mychart2{ |
| | | #mychart2 { |
| | | width: 120%; |
| | | border: none; |
| | | height: 300px; |
| | |
| | | /* border: 1px solid #464646; */ |
| | | border: none; |
| | | } |
| | | |
| | | #tb_order2 tr td { |
| | | text-align: center; |
| | | height: 32px; |
| | |
| | | /* border: 1px solid #464646; */ |
| | | border: none; |
| | | } |
| | | |
| | | #tb_order3 tr td { |
| | | text-align: center; |
| | | height: 32px; |
| | |
| | | </style> |
| | | |
| | | <script type="text/javascript"> |
| | | layui.use(['form', 'element', 'table','layer'], function () { |
| | | layui.use(['form', 'element', 'table', 'layer'], function () { |
| | | var $ = layui.$ |
| | | form = layui.form, |
| | | layer = layui.layer, |
| | | table = layui.table, |
| | | table = layui.table, |
| | | element = layui.element; |
| | | var titleData = ["FID", "FENTRYID"] |
| | | var titleData2 = ["FID", "FENTRYID"] |
| | |
| | | success: function (result) { |
| | | var col = []; |
| | | //给空的数组赋值 |
| | | col.push({ filed: 'checked', checkbox: true, formatter: stateFormatter }); |
| | | //给空的数组赋值 |
| | | col.push({ type: 'radio', fixed: 'left', formatter: stateFormatter, width: 50 }); |
| | | for (var key in result.columnNameList) { |
| | | if ($.inArray(result.columnNameList[key].ColmCols, titleData) > -1) { |
| | | if ($.inArray(result.columnNameList[key].ColmCols, titleData2) > -1) { |
| | | col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', hide: true }); //隐藏id列 |
| | | } else |
| | | if (result.columnNameList[key].ColmType == "Decimal") { |
| | |
| | | return parseFloat(value).toFixed(2); |
| | | } |
| | | }); |
| | | } else if (result.columnNameList[key].ColmType == "DateTime") { |
| | | col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', sort: true, templet: "<div>{{d." + result.columnNameList[key].ColmCols + " ==null ?'':layui.util.toDateString(d." + result.columnNameList[key].ColmCols + ", 'yyyy-MM-dd HH:mm:ss')}}</div>" }); |
| | | } else { |
| | | col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 180 }); |
| | | } |
| | | else { |
| | | col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center' }); |
| | | } |
| | | |
| | | } |
| | | |
| | | var num_total = (result.total) / 10; |
| | |
| | | , page: true // 开启分页 |
| | | , limit: 10 |
| | | , cols: [col] |
| | | , done: function (res) { |
| | | , done: function (res, curr, count) { |
| | | res.data.forEach(function (item, index) { |
| | | // console.log(item); |
| | | //这里的entity_status_id 为表格数据中的一列数据,用于判断特定行 |
| | | if (item.进厂标记 == 1 && item.出厂标记 == 0) { |
| | | var tr = $(".layui-one .layui-table tr[data-index=" + index + "]"); |
| | | tr.css("background-color", "rgb(51,204,102)"); |
| | | } |
| | | else if |
| | | (item.进厂标记 == 0 && item.出厂标记 == 0) { |
| | | var tr = $(".layui-one .layui-table tr[data-index=" + index + "]"); |
| | | tr.css("background-color", "white"); |
| | | } |
| | | else if (item.进厂标记 == 1 && item.出厂标记 == 1) { |
| | | var tr = $(".layui-one .layui-table tr[data-index=" + index + "]"); |
| | | tr.css("background-color", "rgb(253,253,150)"); |
| | | } |
| | | else if |
| | | (item.进厂标记 == 0 && item.出厂标记 == 1) { |
| | | var tr = $(".layui-one .layui-table tr[data-index=" + index + "]"); |
| | | tr.css("background-color", "rgb(253,253,150)"); |
| | | } |
| | | }) |
| | | } |
| | | }); |
| | | |
| | | |
| | | // 监听table复选框的选择事件 |
| | | table.on('checkbox(tb_order)', function (obj) { |
| | | table.on('radio(tb_order)', function (obj) { |
| | | selectedIds = table.checkStatus('tb_order').data.map(item => item.id).sort(function (a, b) { |
| | | return a - b; |
| | | }); |
| | |
| | | var checkStatus = table.checkStatus('tb_order') |
| | | , data = checkStatus.data; |
| | | |
| | | |
| | | var FID = data[0].FID.toString(); |
| | | var FENTRYID = data[0].FENTRYID.toString(); |
| | | |
| | | switch (obj.event) { |
| | | case 'InFactory1': |
| | | Table_Button(FID, FENTRYID, 'InFactory1'); |
| | | DataTable(); |
| | | break; |
| | | case 'DInFactory1': |
| | | Table_Button(FID, FENTRYID, 'DInFactory1'); |
| | | DataTable(); |
| | | break; |
| | | case 'OutFactory1': |
| | | Table_Button(FID, FENTRYID, 'OutFactory1'); |
| | | DataTable(); |
| | | break; |
| | | |
| | | case 'DOutFactory1': |
| | | Table_Button(FID, FENTRYID, 'DOutFactory1'); |
| | | DataTable(); |
| | | break; |
| | | } |
| | | }); |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | function Table_Button(FID,FENTRYID,OperationType) { |
| | | function Table_Button(FID, FENTRYID, OperationType) { |
| | | $.ajax({ |
| | | type: "GET", |
| | | url: GetWEBURL() + '/loaddata/DeliveryTableDataButton', |
| | |
| | | json: 'callback', |
| | | success: function (result) { |
| | | var data = result.data; |
| | | layer.alert(data[0].HRemark); |
| | | |
| | | } |
| | | }) |
| | | } |
| | |
| | | success: function (result) { |
| | | var col = []; |
| | | //给空的数组赋值 |
| | | col.push({ filed: 'checked', checkbox: true, formatter: stateFormatter }); |
| | | col.push({ type: 'radio', fixed: 'left', formatter: stateFormatter, width: 50 }); |
| | | for (var key in result.columnNameList) { |
| | | if ($.inArray(result.columnNameList[key].ColmCols, titleData2) > -1) { |
| | | col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', hide: true }); //隐藏id列 |
| | | } else |
| | | if (result.columnNameList[key].ColmType == "Decimal") { |
| | | if (result.columnNameList[key].ColmType == "Decimal") { |
| | | |
| | | col.push({ |
| | | field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', formatter: function (value, row, index) { |
| | | return parseFloat(value).toFixed(2); |
| | | } |
| | | }); |
| | | } else { |
| | | col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center' }); |
| | | } |
| | | col.push({ |
| | | field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', formatter: function (value, row, index) { |
| | | return parseFloat(value).toFixed(2); |
| | | } |
| | | }); |
| | | } else { |
| | | col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 180 }); |
| | | } |
| | | |
| | | } |
| | | |
| | |
| | | , page: true // 开启分页 |
| | | , limit: 10 |
| | | , cols: [col] |
| | | , done: function (res) { |
| | | , done: function (res, curr, count) { |
| | | res.data.forEach(function (item, index) { |
| | | // console.log(item); |
| | | //这里的entity_status_id 为表格数据中的一列数据,用于判断特定行 |
| | | if (item.进厂标记 == 1 && item.出厂标记 == 0) { |
| | | var tr = $(".layui-two .layui-table tr[data-index=" + index + "]"); |
| | | tr.css("background-color", "rgb(51,204,102)"); |
| | | } |
| | | else if |
| | | (item.进厂标记 == 0 && item.出厂标记 == 0) { |
| | | var tr = $(".layui-two .layui-table tr[data-index=" + index + "]"); |
| | | tr.css("background-color", "white"); |
| | | } |
| | | else if (item.进厂标记 == 1 && item.出厂标记 == 1) { |
| | | var tr = $(".layui-two .layui-table tr[data-index=" + index + "]"); |
| | | tr.css("background-color", "rgb(253,253,150)"); |
| | | } |
| | | else if |
| | | (item.进厂标记 == 0 && item.出厂标记 == 1) { |
| | | var tr = $(".layui-two .layui-table tr[data-index=" + index + "]"); |
| | | tr.css("background-color", "rgb(253,253,150)"); |
| | | } |
| | | }) |
| | | } |
| | | }); |
| | | |
| | | |
| | | // 监听table复选框的选择事件 |
| | | table.on('checkbox(tb_order2)', function (obj) { |
| | | table.on('radio(tb_order2)', function (obj) { |
| | | selectedIds = table.checkStatus('tb_order2').data.map(item => item.id).sort(function (a, b) { |
| | | return a - b; |
| | | }); |
| | |
| | | switch (obj.event) { |
| | | case 'InFactory2': |
| | | Table_Button(FID, FENTRYID, 'InFactory2'); |
| | | DataTable2(); |
| | | break; |
| | | case 'DInFactory2': |
| | | Table_Button(FID, FENTRYID, 'DInFactory2'); |
| | | DataTable2(); |
| | | break; |
| | | case 'OutFactory2': |
| | | Table_Button(FID, FENTRYID, 'OutFactory2'); |
| | | DataTable2(); |
| | | break; |
| | | |
| | | case 'DOutFactory2': |
| | | Table_Button(FID, FENTRYID, 'DOutFactory2'); |
| | | DataTable2(); |
| | | break; |
| | | } |
| | | }); |
| | |
| | | success: function (result) { |
| | | var col = []; |
| | | //给空的数组赋值 |
| | | col.push({ filed: 'checked', checkbox: true, formatter: stateFormatter }); |
| | | col.push({ type: 'radio', fixed: 'left', formatter: stateFormatter, width: 50 }); |
| | | for (var key in result.columnNameList) { |
| | | if ($.inArray(result.columnNameList[key].ColmCols, titleData3) > -1) { |
| | | col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', hide: true }); //隐藏id列 |
| | | } else |
| | | if (result.columnNameList[key].ColmType == "Decimal") { |
| | | if (result.columnNameList[key].ColmType == "Decimal") { |
| | | |
| | | col.push({ |
| | | field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', formatter: function (value, row, index) { |
| | | return parseFloat(value).toFixed(2); |
| | | } |
| | | }); |
| | | } else { |
| | | col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center' }); |
| | | } |
| | | col.push({ |
| | | field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', formatter: function (value, row, index) { |
| | | return parseFloat(value).toFixed(2); |
| | | } |
| | | }); |
| | | } else { |
| | | col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 180 }); |
| | | } |
| | | |
| | | } |
| | | |
| | |
| | | , page: true // 开启分页 |
| | | , limit: 10 |
| | | , cols: [col] |
| | | , done: function (res) { |
| | | , done: function (res, curr, count) { |
| | | res.data.forEach(function (item, index) { |
| | | // console.log(item); |
| | | //这里的entity_status_id 为表格数据中的一列数据,用于判断特定行 |
| | | if (item.进厂标记 == 1 && item.出厂标记 == 0) { |
| | | var tr = $(".layui-three .layui-table tr[data-index=" + index + "]"); |
| | | tr.css("background-color", "rgb(51,204,102)"); |
| | | } |
| | | else if |
| | | (item.进厂标记 == 0 && item.出厂标记 == 0) { |
| | | var tr = $(".layui-three .layui-table tr[data-index=" + index + "]"); |
| | | tr.css("background-color", "white"); |
| | | } |
| | | else if (item.进厂标记 == 1 && item.出厂标记 == 1) { |
| | | var tr = $(".layui-three .layui-table tr[data-index=" + index + "]"); |
| | | tr.css("background-color", "rgb(253,253,150)"); |
| | | } |
| | | else if |
| | | (item.进厂标记 == 0 && item.出厂标记 == 1) { |
| | | var tr = $(".layui-three .layui-table tr[data-index=" + index + "]"); |
| | | tr.css("background-color", "rgb(253,253,150)"); |
| | | } |
| | | }) |
| | | } |
| | | }); |
| | | |
| | | |
| | | // 监听table复选框的选择事件 |
| | | table.on('checkbox(tb_order3)', function (obj) { |
| | | table.on('radio(tb_order3)', function (obj) { |
| | | selectedIds = table.checkStatus('tb_order3').data.map(item => item.id).sort(function (a, b) { |
| | | return a - b; |
| | | }); |
| | |
| | | switch (obj.event) { |
| | | case 'InFactory3': |
| | | Table_Button(FID, FENTRYID, 'InFactory3'); |
| | | DataTable3(); |
| | | break; |
| | | case 'DInFactory3': |
| | | Table_Button(FID, FENTRYID, 'DInFactory3'); |
| | | DataTable3(); |
| | | break; |
| | | case 'OutFactory3': |
| | | Table_Button(FID, FENTRYID, 'OutFactory3'); |
| | | DataTable3(); |
| | | break; |
| | | |
| | | case 'DOutFactory3': |
| | | Table_Button(FID, FENTRYID, 'DOutFactory3'); |
| | | DataTable3(); |
| | | break; |
| | | } |
| | | }); |
| | |
| | | <form class="layui-form"> |
| | | <div class="layui-tab"> |
| | | <ul class="layui-tab-title"> |
| | | <li lay-id="1" style="padding: 1px; color: rgba(9, 209, 234, 1);" class="layui-this">基本信息1</li> |
| | | <li lay-id="2" style="padding: 1px; color: rgba(9, 209, 234, 1);">信息2</li> |
| | | <li lay-id="3" style="padding: 1px; color: rgba(9, 209, 234, 1);">信息3</li> |
| | | <li lay-id="1" style="padding: 3px; color: rgba(9, 209, 234, 1);" class="layui-this">浙江安东尼奥</li> |
| | | <li lay-id="2" style="padding: 3px; color: rgba(9, 209, 234, 1);">中安(浙江)</li> |
| | | <li lay-id="3" style="padding: 3px; color: rgba(9, 209, 234, 1);">绍兴中蓝祥帆</li> |
| | | </ul> |
| | | <div class="layui-tab-content"> |
| | | <!--基本信息--> |
| | | <div class="layui-tab-item layui-show"> |
| | | <div class="layui-tab-item layui-show layui-one"> |
| | | <div class="layui-form-item" style="padding-top: 10px;"> |
| | | <div class="col-sm-8 left"> |
| | | <div> |
| | |
| | | </div> |
| | | </div> |
| | | <!--基本信息--> |
| | | <div class="layui-tab-item"> |
| | | <div class="layui-tab-item layui-two"> |
| | | <div class="layui-form-item" style="padding-top: 10px;"> |
| | | <div class="col-sm-8 left"> |
| | | <div> |
| | |
| | | </div> |
| | | </div> |
| | | <!--基本信息--> |
| | | <div class="layui-tab-item"> |
| | | <div class="layui-tab-item layui-three"> |
| | | <div class="layui-form-item" style="padding-top: 10px;"> |
| | | <div class="col-sm-8 left"> |
| | | <div> |