<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<title>采购订单列表</title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
|
<script src="../../../layuiadmin/layui/layui.js"></script>
|
<style type="text/css">
|
input.layui-input.layui-unselect {
|
padding-right: 0;
|
}
|
|
.layui-body {
|
overflow-y: scroll;
|
}
|
.layui-input {
|
width:150px;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="layui-fluid">
|
<div class="layui-col-md12">
|
<div class="layui-card" style="padding: 1px">
|
<div class="layui-card-body" style="padding: 1px;">
|
<form class="layui-form" action="" lay-filter="component-form-group">
|
<div class="layui-collapse">
|
<div class="layui-colla-item">
|
<div class="layui-colla-title layui-inline">
|
<div class="layui-inline">
|
<span>更多</span>
|
</div>
|
</div>
|
<div class="layui-inline" style="margin-left:-0.5em;">
|
<label class="layui-form-label">状态</label>
|
<div class="layui-input-block">
|
<select name="Status" lay-filter="Status">
|
<option value="-1" selected="selected">全部</option>
|
<option value="0">未审核</option>
|
<option value="1">已审核</option>
|
<option value="2">已关闭</option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">开始日期</label>
|
<div class="layui-input-block">
|
<input type="date" class="layui-input" id="HDate">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">结束日期</label>
|
<div class="layui-input-block">
|
<input type="date" class="layui-input" id="HDate1">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">单据号</label>
|
<div class="layui-input-block">
|
<input type="text" class="layui-input" name="HBillNo" id="HBillNo">
|
</div>
|
</div>
|
<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch" id="btnSearch">
|
<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
|
</button>
|
<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnReSearch" id="btnReSearch" style="padding:0 5px">重置</button>
|
<div class="layui-colla-content">
|
<div class="layui-inline">
|
<div class="layui-inline">
|
<span>其他条件</span>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">模具编码</label>
|
<div class="layui-input-block">
|
<input type="text" class="layui-input" name="PartNumber" id="PartNumber">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">模具名称</label>
|
<div class="layui-input-block">
|
<input type="text" class="layui-input" name="PartName" id="PartName">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">故障原因</label>
|
<div class="layui-input-block">
|
<input type="text" class="layui-input" name="PartSpec" id="PartSpec">
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<table class="" id="mainTable" lay-filter="mainTable"></table>
|
<script type="text/html" id="toolbarDemo">
|
<div class="layui-btn-container">
|
<!--<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-getCheckData"><i class="layui-icon layui-icon-tips"></i>预览</button>-->
|
|
|
</div>
|
</script>
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="../../../layuiadmin/layui/layui.js"></script>
|
<script src="../../../layuiadmin/Scripts/json2.js"></script>
|
<script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
|
<script src="../../../layuiadmin/Scripts/webConfig.js"></script>
|
<script>
|
var total=31;
|
layui.config({
|
base: '../../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index', //主入口模块
|
}).use(['index', 'form', 'table', 'element', 'laypage', 'laydate'], function () {
|
var $ = layui.$
|
, admin = layui.admin
|
, layer = layui.layer
|
, table = layui.table
|
, form = layui.form
|
, element = layui.element
|
, laypage = layui.laypage
|
, laydate = layui.laydate
|
, util = layui.util
|
|
//查询条件
|
var sWhere = "";
|
|
var index = layer.load(0);
|
table.render({
|
elem: '#mainTable'
|
, url: GetWEBURL() + '/Cg_PurchaseOrder/GetPurchaseOrderBill'
|
, where: { sWhere: "" } //扩展参数,可以传数据到后台
|
, page: true //开启分页
|
, limit: 20 //一页能够显示的最大数目
|
,limits: [20, 40,60,80,100] //控制多少行一页（默认五条一页）
|
, method: 'get' //提交方式
|
, cols: [[
|
{ type: 'radio', fixed: 'left' }
|
, { field: 'hmainid', title: '单据ID', width: 200, hide: true }
|
, { field: '日期', title: '日期', width: 200, templet: "<div>{{d.日期 ==null ?'':layui.util.toDateString(d.日期, 'yyyy-MM-dd')}}</div>" }
|
, { field: '单据号', title: '单据号', width: 200 }
|
, { field: '单据类型', title: '单据类型', width: 200 }
|
, { field: 'HEmpID', title: 'HEmpID', width: 200, hide: true }
|
, { field: '发现人代码', title: '发现人代码', width: 200 }
|
, { field: '发现人', title: '发现人', width: 200 }
|
, { field: 'HConkTypeID', title: 'HConkTypeID', width: 200, hide: true }
|
, { field: '故障类别代码', title: '故障类别代码', width: 200 }
|
, { field: '故障类别', title: '故障类别', width: 200 }
|
, { field: '负责人代码', title: '负责人代码', width: 200}
|
, { field: '负责人', title: '负责人', width: 200 }
|
, { field: 'HDeptID', title: 'HDeptID', width: 200, hide: true }
|
, { field: '使用部门代码', title: '使用部门代码', width: 200 }
|
, { field: '使用部门', title: '使用部门', width: 200 }
|
, { field: 'HMouldID', title: 'HMouldID', width: 200, hide: true }
|
, { field: '产品模具代码', title: '产品模具代码', width: 200 }
|
, { field: '产品模具', title: '产品模具', width: 200 }
|
, { field: '故障发生日期', title: '故障发生日期', width: 200, templet: "<div>{{d.故障发生日期 ==null ?'':layui.util.toDateString(d.故障发生日期, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
|
, { field: '要求完善日期', title: '要求完善日期', width: 200, templet: "<div>{{d.要求完善日期 ==null ?'':layui.util.toDateString(d.要求完善日期, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
|
, { field: '摘要', title: '摘要', width: 200 }
|
, { field: '内部单据号', title: '内部单据号', width: 200 }
|
, { field: '故障描述', title: '故障描述', width: 200 }
|
, { field: '备注', title: '备注', width: 200 }
|
, { field: 'hsubid', title: 'hsubid', width: 200, hide: true}
|
, { field: 'HConkReasonID', title: 'HConkReasonID', width: 200, hide: true }
|
, { field: '故障原因代码', title: '故障原因代码', width: 200 }
|
, { field: '故障原因', title: '故障原因', width: 200 }
|
, { field: '故障原因描述', title: '故障原因描述', width: 200 }
|
, { field: 'HManagerID', title: 'HManagerID', width: 200, hide: true }
|
, { field: '子负责人代码', title: '子负责人代码', width: 200 }
|
, { field: '子负责人', title: '子负责人', width: 200 }
|
, { field: '关联数量', title: '关联数量', width: 200 }
|
, { field: '关联数量', title: '关联数量', width: 200 }
|
, { field: '行关闭人', title: '行关闭人', width: 200 }
|
, { field: '关闭类型', title: '关闭类型', width: 200 }
|
, { field: '表体备注', title: '表体备注', width: 200 }
|
, { field: '制单人', title: '制单人', width: 200 }
|
, { field: '制单日期', title: '制单日期', width: 200, templet: "<div>{{d.制单日期 ==null ?'':layui.util.toDateString(d.制单日期, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
|
, { field: '审核人', title: '审核人', width: 200 }
|
, { field: '审核日期', title: '审核日期', width: 200, templet: "<div>{{d.审核日期 ==null ? '':layui.util.toDateString(d.审核日期, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
|
, { field: '修改人', title: '修改人', width: 200 }
|
, { field: '修改日期', title: '修改日期', width: 200, templet: "<div>{{d.修改日期 ==null ?'':layui.util.toDateString(d.修改日期, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
|
, { field: '关闭人', title: '关闭人', width: 200 }
|
, { field: '关闭日期', title: '关闭日期', width: 200, templet: "<div>{{d.关闭日期 ==null ?'':layui.util.toDateString(d.关闭日期, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
|
, { field: '作废人', title: '作废人', width: 200 }
|
, { field: '作废日期', title: '作废日期', width: 200, templet: "<div>{{d.作废日期 ==null ?'':layui.util.toDateString(d.作废日期, 'yyyy-MM-dd HH:mm:ss')}}</div>" }
|
, { field: '源单单号', title: '源单单号', width: 200 }
|
, { field: '源单主内码', title: '源单主内码', width: 200 }
|
, { field: '源单子内码', title: '源单子内码', width: 200 }
|
, { field: '源单类型', title: '源单类型', width: 200 }
|
, { field: 'HBillType', title: 'HBillType', width: 200 }
|
]]
|
, response: {
|
statusCode: 1 //重新规定成功的状态码为 1，table 组件默认为 0
|
}
|
, done: function (res) { //返回数据执行回调函数
|
layer.close(index); //返回数据关闭loading
|
}
|
});
|
|
//重置按钮
|
form.on('submit(btnReSearch)', function (data) {
|
$('#Status').find("option[value='-1']").attr("selected", true);
|
$("#HDate").val("");//开始日期
|
$("#HDate1").val("");//结束日期
|
$("#HBillNo").val("");
|
$("#PartNumber").val("");
|
$("#PartName").val("");
|
$("#PartSpec").val("");
|
$("#btnSearch").click();
|
});
|
|
//查询按钮
|
form.on('submit(btnSearch)', function (data) {//选择仓位
|
SearchLoad(sWhere, table);
|
|
});
|
|
//监听行双击事件
|
table.on('rowDouble(mainTable)', function (obj) {
|
layer.alert("双击事件", { icon: 1 });
|
});
|
|
//以上是layui模块
|
});
|
|
function SearchLoad(sWhere,table) {
|
var Status = $("select[name='Status']").val();//状态
|
var HDate = $("#HDate").val();//开始日期
|
var HDate1 = $("#HDate1").val();//结束日期
|
var HBillNo = $("#HBillNo").val(); //单据号
|
var PartNumber = $("#PartNumber").val(); //产品编码
|
var PartName = $("#PartName").val(); //产品名称
|
var PartSpec = $("#PartSpec").val(); //产品规格
|
if (Status) {
|
switch (Status) {
|
case '-1': //全部
|
sWhere += "";
|
break;
|
case '0': //未审核
|
sWhere += " and 审核人=''";
|
break;
|
case '1': //已审核
|
sWhere += " and 审核人<>''";
|
break;
|
case '2': //已关闭
|
sWhere += " and 关闭人<>''";
|
default:
|
|
}
|
}
|
if (HDate) {
|
sWhere += " and CONVERT(varchar(100),日期, 23) >= '" + HDate + "'";
|
}
|
if (HDate1) {
|
sWhere += " and CONVERT(varchar(100),日期, 23) <= '" + HDate1 + "'";
|
}
|
if (HBillNo) {
|
sWhere += " and 单据号 like '%" + HBillNo + "%'";
|
}
|
if (PartNumber) {
|
sWhere += " and 产品模具代码 like '%" + PartNumber + "%'";
|
}
|
if (PartName) {
|
sWhere += " and 产品模具 like '%" + PartName + "%'";
|
}
|
if (PartSpec) {
|
sWhere += " and 故障原因 like '%" + PartSpec + "%'";
|
}
|
table.reload('mainTable', {
|
method: 'get'
|
, where: {
|
sWhere: sWhere
|
}
|
, page: {
|
curr: 1
|
}
|
, response: {
|
statusCode: 1 //重新规定成功的状态码为 1，table 组件默认为 0
|
}
|
});
|
//调用接口后清空sWhere缓存
|
sWhere = "";
|
}
|
|
|
</script>
|
|
</body>
|
</html>
|
