|
|
@{ ViewBag.Title = "不良状态组查询"; Layout = "~/Views/Shared/_Index.cshtml";}
<script src="~/Content/js/datepicker/WdatePicker.js"></script><!--引入 element-ui 的样式，--><link rel="stylesheet" href="~/Content/element-ui/lib/theme-chalk/index.css"><script src="~/Content/vue/dist/vue.js"></script><script src="~/Content/element-ui/lib/index.js"></script>
<script src="~/Content/axios.min.js"></script><style></style><form id="form1"> <div id="app"> <div class="topPanel" style="height:100px;"> <div class="toolbar"> <div class="btn-group"> <input id="FileUp" name="FileUp" type="file" style="display:none;" accept=".csv, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
<a id="NF-Add" authorize="yes" style="margin-left:3px;" class="btn btn-primary" onclick="btn_Add()"><i class="fa fa-pencil-square-o"></i>新增</a> <a id="NF-Remove" authorize="yes" style="margin-left:3px;" class="btn btn-primary" onclick="btn_Remove()"><i class="fa fa-trash-o"></i>删除</a> <a id="NF-Edit" authorize="yes" style="margin-left:3px;" class="btn btn-primary" onclick="btn_Edit()"><i class="fa fa-pencil-square-o"></i>修改</a>
<a id="NF-ExportAll" authorize="no" class="btn btn-primary"><i class="fa fa-download"></i>导出</a> <a class="btn btn-primary" onclick="$.reload()"><span class="glyphicon glyphicon-refresh"></span></a>
</div> <div class="btn-group" style="display:block;padding-left:2px;"> <a class="btn btn-primary" id="downPrintControl" href="~/PrintActivex.exe" style="display:none">点击下载打印组件</a> </div> @*<script>$('.toolbar').authorizeButton()</script>*@ </div> <div class="search"> <table> <tr> <td class="HideItems" style="text-align:right;"><label class="lglabel HideItems" for="txt_BCGCode"> 不良状态组编码</label>：</td> <td class="HideItems"> <div class="input-group HideItems"> <input id="txt_BCGCode" type="text" class="form-control HideItems" style="width: 200px;"> </div> </td> <td class="HideItems" style="text-align:right;"><label class="lglabel HideItems" for="txt_BCGDesc"> 不良状态组描述</label>：</td> <td class="HideItems"> <div class="input-group HideItems"> <input id="txt_BCGDesc" type="text" class="form-control HideItems" style="width: 200px;"> </div> </td> <td> <span class="input-group-btn"> <button id="btn_search" type="button" class="btn btn-primary"><i class="fa fa-search"></i></button> </span> </td> </tr>
</table> </div> </div> <div class="gridPanel"> <table id="gridList"></table> <div id="gridPager"></div> </div> </div></form>
<script type="text/javascript">
$(function () {
var service = { isCanEditDate: false, Init: function () { var that = this; //$("#txt_CheckFixtureNo").val('');
that.initControl(); that.loadGrid(); that.loadEvent(); //that.loadViewGrid();
}, initControl: function () { let that = this; let orgName = '';
let userName = '@NFine.Code.OperatorProvider.Provider.GetCurrent().UserName';
}, loadGrid: function () { var that = this;
var queryJson = { BCGCode: $("#txt_BCGCode").val(), BCGDesc: $("#txt_BCGDesc").val(), //Enable: $("#txt_Enable").val(), }
var $gridList = $("#gridList"); $gridList.dataGrid({ url: "/BBWMS/IQCQuality/GetBadCodeGroupPageList" + "?" + Math.random(), postData: { queryJson: JSON.stringify(queryJson) }, mtype: "POST", height: $(window).height() - 200, width: $(window).width() - 300, cellEdit: true, cellsubmit: "clientArray", colModel: [ { label: "主键", name: "ID", hidden: true, key: true }, { label: '不良状态组编码', name: 'BCGCode', width: 100, align: 'left' }, { label: '不良状态组描述', name: 'BCGDesc', width: 100, align: 'left' }, { label: '维护人', name: 'MUSERName', width: 100, align: 'left' }, { label: '维护时间', name: 'MTIME', width: 100, align: 'left' }, { label: '自定义字段1', name: 'EATTRIBUTE1', width: 100, align: 'left' }, { label: '自定义字段2', name: 'EATTRIBUTE2', width: 100, align: 'left' }, { label: '自定义字段3', name: 'EATTRIBUTE3', width: 100, align: 'left' }, { label: '自定义字段4', name: 'EATTRIBUTE4', width: 100, align: 'left' }, ], shrinkToFit: true,//宽度自适应 width: "100%", autowidth: true, gridComplete: function () { //if (!that.isCanEditDate) { // var obj_Item1 = $("#gridList"); // var rowIds_Item1 = obj_Item1.getDataIDs();
// for (var i = 0; i < rowIds_Item1.length; i++) { // $("#gridList").jqGrid('setCell', rowIds_Item1[i], "PlanStartDate", '', 'not-editable-cell'); // $("#gridList").jqGrid('setCell', rowIds_Item1[i], "PlanEndDate", '', 'not-editable-cell'); // $("#gridList").jqGrid('setCell', rowIds_Item1[i], "ApsOrderDate", '', 'not-editable-cell'); // } //} }, pager: "#gridPager", sortname: 'MTIME', sortorder: "desc", viewrecords: true, multiselect: true, subGrid: true, // (1)开启子表格支持 subGridRowExpanded: function (subgrid_id, rowid) { // (2)子表格容器的id和需要展开子表格的行id，将传入此事件函数 // console.log(subgrid_id, rowid); // $("#gridList").jqGrid("setSelection", rowid, false); that.bindSubGrid3(subgrid_id, rowid); } }); }, query: function () { //console.log("点击查询"); var queryJson = { BCGCode: $("#txt_BCGCode").val(), BCGDesc: $("#txt_BCGDesc").val(), } // that.loadGrid(queryJson);
$("#gridList").jqGrid('setGridParam', { postData: { queryJson: JSON.stringify(queryJson) }, }).trigger('reloadGrid'); }, bindSubGrid3: function (subgrid_id, rowid) { // $("#gridList").jqGrid("setSelection", rowid, false); var subgrid_table_id; subgrid_table_id = subgrid_id + "_t"; // (3)根据subgrid_id定义对应的子表格的table的id
var subgrid_pager_id; subgrid_pager_id = subgrid_id + "_pgr" // (4)根据subgrid_id定义对应的子表格的pager的id
$("#" + subgrid_id).html("<table id='" + subgrid_table_id + "' class='scroll'></table><div id='" + subgrid_pager_id + "' class='scroll'></div>"); var MOCode = $("#gridList").jqGrid('getRowData', rowid).ID; // var MoSeq = $("#gridList").jqGrid('getRowData', rowid).MoSeq; // (6)创建jqGrid对象 $("#" + subgrid_table_id).dataGrid({ cellEdit: true, mtype: "GET", url: "/BBWMS/IQCQuality/GetBadCodeGroupDetailList?id=" + MOCode + "&" + Math.random(), // (7)子表格数据对应的url，注意传入的contact.id参数 colModel: [ { label: "主键", name: "ID", hidden: true, key: true }, { label: '不良状态编码', name: 'BadCode', width: 150, align: 'left' }, { label: '不良状态描述', name: 'BadDesc', width: 150, align: 'left' }, { label: '维护人', name: 'MUSERName', width: 100, align: 'left' }, { label: '维护时间', name: 'MTIME', width: 100, align: 'left' }, ], //colModel: ColModelSub, shrinkToFit: true,//宽度自适应 multiselect: true, prmNames: { search: "search" }, viewrecords: true, height: "100%", //rowNum: 20, //pager: subgrid_pager_id,
}); }, loadEvent: function () { var that = this; $("#btn_search").click(function () { that.query(); }); $("#NF-Add").click(function () { // debugger; var objList = $("#gridList").jqGrid('getGridParam', 'selarrrow');
$.modalOpen({ id: "Form", title: "新增不良状态", url: "/BBWMS/IQCQuality/BadCodeGroupEdit?ids=", width: "1200px", height: "800px", callBack: function (iframeId) { top.frames[iframeId].submitForm(); } }); }); $("#NF-Edit").click(function () {
var ids = $("#gridList").jqGrid('getGridParam', 'selarrrow'); //获取 多行数据 if (ids.length != 1) { $.modalMsg("请选择一条数据", "warning"); return; }
let obj = { ids: ids[0], }; //debugger; //if (!obj.orderDate) { // obj.orderDate = new Date().toLocaleDateString(); //} // consol.log(); $.modalOpen({ id: "Form", title: "编辑Aql", url: "/BBWMS/IQCQuality/BadCodeGroupEdit?ids=" + ids[0]+"", width: "1200px", height: "800px", callBack: function (iframeId) { top.frames[iframeId].submitForm(); } }); }); $("#txt_SSName").change(function (event,handle) { //console.log( $("#txt_SSName").val()); // console.log(val); // console.log("值改变了"); let val = $("#txt_SSName").val(); if (!val) { $("#NF-PrintLabel").attr("disabled", "disabled"); } else { $("#NF-PrintLabel").removeAttr("disabled"); } }); $("#NF-Remove").click(function () {
var ids = $("#gridList").jqGrid('getGridParam', 'selarrrow'); //获取 多行数据 if (ids.length < 1) { $.modalMsg("请选择数据", "warning"); return; } let keyList = []; for (var i = 0; i < ids.length; i++) { keyList.push(ids[i]); }
//let obj = { // ids: ids[0], //};
$.ajax({ url: "/BBWMS/IQCQuality/DeleteBadCodeGroup", type: "POST", dataType: "json", async: false, data: { keyValue: JSON.stringify(keyList) }, success: function (data) { // // console.log(data); if (data.state == "success") { $.modalMsg("操作成功", "success"); that.query(); } else $.modalMsg(data.message, "warning"); } }); }); $("#NF-ExportAll").click(function () { let queryJson = { BCGCode: $("#txt_BCGCode").val(), BCGDesc: $("#txt_BCGDesc").val(), }; var postData = "&BCGCode=" + queryJson.BCGCode + ""; postData += "&BCGDesc=" + queryJson.BCGDesc;
$.download("/BBWMS/IQCQuality/ExportAllBadCodeGroup" + "?" + Math.random(), postData, 'post'); }); $("#FileUp").on("change", function (up) { // let that = this; var form = new FormData(document.getElementById("form1")); $.ajax({ url: "/BBWMS/CheckingFixture/UploadFile?" + Math.random(), type: "post", data: form, contentType: false, processData: false, success: function (data) { if (data == "true" || data == true) { alert("导入成功"); that.query(); } else { alert(data); } }, error: function (aa) { alert("导入失败：" + aa); } });
});
}
} service.Init();
})
</script>
|
