Merge branch 'master' of http://101.37.171.70:10101/r/TV.kanbanUI
| | |
| | | var num = 0; |
| | | var num1 = 0; |
| | | var TLProgress = 0; //退料率 |
| | | var CallData = []; //近日配送时间数组 |
| | | var CallPSQty = []; //近日配送总数数组 |
| | | var CAllQty = []; //今日叫料总数数组 |
| | | var CallData = []; //饼图结果数组 |
| | | |
| | | var CAllDataX = []; //柱状图x轴 |
| | | var CAllDataXval = []; //柱状图y轴 |
| | | $(document).ready(function () { |
| | | // 创建两个变量,一个数组中的月和日的名称 |
| | | var monthNames = ["1 月", "2 月", "3 月", "4 月", "5 月", "6 月", "7 月", "8 月", "9 月", "10 月", "11 月", "12 月"]; |
| | |
| | | |
| | | |
| | | function Chart(mychart1, mychart2) { |
| | | // $.ajax({ |
| | | // url: "http://localhost:12298/api/loaddata/CallData", |
| | | // dataType: "JSON", |
| | | // async: false,//使用同步的方式,true为异步方式 |
| | | // type: "Get", |
| | | // data: { "CallHouseCode": CallHouseCode }, |
| | | // success: function (data) { |
| | | // TLProgress = parseFloat((data.data[1][1].qty / data.data[1][0].qty) * 100).toFixed(2); |
| | | // if (isNaN(TLProgress)) { |
| | | // TLProgress = 0; |
| | | // } |
| | | // //今日配送率 |
| | | // $.each(data.data[0], function (index, val) { |
| | | // CallData.push(val.hour); |
| | | // CallPSQty.push(parseFloat(val.HSendQTY).toFixed(2)); |
| | | // CAllQty.push(parseFloat(val.HQty).toFixed(2)); |
| | | // }); |
| | | // }, |
| | | // error: function (data) { |
| | | $.ajax({ |
| | | url: "http://localhost:12298/api/loaddata/SearchGetWorkStepBillPie", |
| | | dataType: "JSON", |
| | | async: false,//使用同步的方式,true为异步方式 |
| | | type: "Get", |
| | | data: { "CallHouseCode": CallHouseCode }, |
| | | success: function (data) { |
| | | //饼图 |
| | | CallData.push(data.Table[0]["column3"]); |
| | | CallData.push(data.Table[0]["column4"]); |
| | | CallData.push(data.Table[0]["column5"]); |
| | | CallData.push(data.Table[0]["column6"]); |
| | | CallData.push(data.Table[0]["column7"]); |
| | | //柱状图 |
| | | $.each(data.Table1 ,function (index, val) { |
| | | CAllDataX.push(val.countDay); |
| | | CAllDataXval.push(val.HName); |
| | | }); |
| | | }, |
| | | error: function (data) { |
| | | |
| | | // } |
| | | // }) |
| | | } |
| | | }) |
| | | |
| | | const colorList = ['#91CC75 ', '#5470C6', '#73C0DE', '#EE6666', '#FAC858'] |
| | | option1 = { |
| | | title: [ |
| | | { |
| | | show: true, |
| | | text: '设备稼动率', |
| | | text: '设备运行状态', |
| | | textStyle: { |
| | | color: '#00c6ff', |
| | | fontSize: '16', |
| | |
| | | { |
| | | name: '占比', |
| | | type: 'pie', |
| | | radius: '60 %',//打小 |
| | | |
| | | radius: '60 %',//大小 |
| | | itemStyle: { |
| | | borderWidth: 3, |
| | | borderColor: '#000000' |
| | | }, |
| | | data: [ |
| | | { value: 12, name: '运行' }, |
| | | { value: 4, name: '停机' }, |
| | | { value: 2, name: '未开机' }, |
| | | { value: 1, name: '维修中' }, |
| | | { value: 1, name: '保养中' } |
| | | { value: CallData[0], name: '运行' }, |
| | | { value: CallData[1], name: '停机' }, |
| | | { value: CallData[2], name: '未开机' }, |
| | | { value: CallData[3], name: '维修中' }, |
| | | { value: CallData[4], name: '保养中' } |
| | | ], |
| | | } |
| | | ] |
| | | }; |
| | | |
| | | CallData = ['08-28', '08-29', '08-30', '08-31', '09-01']; |
| | | |
| | | option2 = { |
| | | title: { |
| | | text: '总产值', |
| | |
| | | xAxis: [ |
| | | { |
| | | type: 'category', |
| | | data: CallData, |
| | | data: CAllDataXval, |
| | | axisTick: { |
| | | alignWithLabel: true |
| | | }, |
| | |
| | | ], |
| | | series: [ |
| | | { |
| | | data: [120, 200, 150, 80, 70], |
| | | data: CAllDataX, |
| | | type: 'bar', |
| | | showBackground: true, |
| | | backgroundStyle: { |
| | |
| | | detailView: false, //是否显示父子表 |
| | | |
| | | columns: [ |
| | | { field: 'HICMOBillNO', title: '设备数量', align: "left" }, |
| | | { field: 'HNUMBER', title: '开机率', align: "left" }, |
| | | { field: 'HNAME', title: '运行', align: "left" }, |
| | | { field: 'HMODEL', title: '停机', align: "left" }, |
| | | { field: 'HQTY', title: '未开机', align: "left" }, |
| | | { field: 'HLEFT', title: '维修中', align: "left" }, |
| | | { field: 'HSTATUS', title: '保养中', align: "left" } |
| | | { field: 'column1', title: '设备数量', align: "left" }, |
| | | { field: 'column2', title: '开机率', align: "left" }, |
| | | { field: 'column3', title: '运行', align: "left" }, |
| | | { field: 'column4', title: '停机', align: "left" }, |
| | | { field: 'column5', title: '未开机', align: "left" }, |
| | | { field: 'column6', title: '维修中', align: "left" }, |
| | | { field: 'column7', title: '保养中', align: "left" } |
| | | ], |
| | | onClickRow: function (row, $element) { |
| | | |
| | |
| | | var html1 = ''; |
| | | html1 += '<div class="col-sm-12 col-md-2" >'; |
| | | if (i == 2 || i == 4 || i == 6) |
| | | html1 += '<div class="cns" id="bs' + (i + 1) + '" style="background:#91CC75" onclick="CheckBtom(this,' + (i + 1) + ')">'; |
| | | html1 += '<div class="cns" id="bs' + (i + 1) + '" style="background:#91CC75" >'; |
| | | else if (i % 2 == 0) |
| | | html1 += '<div class="cns" id="bs' + (i + 1) + '" style="" onclick="CheckBtom(this,' + (i + 1) + ')">'; |
| | | html1 += '<div class="cns" id="bs' + (i + 1) + '" style="">'; |
| | | else |
| | | html1 += '<div class="cns" id="bs' + (i + 1) + '" style="background:#EE6666; color:#FFF" onclick="CheckBtom(this,' + (i + 1) + ')">'; |
| | | html1 += '<div class="cns" id="bs' + (i + 1) + '" style="background:#EE6666; color:#FFF">'; |
| | | |
| | | html1 += '<dl>'; |
| | | //html1 += '<img src="img/device.png">' |