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
760 lines
32 KiB
2 years ago
|
<!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> 搜索</a>
|
||
|
|
<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i
|
||
|
|
class="fa fa-refresh"></i> 重置</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;"> 结案</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;"> 确定</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;"> 审核</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;"> 核准</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>
|