<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div style="margin: auto" class="demoTable">
<span style="width: 70px;">合同编号：</span>
<div class="layui-form layui-input-inline">
<input class="layui-input" runat="server" id="txt_PurchaseNo" />
</div>
<span style="width: 70px;">状态：</span>
<div class="layui-form layui-input-inline">
<select class="layui-input-inline" id="ddl_Status" runat="server">
<option value="-1">请选择</option>
<option value="1">有效</option>
<option value="0">无效</option>
</select>
</div>
<a class="layui-btn" data-type="reload">搜索</a>
<div class="layui-btn-group">
<a class="layui-btn layui-btn-xs" id="btnAdd" data-method="offset" data-type="auto">新增合同</a>
</div>
</div>
<table id="idTest" lay-filter="demo" class="layui-hide"></table>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="scripts" runat="server">
<script type="text/javascript">
//window.onload = function () {
// var root = document.getElementById("Article");
// root.className = "layui-this";
//}
</script>
<%-- <script type="text/html" id="indexTpl">
{{d.LAY_TABLE_INDEX+1}}
</script>--%>
<script type="text/html" id="switchTpl">
<input type="checkbox" name="IsValid" value="{{d.ID}}" lay-skin="switch" lay-text="有效|无效" lay-filter="validDemo" {{ d.IsValid == 1 ? 'checked' : '' }}>
</script>
<script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
<%-- <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">作废</a>--%>
</script>
<script type="text/javascript">
layui.use(['form','table', 'layer'], function () {
var $ = layui.jquery, layer = layui.layer,form = layui.form;
var table = layui.table;
form.on('switch(validDemo)', function (obj) {
var isValid = obj.elem.checked;
$.ajax({
url: "Purchase.aspx/DelPurchase",
type: "post",
//contentType: "application/x-www-form-urlencoded;charset=utf-8",
contentType: "application/json;charset=utf-8",
dataType: "json",
async: false,
data: "{'ID':'" + obj.value + "','isValid':'" + isValid + "'}",
success: function (result) {//返回封装的json字符串
var obj = JSON.parse(result.d);
if (obj.Success) {
layer.alert("操作成功！");
}
else {
layer.alert("操作失败！" + obj.Message);
}
}
})
layer.tips(this.value + ' ' + this.name + '：' + obj.elem.checked, obj.othis);
return false;
});
var PurchaseNo = document.getElementById("<%= txt_PurchaseNo.ClientID %>");
var ddl_Status = document.getElementById("<%= ddl_Status.ClientID %>");
var tableIns = table.render({
elem: '#idTest'
, height: 500
, url: '/Hander/InformationHander.ashx?param=purchase' //数据接口
//, where: { userName: txtUser.value,
// roleId: ddlRole.value
// }//影响重载传参
//, data: data//{ userName: userName, roleID: userRole, param: "search" }
, page: true //开启分页
, id: 'testReload'
, cols: [[ //表头
{ title: '序号', field: 'rownumber' }
, { field: 'PurchaseNo', title: '合同号' }
, { field: 'PartyA', title: '甲方' }
, { field: 'PartyBName', title: '乙方' }
, { field: 'SignDate', title: '签订日期' }
, { field: 'ArticleNo', title: '条田' }
, { field: 'Varieties', title: '种植品种' }
, { field: 'SignDate', title: '签订日期' }
, { field: 'PlantArea', title: '种植面积' }
, { field: 'PlantWeight', title: '种植量(吨)' }
, {
field: 'Mode', title: '模式', templet: function (d) {
return d.Mode == 1 ? "机收" : "人工";
}
}
, { field: 'ID', title: '有效/无效', templet: '#switchTpl', unresize: true }
, { fixed: 'right', width: 150, align: 'center', toolbar: '#barDemo' }
]]
});
$('.demoTable .layui-btn').on('click', function () {
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
var active = {
offset: function (othis) {
var that = this;
var type = othis.data('type');
//多窗口模式，层叠置顶
layer.open({
type: 2 //此处以iframe举例
, title: '新增合同信息'
, area: ['800px', '600px']
, shade: 0
, maxmin: true
, offset: type
, content: 'AddPurchase.aspx'
, yes: function () {
$(that).click();
}
, btn2: function () {
layer.closeAll();
}
, zIndex: layer.zIndex //重点1
, success: function (layero) {
layer.setTop(layero); //重点2
}
});
},
reload: function () {
//执行重载
tableIns.reload({
page: {
curr: 1 //重新从第 1 页开始
}
, where: {
PurchaseNo: PurchaseNo.value,
IsValid: ddl_Status.value
}
});
}
}
$('#btnAdd').on('click', function () {
var othis = $(this), method = othis.data('method');
active[method] ? active[method].call(this, othis) : '';
});
table.on('tool(demo)', function (obj) {
var data = obj.data;
if (obj.event === 'detail') {
layer.open({
type: 2 //此处以iframe举例
, title: '查看合同信息'
, area: ['800px', '600px']
, shade: 0
, maxmin: true
//, offset: type
, content: 'AddPurchase.aspx?id=' + data.ID + '&type=detail'
, yes: function () {
$(that).click();
}
, btn2: function () {
layer.closeAll();
}
, zIndex: layer.zIndex //重点1
, success: function (layero) {
layer.setTop(layero); //重点2
}
});
}
});
});
</script>
<style>
.layui-body {
overflow-y: scroll;
}
</style>
</asp:Content>
