<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<title>结果趋势-公式2计算</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/echarts.min.js"></script>
<style type="text/css">
.w5 {
width: 50px;
}
.w10 {
width: 120px;
}
.t-r {
text-align: right;
}
.t-d {
padding-bottom: 5px;
}
.m-b {
margin-left: 10px;
}
.chart-m {
width: 360px;
height: 260px;
float: left;
}
</style>
</head>
<body>
<div id="wrapper">
<h3>公式3计算含负数</h3>
<div class="zhong" style="overflow: scroll;">
<table class="table table-hover">
<tr>
<th>时间</th>
<th>期数</th>
<th>结果</th>
<th>排除A</th>
<th>排除B</th>
<th>排除C</th>
<th>排除D</th>
<th>剩余A</th>
<th>剩余B</th>
<th>剩余C</th>
<th>剩余D</th>
</tr>
<tbody class="t-body">
</tbody>
</table>
</div>
</div>
<script>
$(document).ready(function () {
compare();
})
function compare() {
$.ajax({
type: "post",
url: "/queryHistoryFormulaM3ListAll",
dataType: "json",
success: function (data) {
console.log(data)
showList(data)
},
error: function (err) {
console.log(err)
}
});
}
function showList(data){
var zhongHtml = '';
for (var i = 0; i < data.length; i++) {
var z = data[i]
var code = ''
if (z['a']){
code = z['a'] + ',' +z['b'] + ',' +z['c'] + ',' +z['d'] + ',' +z['e'];
} else {
code = '-';
}
zhongHtml += '<tr>';
zhongHtml += '<td>';
zhongHtml += z['day'];
zhongHtml += '</td>';
zhongHtml += '<td>';
zhongHtml += z['period'] || "-";
zhongHtml += '</td>';
zhongHtml += '<td>';
zhongHtml += '<span style="color: #0330ff;">' + code + '</span>';
zhongHtml += '</td>';
zhongHtml += '<td><s>';
zhongHtml += z['delA'];
zhongHtml += '</s></td>';
zhongHtml += '<td><s>';
zhongHtml += z['delB'];
zhongHtml += '</s></td>';
zhongHtml += '<td><s>';
zhongHtml += z['delC'];
zhongHtml += '</s></td>';
zhongHtml += '<td><s>';
zhongHtml += z['delD'];
zhongHtml += '</s></td>';
zhongHtml += '<td>';
zhongHtml += compareSame(z['a'], z['surA']);
zhongHtml += '</td>';
zhongHtml += '<td>';
zhongHtml += compareSame(z['b'], z['surB']);
zhongHtml += '</td>';
zhongHtml += '<td>';
zhongHtml += compareSame(z['c'], z['surC']);
zhongHtml += '</td>';
zhongHtml += '<td>';
zhongHtml += compareSame(z['d'], z['surD']);
zhongHtml += '</td>';
zhongHtml += '</tr>';
}
$('.t-body').html(zhongHtml)
$('.z-nums').html('概率列表（<span class="text-danger">' + data.length + '</span>）')
}
/**
* 比对位置
* @param code
* @param data
* @returns {string|*}
*/
function compareSame(code, data) {
if(code){
if (data.indexOf(code) != -1){
return '<span style="color: #ff0000;">' + data + '</span>';
} else {
return '<span style="color: #000000;">' + data + '</span>';
}
}
return data;
}
</script>
</body>
</html>
