index.sea.jsV2017.05.18
2017-05-18 09:12:42 访问(2112) 赞(0) 踩(0)
// 职能部门功能模板的相关js方法 //
// 版本时间：2017.04.24.08.46 //
define(function (require, exports, module) {
var drag = require("/Content/Js/drag_window");
var all = require("/Content/Js/all");
var _Jquery = require("/Content/Js/eKing/eKing.sea");
var jqForm = require("/Content/js/jquery.form");
// 设置窗体高度 //
function selfHieght() {
var conHeight = $(window).height();
$("#tb").css("height", conHeight - 298);
// 根据页面类型，判断页面的高度 //
var subHeightV = 198;
if (EPI.EmPageModelV == "2") {
// 树的页面，需要增加高度 //
subHeightV = 125;
}
$("#tree_b").css("height", conHeight - subHeightV);
$("#tb_con").width($("#tb").width());
// $('[data-role="OilItemTable"]').css("height", conHeight - 338);
};
// 设置窗体高度 //
selfHieght();
// windows窗体改变时候，重新设置高度 //
$(window).resize(function () {
// 设置窗体高度 //
selfHieght();
});
// 菜单点击事件 //
$("#meau").on("click", '[data-role="root"]', function () {
// 设置窗体高度 //
selfHieght();
});
//
$(".m_left").on("click", '[ data-role="switch"]', function () {
// 设置窗体高度 //
selfHieght();
});
// 删除取消 //
$('[data-role="del_close"]').click(function () {
$("#del_box").hide();
$(".cover_b").hide();
});
// 关闭弹窗 //
$('[data-role="be_close"]').click(function () {
$("#be_box").hide();
$(".cover_b").hide();
$('[data-role="alert_box"]').hide();
});
$(function () {
// 这里开始页面的逻辑加载 //
if (EPI.IsOverrideSetEPI)
{
// 是否扩展设置属性 //
JsSetEPI();
}
if (EPI.IsAddJsPrePageLoad)
{
// 是否添加JS的加载事件 //
JsPrePageLoad();
}
//// 注册树的点击事件
//$('[treeload="true"]').click(function (e) {
// // 下拉树的TextBox的控件ID //
// EPI.DropTreeTextBoxId = e.target.id;
// // 下拉树的DIV层ID //
// EPI.DropTreeDivId = "SelectDiv__"+ EPI.DropTreeTextBoxId;
// // 下拉树的UL层ID //
// EPI.DropTreeULId = "UL__" + EPI.DropTreeTextBoxId;
// // getTree4AllTree(treeBoxId, curId, treeId);
//});
// ajaxautoload //
// 设置下拉框自动加载 //
// ajaxautoload=true //
// ajaxloadurl = 加载地址 //
// ajaxloadem == 数据源枚举 //
// listcontroladditemem == 数据添加项 //
HtmlSelectInitAjaxAutoLoad(GlobalPhyPath + "/" + EPI.HtmlSelectLoadUrl);
// treeload //
// 设置树加载 //
// treeload=true //
// treeloadem == 数据源枚举 //
// treeloadurl == 加载的URL //
// treecontroladditemem //
HtmlInitTreeLoad(GlobalPhyPath + "/" + EPI.HtmlTreeLoadUrl);
// 设置select的多选效果 //
HtmlSelectInitMultiple();
// 注册设置自动完成 //
HtmlRegAutoCompleter();
// 注册表头点击排序事件 //
$('[alloworder="true"]').on("click", function () {
// 清空原先的排序标题 //
EkClearTableHeadText(EPI.OrderColumn);
// 获得表格控件属性 //
var tbCtrl = $("#" + EPI.TableId);
// 如果表格控件为null //
// 不执行逻辑，返回 //
if (tbCtrl == null)
return;
// 获得列表记录数 //
var rTotal = $(tbCtrl).attr("total");
if (rTotal == "0" || rTotal == "1")
{
// 0或1条记录，不需要排序 //
return;
}
// 获得排序字段 //
var curOrderField = $(this).attr("orderfield");
// 获得排序类型 //
var curOrderType = $(this).attr("ordertype");
if (curOrderType == "asc")
curOrderType = "desc";
else
curOrderType = "asc";
// 重设当前的排序 //
$(this).attr("ordertype", curOrderType);
// 表格重新设置排序 //
tbCtrl.attr("orderfield", curOrderField);
// 表格重新设置排序 //
tbCtrl.attr("ordertype", curOrderType);
getList($(tbCtrl).attr("pageindex"));
EPI.OrderColumn = this;
EkSetTableHeadText4Order(this, curOrderType);
});
if (EPI.IsLoadTableList) {
// 绑定Table //
getList(1);
}
if (EPI.IsLoadTree)
{
// 加载树 //
LoadTree();
}
// 加载统计图表 //
ChartLoadClick();
// 表格小箭头 //
$(".table_list").on("click", ".f_arrow", function () {
// 表格小箭头 //
// 展开内容使用 //
var re_detail = $(this).parents("tr").next(".re_detail");
// 没有获得 re_detail 控件 //
if(re_detail== null)
return;
if (re_detail.is(":visible")) {
// 如果re_detail显示，变为隐藏 //
$(this).removeClass("on");
re_detail.hide();
}
else {
// 如果re_detail隐藏，变为显示 //
$(this).addClass("on");
re_detail.show();
// 要加载的URL //
var ajaxUrl = GlobalPhyPath + "/" + EPI.HtmlLoadInfoUrl;
if(EPI.IsHtmlAjaxLoad4TableTr)
{
// 需要在自己的页面上写自定义方法
// HtmlAjaxLoad4TableTr(this) //
HtmlAjaxLoad4TableTr(this, re_detail, ajaxUrl);
}
else
{
EkHtmlAjaxLoad4TableTr(this, re_detail, ajaxUrl);
}
};
});
// 页码 //
$(".page").on("click", "a", function () {
// getList($(this).attr("page_no"), $('[data-role="code"]').val(), $('[data-role="name"]').val());
getList($(this).attr("page_no"));
});
// 搜索 //
$("#search_btn").on("click", function () {
getList(1);
});
// 弹出更多搜索的对话框 //
$("#moresearch_btn").on("click", function () {
$("#moresearch_box").show();
$(".cover_b").show();
});
// 重置搜索条件 //
$("#resetsearch_btn").on("click", function () {
if (EPI.IsOverrideResetSearchEvent)
{
ResetSearchEvent();
}
else {
BaseResetSearchEvent();
}
// 重新搜索 //
getList(1);
});
// 删除单条记录 //
$("#delitem_btn").on("click", function () {
// 主要在树结构上面使用 //
if(EPI.IsOverrideDelItemClick)
{
DelItemClick();
}
else
{
BaseDelItemClick();
}
});
// 更多搜索的点击事件 //
$("#moresearch_submit").on("click", function () {
// 更多搜索的点击事件 //
// 1.关闭浮层 //
$("#be_box").hide();
$(".cover_b").hide();
$('[data-role="alert_box"]').hide();
// 2.列表绑定 //
getList(1);
});
// 统计图 //
$("#chart_btn").on("click", function () {
ChartLoadClick();
});
$("#return_btn").on("click", function () {
// 返回列表 //
window.location.href = "Index";
});
$("#import_btn").on("click", function () {
// 转去导入 //
window.location.href = "ExcelImport";
});
// 统计图表数据 //
$("#charttable_btn").on("click", function () {
ChartTableClick();
});
// 统计图表导出Excel //
$("#chartexport_btn").on("click", function () {
ChartExportClick();
});
// 添加按钮事件 //
$("#add_btn").on("click", function () {
if (EPI.IsOverrideAddBtn)
{
// 跳去新增的操作 //
OnAddBtnClick();
return;
}
$("#add_box").show();
$(".cover_b").show();
// 设置关键字ID为空 //
$("#add_box").attr("data-guid", "");
var spanCtrl = $("#span_detail");
if (spanCtrl != null) {
// 设置标题 //
$("#span_detail").html("新增" + EPI.PageTitle);
$("#span_detail").attr("title", "");
}
// 清空原先的录入数据 //
if (EPI.IsOverrideClearDetailData) {
ClearDetailData();
}
else {
BaseClearDetailData();
}
});
// 添加导出事件 //
$("#export_btn").on("click", function () {
// 获得搜索条件 //
var ajxData = null;
if (EPI.IsOverrideAjaxSearchData) {
// 重写获取搜索的条件 //
ajxData = AjaxSearchData(1, 0);
}
else {
ajxData = BaseAjaxSearchData(1, 0);
}
// 获得Ajax的Url地址 //
var ajaxUrl = GlobalPhyPath + "/" + EPI.ExportExcelUrl;
$.ajax({
cache: false,
async: true,
url: ajaxUrl,
type: "post",
data: ajxData,
success: function (rData) {
// rData ==> 1.IsSucc;2.Msg //
if (rData == null)
return;
if (!rData.IsSucc) {
// 如果错误，弹出错误提示 //
alert(rData.Msg);
return;
}
// 重定向 //
// 成功，则Msg为跳转的相对地址 //
window.location.href = GlobalPhyPath + "/" + rData.Msg;
}
});
});
// 添加删除选中的事件 //
$("#delselect_btn").on("click", function () {
// 批量删除 //
// 1.获得选中的ID //
var ajxData = EkGetCheckBoxSelectedValue(EPI.TableId);
if (ajxData == null)
return;
var iLen = ajxData.length;
if(iLen == 0)
{
alert("请选择要删除的记录");
return;
}
var bFlag = confirm("确定要删除选中的" + iLen + "条记录么？");
if(!bFlag)
{
return;
}
// 获得Ajax的Url地址 //
var ajaxUrl = GlobalPhyPath + "/" + EPI.DeleteSelectedUrl;
$.ajax({
cache: false,
async: true,
url: ajaxUrl,
type: "post",
data: ajxData,
success: function (rData) {
if (rData == null)
return;
// 删除成功 //
if (rData.IsSucc)
{
showLoad(false, true);
// 刷新当前列表 //
getList($("#"+EPI.TableId).attr("pageindex"));
}
else {
// 删除失败的提示 //
alert(rData.Msg);
}
}
});
});
// 录入页面保存事件 //
$('[data-role="submit_form"]').on("click", function () {
if (EPI.IsOverrideJsCheckInput) {
if (!JsCheckInput()) {
return;
}
}
else {
if (!BaseJsCheckInput()) {
return;
}
}
var str = "";
showLoad(true);
// 获得关键字 //
var pkId = $("#add_box").attr("data-guid");
// 获得Ajax的Url地址 //
var ajaxUrl = GlobalPhyPath + "/" + EPI.DetailSaveUrl;
// 获得搜索的数据 //
var ajxData = null;
if (EPI.IsOverrideAjaxGetSaveDetailData) {
ajxData = AjaxGetSaveDetailData(pkId);
}
else {
ajxData = BaseAjaxGetSaveDetailData(pkId);
}
$.ajax({
cache: false,
async: true,
url: ajaxUrl,
type: "post",
data: ajxData,
success: function (rData) {
if (rData == null)
return;
// 保存成功 //
if (rData.IsSucc) {
showLoad(false);
if (EPI.IsLoadTree) {
// 如果是加载树 //
// 提示成功并刷新页面 //
alert(rData.Msg);
EkPageReload();
}
else {
getList($("#" + EPI.TableId).attr("pageindex"));
}
}
else {
// 保存失败的提示 //
alert(rData.Msg);
}
}
});
});
// 编辑弹窗 //
$("tbody").on("click", '[data-role="edit_btn"]', function () {
$("#add_box").show();
$(".cover_b").show();
var pkId = $(this).attr("data-guid");
// 设置关键字ID为编辑值 //
$("#add_box").attr("data-guid", pkId);
var spanCtrl = $("#span_detail");
if (spanCtrl != null) {
// 设置标题 //
$("#span_detail").html("编辑" + EPI.PageTitle);
}
// 加载内容 //
// 获得Ajax的Url地址 //
var ajaxUrl = GlobalPhyPath + "/" + EPI.DetailLoadUrl;
// 获得搜索的数据 //
var ajxData = [];
ajxData.push({ name: "_id", value: pkId });
$.ajax({
cache: false,
async: true,
url: ajaxUrl,
type: "post",
data: ajxData,
success: function (rData) {
// 设置控件的值 //
// 如果返回结果为空，保护代码不往下执行 //
if (rData == null)
return;
if (EPI.IsOverrideSetDetailData) {
SetDetailData(rData);
}
else {
BaseSetDetailData(rData);
}
}
});
})
// 查看弹窗 //
$("tbody").on("click", '[data-role="view_btn"]', function () {
$("#view_box").show();
$(".cover_b").show();
var pkId = $(this).attr("data-guid");
// 设置关键字ID为编辑值 //
$("#view_box").attr("data-guid", pkId);
// 加载内容 //
// 获得Ajax的Url地址 //
var ajaxUrl = GlobalPhyPath + "/" + EPI.ViewLoadUrl;
// 获得搜索的数据 //
var ajxData = [];
ajxData.push({ name: "_id", value: pkId });
$.ajax({
cache: false,
async: true,
url: ajaxUrl,
type: "post",
data: ajxData,
success: function (rData) {
// 设置控件的值 //
// 如果返回结果为空，保护代码不往下执行 //
if (rData == null)
return;
// 获得赋值的数组 //
var itemList = rData.ItemList;
var iLen = itemList.length;
var i = 0;
var item = null;
// 后面再扩展 //
for (i = 0; i < iLen; ++i) {
item = itemList[i];
// 对控件赋值 //
EkSetCtrlValueById(item.TheName, item.TheValue);
}
}
});
})
// 删除列弹窗 //
$("tbody").on("click", '[data-role="del_btn"]', function () {
$("#del_box").show();
$(".cover_b").show();
$("#del_action").attr('data-guid', $(this).attr('data-guid'));
});
// 提交删除内容 //
$("#del_action").click(function () {
showLoad(true, true);
// 获得Ajax的Url地址 //
var ajaxUrl = GlobalPhyPath + "/" + EPI.DeleteDataUrl;
// 获得搜索的数据 //
var ajxData = [];
ajxData.push({ name: "_id", value: $(this).attr("data-guid") });
$.ajax({
cache: false,
async: true,
url: ajaxUrl,
type: "post",
data: ajxData,
success: function (rData) {
if (rData == null)
return;
// 删除成功 //
if (rData.IsSucc)
{
showLoad(false, true);
// 刷新当前列表 //
getList($("#" + EPI.TableId).attr("pageindex"));
}
else {
// 删除失败的提示 //
alert(rData.Msg);
}
}
});
});
})
// 加载弹窗 //
// 这里有个搜索条件复位的BUG //
function showLoad(st, del) {
// del ==> 删除 //
if (del) {
if (st) {
$("#del_box").hide();
$(".cover_b").hide();
$("#del_panel").show();
$("#del_on").show();
} else {
setTimeout(function () {
$("#del_on").hide();
$("#del_over").show();
}, 1000);
setTimeout(function () {
$("#del_over").fadeOut();
$("#del_panel").fadeOut();
}, 2000);
}
} else {
if (st) {
// 刚刚开始 //
$(".cover_b").hide();
$("#be_panel").show();
$('[data-role="alert_box"]').hide();
} else {
$("#be_on").hide();
$("#be_over").show();
setTimeout(function () {
$("#be_on").hide();
$("#be_over").show();
}, 1000);
setTimeout(function () {
$("#be_over").fadeOut();
$("#be_panel").fadeOut();
$(".be_cover").hide();
}, 2000);
}
}
}
// 获得列表 //
function getList(current) {
TableListBind(current);
//// 没有指定数据表 //
//// 其他业务逻辑，比如统计分析时候 //
//if (EPI.TableId == null || EPI.TableId == "" || EPI.TableId == undefined)
// return;
//var tableCtrl = document.getElementById(EPI.TableId);
//if (tableCtrl == null) {
// // 没有设定表格控件 //
// return;
//}
//$("#tb_con .table_list tbody").html("正在加载中...");
// // current = 页索引+1 //
// // 第一页从1开始 //
//// 获得每页显示的页码 //
//var per_num = EPI.PageSize;
////var per_num = $('#page_perNo').val();
//// 获得搜索条件 //
//var ajxData = null;
//if (EPI.IsOverrideAjaxSearchData) {
// // 重写获取搜索的条件 //
// ajxData = AjaxSearchData(current, per_num);
//}
//else
//{
// ajxData = BaseAjaxSearchData(current, per_num);
//}
// // 获得Ajax的Url地址 //
//var ajaxUrl = GlobalPhyPath + "/" + EPI.TableListUrl;
//$.ajax({
// cache: false,
// async: true,
// url: ajaxUrl,
// type: "post",
// data: ajxData,
// success: function (rData) {
// if (rData == null)
// return;
// var pageIndex = rData.pageindex;
// // 获得记录数 //
// var list_num = rData.total;
// // 绘制HTML表格内容 //
// var html = BuildHTML(rData);
// // 设置HTML表格内容--画表格 //
// $("#tb_con .table_list tbody").html(html);
// if (per_num <= 0) {
// // 所有记录数 //
// per_num = 2147483647
// }
// // 设置页码 -- page在all.js里面注册了 //
// page(pageIndex, list_num, per_num);
// var tb_PerNum = $(".page").html();
// var htmlPageSize = "";
// htmlPageSize += "<span class=\"p_l20\">每页记录 </span>";
// htmlPageSize += "<select class=\"pagesize_ddl\" id=\"ddlPage_PageSize\" style=\"height:30px;\">";
// htmlPageSize += SelectCtrlHtmlGet(EPI.PageSizeOptions, per_num);
// htmlPageSize += "</select>";
// $(".page").html(tb_PerNum + htmlPageSize);
// // 注册 //
// RegDropDownListPagePageSizeEvent();
// // 登记当前的页索引 //
// $("#" + EPI.TableId).attr("pageindex", pageIndex);
// // 登记当前的记录数 //
// $("#" + EPI.TableId).attr("total", list_num);
// if ($("#page_tip") != null) {
// $("#page_tip").html(rData.pagetip);
// }
// // checkbox注册点击事件 //
// CheckBoxRegClick(EPI.TableId);
// if (EPI.IsOverrideAfterTableList) {
// AfterTableList(rData);
// }
//}
//});
}
function ChartLoadClick()
{
// 统计图点击事件 //
if (EPI.ChartDivId == null || EPI.ChartDivId == "" || EPI.ChartDivId == undefined)
return;
// 获取统计图的DIV控件 //
var divCtrl = document.getElementById(EPI.ChartDivId);
// 没有获得 //
if (divCtrl == null)
return;
// 获得搜索条件 //
var ajxData = null;
if (EPI.IsOverrideAjaxSearchData) {
// 重写获取搜索的条件 //
ajxData = AjaxSearchData(1, 0);
}
else {
ajxData = BaseAjaxSearchData(1, 0);
}
// 获得Ajax的Url地址 //
var ajaxUrl = GlobalPhyPath + "/" + EPI.ChartLoadUrl;
$.ajax({
cache: false,
async: true,
url: ajaxUrl,
type: "post",
data: ajxData,
success: function (rData) {
// Ajax没有返回值 //
if (rData == null)
return;
// 转义rData.Msg的字符串内容为json //
// 用eval方法 //
var op = null;
eval("op = " + rData.Msg + ";");
if (op == null)
return;
var chartDiv = document.getElementById(EPI.ChartDivId);
if (chartDiv == null)
return;
// 初始化eChart组件 //
var myChart = echarts.init(chartDiv);
if (myChart == null)
return;
// 统计结果展示 //
myChart.setOption(op);
}
});
}
function ChartTableClick() {
// 统计图(数据表)点击事件 //
if (EPI.ChartDivId == null || EPI.ChartDivId == "" || EPI.ChartDivId == undefined)
return;
// 获取统计图的DIV控件 //
var divCtrl = document.getElementById(EPI.ChartDivId);
// 没有获得 //
if (divCtrl == null)
return;
// 获得搜索条件 //
var ajxData = null;
if (EPI.IsOverrideAjaxSearchData) {
// 重写获取搜索的条件 //
ajxData = AjaxSearchData(1, 0);
}
else {
ajxData = BaseAjaxSearchData(1, 0);
}
// 获得Ajax的Url地址 //
var ajaxUrl = GlobalPhyPath + "/" + EPI.ChartTableUrl;
$.ajax({
cache: false,
async: true,
url: ajaxUrl,
type: "post",
data: ajxData,
success: function (rData) {
if (rData == null)
return;
$("#" + EPI.ChartDivId).html(rData.Msg);
}
});
}
function ChartExportClick() {
// 统计图导出Excel的数据 //
// 获得搜索条件 //
var ajxData = null;
if (EPI.IsOverrideAjaxSearchData) {
// 重写获取搜索的条件 //
ajxData = AjaxSearchData(1, 0);
}
else {
ajxData = BaseAjaxSearchData(1, 0);
}
// 获得Ajax的Url地址 //
var ajaxUrl = GlobalPhyPath + "/" + EPI.ChartExportUrl;
$.ajax({
cache: false,
async: true,
url: ajaxUrl,
type: "post",
data: ajxData,
success: function (rData) {
// rData ==> 1.IsSucc;2.Msg //
if (rData == null)
return;
if (!rData.IsSucc) {
// 如果错误，弹出错误提示 //
alert(rData.Msg);
return;
}
// 重定向 //
// 成功，则Msg为跳转的相对地址 //
window.location.href = GlobalPhyPath + "/" + rData.Msg;
}
});
}
function TreeNodeOnClick(event, treeId, treeNode, clickFlag) {
// zTree树节点点击事件 //
if (EPI.IsOverrideTreeNodeOnClick) {
// 自定义树事件 //
EkTreeNodeOnClick(event, treeId, treeNode, clickFlag);
}
else {
BaseEkTreeNodeOnClick(event, treeId, treeNode, clickFlag);
}
}
function LoadTree() {
// 加载树 //
var treeCtrlId = EPI.TreeId;
// 获得搜索条件 //
// 先不做搜索条件 //
var ajxData = [];
// 获得Ajax的Url地址 //
var ajaxUrl = GlobalPhyPath + "/" + EPI.TreeLoadUrl;
// 通过参数加载树 //
LoadTreeByParams(treeCtrlId, ajxData, ajaxUrl);
}
function LoadTreeByParams(treeCtrlId, ajxData, ajaxUrl)
{
// 通过参数配置加载树 //
// 没有指定树控件ID //
if (treeCtrlId == null || treeCtrlId == "")
return;
// 没有指定树控件ID //
if (treeCtrlId == undefined)
return;
// 没有指定URL //
if (ajaxUrl == null || ajaxUrl == "" || ajaxUrl == undefined)
return;
// 加载树的操作 //
var treeCtrl = document.getElementById(treeCtrlId);
if (treeCtrl == null)
return;
$("#" + treeCtrlId).html("数据加载中……");
$.ajax({
cache: false,
async: true,
url: ajaxUrl,
type: "post",
data: ajxData,
success: function (rData) {
if (rData == null)
return;
var setting = {
data: {
key: {
title: "title"
},
simpleData: {
enable: true
}
},
callback: {
onClick: TreeNodeOnClick
}
};
var treeObj = $.fn.zTree.init($("#" + treeCtrlId), setting, rData.zNodes);
if (treeObj != null) {
// 获得树节点 //
var nodes = treeObj.getNodes();
if (nodes != null && nodes.length > 0) {
treeObj.expandNode(nodes[0], true, false, true);
}
}
}
});
}
// 显示和隐藏表格列项 //
$("input[class='colCheck']").click(function () {
var colIndex = -1;
var bChecked = false;
if ($(this).prop("checked")) {
bChecked = true;
}
var thName = $(this).attr("thname");
var colIndex = GetColIndex(thName);
if (colIndex == -1)
return;
if (bChecked) {
// 显示 //
ShowHiddenCol(EPI.TableDetailId, colIndex, true);
} else {
// 隐藏 //
ShowHiddenCol(EPI.TableDetailId, colIndex, false);
}
});
// 显示和隐藏表格列项的END //
if (EPI.IsAddJsAfterPageLoad) {
// JS页面加载后 //
JsAfterPageLoad();
}
});
标签：
index.sea.jsV2017.05.18 
上一条：
下一条：
相关评论
发表评论