<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="container-div">
<div class="row">
<div class="col-sm-12 select-info">
<form id="warehouse-form">
<div class="select-list">
<ul>
<li>
原料批号：<input type="text" name="materialBatch"/>
</li>
<li>
单据类型：<input type="text" name="vehicleType"/>
</li>
<li>
物料名称：<input type="text" name="meterialName"/>
</li>
<li>
车牌号：<input type="text" name="carNumber"/>
</li>
<li>
司机姓名：<input type="text" name="vehicleName"/>
</li>
<li>
驾驶证号：<input type="text" name="driverNumber"/>
</li>
<li>
身份证号：<input type="text" name="cardNumber"/>
</li>
<li>
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i> 搜索</a>
<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset('warehouse-form')"><i class="fa fa-refresh"></i> 重置</a>
<!--<a class="btn btn-success btn-rounded btn-sm" onclick="$.table.exportExcel()" shiro:hasPermission="config:company:export"><i class="fa fa-download"></i> 导出</a>-->
</li>
</ul>
</div>
<div class="btn-group hidden-xs" id="toolbar" role="group">
<a class="btn btn-outline btn-success btn-rounded" onclick="$.operate.add()" shiro:hasPermission="vehicle:vehicleReceipt:add">
<i class="fa fa-plus"></i> 新增
</a>
<a class="btn btn-outline btn-danger btn-rounded" onclick="$.operate.batRemove()" shiro:hasPermission="vehicle:vehicleReceipt:remove">
<i class="fa fa-trash-o"></i> 删除
</a>
</div>
<div id="container" hidden="hidden" style="float:left;" width="320px" height="200px">
</div>
<div hidden="hidden">
设备列表：<select id="device" style="width: 90px" onchange="selectDevice()"></select>
jpg质量：<select id="jpg" style="width: 90px"></select>
色彩模式：<select id="colorMode" style="width: 90px"></select>
</div>
<div style="border: 2px solid red;margin-top: 30px;" hidden="hidden">
<img id="res_img" src="" width="400px" height="300px" alt="">
</div>
<textarea cols="185" rows="25" id="objLog" name="objLog" hidden="hidden" ></textarea>
</form>
</div>
<div id="result"></div>
<div class="col-sm-12 select-info">
<table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table>
</div>
</div>
</div>
<div th:include="include :: footer"></div>
<script th:inline="javascript">
// var editFlag = [[${@permission.hasPermi('config:warehouse:edit')}]];
// var removeFlag = [[${@permission.hasPermi('config:warehouse:remove')}]];
var prefix = ctx + "vehicle/vehicleReceipt";
var userDef2 = [[${@dict.getType('probablyMaterial')}]];
// var datas = [[${@dict.getType('sys_normal_disable')}]];
$(function() {
var options = {
url: prefix + "/list",
createUrl: prefix + "/add",
// updateUrl: prefix + "/edit/{code}",
removeUrl: prefix + "/remove",
modalName: "车辆入库",
search: false,
columns: [
{
checkbox: true
},
{
title: '操作',
align: 'left',
formatter: function (value, row, index) {
var actions = [];
actions.push('<a id="table_edit" class="btn btn-success btn-xs" href="#" onclick="vehicleReceiptPrint(\'' + row.id + '\')"><i class="fa fa-print"></i>打印</a> ');
return actions.join('');
}
},
{
field : 'id',
title : '车辆入库id',
sortable:true
},
{
field : 'materialBatch',
title : '原料批号'
},
{
field : 'vehicleType',
title : '单据类型'
},
// {
// field : 'meterialName',
// title : '物料名称'
// },
{
field : 'grossWeight',
title : '毛重'
},
{
field : 'tareWeight',
title : '皮重'
},
{
field : 'netWeight',
title : '净重'
},
{
field : 'carNumber',
title : '车牌号'
},
{
field : 'vehicleName',
title : '司机姓名'
},
{
field : 'driverNumber',
title : '驾驶证号'
},
{
field : 'cardNumber',
title : '身份证号'
},
// {
// field : 'incomingTime',
// title : '入厂时间'
// },
// {
// field : 'type',
// title : '类型'
// },
// {
// field : 'companyCode',
// title : '货主'
// },
// {
// field : 'warehouseCode',
// title : '仓库编码'
// },
{
field : 'userDef2',
title : '物料',
formatter: function(value, row, index) {
return $.table.selectDictLabel(userDef2, value);
}
},
// {
// field : 'type',
// title : '入库类型'
// },
{
field : 'supplier',
title : '供应商'
},
{
field : 'remark',
title : '备注'
},
{
field : 'created',
title : '创建时间'
},
{
field : 'createdBy',
title : '创建用户'
},
{
field : 'lastUpdated',
title : '更新时间'
},
{
field : 'lastUpdatedBy',
title : '更新用户'
},
{
field : 'userDef1',
title : '自定义字段1',
visible:false
},
{
field : 'userDef2',
title : '自定义字段2' ,
visible:false
},
{
field : 'userDef3',
title : '自定义字段3',
visible:false
},
{
field : 'userDef4',
title : '自定义字段4',
visible:false
},
{
field : 'userDef5',
title : '自定义字段5',
visible:false
},
{
field : 'userDef6',
title : '自定义字段7',
visible:false
},
{
field : 'userDef7',
title : '自定义字段7',
visible:false
},
{
field : 'userDef8',
title : '自定义字段8',
visible:false
}
]
};
$.table.init(options);
});
// 主头纠偏拍照
function scan1cutpage(){
var data = {
"filepath": "base64",
"rotate": "0",
"cutpage": "1",
"camidx": "0"
};
$.post("http://127.0.0.1:38088/video=grabimage", JSON.stringify(data),
function(res){
$('#res_img').attr('src', "data:image/jpg;base64," + res.photoBase64);
// 调用方式
// 参数一： 选择器，代表img标签
// 参数二： 图片名称，可选
downloadIamge('#res_img', res.photoBase64)
}
)
}
function downloadIamge(selector, name) {
var image = new Image()
// 解决跨域 Canvas 污染问题
image.setAttribute('crossOrigin', 'anonymous')
image.onload = function () {
var canvas = document.createElement('canvas')
canvas.width = image.width
canvas.height = image.height
var context = canvas.getContext('2d')
context.drawImage(image, 0, 0, image.width, image.height)
var url = canvas.toDataURL('image/png')
// 生成一个a元素
var a = document.createElement('a')
// 创建一个单击事件
var event = new MouseEvent('click')
// 将a的download属性设置为我们想要下载的图片名称，若name不存在则使用‘下载图片名称’作为默认名称
a.download = name || '下载图片名称'
// 将生成的URL设置为a.href属性
a.href = url
// 触发a的单击事件
a.dispatchEvent(event)
}
image.src = document.querySelector(selector).src
}
function vehicleReceiptPrint(id){
var url = prefix + "/report/" + id;
$.modal.open("车辆入库打印" , url);
}
</script>
</body>
</html>