812 lines
33 KiB
Plaintext
812 lines
33 KiB
Plaintext
|
<%@ page language="java" pageEncoding="UTF-8"%>
|
|||
|
|
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
|
|||
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
|
|||
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
|
|||
|
|
<%@ page import="com.sipai.entity.base.ServerObject"%>
|
|||
|
|
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security"%>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<!-- <html lang="zh-CN"> -->
|
|||
|
|
<!-- BEGIN HEAD -->
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|||
|
|
<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
|
|||
|
|
<title>
|
|||
|
|
<%= ServerObject.atttable.get("TOPTITLE")%>
|
|||
|
|
</title>
|
|||
|
|
<!-- 引用页头及CSS页-->
|
|||
|
|
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
|||
|
|
|
|||
|
|
<!-- 引入daterangepicker-->
|
|||
|
|
<link rel="stylesheet"
|
|||
|
|
href="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.css" />
|
|||
|
|
<script type="text/javascript"
|
|||
|
|
src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/moment.min.js"
|
|||
|
|
charset="utf-8"></script>
|
|||
|
|
<script type="text/javascript"
|
|||
|
|
src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.js"
|
|||
|
|
charset="utf-8"></script>
|
|||
|
|
<!--bootstrap-edittable 表格行内编辑 -->
|
|||
|
|
<link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/bootstrap-editable/css/bootstrap-editable.css"/>
|
|||
|
|
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-editable/js/bootstrap-editable.js" charset="utf-8"></script>
|
|||
|
|
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-editable/js/bootstrap-table-editable.js" charset="utf-8"></script>
|
|||
|
|
<!-- 引入viewer.js-->
|
|||
|
|
<link rel="stylesheet"
|
|||
|
|
href="<%=request.getContextPath()%>/node_modules/viewer-js/viewer.min.css" />
|
|||
|
|
<script type="text/javascript"
|
|||
|
|
src="<%=request.getContextPath()%>/node_modules/viewer-js/viewer.min.js"
|
|||
|
|
charset="utf-8"></script>
|
|||
|
|
<style type="text/css">
|
|||
|
|
.modal-full {
|
|||
|
|
width: 100%;
|
|||
|
|
margin: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.viewer{
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
min-height: 470px;
|
|||
|
|
}
|
|||
|
|
.viewer>li{
|
|||
|
|
overflow: hidden;
|
|||
|
|
width: calc(100% / 2);
|
|||
|
|
float: left;
|
|||
|
|
cursor: pointer;
|
|||
|
|
padding: 0 1px;
|
|||
|
|
}
|
|||
|
|
.viewer>li>img{
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
|
|||
|
|
let modelIp = "${modelIp}";
|
|||
|
|
var beginTimeStore = '';
|
|||
|
|
var endTimeStore = '';
|
|||
|
|
|
|||
|
|
function initDate() {
|
|||
|
|
//定义locale汉化插件
|
|||
|
|
beginTimeStore = moment().subtract(30, 'days').format('YYYY-MM-DD') + ' 00:00';
|
|||
|
|
endTimeStore = moment().subtract(0, 'days').format('YYYY-MM-DD') + ' 23:59';
|
|||
|
|
var locale = {
|
|||
|
|
"format": 'YYYY-MM-DD HH:mm',
|
|||
|
|
"separator": " ~ ",
|
|||
|
|
"applyLabel": "确定",
|
|||
|
|
"cancelLabel": "取消",
|
|||
|
|
"fromLabel": "起始时间",
|
|||
|
|
"toLabel": "结束时间'",
|
|||
|
|
"customRangeLabel": "自定义",
|
|||
|
|
"weekLabel": "W",
|
|||
|
|
"daysOfWeek": ["日", "一", "二", "三", "四", "五", "六"],
|
|||
|
|
"monthNames": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
|
|||
|
|
"firstDay": 1
|
|||
|
|
};
|
|||
|
|
$('#reservationtime').daterangepicker({
|
|||
|
|
"timePicker": true,
|
|||
|
|
"timePicker24Hour": true,
|
|||
|
|
"linkedCalendars": false,
|
|||
|
|
"autoUpdateInput": false,
|
|||
|
|
"timePickerIncrement": 10,
|
|||
|
|
"locale": locale,
|
|||
|
|
//汉化按钮部分
|
|||
|
|
ranges: {
|
|||
|
|
// '今日': [moment(), moment().subtract(-1, 'days')],
|
|||
|
|
'昨日': [moment().subtract(1, 'days'), moment()],
|
|||
|
|
'最近7日': [moment().subtract(6, 'days'), moment().subtract(-1, 'days')],
|
|||
|
|
'本月': [moment().startOf('month'), moment().endOf('month').subtract(-1, 'days')],
|
|||
|
|
'上月': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month').subtract(-1, 'days')]
|
|||
|
|
},
|
|||
|
|
startDate: beginTimeStore,
|
|||
|
|
endDate: endTimeStore
|
|||
|
|
}, function (start, end, label) {
|
|||
|
|
beginTimeStore = start.format(this.locale.format);
|
|||
|
|
endTimeStore = end.format(this.locale.format);
|
|||
|
|
if (!this.startDate) {
|
|||
|
|
this.element.val('');
|
|||
|
|
} else {
|
|||
|
|
this.element.val(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
$('#reservationtime').val(beginTimeStore + locale.separator + endTimeStore);
|
|||
|
|
};
|
|||
|
|
var dosearch = function() {
|
|||
|
|
$("#table").bootstrapTable('refresh');
|
|||
|
|
$("#table_fitting").bootstrapTable('refresh');
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var companyId = "";
|
|||
|
|
var goodsNames = [];
|
|||
|
|
$(function() {
|
|||
|
|
initDate();
|
|||
|
|
initFun();
|
|||
|
|
goodsList();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function goodsList(){
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'GET',
|
|||
|
|
url: ext.contextPath + '/sparepart/goods/getList.do',
|
|||
|
|
dataType: 'json',
|
|||
|
|
data: {
|
|||
|
|
rows: 1000, // 每页要显示的数据条数
|
|||
|
|
page: 1, // 每页显示数据的开始页码
|
|||
|
|
className: "地磅",
|
|||
|
|
},
|
|||
|
|
error: function () {
|
|||
|
|
initFun_fitting();
|
|||
|
|
return false;
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
var total = data.total;
|
|||
|
|
if(total>0){
|
|||
|
|
seriesdata = [];
|
|||
|
|
var rows = data.rows;
|
|||
|
|
$.each(rows,function(index,value){
|
|||
|
|
let goods = {value:value.name,text:value.name}
|
|||
|
|
goodsNames.push(goods);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
initFun_fitting();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
var initFun = function(){
|
|||
|
|
|
|||
|
|
$("#table").bootstrapTable({ // 对应table标签的id
|
|||
|
|
url: "http://"+modelIp + "/work/weighingData/getList.do", // 获取表格数据的url
|
|||
|
|
contentType : null,
|
|||
|
|
cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
|
|||
|
|
striped: true, //表格显示条纹，默认为false
|
|||
|
|
pagination: true, // 在表格底部显示分页组件，默认false
|
|||
|
|
pageList: [10, 20,50], // 设置页面可以显示的数据条数
|
|||
|
|
pageSize: 10, // 页面数据条数
|
|||
|
|
pageNumber: 1, // 首页页码
|
|||
|
|
sidePagination: 'server', // 设置为服务器端分页
|
|||
|
|
queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
|
|||
|
|
return {
|
|||
|
|
rows: params.limit, // 每页要显示的数据条数
|
|||
|
|
page: params.offset/params.limit+1, // 每页显示数据的开始页码
|
|||
|
|
sort: params.sort, // 要排序的字段
|
|||
|
|
order: params.order,
|
|||
|
|
startDateStr: beginTimeStore,
|
|||
|
|
endDateStr: endTimeStore,
|
|||
|
|
carNumber: $('#search_name').val(),
|
|||
|
|
errorCode: $('#errorCode').val(),
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
sortName: 'gross_weight_time', // 要排序的字段
|
|||
|
|
sortOrder: 'desc', // 排序规则
|
|||
|
|
columns: [
|
|||
|
|
{
|
|||
|
|
/*checkbox: true, // 显示一个勾选框
|
|||
|
|
},{*/
|
|||
|
|
field: 'serialNo', // 返回json数据中的name
|
|||
|
|
title: '流水号', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle' // 上下居中
|
|||
|
|
},{
|
|||
|
|
field: 'grossWeightTime', // 返回json数据中的name
|
|||
|
|
title: '称重日期', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
formatter:function (value, row, index){
|
|||
|
|
return value.substring(0,16);
|
|||
|
|
},
|
|||
|
|
},{
|
|||
|
|
field: 'grossWeight', // 返回json数据中的name
|
|||
|
|
title: '称重', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle' // 上下居中
|
|||
|
|
},{
|
|||
|
|
field: 'IOType', // 返回json数据中的name
|
|||
|
|
title: '进/出', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
editable: {
|
|||
|
|
type: 'select',
|
|||
|
|
title: '进/出',
|
|||
|
|
source:[{value:1,text:'进'},{value:2,text:'出'},{value:3,text:'未知'}],
|
|||
|
|
display: function(value) {
|
|||
|
|
let text = "未知";
|
|||
|
|
if (value==1) {
|
|||
|
|
text = "进";
|
|||
|
|
}
|
|||
|
|
if (value==2){
|
|||
|
|
text = "出";
|
|||
|
|
}
|
|||
|
|
$(this).text(text);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},{
|
|||
|
|
field: 'carNumber', // 返回json数据中的name
|
|||
|
|
title: '车牌号', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
editable: { //编辑列元素
|
|||
|
|
type: 'text',
|
|||
|
|
title: '车牌号',
|
|||
|
|
validate: function (v) {
|
|||
|
|
if (!v) return '车牌号不能为空';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},{
|
|||
|
|
field: 'errorCode', // 返回json数据中的name
|
|||
|
|
title: '车牌状态', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
formatter: function (value, row, index){
|
|||
|
|
if(value){
|
|||
|
|
return "未识别";
|
|||
|
|
}else{
|
|||
|
|
return "已识别";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}, {
|
|||
|
|
field: 'isUse', // 返回json数据中的name
|
|||
|
|
title: '是否拟合', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
formatter: function (value, row, index) {
|
|||
|
|
if (value == '1') {
|
|||
|
|
return "已拟合";
|
|||
|
|
} else {
|
|||
|
|
return "未拟合";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},{
|
|||
|
|
title: "操作",
|
|||
|
|
align: 'center',
|
|||
|
|
valign: 'middle',
|
|||
|
|
width: 160, // 定义列的宽度，单位为像素px
|
|||
|
|
formatter: function (value, row, index) {
|
|||
|
|
var buts= '';
|
|||
|
|
buts+= '<button class="btn btn-default btn-sm" title="图片" onclick="getimg(\'' + row.serialNo + '\')">图片</button>';
|
|||
|
|
buts+= '<button class="btn btn-default btn-sm" title="识别" onclick="getCarNumber(\'' + row.serialNo + '\')">识别</button>';
|
|||
|
|
buts+= '<button class="btn btn-default btn-sm" title="拟合" onclick="fitting(\'' + row.serialNo + '\',\'' + row.IOType + '\')">拟合</button>';
|
|||
|
|
buts='<div class="btn-group" >'+buts+'</div>';
|
|||
|
|
return buts;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
//保存列修改后的数据
|
|||
|
|
onEditableSave: function (field, row, oldValue, $el) {
|
|||
|
|
$.post("http://"+modelIp + "/work/weighingData/doUpdate.do", {serialNo:row.serialNo,carNumber:row.carNumber,IOType:row.IOType
|
|||
|
|
}, function(data) {
|
|||
|
|
if (data.res == 1){
|
|||
|
|
$("#table").bootstrapTable('refresh');
|
|||
|
|
}else if(data.res == 0){
|
|||
|
|
showAlert('d','修改失败','mainAlertdiv');
|
|||
|
|
}else{
|
|||
|
|
showAlert('d',data.res,'mainAlertdiv');
|
|||
|
|
}
|
|||
|
|
},'json');
|
|||
|
|
},
|
|||
|
|
onLoadSuccess: function(){ //加载成功时执行
|
|||
|
|
adjustBootstrapTableView("table");
|
|||
|
|
},
|
|||
|
|
onLoadError: function(){ //加载失败时执行
|
|||
|
|
console.info("加载数据失败");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
var initFun_fitting = function(){
|
|||
|
|
|
|||
|
|
$("#table_fitting").bootstrapTable({ // 对应table标签的id
|
|||
|
|
url: "http://"+modelIp + "/work/weighingSaveData/getList.do", // 获取表格数据的url
|
|||
|
|
contentType : null,
|
|||
|
|
cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
|
|||
|
|
striped: true, //表格显示条纹，默认为false
|
|||
|
|
pagination: true, // 在表格底部显示分页组件，默认false
|
|||
|
|
pageList: [10, 20,50], // 设置页面可以显示的数据条数
|
|||
|
|
pageSize: 10, // 页面数据条数
|
|||
|
|
pageNumber: 1, // 首页页码
|
|||
|
|
sidePagination: 'server', // 设置为服务器端分页
|
|||
|
|
queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
|
|||
|
|
return {
|
|||
|
|
rows: params.limit, // 每页要显示的数据条数
|
|||
|
|
page: params.offset/params.limit+1, // 每页显示数据的开始页码
|
|||
|
|
sort: params.sort, // 要排序的字段
|
|||
|
|
order: params.order,
|
|||
|
|
startDateStr: beginTimeStore,
|
|||
|
|
endDateStr: endTimeStore,
|
|||
|
|
carNumber: $('#search_name').val(),
|
|||
|
|
goodsName: $('#goodsName').val(),
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
sortName: 'i_weight_time', // 要排序的字段
|
|||
|
|
sortOrder: 'desc', // 排序规则
|
|||
|
|
columns: [
|
|||
|
|
{
|
|||
|
|
checkbox: true, // 显示一个勾选框
|
|||
|
|
},{
|
|||
|
|
field: 'goodsName', // 返回json数据中的name
|
|||
|
|
title: '物品名称', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
editable: {
|
|||
|
|
type: 'select',
|
|||
|
|
title: '物品名称',
|
|||
|
|
source:goodsNames
|
|||
|
|
}
|
|||
|
|
},{
|
|||
|
|
field: 'carNumber', // 返回json数据中的name
|
|||
|
|
title: '车牌号', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle' // 上下居中
|
|||
|
|
},{
|
|||
|
|
field: 'IWeightTime', // 返回json数据中的name
|
|||
|
|
title: '来料时间', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
formatter:function (value, row, index){
|
|||
|
|
return value.substring(0,16);
|
|||
|
|
},
|
|||
|
|
},{
|
|||
|
|
field: 'weight', // 返回json数据中的name
|
|||
|
|
title: '来料重量', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
formatter:function (value, row, index){
|
|||
|
|
return Math.abs(value);
|
|||
|
|
},
|
|||
|
|
},{
|
|||
|
|
field: 'OWeightTime', // 返回json数据中的name
|
|||
|
|
title: '出厂时间', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
formatter:function (value, row, index){
|
|||
|
|
return value.substring(0,16);
|
|||
|
|
},
|
|||
|
|
},{
|
|||
|
|
field: 'carType', // 返回json数据中的name
|
|||
|
|
title: '车辆类型', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
editable: { //编辑列元素
|
|||
|
|
type: 'text',
|
|||
|
|
title: '车辆类型',
|
|||
|
|
validate: function (v) {
|
|||
|
|
if (!v) return '车辆类型不能为空';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
//保存列修改后的数据
|
|||
|
|
onEditableSave: function (field, row, oldValue, $el) {
|
|||
|
|
$.post("http://"+modelIp + "/work/weighingSaveData/doUpdate.do", {id:row.id,carType:row.carType,goodsName:row.goodsName
|
|||
|
|
}, function(data) {
|
|||
|
|
if (data.res == 1){
|
|||
|
|
$("#table_fitting").bootstrapTable('refresh');
|
|||
|
|
}else if(data.res == 0){
|
|||
|
|
showAlert('d','修改失败','fittingAlertdiv');
|
|||
|
|
}else{
|
|||
|
|
showAlert('d',data.res,'fittingAlertdiv');
|
|||
|
|
}
|
|||
|
|
},'json');
|
|||
|
|
},
|
|||
|
|
onLoadSuccess: function(){ //加载成功时执行
|
|||
|
|
adjustBootstrapTableView("table_fitting");
|
|||
|
|
},
|
|||
|
|
onLoadError: function(){ //加载失败时执行
|
|||
|
|
showAlert('d',"加载数据失败",'fittingAlertdiv');
|
|||
|
|
console.info("加载数据失败");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var viewer = null;
|
|||
|
|
function getimg(serialNo) {
|
|||
|
|
$('#img-serialNo').html(serialNo);
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'GET',
|
|||
|
|
url: "http://"+modelIp + "/work/weighingData/doView.do",
|
|||
|
|
dataType: 'json',
|
|||
|
|
data: {
|
|||
|
|
serialNo: serialNo,
|
|||
|
|
},
|
|||
|
|
error: function () {
|
|||
|
|
showAlert('d','获取照片失败','mainAlertdiv');
|
|||
|
|
},
|
|||
|
|
success: function (datas) {
|
|||
|
|
if(datas.length>0){
|
|||
|
|
var data = datas[0];
|
|||
|
|
/*$("#img13").attr("src", "data:image/jpeg;base64,"+data.weighingPictures13);
|
|||
|
|
$("#img14").attr("src", "data:image/jpeg;base64,"+data.weighingPictures14);*/
|
|||
|
|
let str = '<li><img data-original="data:image/jpeg;base64,'+data.weighingPictures13+'" src="data:image/jpeg;base64,'+data.weighingPictures13+'" alt="图片1"></li>' +
|
|||
|
|
'<li><img data-original="data:image/jpeg;base64,'+data.weighingPictures14+'" src="data:image/jpeg;base64,'+data.weighingPictures14+'" alt="图片2"></li>';
|
|||
|
|
$('#viewer').html(str);
|
|||
|
|
|
|||
|
|
if (viewer) {
|
|||
|
|
viewer.destroy();
|
|||
|
|
}
|
|||
|
|
viewer = new Viewer(document.getElementById('viewer'), {
|
|||
|
|
url: 'data-original',
|
|||
|
|
fullscreen: false,
|
|||
|
|
});
|
|||
|
|
/*$('#viewer').viewer({
|
|||
|
|
url: 'data-original'
|
|||
|
|
});*/
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
stopBubbleDefaultEvent();
|
|||
|
|
|
|||
|
|
openModal('imgModal');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function getCarNumber(serialNo) {
|
|||
|
|
$('#img-serialNo').html(serialNo);
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'GET',
|
|||
|
|
url: "http://"+modelIp + "/work/weighingData/run.do",
|
|||
|
|
dataType: 'json',
|
|||
|
|
data: {
|
|||
|
|
serialNo: serialNo,
|
|||
|
|
},
|
|||
|
|
error: function () {
|
|||
|
|
showAlert('d','识别失败','mainAlertdiv');
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
if (data.res == 1){
|
|||
|
|
showAlert('s',data.msg,'mainAlertdiv');
|
|||
|
|
$("#table").bootstrapTable('refresh');
|
|||
|
|
}else {
|
|||
|
|
showAlert('d',data.msg,'mainAlertdiv');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function fitting(serialNo,IOType) {
|
|||
|
|
if(IOType==1 || IOType==2){
|
|||
|
|
$("#table_grossWeight").bootstrapTable('destroy'); //加载前先销毁
|
|||
|
|
$("#table_grossWeight").bootstrapTable({ // 对应table标签的id
|
|||
|
|
url: "http://"+modelIp + "/work/weighingData/getList.do", // 获取表格数据的url
|
|||
|
|
contentType : null,
|
|||
|
|
cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
|
|||
|
|
striped: true, //表格显示条纹，默认为false
|
|||
|
|
pagination: true, // 在表格底部显示分页组件，默认false
|
|||
|
|
pageList: [10, 20,50], // 设置页面可以显示的数据条数
|
|||
|
|
pageSize: 10, // 页面数据条数
|
|||
|
|
pageNumber: 1, // 首页页码
|
|||
|
|
sidePagination: 'server', // 设置为服务器端分页
|
|||
|
|
queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
|
|||
|
|
return {
|
|||
|
|
rows: params.limit, // 每页要显示的数据条数
|
|||
|
|
page: params.offset/params.limit+1, // 每页显示数据的开始页码
|
|||
|
|
sort: params.sort, // 要排序的字段
|
|||
|
|
order: params.order,
|
|||
|
|
serialNo: serialNo,
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
sortName: 'gross_weight_time', // 要排序的字段
|
|||
|
|
sortOrder: 'desc', // 排序规则
|
|||
|
|
columns: [
|
|||
|
|
{
|
|||
|
|
checkbox: true, // 显示一个勾选框
|
|||
|
|
},{
|
|||
|
|
field: 'serialNo', // 返回json数据中的name
|
|||
|
|
title: '流水号', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle' // 上下居中
|
|||
|
|
},{
|
|||
|
|
field: 'grossWeightTime', // 返回json数据中的name
|
|||
|
|
title: '称重日期', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
formatter:function (value, row, index){
|
|||
|
|
return value.substring(0,16);
|
|||
|
|
},
|
|||
|
|
},{
|
|||
|
|
field: 'grossWeight', // 返回json数据中的name
|
|||
|
|
title: '称重', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle' // 上下居中
|
|||
|
|
},{
|
|||
|
|
field: 'IOType', // 返回json数据中的name
|
|||
|
|
title: '进/出', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
formatter: function (value, row, index){
|
|||
|
|
let text = "未知";
|
|||
|
|
if (value==1) {
|
|||
|
|
text = "进";
|
|||
|
|
}
|
|||
|
|
if (value==2){
|
|||
|
|
text = "出";
|
|||
|
|
}
|
|||
|
|
return text;
|
|||
|
|
}
|
|||
|
|
},{
|
|||
|
|
field: 'carNumber', // 返回json数据中的name
|
|||
|
|
title: '车牌号', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
},{
|
|||
|
|
field: 'errorCode', // 返回json数据中的name
|
|||
|
|
title: '车牌状态', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
formatter: function (value, row, index){
|
|||
|
|
if(value){
|
|||
|
|
return "未识别";
|
|||
|
|
}else{
|
|||
|
|
return "已识别";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},{
|
|||
|
|
field: 'isUse', // 返回json数据中的name
|
|||
|
|
title: '是否拟合', // 表格表头显示文字
|
|||
|
|
align: 'center', // 左右居中
|
|||
|
|
valign: 'middle', // 上下居中
|
|||
|
|
formatter: function (value, row, index){
|
|||
|
|
if(value == '1'){
|
|||
|
|
return "已拟合";
|
|||
|
|
}else{
|
|||
|
|
return "未拟合";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},{
|
|||
|
|
title: "操作",
|
|||
|
|
align: 'center',
|
|||
|
|
valign: 'middle',
|
|||
|
|
width: 120, // 定义列的宽度，单位为像素px
|
|||
|
|
formatter: function (value, row, index) {
|
|||
|
|
var buts= '';
|
|||
|
|
buts+= '<button class="btn btn-default btn-sm" title="选择" onclick="doNewSaveData(\'' + serialNo + '\',\'' + row.serialNo + '\')">' +
|
|||
|
|
'<i class="fa fa-check"></i><span class="hidden-md hidden-lg">选择</span></button>';
|
|||
|
|
buts='<div class="btn-group" >'+buts+'</div>';
|
|||
|
|
return buts;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
onLoadSuccess: function(){ //加载成功时执行
|
|||
|
|
adjustBootstrapTableView("table_grossWeight");
|
|||
|
|
},
|
|||
|
|
onLoadError: function(){ //加载失败时执行
|
|||
|
|
showAlert('d',"加载数据失败",'grossAlertdiv');
|
|||
|
|
console.info("加载数据失败");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
stopBubbleDefaultEvent();
|
|||
|
|
openModal('fittingModal');
|
|||
|
|
}else {
|
|||
|
|
showAlert('d','未明确进/出，无法拟合。','mainAlertdiv');
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function doNewSaveData(serialNo01,serialNo02) {
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'GET',
|
|||
|
|
url: "http://"+modelIp + "/work/weighingData/doNewSaveData.do",
|
|||
|
|
dataType: 'json',
|
|||
|
|
data: {
|
|||
|
|
serialNo01: serialNo01,
|
|||
|
|
serialNo02: serialNo02,
|
|||
|
|
},
|
|||
|
|
error: function () {
|
|||
|
|
showAlert('d','接口错误','grossAlertdiv');
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
if(data.res>0){
|
|||
|
|
showAlert('s',data.msg,'grossAlertdiv');
|
|||
|
|
closeModal('subModal');
|
|||
|
|
dosearch();
|
|||
|
|
}else{
|
|||
|
|
showAlert('d',data.msg,'grossAlertdiv');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
var websocket = null;
|
|||
|
|
//判断当前浏览器是否支持WebSocket
|
|||
|
|
if ('WebSocket' in window) {
|
|||
|
|
websocket = new ReconnectingWebSocket("ws://"+modelIp + "/WeighingSocket/");
|
|||
|
|
} else {
|
|||
|
|
console.info('当前浏览器 Not support websocket')
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//连接发生错误的回调方法
|
|||
|
|
websocket.onerror = function () {
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
//连接成功建立的回调方法
|
|||
|
|
websocket.onopen = function () {
|
|||
|
|
console.info('地磅websocker开启');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//接收到消息的回调方法
|
|||
|
|
websocket.onmessage = function (event) {
|
|||
|
|
let str = '<div class="alert alert-warning alert-dismissible">' +
|
|||
|
|
'<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>' +
|
|||
|
|
' <h4><i class="icon fa fa-warning"></i> ' + event.data+'<button class="btn btn-danger btn-sm" title="刷新" onclick="doRenovate()">刷新</button></h4>' +
|
|||
|
|
'</div>';
|
|||
|
|
$('#subDiv').html(str);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//连接关闭的回调方法
|
|||
|
|
websocket.onclose = function () {
|
|||
|
|
console.info('地磅websocker关闭');
|
|||
|
|
closeWebSocket();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
|
|||
|
|
window.onbeforeunload = function () {
|
|||
|
|
closeWebSocket();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//关闭WebSocket连接
|
|||
|
|
function closeWebSocket() {
|
|||
|
|
websocket.close();
|
|||
|
|
}
|
|||
|
|
function doRenovate(){
|
|||
|
|
location.reload(true);
|
|||
|
|
}
|
|||
|
|
function showErrorCode(){
|
|||
|
|
$('#errorCodeElem').show();
|
|||
|
|
$('#goodsNameElem').hide();
|
|||
|
|
|
|||
|
|
$('#excelElem').hide();
|
|||
|
|
}
|
|||
|
|
function hideErrorCode(){
|
|||
|
|
$('#errorCodeElem').hide();
|
|||
|
|
$('#goodsNameElem').show();
|
|||
|
|
$('#excelElem').show();
|
|||
|
|
}
|
|||
|
|
function doExcel(){
|
|||
|
|
var checkedItems = $("#table_fitting").bootstrapTable('getSelections');
|
|||
|
|
var datas = "";
|
|||
|
|
$.each(checkedItems, function (index, item) {
|
|||
|
|
datas += item.id + ",";
|
|||
|
|
});
|
|||
|
|
if (datas == "") {
|
|||
|
|
swal({
|
|||
|
|
text: "未检测到勾选内容，您确定要全部导出吗？",
|
|||
|
|
dangerMode: true,
|
|||
|
|
buttons: {
|
|||
|
|
cancel: {
|
|||
|
|
text: "取消",
|
|||
|
|
value: null,
|
|||
|
|
visible: true,
|
|||
|
|
className: "btn btn-default btn-sm",
|
|||
|
|
closeModal: true,
|
|||
|
|
},
|
|||
|
|
confirm: {
|
|||
|
|
text: "确定",
|
|||
|
|
value: true,
|
|||
|
|
visible: true,
|
|||
|
|
className: "btn btn-danger btn-sm",
|
|||
|
|
closeModal: true
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}).then(function (willDelete) {
|
|||
|
|
if (willDelete) {
|
|||
|
|
window.open("http://"+modelIp + "/work/weighingSaveData/downloadExcel.do?startDateStr="+beginTimeStore+"&endDateStr="+endTimeStore+"&carNumber="+$('#search_name').val()+"&goodsName="+$('#goodsName').val());
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
window.open("http://"+modelIp + "/work/weighingSaveData/downloadExcel.do?ids="+datas);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</head>
|
|||
|
|
<body class="hold-transition ${cu.themeclass} sidebar-mini">
|
|||
|
|
<div class="wrapper">
|
|||
|
|
<div class="content-wrapper">
|
|||
|
|
<input type="hidden" name="jsp_id" id="jsp_id" value="waterQualityModel">
|
|||
|
|
<!-- Main content -->
|
|||
|
|
<section class="content container-fluid">
|
|||
|
|
<div id="subDiv"></div>
|
|||
|
|
<div id="subEditDiv"></div>
|
|||
|
|
<div id="subDetailDiv"></div>
|
|||
|
|
<div id="PRDetail4SelectsDiv"></div>
|
|||
|
|
<div id="user4SelectDiv"></div>
|
|||
|
|
<div id="Goods4SelectsDiv"></div>
|
|||
|
|
<div id="fileInputDiv"></div>
|
|||
|
|
<div id="goodsAddDiv"></div>
|
|||
|
|
<div id="equ4SelectDiv"></div>
|
|||
|
|
<div id="fault4SelectDiv"></div>
|
|||
|
|
<div class="nav-tabs-custom">
|
|||
|
|
<ul class="nav nav-tabs">
|
|||
|
|
<li class="active"><a href="#tab_1" data-toggle="tab" onclick="showErrorCode()">称重数据</a></li>
|
|||
|
|
<li><a href="#tab_2" data-toggle="tab" onclick="hideErrorCode()">拟合数据</a></li>
|
|||
|
|
<li class="pull-right">
|
|||
|
|
<a href="#" class="text-muted">
|
|||
|
|
<form id="searchForm">
|
|||
|
|
<div class="input-group pull-left input-group-sm" style="margin-right: 10px" id="errorCodeElem">
|
|||
|
|
<label style="padding-top:5px">识别情况:</label>
|
|||
|
|
<select id="errorCode" class="form-control select2 pull-right" style="width:80px" onchange="dosearch();">
|
|||
|
|
<option selected value="">全部</option>
|
|||
|
|
<option value="0">已识别</option>
|
|||
|
|
<option value="1">未识别</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
<div class="input-group pull-left input-group-sm" style="margin-right: 10px;width: 50px;display: none" id="excelElem">
|
|||
|
|
<div class="input-group-btn">
|
|||
|
|
<button class="btn btn-default" onclick="doExcel();">导出</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="input-group pull-left input-group-sm" style="margin-right: 10px">
|
|||
|
|
<label style="padding-top:5px">时间范围:</label>
|
|||
|
|
<input type="text" class="form-control pull-right" id="reservationtime" style="width:240px">
|
|||
|
|
</div>
|
|||
|
|
<div class="input-group pull-left input-group-sm" style="width: 250px;display: none" id="goodsNameElem">
|
|||
|
|
<input type="text" id="goodsName" name="goodsName" class="form-control pull-right" placeholder="物品">
|
|||
|
|
</div>
|
|||
|
|
<div class="input-group pull-left input-group-sm" style="width: 250px;">
|
|||
|
|
<input type="text" id="search_name" name="search_name" class="form-control pull-right" placeholder="车牌号">
|
|||
|
|
<div class="input-group-btn">
|
|||
|
|
<button class="btn btn-default" onclick="dosearch();"><i class="fa fa-search"></i></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<div class="tab-content">
|
|||
|
|
<div class="tab-pane active" id="tab_1">
|
|||
|
|
<div id="mainAlertdiv"></div>
|
|||
|
|
<table id="table"></table>
|
|||
|
|
</div>
|
|||
|
|
<!-- /.tab-pane -->
|
|||
|
|
<div class="tab-pane" id="tab_2">
|
|||
|
|
<div id="fittingAlertdiv"></div>
|
|||
|
|
<table id="table_fitting"></table>
|
|||
|
|
</div>
|
|||
|
|
<!-- /.tab-pane -->
|
|||
|
|
</div>
|
|||
|
|
<!-- /.tab-content -->
|
|||
|
|
</div>
|
|||
|
|
<div class="modal fade" id="imgModal">
|
|||
|
|
<div class="modal-dialog modal-full">
|
|||
|
|
<div class="modal-content">
|
|||
|
|
<div class="modal-header">
|
|||
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|||
|
|
<span aria-hidden="true">×</span></button>
|
|||
|
|
<h4 class="modal-title">查看图片(流水号：<span id="img-serialNo"></span>)</h4>
|
|||
|
|
</div>
|
|||
|
|
<div class="modal-body">
|
|||
|
|
<!-- 多张图片 -->
|
|||
|
|
<ul id="viewer" class="viewer">
|
|||
|
|
</ul>
|
|||
|
|
<%--<img src="" id="img13" style="width: 100%;">
|
|||
|
|
<img src="" id="img14" style="width: 100%;">--%>
|
|||
|
|
</div>
|
|||
|
|
<div class="modal-footer">
|
|||
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- /.modal-content -->
|
|||
|
|
</div>
|
|||
|
|
<!-- /.modal-dialog -->
|
|||
|
|
</div>
|
|||
|
|
<div class="modal fade" id="fittingModal">
|
|||
|
|
<div class="modal-dialog modal-xlg">
|
|||
|
|
<div class="modal-content">
|
|||
|
|
<div class="modal-header">
|
|||
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|||
|
|
<span aria-hidden="true">×</span></button>
|
|||
|
|
<h4 class="modal-title">选择拟合数据</h4>
|
|||
|
|
</div>
|
|||
|
|
<div class="modal-body">
|
|||
|
|
<div id="grossAlertdiv"></div>
|
|||
|
|
<table id="table_grossWeight"></table>
|
|||
|
|
</div>
|
|||
|
|
<div class="modal-footer">
|
|||
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- /.modal-content -->
|
|||
|
|
</div>
|
|||
|
|
<!-- /.modal-dialog -->
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|