|
|
//状态 1=备注状态 ， 0=无状态. 1=批阅状态.
|
|
|
var repremarkSta = 0;
|
|
|
var frmDBRemarks = null; //填过意见
|
|
|
var marks = null;
|
|
|
var remarkData = {};
|
|
|
|
|
|
var tip_index = 0;
|
|
|
/**
|
|
|
* 初始化有批注的字段.
|
|
|
* 根据是否有批注，就在控件上加批注标识.
|
|
|
* */
|
|
|
function FrmDBRemark_Init(frmID, pkval, remarkEnable) {
|
|
|
|
|
|
remarkData.FrmID = frmID;
|
|
|
remarkData.PKVal = pkval;
|
|
|
remarkData.RemarkEnable = remarkEnable;
|
|
|
//如果是.
|
|
|
if (repremarkSta == 1) {
|
|
|
FrmDBRemark_UnDo();
|
|
|
return;
|
|
|
}
|
|
|
var style = "position: absolute;bottom: -1px;";
|
|
|
//获得有批注的字段.
|
|
|
frmDBRemarks = new Entities("BP.Sys.FrmDBRemarks");
|
|
|
frmDBRemarks.Retrieve("FrmID", frmID, "RefPKVal", pkval, "RDT DESC ");
|
|
|
frmDBRemarks = frmDBRemarks.TurnToArry();
|
|
|
// frmDBRemarks.reverse();
|
|
|
debugger;
|
|
|
//根据字段进行分组
|
|
|
marks = GetFrmDBRemarkByFieldGroup(frmDBRemarks);
|
|
|
|
|
|
//给字段增加审阅标签.
|
|
|
for (key in marks) {
|
|
|
var element = $("#TB_" + key);
|
|
|
if (element.length == 0)
|
|
|
element = $("#DDL_" + key);
|
|
|
if (element.length == 0)
|
|
|
element = $("#CB_" + key);
|
|
|
if (element.length == 0)
|
|
|
element = $("input[name='CB_" + key + "']");
|
|
|
if (element.length == 0)
|
|
|
element = $("input[name='RB_" + key + "']");
|
|
|
if (element.length == 0) // 元素不存在
|
|
|
continue;
|
|
|
|
|
|
//增加标签内容
|
|
|
var w = element[0].offsetWidth - 15;
|
|
|
var name = $("#Lab_" + key)[0].innerText;
|
|
|
var remarkElemnt = $("<div class='mark'data-info='" + key + "' data-name='" + name + "'style='position: absolute;top:-13px;margin-left:" + w + "px'><i class='layui-icon' style='color:red;font-weight:bold'></i> </div>");
|
|
|
element.after(remarkElemnt);
|
|
|
remarkElemnt.bind('click', function () {
|
|
|
var field = $(this).attr("data-info");
|
|
|
var name = $(this).attr("data-name");
|
|
|
FrmDBRemark_Show(field, name);
|
|
|
})
|
|
|
}
|
|
|
|
|
|
//如果不是只读，需要把可编辑的字段增加审阅标签
|
|
|
if (pageData.IsReadonly != "1" && remarkData.RemarkEnable==1) {
|
|
|
var mapAttrs = frmMapAttrs;
|
|
|
$.each(mapAttrs, function (i, attr) {
|
|
|
if (attr.UIVisible == 0 )
|
|
|
return true;
|
|
|
if (marks[attr.KeyOfEn] != undefined && marks[attr.KeyOfEn].length != 0)
|
|
|
return true;
|
|
|
|
|
|
//增加标签内容
|
|
|
var element = $("#TB_" + attr.KeyOfEn);
|
|
|
if (attr.UIContralType == 1)
|
|
|
element = $("#DDL_" + attr.KeyOfEn);
|
|
|
if (attr.UIContralType == 2)
|
|
|
element = $("#CB_" + attr.KeyOfEn);
|
|
|
if (attr.UIContralType == 3)
|
|
|
element = $("#RB_" + attr.KeyOfEn);
|
|
|
|
|
|
if ( true ) {
|
|
|
//if (attr.UIContralType == 0 && attr.AtPara && attr.AtPara.indexOf("@IsRichText=1") >= 0) {
|
|
|
element = $("#TD_" + attr.KeyOfEn);
|
|
|
|
|
|
var key = attr.KeyOfEn;
|
|
|
var NameValue = attr.Name;
|
|
|
|
|
|
element.on('mouseenter', function (event) {
|
|
|
var node = $(this);
|
|
|
var conn ='<div style="padding:5px 0px;margin:0px;text-align:center;font-size:15px;background-color:#139ff0;border-radius:5px 5px 0px 0px;box-shadow: 1px 1px 3px rgba(0,0,0,.2);font-weight:bold;">温 馨 提 示</div><div style="padding:5px 28px;"><span style="color:red;">* </span><span style="color:#000000">规则1 请输入正整数</span><br/><span style="color:red;">* </span><span style="color:#000000">规则2 请输入正整数</span></div>'
|
|
|
var content = "<div style='padding:5px 0px;width:50px;text-align:center;font-size:15px;'><a onclick=FrmDBRemark_Show('" + key + "','" + NameValue +"');>审阅</a></div>";
|
|
|
/* layui.layer.tips(content, element, {
|
|
|
tips: 1
|
|
|
});*/
|
|
|
tip_index = layui.layer.tips(content, element, { tips: [4, '#FFF6D9'], time: 10000, area: ['auto', 'auto']});
|
|
|
// $(".layui-layer-tips i.layui-layer-TipsB").css("top", "0px");
|
|
|
//$(".layui - layer layui - layer - tips").css("top", top);
|
|
|
/* layer.tips(content, element, {
|
|
|
tips: [1, ' #FFFFFF'],
|
|
|
time: 10000,
|
|
|
skin: 'custom' //自定义class名称
|
|
|
});
|
|
|
|
|
|
*/
|
|
|
/*var tip_index = 0;
|
|
|
$(document).on('mouseenter', '.layer_hover', function () {
|
|
|
var words = $(this).data('words');
|
|
|
tip_index = layui.layer.tips(words, '.layer_hover', { time: 0 });
|
|
|
}).on('mouseleave', '.layer_hover', function () {
|
|
|
layui.layer.close(tip_index);
|
|
|
});*/
|
|
|
|
|
|
// event.stopPropagation()
|
|
|
|
|
|
})
|
|
|
|
|
|
/* $("#TD_" + attr.KeyOfEn).on('blur', function () {
|
|
|
if (tip_index != 0) {
|
|
|
layui.layer.close(tip_index);
|
|
|
}
|
|
|
|
|
|
})*/
|
|
|
|
|
|
|
|
|
return true;
|
|
|
}
|
|
|
|
|
|
})
|
|
|
}
|
|
|
|
|
|
//设置为批注状态.
|
|
|
repremarkSta = 1;
|
|
|
}
|
|
|
|
|
|
|
|
|
/**
|
|
|
* 撤销批注状态
|
|
|
* */
|
|
|
function FrmDBRemark_UnDo() {
|
|
|
$(".mark").remove();
|
|
|
//批注状态.
|
|
|
repremarkSta = 0;
|
|
|
}
|
|
|
|
|
|
|
|
|
/**
|
|
|
* 显示批阅信息（弹窗显示）
|
|
|
* @param {字段} field
|
|
|
*/
|
|
|
function FrmDBRemark_Show(field,name) {
|
|
|
remarkData.Field = field;
|
|
|
remarkData.Name = name;
|
|
|
|
|
|
layui.use('layer', function () {
|
|
|
var layer = layui.layer;
|
|
|
/*layer.open({
|
|
|
type: 1,
|
|
|
id:'frmDBRemark',
|
|
|
title: remarkData.Name+'数据批阅',
|
|
|
content: GetHtml( field, name),
|
|
|
offset: 'r',
|
|
|
area: ['500px', '100%']
|
|
|
});*/
|
|
|
layer.tab({
|
|
|
id: 'frmDBRemark',
|
|
|
area: ['500px', '100%'],
|
|
|
offset: 'r',
|
|
|
tab: [{
|
|
|
title: remarkData.Name + '数据批阅',
|
|
|
content: GetHtml(field, name),
|
|
|
}, {
|
|
|
title: '数据版本',
|
|
|
content: '数据版本2'
|
|
|
}]
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
|
|
|
|
|
|
function GetHtml( field, name) {
|
|
|
var _html = "";
|
|
|
if (remarkData.RemarkEnable == 1) {
|
|
|
_html += "<div class='layui-card'style='border-radius:10px' id='FrmDBRemark_Div'>";
|
|
|
_html += "<div class='layui-card-body'>";
|
|
|
_html += "<div class='layui-form-item'>";
|
|
|
_html += "<div class=''>";
|
|
|
_html += "<textarea id='FrmDBRemark_Doc'style='outline:none;transition:1s;border:1px solid #DDDDDD;box-shadow;2px 2px 4px #f5f5f5 inset;padding:10px' placeholder='请输入内容' class='layui-textarea' ></textarea >";
|
|
|
_html += "</div >";
|
|
|
_html += "</div >";
|
|
|
_html += "<div style='text-align:right'>"
|
|
|
_html += "<button type='button' class='layui-btn layui-btn-sm' style='width:80px' onclick='FrmDBRemark_Save()'>保存</button>";
|
|
|
_html += "</div>";
|
|
|
_html += "</div>";
|
|
|
_html += "</div>";
|
|
|
}
|
|
|
|
|
|
var items = marks[field];
|
|
|
if (items && items.length > 0) {
|
|
|
/*$.each(items, function (i, item) {
|
|
|
_html += "<div class='layui-card' style='border-radius:10px'>";
|
|
|
_html += "<div class='layui-card-body'>";
|
|
|
_html += "<div class=''>";
|
|
|
_html += "<span style='font-weight:bold;margin-right: 20px;'>" + item.RecName + "</span>";
|
|
|
_html += "<span >" + item.RDT + "</span>";
|
|
|
_html += "</div > ";
|
|
|
_html += "<div style='margin-left: 20px;line-height: 34px;'>";
|
|
|
_html += item.Remark;
|
|
|
_html += "</div>";
|
|
|
_html += "<div style='text-align:right'>"
|
|
|
_html += "<button type='button' class='layui-btn layui-btn-sm' onclick='FrmDBRemark_Delete(\"" + item.MyPK + "\")'><i class='layui-icon'>ဆ</i>删除</button>";
|
|
|
_html += "</div>";
|
|
|
_html += "</div>";
|
|
|
_html += "</div>";
|
|
|
})*/
|
|
|
_html += '<ul class="layui-timeline">';
|
|
|
$.each(items, function (i, item) {
|
|
|
_html += '<li class="layui-timeline-item">';
|
|
|
_html += '<i class="layui-icon layui-timeline-axis"></i>';
|
|
|
_html += '<div class="layui-timeline-content layui-text">';
|
|
|
_html += '<h3 class="layui-timeline-title">';
|
|
|
_html += item.RDT+" - "+item.RecName;
|
|
|
_html += '</h3>';
|
|
|
_html += "<p>";
|
|
|
_html += item.Remark;
|
|
|
_html += "<div style='text-align:right'>"
|
|
|
_html += "<button type='button' class='layui-btn layui-btn-sm' onclick='FrmDBRemark_Delete(\"" + item.MyPK + "\")'><i class='layui-icon'>ဆ</i>删除</button>";
|
|
|
_html += "</div>";
|
|
|
_html += "</p>";
|
|
|
_html += "</div>";
|
|
|
|
|
|
_html += "</li>";
|
|
|
|
|
|
})
|
|
|
_html += '</ul>';
|
|
|
|
|
|
}
|
|
|
|
|
|
return _html;
|
|
|
}
|
|
|
/**
|
|
|
* 保存
|
|
|
* @param {表单ID} frmID
|
|
|
* @param {字段ID} field
|
|
|
* @param {主键} pkval
|
|
|
* @param {批阅信息} remark
|
|
|
*/
|
|
|
function FrmDBRemark_Save() {
|
|
|
debugger
|
|
|
var remark = $("#FrmDBRemark_Doc").val();
|
|
|
if (remark == "") {
|
|
|
layer.alert("审阅信息不能为空");
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
var en = new Entity("BP.Sys.FrmDBRemark");
|
|
|
en.FrmID = remarkData.FrmID; //表单ID.
|
|
|
en.Field = remarkData.Field; //字段。
|
|
|
en.Remark = remark; //批阅意见.
|
|
|
en.RefPKVal = remarkData.PKVal; //主键字段.
|
|
|
en.Insert(); //插入数据.
|
|
|
if (!marks[remarkData.Field])
|
|
|
marks[remarkData.Field] = [en];
|
|
|
else
|
|
|
marks[remarkData.Field].unshift(en);
|
|
|
var _html = "";
|
|
|
/* _html += "<div class='layui-card' style='border-radius:10px'>";
|
|
|
_html += "<div class='layui-card-body'>";
|
|
|
_html += "<div class=''>";
|
|
|
_html += "<span style='font-weight:bold;margin-right: 20px;'>" + en.RecName + "</span>";
|
|
|
_html += "<span >" + en.RDT + "</span>";
|
|
|
_html += "</div > ";
|
|
|
_html += "<div style='margin-left: 20px;line-height: 34px;'>";
|
|
|
_html += en.Remark;
|
|
|
_html += "</div>";
|
|
|
_html += "<div style='text-align:right'>"
|
|
|
_html += "<button type='button' class='layui-btn layui-btn-sm' onclick='FrmDBRemark_Delete(\"" + en.MyPK + "\")'><i class='layui-icon'>ဆ</i>删除</button>";
|
|
|
_html += "</div>";
|
|
|
_html += "</div>";
|
|
|
_html += "</div>";*/
|
|
|
_html += '<li class="layui-timeline-item">';
|
|
|
_html += '<i class="layui-icon layui-timeline-axis"></i>';
|
|
|
_html += '<div class="layui-timeline-content layui-text">';
|
|
|
_html += '<h3 class="layui-timeline-title">';
|
|
|
_html += en.RDT + " - " + en.RecName;
|
|
|
_html += '</h3>';
|
|
|
_html += "<p>";
|
|
|
_html += en.Remark;
|
|
|
_html += "<div style='text-align:right'>"
|
|
|
_html += "<button type='button' class='layui-btn layui-btn-sm' onclick='FrmDBRemark_Delete(\"" + en.MyPK + "\")'><i class='layui-icon'>ဆ</i>删除</button>";
|
|
|
_html += "</div>";
|
|
|
_html += "</p>";
|
|
|
_html += "</div>";
|
|
|
|
|
|
_html += "</li>";
|
|
|
$("#FrmDBRemark_Div").after(_html);
|
|
|
$("#FrmDBRemark_Doc").val("");
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* 删除
|
|
|
* @param {主键} mypk
|
|
|
*/
|
|
|
function FrmDBRemark_Delete(mypk) {
|
|
|
var en = new Entity("BP.Sys.FrmDBRemark", mypk);
|
|
|
en.Delete();
|
|
|
var arry = marks[remarkData.Field];
|
|
|
$.each(arry, function (i, item) {
|
|
|
if (item.MyPK == mypk) {
|
|
|
marks[remarkData.Field].splice(i, 1);
|
|
|
return false;
|
|
|
}
|
|
|
})
|
|
|
var _html = GetHtml( remarkData.Field, remarkData.Name);
|
|
|
$("#frmDBRemark").html(_html);
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* 根据字段获取字段分组的审阅信息
|
|
|
* @param {any} frmDBRemarks
|
|
|
*/
|
|
|
function GetFrmDBRemarkByFieldGroup(frmDBRemarks) {
|
|
|
var map = {};
|
|
|
var keyOfEn = "";
|
|
|
//对mapExt进行分组，根据AttrOfOper
|
|
|
$.each(frmDBRemarks, function (i, frmDBRemark) {
|
|
|
//不是操作字段不解析
|
|
|
keyOfEn = frmDBRemark.Field;
|
|
|
if (!map[keyOfEn])
|
|
|
map[keyOfEn] = [frmDBRemark];
|
|
|
else
|
|
|
map[keyOfEn].push(frmDBRemark);
|
|
|
});
|
|
|
var res = [];
|
|
|
Object.keys(map).forEach(key => {
|
|
|
res.push({
|
|
|
attrKey: key,
|
|
|
data: map[key],
|
|
|
})
|
|
|
});
|
|
|
return map;
|
|
|
}
|
|
|
|
|
|
|