万材erp项目
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

760 lines
32 KiB

<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<th:block th:include="include :: header('采购单列表列表')"/>
</head>
<body class="gray-bg">
<div class="container-div">
<div class="row">
<div class="col-sm-12 search-collapse">
<form id="formId">
<div class="select-list">
<ul>
<li>
<label>订购单号:</label>
<input type="text" name="poNo"/>
</li>
<li class="select-time">
<label>开单日期:</label>
<input type="text" class="time-input" id="startTime" placeholder="开始时间"
name="params[beginPoDate]"/>
<span>-</span>
<input type="text" class="time-input" id="endTime" placeholder="结束时间"
name="params[endPoDate]"/>
</li>
<li>
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i
class="fa fa-search"></i>&nbsp;搜索</a>
<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i
class="fa fa-refresh"></i>&nbsp;重置</a>
</li>
</ul>
</div>
</form>
</div>
<div class="btn-group-sm" id="toolbar" role="group">
<!-- <a class="btn btn-success" onclick="addInfo()" shiro:hasPermission="buyorderHead:buyOrderList:add">-->
<!-- <i class="fa fa-plus"></i> 添加-->
<!-- </a>-->
<a class="btn btn-primary single disabled" onclick="modifyInfo()"
shiro:hasPermission="buyorderHead:buyOrderList:choosePurchaseOrder">
<i class="fa fa-edit"></i> 选择
</a>
<!-- <a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()"-->
<!-- shiro:hasPermission="buyorderHead:buyOrderList:remove">-->
<!-- <i class="fa fa-remove"></i> 删除-->
<!-- </a>-->
<!-- <a class="btn btn-warning" onclick="$.table.exportExcel()"-->
<!-- shiro:hasPermission="buyorderHead:buyOrderList:export">-->
<!-- <i class="fa fa-download"></i> 导出-->
<!-- </a>-->
<!-- <a class="btn btn-primary single disabled" onclick="showInfo()"-->
<!-- shiro:hasPermission="buyorderHead:buyOrderList:edit">-->
<!-- <i class="fa fa-edit"></i> <详情信息></详情信息>-->
<!-- </a>-->
</div>
<div class="col-sm-12 select-table table-striped" style="padding-bottom: 100px;">
<table id="bootstrap-table"></table>
</div>
</div>
</div>
<div class="modal inmodal" id="infoModal" tabindex="-1"
role="dilog" aria-hidden="true">
<div class="modal-dialog" style="width: 1000px;height: 600px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true"></button>
<h4 class="modal-title">采购单信息</h4>
</div>
<div class="modal-body" style="text-align: center;">
<div class="row" style="margin-bottom: 20px;">
<div class="col-md-6">
<div class="form-group">
<label class="col-sm-3 control-label">订购单号:</label>
<div class="col-sm-9">
<input type="text" name="poNo" class="form-control" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">供应商代码:</label>
<div class="col-sm-9">
<input type="text" name="pCode" class="form-control" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">供应商名称:</label>
<div class="col-sm-9">
<input type="text" name="pName" class="form-control" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">联系人:</label>
<div class="col-sm-9">
<input type="text" name="pLinkman" class="form-control" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">联系电话:</label>
<div class="col-sm-9">
<input type="text" name="pTel" class="form-control" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">付款条件:</label>
<div class="col-sm-9">
<input type="text" name="GetMoneyMemo" class="form-control" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">传真号码:</label>
<div class="col-sm-9">
<input type="text" name="pFax" class="form-control" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">交货地址:</label>
<div class="col-sm-9">
<input type="text" name="sendAddress" class="form-control" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">是否结案:</label>
<div class="col-sm-9">
<label>
<input type="checkbox" id="endFlag" onclick="return false;">&nbsp;结案</label>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">确定否:</label>
<div class="col-sm-9">
<label>
<input type="checkbox" id="comfirmFlag" onclick="return false;">&nbsp;确定</label>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="col-sm-3 control-label">交货方式:</label>
<div class="col-sm-9">
<input type="text" name="Sendway" class="form-control" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">开单日期:</label>
<div class="col-sm-9">
<div class="input-group date">
<input name="poDate" class="form-control" placeholder="yyyy-MM-dd" type="text" readonly>
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">订购种类:</label>
<div class="col-sm-9">
<input type="text" name="poClass" class="form-control" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">采购担当:</label>
<div class="col-sm-9">
<input type="text" name="poMan" class="form-control" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">交货条件:</label>
<div class="col-sm-9">
<input type="text" name="Sendmemo" class="form-control" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">备注内容:</label>
<div class="col-sm-9">
<input type="text" name="bzMemobzMemo" class="form-control" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">税率:</label>
<div class="col-sm-9">
<input type="text" name="TaxPercent" class="form-control" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">购方名称:</label>
<div class="col-sm-9">
<input type="text" name="poPName" class="form-control" readonly>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">审核否:</label>
<div class="col-sm-9">
<label>
<input type="checkbox" id="auditingFlag" onclick="return false;">&nbsp;审核</label>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">核准否:</label>
<div class="col-sm-9">
<label>
<input type="checkbox" id="approveFlag" onclick="return false;">&nbsp;核准</label>
</div>
</div>
</div>
<div class="col-md-12">
<div class="table-responsive" >
<table id="buyOrderListTable"
class="table table-striped table-responsive">
</table>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" name="close">确定</button>
</div>
</div>
</div>
</div>
<th:block th:include="include :: footer"/>
<script th:inline="javascript">
var editFlag = [[${@permission.hasPermi('buyorderHead:buyOrderList:edit')}]];
var removeFlag = [[${@permission.hasPermi('buyorderHead:buyOrderList:remove')}]];
var prefix = ctx + "buyorderHead/buyOrderList";
//鼠标移入,显示完整的数据
function paramsMatter(value, row, index) {
var span = document.createElement("span");
span.setAttribute("title", value);
span.innerHTML = value;
return span.outerHTML;
}
$(function () {
var options = {
url: prefix + "/list",
createUrl: prefix + "/add",
updateUrl: prefix + "/edit/{id}",
removeUrl: prefix + "/remove",
exportUrl: prefix + "/export",
modalName: "采购单列表",
columns: [{
radio: true
},
{
field: 'poId',
title: '订购编号',
visible: false
},
{
field: 'poNo',
title: '订购单号'
},
{
field: 'pCode',
title: '供应商代码'
},
{
field: 'pName',
title: '供应商名称',
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "130px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "150px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'pLinkman',
title: '联系人',
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'pTel',
title: '联系电话',
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "100px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "120px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'pFax',
title: '传真号码',
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'sendAddress',
title: '交货地址',
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'getMoneyMemo',
title: '付款条件',
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'sendmemo',
title: '交货条件',
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'sendway',
title: '交货方式',
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'poDate',
title: '开单日期',
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'poClass',
title: '订购种类',
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'poMan',
title: '采购担当',
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'bzMemo',
title: '备注内容',
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'endFlag',
title: '结案',
formatter: function (val) {
if (val === 1) {
return "已结案"
} else if (val === 0) {
return "未结案"
}
},
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'taxPercent',
title: '税率',
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'comfirmFlag',
title: '确定否',
formatter: function (val) {
if (val === 1) {
return "已确认"
} else if (val === 0) {
return "未确认"
}
},
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'comfirmMan',
title: '确定人',
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'auditingFlag',
title: '审核否',
formatter: function (val) {
if (val === 1) {
return "已审核"
} else if (val === 0) {
return "未审核"
}
},
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'auditingMan',
title: '审核人',
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'approveFlag',
title: '核准否',
formatter: function (val) {
if (val === 1) {
return "已核准"
} else if (val === 0) {
return "未核准"
}
},
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'approveMan',
title: '核准人',
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
},
{
field: 'poPName',
title: '购方名称',
cellStyle: function (value, row, index) {
return {
css: {
"min-width": "80px",
"text-overflow": "ellipsis",
"overflow": "hidden",
"max-width": "100px",
"white-space": "nowrap"
}
}
},
formatter: paramsMatter
}
// ,
// {
// title: '操作',
// align: 'center',
// formatter: function (value, row, index) {
// var actions = [];
// actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="showInfo(row)"><i class="fa fa-edit"></i>详细列表</a> ');
// return actions.join('');
// }
// }
]
};
$.table.init(options);
});
function showInfo() {
var data = $("#bootstrap-table").bootstrapTable("getSelections");
//console.log(".............."+data[0].endFlag);
$("input[name='poNo']").val(data[0].poNo);
$("input[name='pCode']").val(data[0].pCode);
$("input[name='pName']").val(data[0].pName);
$("input[name='pLinkman']").val(data[0].pLinkman);
$("input[name='pTel']").val(data[0].pTel);
$("input[name='pFax']").val(data[0].pFax);
$("input[name='sendAddress']").val(data[0].sendAddress);
$("input[name='GetMoneyMemo']").val(data[0].GetMoneyMemo);
$("input[name='Sendmemo']").val(data[0].Sendmemo);
$("input[name='Sendway']").val(data[0].Sendway);
$("input[name='poDate']").val(data[0].poDate);
$("input[name='poClass']").val(data[0].poClass);
$("input[name='poMan']").val(data[0].poMan);
$("input[name='bzMemo']").val(data[0].bzMemo);
$("input[name='TaxPercent']").val(data[0].TaxPercent);
$("input[name='poPName']").val(data[0].poPName);
if (data[0].endFlag===1){
$("#endFlag").attr("checked",true);
}
if (data[0].comfirmFlag===1){
$("#comfirmFlag").prop("checked",true);
}
if (data[0].auditingFlag===1){
$("#auditingFlag").prop("checked",true);
}
if (data[0].approveFlag===1){
$("#approveFlag").prop("checked",true);
}
$("#buyOrderListTable").bootstrapTable('refresh');
//$("#infoModal").show();
$("#infoModal").modal("show");
}
$('#buyOrderListTable').bootstrapTable({
url: '/po/orderlist/list',
pagination: true,
pageNumber: 1,
pageSize: 10,
pageList: [10, 25, 50, 100],
showRefresh: true,
method: "post",
contentType: "application/x-www-form-urlencoded",
striped: true, // 是否显示行间隔色
cache: false, // 是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
sidePagination: "server", // 分页方式:client客户端分页,server服务端分页(*)
clickToSelect: true, // 是否启用点击选中行
showToggle: false, // 是否显示详细视图和列表视图的切换按钮
cardView: false, // 是否显示详细视图
detailView: false, // 是否显示父子表
smartDisplay: false, // 加了这个才显示每页显示的行数
showExport: false, // 是否显示导出按钮
singleSelect: true,
height: 250,
queryParams: function (params) {
//console.log("123");
var curParams = {
// 传递参数查询参数
pageSize: params.limit,
pageNum: params.offset / params.limit + 1
// searchValue: params.search,
// orderByColumn: params.sort,
// isAsc: params.order
};
//console.log(curParams);
var poNo = $("input[name='poNo']").val();
var json = $.extend(curParams, {"poId":poNo});
//console.log(json);
return json;
},
columns: [
{
field: 'wlCode',
title: '代码'
}, {
field: 'itemname',
title: '名称'
}, {
field: 'itemstandard',
title: '规格型号'
}, {
field: 'stockDw',
title: '单位'
}, {
field: 'qty',
title: '数量'
}, {
field: 'crlName',
title: '币别'
}, {
field: 'price',
title: '单价'
}, {
field: 'amt',
title: '金额'
}, {
field: 'sendDate',
title: '交期'
}, {
field: 'memoList',
title: '说明'
}]
});
$("button[name='close']").on("click",function () {
//alert("1");
$("#infoModal").modal("hide");
});
function addInfo() {
window.location.href=prefix+"/add";
}
function modifyInfo() {
let row = $("#bootstrap-table").bootstrapTable("getSelections");
window.location.href=ctx + "stock/notice"+"/choosePurchaseOrder/"+row[0].poNo;
}
</script>
</body>
</html>