|
|
<!DOCTYPE html>
|
|
|
<html lang="cn">
|
|
|
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<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 href="../Comm/fonts/font-icons.min.css" rel="stylesheet" />
|
|
|
<title>正在加载请稍候...</title>
|
|
|
|
|
|
<script src="../Scripts/jquery-1.11.0.min.js" type="text/javascript"></script>
|
|
|
<!--表单样式-->
|
|
|
<link href="../Admin/CSS/FoolFrmBody.css" rel="stylesheet" />
|
|
|
<link href="../../DataUser/Style/FoolFrmStyle/Default.css" rel="stylesheet" />
|
|
|
<!-- layui -->
|
|
|
<link rel="stylesheet" type="text/css" href="../../WF/Portal/icons/font-icons.min.css">
|
|
|
<link rel="stylesheet" type="text/css" href="../../WF/Portal/icons/icons.css">
|
|
|
<link rel="stylesheet" type="text/css" href="../../WF/Portal/layui/css/layui.css">
|
|
|
<link rel="stylesheet" type="text/css" href="../../WF/Portal/layui/css/customer.css">
|
|
|
|
|
|
|
|
|
<link href="../Scripts/layui/layui/css/layui.css" rel="stylesheet" />
|
|
|
<link href="../Scripts/layui/style/admin.css" rel="stylesheet" />
|
|
|
<link href="../Scripts/layui/layui/css/autocomplete.css" rel="stylesheet" />
|
|
|
<script src="../Scripts/layui/LayuiDialog.js" type="text/javascript"></script>
|
|
|
<script src="../Scripts/jquery-form.js" type="text/javascript"></script>
|
|
|
<!--通用的JS-->
|
|
|
<script src="../Scripts/config.js" type="text/javascript"></script>
|
|
|
<script src="../Comm/Gener.js" type="text/javascript"></script>
|
|
|
<script src="../Scripts/QueryString.js" type="text/javascript"></script>
|
|
|
<script src="./JS/tinymce/tinymce.min.js"></script>
|
|
|
<script src="JS/jquery.mousewheel.min.js"></script>
|
|
|
<script src="ChapterFrmGener.js"></script>
|
|
|
<script src="../Scripts/Tools/jsPdf.debug.js"></script>
|
|
|
<script src="../Scripts/Tools/html2canvas.js"></script>
|
|
|
<script src="../../WF/CCForm/FrmFool.js"></script>
|
|
|
<script src="../../WF/CCForm/FrmEnd.js"></script>
|
|
|
<script src="../Comm/JScript.js"></script>
|
|
|
<script src="../../WF/Portal/layui/layui.js" type="text/javascript"></script>
|
|
|
<script language="javascript" type="text/javascript">
|
|
|
var frmID = null;
|
|
|
var oid = null;
|
|
|
var key = null;
|
|
|
var logInde;
|
|
|
var eleDom = null;
|
|
|
var eleOneDom = null;
|
|
|
let OId = null;
|
|
|
var nodeRates = null;
|
|
|
var Tree = null;
|
|
|
var groupFields = null;
|
|
|
var attrs = null;
|
|
|
var treeClick = null;
|
|
|
var isReadonly = 0; //是否只读？
|
|
|
var mainTable;//表单数据
|
|
|
var showGroup;//存储章节的显示状态，空则全部显示
|
|
|
var showAttrs;//存储字段的显示状态，空则全部显示
|
|
|
var pageData = {};
|
|
|
var form = layui.form;
|
|
|
var data;//表单内容信息，包括各种章节，字段，下拉列表值等
|
|
|
layui.use(['tree', 'jquery', 'laypage', 'form'], function () {
|
|
|
var tree = layui.tree, $ = layui.jquery;
|
|
|
var name = null;
|
|
|
var treelist = null;
|
|
|
var Tip = null;
|
|
|
var Tree_set = null;
|
|
|
|
|
|
//页面启动函数.
|
|
|
$(function () {
|
|
|
|
|
|
isReadonly = GetQueryString("IsReadonly");
|
|
|
if (isReadonly == null) {
|
|
|
isReadonly = 0;
|
|
|
pageData.IsReadonly = 0;
|
|
|
}
|
|
|
|
|
|
|
|
|
frmID = GetQueryString("FrmID");
|
|
|
if (frmID == null)
|
|
|
frmID = GetQueryString("FK_MapData");
|
|
|
if (frmID == null)
|
|
|
frmID = "Frm_ZhangJieBiaoDAN";
|
|
|
oid = GetQueryString("OID");
|
|
|
if (oid == null)
|
|
|
oid = GetQueryString("WorkID");
|
|
|
if (oid == null)
|
|
|
oid = GetQueryString("PKVal");
|
|
|
|
|
|
if (oid == null)
|
|
|
oid = 100;
|
|
|
|
|
|
var handler = new HttpHandler("BP.WF.HttpHandler.WF_CCForm");
|
|
|
handler.AddPara("FrmID", frmID);
|
|
|
handler.AddPara("OID", oid);
|
|
|
data = handler.DoMethodReturnJSON("ChapterFrm_Init");
|
|
|
console.log("获取的表单内容信息：", data);
|
|
|
groupFields = data["GroupFields"];//章.
|
|
|
attrs = data["Sys_MapAttr"];//节.
|
|
|
mainTable = data["MainTable"][0];
|
|
|
|
|
|
//获取显示状态信息
|
|
|
var en = new Entity(frmID, oid);
|
|
|
console.log("获取的表单设置信息：", en);
|
|
|
//存储显示状态
|
|
|
showGroup = en.GetPara("ShowGroup");
|
|
|
if (showGroup == undefined)
|
|
|
showGroup = [];
|
|
|
else showGroup = showGroup.split(',');
|
|
|
showAttrs = en.GetPara("ShowAttrs");
|
|
|
if (showAttrs == undefined)
|
|
|
showAttrs = [];
|
|
|
else showAttrs = showAttrs.split(',');
|
|
|
console.log(showGroup, showAttrs);
|
|
|
|
|
|
var group = [];
|
|
|
|
|
|
//形成树形数据
|
|
|
groupFields.forEach((item) => {
|
|
|
if (item.ParentOID === "" || item.ParentOID == null) {
|
|
|
var child = {
|
|
|
id: item.OID.toString(),
|
|
|
title: item.Lab,
|
|
|
children: [],
|
|
|
...item,
|
|
|
};
|
|
|
if ((showGroup.length > 0 && showGroup.indexOf(child.id) > -1) || showGroup.length === 0) {//看设置是否显示
|
|
|
if (item.CtrlType === "Attr") {//Attr控件将其下的字段值放在attrChildren 中方便解析
|
|
|
child.attrChildren = getAttrChildren(item.OID.toString(), item.CtrlType);
|
|
|
} else {
|
|
|
child.children = [...getChildren(item.OID.toString()), ...getAttrChildren(item.OID.toString(), item.CtrlType)];
|
|
|
};
|
|
|
group.push(child);
|
|
|
};
|
|
|
}
|
|
|
});
|
|
|
console.log(group)
|
|
|
function tinyInit() {
|
|
|
tinymce.init({
|
|
|
selector: '#mytextarea',
|
|
|
language: 'zh-Hans',
|
|
|
plugins: [
|
|
|
'advlist', 'saveBtn',
|
|
|
'lists', 'image', 'charmap', 'searchreplace', 'visualblocks',
|
|
|
'table',
|
|
|
],
|
|
|
statusbar: false,
|
|
|
branding: false,
|
|
|
image_advtab: false,
|
|
|
image_description: false,
|
|
|
image_dimensions: false,
|
|
|
toolbar: 'undo redo | formatpainter casechange blocks | bold italic backcolor | ' +
|
|
|
'alignleft aligncenter alignright alignjustify | ' +
|
|
|
'bullist numlist checklist outdent indent | removeformat | saveBtn ',
|
|
|
images_upload_handler: function (blobInfo) {
|
|
|
try {
|
|
|
var handler = new HttpHandler("BP.WF.HttpHandler.WF_Comm_Sys");
|
|
|
handler.AddPara("Files", blobInfo.blob());
|
|
|
handler.AddPara("FrmID", frmID)
|
|
|
handler.AddPara("OID", oid)
|
|
|
var data = handler.DoMethodReturnJSON("RichUploadFile");
|
|
|
var serverPath = window.location.origin + "/" + data.data
|
|
|
return Promise.resolve(serverPath)
|
|
|
} catch (e) {
|
|
|
return Promise.reject(e)
|
|
|
}
|
|
|
},
|
|
|
paste_data_images: true,
|
|
|
init_instance_callback: function (editor) {
|
|
|
editor.on('ExecCommand', function (e) {
|
|
|
if (e.command === "mceInsertContent") {
|
|
|
// handleWordPaste()
|
|
|
// console.log(e)
|
|
|
if (e.value.content.includes("file:///")) {
|
|
|
layer.msg("检测到本地文件，请右键图片替换")
|
|
|
}
|
|
|
}
|
|
|
|
|
|
});
|
|
|
var sdata = ChapterFrmShow(key);
|
|
|
editor.setContent(sdata);
|
|
|
},
|
|
|
});
|
|
|
}
|
|
|
|
|
|
function IniAttr(group) {
|
|
|
var handler = new HttpHandler("BP.WF.HttpHandler.WF_CCForm");
|
|
|
handler.AddPara("FK_MapData", frmID);
|
|
|
handler.AddPara("OID", GetQueryString("WorkID"));
|
|
|
var result = handler.DoMethodReturnString("ChapterFrm_AttrInit");
|
|
|
if (result.indexOf('err@') == -1) {
|
|
|
data.MainTable[0] = JSON.parse(result);
|
|
|
}
|
|
|
var attrhtm = "";
|
|
|
var thisAttrData = {//改造数据，主要是Sys_MapAttr的字段显示与隐藏
|
|
|
...data,
|
|
|
Sys_MapAttr: group.attrChildren,
|
|
|
}
|
|
|
console.log("Attr字段：",thisAttrData);
|
|
|
attrhtm += '<div id="Group_' + group.OID + '">';
|
|
|
var tableCol = data.Sys_MapData[0].TableCol === 0 ? 4 : 6;
|
|
|
attrhtm += InitMapAttr(thisAttrData, tableCol , group.OID);
|
|
|
attrhtm += '</div>';
|
|
|
$("#divCCForm").html(attrhtm);
|
|
|
//装载表单数据与修改表单元素风格.
|
|
|
LoadFrmDataAndChangeEleStyle(thisAttrData);
|
|
|
//渲染表单
|
|
|
form.render();
|
|
|
form.render('checkbox');
|
|
|
//解析表单的扩展功能
|
|
|
AfterBindEn_DealMapExt(thisAttrData);
|
|
|
$.each($(".ccdate"), function (i, item) {
|
|
|
var format = $(item).attr("data-info");
|
|
|
var type = $(item).attr("data-type");
|
|
|
if (format.indexOf("HH") != -1) {
|
|
|
layui.laydate.render({
|
|
|
elem: '#' + item.id,
|
|
|
format: $(item).attr("data-info"), //可任意组合
|
|
|
type: type,
|
|
|
trigger: 'click',
|
|
|
ready: function (date) {
|
|
|
var now = new Date();
|
|
|
var mm = "";
|
|
|
if (now.getMinutes() < 10)
|
|
|
mm = "0" + now.getMinutes();
|
|
|
else
|
|
|
mm = now.getMinutes();
|
|
|
|
|
|
var ss = "";
|
|
|
if (now.getSeconds() < 10)
|
|
|
ss = "0" + now.getSeconds();
|
|
|
else
|
|
|
ss = now.getSeconds();
|
|
|
|
|
|
this.dateTime.hours = now.getHours();
|
|
|
this.dateTime.minutes = mm;
|
|
|
this.dateTime.seconds = ss;
|
|
|
},
|
|
|
change: function (value, date, endDate) {
|
|
|
$('.laydate-btns-confirm').click();
|
|
|
},
|
|
|
done: function (value, date, endDate) {
|
|
|
var data = $(this.elem).data();
|
|
|
$(this.elem).val(value);
|
|
|
if (data && data.ReqDay != null && data.ReqDay != undefined)
|
|
|
ReqDays(data.ReqDay);
|
|
|
}
|
|
|
});
|
|
|
} else {
|
|
|
layui.laydate.render({
|
|
|
elem: '#' + item.id,
|
|
|
format: $(item).attr("data-info"), //可任意组合
|
|
|
type: type,
|
|
|
done: function (value, date, endDate) {
|
|
|
var data = $(this.elem).data();
|
|
|
$(this.elem).val(value);
|
|
|
if (data && data.ReqDay != null && data.ReqDay != undefined)
|
|
|
ReqDays(data.ReqDay);
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
})
|
|
|
$("#toIframe").hide();
|
|
|
$("#textRea").hide();
|
|
|
$("#divCCForm").show();
|
|
|
$("#welcome").hide();
|
|
|
}
|
|
|
|
|
|
function iframeFun(id, url, OId, item,checked) {
|
|
|
console.log(item);
|
|
|
console.log(url);
|
|
|
var myframe = document.getElementById(id).contentWindow;
|
|
|
if (myframe.Save != undefined) {
|
|
|
myframe.Save();
|
|
|
//if (checked)
|
|
|
//CheckGroupFieldStr(OId, item);
|
|
|
}
|
|
|
if (myframe.SaveAll != undefined) {
|
|
|
myframe.SaveAll();
|
|
|
//if (checked)
|
|
|
//CheckGroupFieldStr(OId, item);
|
|
|
}
|
|
|
$("#toIframe").show();
|
|
|
$("#toIframe").attr("src", url);
|
|
|
$("#textRea").hide();
|
|
|
$("#divCCForm").hide();
|
|
|
}
|
|
|
|
|
|
// tree 点击事件
|
|
|
treeClick = (obj) => {
|
|
|
$("#welcome").hide();
|
|
|
$("#textRea").hide();
|
|
|
$('.layui-tree-set').removeClass("tree-txt-active");
|
|
|
if (!obj.data.children) {
|
|
|
Save();//点击文本框字段时，保存Attr表单
|
|
|
tinyInit();
|
|
|
$("#toIframe").hide();
|
|
|
$("#divCCForm").hide();
|
|
|
$("#textRea").show();
|
|
|
if (name !== obj.data.Name) {
|
|
|
Tip = obj.data.Tip;
|
|
|
name = obj.data.Name;
|
|
|
getContent(obj.data.KeyOfEn);
|
|
|
eleDom = $(obj.elem[0]).find(".rate");
|
|
|
}
|
|
|
$(obj.elem[0]).addClass("tree-txt-active");
|
|
|
Savetab(OId, eleOneDom);
|
|
|
} else {
|
|
|
$("#welcome").hide();
|
|
|
getContent(key);
|
|
|
Save();
|
|
|
var url = '';
|
|
|
//如果点击章.
|
|
|
if (obj.data.CtrlType == "Dtl") {
|
|
|
url = Ele_Dtl_Chapter(obj.data.CtrlID);
|
|
|
|
|
|
}
|
|
|
if (obj.data.CtrlType == "Attr") {
|
|
|
|
|
|
IniAttr(obj.data);
|
|
|
}
|
|
|
|
|
|
if (obj.data.CtrlType == "Ath") {
|
|
|
url = basePath + "/WF/CCForm/Ath.htm?1=1&AthPK=" + obj.data.CtrlID + "&OID=" + oid + "&FK_MapData=" + frmID + "&FK_Node=" + GetQueryString("FK_Node");
|
|
|
}
|
|
|
|
|
|
if (obj.data.CtrlType == "ChapterFrmLinkFrm") {
|
|
|
url = basePath + "/WF/CCForm/Frm.htm?1=1&FrmID=" + obj.data.CtrlID + "&OID=" + oid + "&FK_MapData=" + obj.data.CtrlID + "&FK_Node=" + GetQueryString("FK_Node");
|
|
|
|
|
|
}
|
|
|
|
|
|
if (obj.data.CtrlType == "ChapterFrmSelfUrl") {
|
|
|
if (obj.data.CtrlID.indexOf('http') == 0)
|
|
|
url = obj.data.CtrlID + "&OID=" + oid + "&FK_MapData=" + frmID + "&FK_Node=" + GetQueryString("FK_Node");
|
|
|
else
|
|
|
url = basePath + "" + obj.data.CtrlID + "&OID=" + oid + "&FK_MapData=" + frmID + "&FK_Node=" + GetQueryString("FK_Node");
|
|
|
|
|
|
}
|
|
|
if (obj.data.CtrlType == '') {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
|
|
|
eleOneDom = obj.elem;
|
|
|
OId = obj.data.OID;
|
|
|
var logChecked;//是否检查打勾
|
|
|
if (obj.data.CtrlType != "Attr") {
|
|
|
console.log(obj.data.CtrlType, obj.data.children.length);
|
|
|
if ((obj.data.CtrlType == "" || obj.data.CtrlType == null) && obj.data.children.length == 0) {
|
|
|
logChecked = false;
|
|
|
} else {
|
|
|
logChecked = true;
|
|
|
}
|
|
|
iframeFun("toIframe", url, OId, eleOneDom, logChecked);
|
|
|
} else {
|
|
|
//CheckGroupFieldStr(OId, eleOneDom);
|
|
|
}
|
|
|
$('.layui-tree-set').removeClass("tree-txt-active");
|
|
|
$(obj.elem[0]).addClass("tree-txt-active");
|
|
|
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
Tree = tree.render({
|
|
|
elem: '#test1',
|
|
|
data: group,
|
|
|
id: 'treeId',
|
|
|
click: function (obj) {
|
|
|
treeClick(obj)
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// 判断第一项是否有子集 并选中状态 跳转iframe页面
|
|
|
function treeSet() {
|
|
|
treelist = document.querySelectorAll('.layui-tree-pack >.layui-tree-set');
|
|
|
treelist.forEach((item, index) => {
|
|
|
db.push({
|
|
|
"attrKey": item.dataset.id,
|
|
|
"vals": '',
|
|
|
});
|
|
|
|
|
|
})
|
|
|
Tree_set = document.querySelectorAll('.layui-tree>.layui-tree-set');
|
|
|
Tree_set.forEach((item, index) => {
|
|
|
$(item).attr("title", group[index].title);
|
|
|
$(item).attr("id", "Pnode" + group[index].OID);
|
|
|
|
|
|
var main = $(item).find('.layui-tree-pack ');
|
|
|
var h = `<i class="icon-check rate"></i>`;
|
|
|
$(item).find(".layui-tree-main").append(h);
|
|
|
//替换 tree icon
|
|
|
if (item.childNodes.length == 1) {
|
|
|
var sclass = $(item).find('.layui-tree-iconClick');
|
|
|
$(sclass).empty();
|
|
|
if (group[index].CtrlType == "Dtl") {
|
|
|
// let i = `<i class="icon-notebook"></i>`
|
|
|
let i = `<i class="icon-folder"></i>`
|
|
|
$(sclass).html(i);
|
|
|
}
|
|
|
if (group[index].CtrlType == "Attr") {
|
|
|
// let i = `<i class="icon-notebook"></i>`
|
|
|
let i = `<i class="icon-folder"></i>`
|
|
|
$(sclass).html(i);
|
|
|
}
|
|
|
|
|
|
if (group[index].CtrlType == "Ath") {
|
|
|
let i = `<i class="icon-paper-clip"></i>`
|
|
|
$(sclass).html(i);
|
|
|
}
|
|
|
|
|
|
if (group[index].CtrlType == "ChapterFrmLinkFrm") {
|
|
|
let i = `<i class="icon-folder"></i>`
|
|
|
$(sclass).html(i);
|
|
|
}
|
|
|
|
|
|
if (group[index].CtrlType == "ChapterFrmSelfUrl") {
|
|
|
let i = `<i class="icon-folder"></i>`
|
|
|
$(sclass).html(i);
|
|
|
}
|
|
|
} else {
|
|
|
var sclass = $(item).find('.layui-tree-iconClick');
|
|
|
$(sclass).empty();
|
|
|
$(sclass).removeClass("layui-tree-icon")
|
|
|
let i = `<i class="icon-folder"></i>`
|
|
|
$(sclass).html(i);
|
|
|
}
|
|
|
//下方是选取第一个元素，待实现
|
|
|
//默认第一个选中
|
|
|
/*
|
|
|
if (index == 0) {
|
|
|
var firstShow = group[index];//第一个显示的内容
|
|
|
console.log('一级目录1：',group[index]);
|
|
|
if (group[index].children && group[index].children.length > 0) {
|
|
|
firstShow = group[index].children[0];
|
|
|
console.log('二级目录1：', group[index].children[0]);
|
|
|
if (group[index].children[0].children && group[index].children[0].children.length > 0) {
|
|
|
firstShow = group[index].children[0].children[0];
|
|
|
console.log('二级目录1：', group[index].children[0].children[0]);
|
|
|
}
|
|
|
}
|
|
|
console.log('第一个显示的内容：', firstShow);
|
|
|
|
|
|
var firstShowDom;//第一个显示的元素
|
|
|
if ($(item).find('.layui-tree-pack>.layui-tree-set').length > 0) {
|
|
|
firstShowDom = item;//第一个显示的元素
|
|
|
console.log('一级元素', $(firstShowDom).attr('data-id'));
|
|
|
var levelFirst = item;
|
|
|
if ($(levelFirst).find('.layui-tree-pack>.layui-tree-set').length > 0) {
|
|
|
firstShowDom = $(levelFirst).find('.layui-tree-pack>.layui-tree-set')[0];
|
|
|
console.log('二级元素', $(firstShowDom).attr('data-id'));
|
|
|
var levelTow = $(levelFirst).find('.layui-tree-pack>.layui-tree-set')[0];
|
|
|
//if ($(levelTow).find('.layui-tree-pack>.layui-tree-set').length > 0) {
|
|
|
// firstShowDom = $(levelTow).find('.layui-tree-pack>.layui-tree-set')[0];
|
|
|
// console.log('三级元素', $(firstShowDom).attr('data-id'));
|
|
|
//}
|
|
|
}
|
|
|
}
|
|
|
console.log('第一个显示的元素：', $(firstShowDom).attr('data-id'));
|
|
|
|
|
|
if ($(firstShowDom).find('.layui-tree-pack>.layui-tree-set').length == 0) {
|
|
|
alert();
|
|
|
$('.layui-tree-set').removeClass("tree-txt-active");
|
|
|
$(firstShowDom).addClass("tree-txt-active");
|
|
|
var url = '';
|
|
|
//如果点击章.
|
|
|
if (firstShow.CtrlType == "Dtl") {
|
|
|
url = Ele_Dtl_Chapter(firstShow.CtrlID);
|
|
|
}
|
|
|
|
|
|
if (firstShow.CtrlType == "Attr") {
|
|
|
alert('第一个显示填报合同');
|
|
|
IniAttr(firstShow);
|
|
|
}
|
|
|
|
|
|
if (firstShow.CtrlType == "Ath") {
|
|
|
url = basePath + "/WF/CCForm/Ath.htm?1=1&AthPK=" + firstShow.CtrlID + "&OID=" + oid + "&FK_MapData=" + frmID + "&FK_Node=" + GetQueryString("FK_Node");
|
|
|
}
|
|
|
|
|
|
if (firstShow.CtrlType == "ChapterFrmLinkFrm") {
|
|
|
url = basePath + "/WF/CCForm/Frm.htm?1=1&FrmID=" + firstShow.CtrlID + "&OID=" + oid + "&FK_MapData=" + firstShow.CtrlID + "&FK_Node=" + GetQueryString("FK_Node");
|
|
|
}
|
|
|
|
|
|
if (firstShow.CtrlType == "ChapterFrmSelfUrl") {
|
|
|
if (firstShow.CtrlID.indexOf('http') == 0)
|
|
|
url = firstShow.CtrlID + "&OID=" + oid + "&FK_MapData=" + frmID + "&FK_Node=" + GetQueryString("FK_Node");
|
|
|
else
|
|
|
url = basePath + "" + firstShow.CtrlID + "&OID=" + oid + "&FK_MapData=" + frmID + "&FK_Node=" + GetQueryString("FK_Node");
|
|
|
}
|
|
|
if (firstShow.CtrlType == '') {
|
|
|
return;
|
|
|
}
|
|
|
eleOneDom = firstShowDom;
|
|
|
OId = firstShow.OID;
|
|
|
if (firstShow.CtrlType != "Attr")
|
|
|
iframeFun("toIframe", url, OId, eleOneDom);
|
|
|
} else {
|
|
|
alert('第一个显示文本内容');
|
|
|
firstShowDom.checked = true;
|
|
|
firstShowDom.children[index].checked = true;
|
|
|
key = firstShow.KeyOfEn;
|
|
|
tinyInit();
|
|
|
treelist[index].classList.add("tree-txt-active");
|
|
|
name = firstShow.Name;
|
|
|
$("#Title").html(name)
|
|
|
getContent(treelist[index].dataset.id);
|
|
|
Tip = firstShow.Tip;
|
|
|
eleDom = $(treelist[index]).find(".rate");
|
|
|
}
|
|
|
}*/
|
|
|
})
|
|
|
showType(group, Tree_set)
|
|
|
|
|
|
}
|
|
|
|
|
|
treeSet();
|
|
|
$("#tips").click(function () {
|
|
|
openDialog(Tip, key);
|
|
|
})
|
|
|
//IsAtPara(attrs, treelist);
|
|
|
//IsAtParaKey(group, Tree_set);
|
|
|
var isShows = true;
|
|
|
$("#menu").toggle();
|
|
|
$("#menuShow").click(function () {
|
|
|
$("#menu").toggle();
|
|
|
if (isShows) {
|
|
|
$("#scrollDiv").addClass("Card_body")
|
|
|
isShows = false
|
|
|
} else {
|
|
|
$("#scrollDiv").removeClass("Card_body")
|
|
|
isShows = true
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
//递归构造章节树形结构，获取parentId的孩子
|
|
|
function getChildren(parentId) {
|
|
|
var children = [];
|
|
|
groupFields.forEach((item) => {
|
|
|
if (item.ParentOID === parentId) {
|
|
|
var child = {
|
|
|
id: item.OID.toString(),
|
|
|
title: item.Lab,
|
|
|
children: [],
|
|
|
attrChildren: [],
|
|
|
...item,
|
|
|
};
|
|
|
if ((showGroup.length > 0 && showGroup.indexOf(child.id) > -1 )|| showGroup.length === 0) {//看设置是否显示
|
|
|
if (item.CtrlType === "Attr") {
|
|
|
child.attrChildren = getAttrChildren(item.OID.toString(), item.CtrlType);
|
|
|
} else {
|
|
|
child.children = [...getChildren(item.OID.toString()), ...getAttrChildren(item.OID.toString(), item.CtrlType)];
|
|
|
};
|
|
|
children.push(child);
|
|
|
};
|
|
|
|
|
|
}
|
|
|
});
|
|
|
return children;
|
|
|
}
|
|
|
|
|
|
//获取本章节下的attr字段，groupId下的字段
|
|
|
function getAttrChildren(groupId, ctrlType) {
|
|
|
var attrList = [];
|
|
|
//非Attr型控件，非默认控件，不显示其下字段
|
|
|
if (ctrlType != "Attr" && ctrlType != "" && ctrlType != null)
|
|
|
return [];
|
|
|
|
|
|
for (var i = 0; i < attrs.length; i++) {
|
|
|
var attr = attrs[i];
|
|
|
if (attr.MyDataType != 1 && ctrlType == "")
|
|
|
continue;
|
|
|
if (attr.GroupID === groupId && attr.UIVisible === 1) {//只显示可见的字段
|
|
|
var attr = {
|
|
|
id: attr.KeyOfEn,
|
|
|
title: attr.Name,
|
|
|
...attr,
|
|
|
};
|
|
|
if (attr.UIContralType == 1) {//如果是下拉框，存储下拉列表值
|
|
|
if (attr.MyDataType == 2)//枚举下拉
|
|
|
attr.DDLlist = $.grep(data['Sys_Enum'], function (item, index) {
|
|
|
return item.EnumKey == attr.KeyOfEn;
|
|
|
});
|
|
|
else if (attr.MyDataType == 1)//下拉单选
|
|
|
attr.DDLlist = data[attr.KeyOfEn];
|
|
|
}
|
|
|
else if (attr.UIContralType == 3 && attr.MyDataType == 2) {//枚举单选 radio
|
|
|
attr.DDLlist = $.grep(data['Sys_Enum'], function (item, index) {
|
|
|
return item.EnumKey == attr.KeyOfEn;
|
|
|
});
|
|
|
}
|
|
|
if ((showAttrs.length > 0 && showAttrs.indexOf(attr.KeyOfEn) > -1) || showAttrs.length === 0) {//看是否设置显示
|
|
|
if ((ctrlType === "" || ctrlType == null) && attr.TextModel != 1) {//默认型控件，只显示文本字段
|
|
|
if (attr.MyDataType == 1 && attr.UIContralType == 0) {
|
|
|
attrList.push(attr);
|
|
|
};
|
|
|
} else if (ctrlType === "Attr") {//Attr控件所有类型的字段都显示
|
|
|
attrList.push(attr);
|
|
|
};
|
|
|
};
|
|
|
};
|
|
|
|
|
|
};
|
|
|
return attrList;
|
|
|
}
|
|
|
|
|
|
function showType(group, Tree_set) {
|
|
|
//console.log(Tree_set)
|
|
|
let n = 0;
|
|
|
group.forEach((item, index) => {
|
|
|
if (item.ShowType == 2) {
|
|
|
n = n + 1;
|
|
|
const Id = Tree_set[index].dataset.id;
|
|
|
console.log($(`#Pnode${Id}`))
|
|
|
$(`#Pnode${Id}`).hide()
|
|
|
}
|
|
|
})
|
|
|
if (n == group.length) {
|
|
|
$("#menuShow").hide()
|
|
|
}
|
|
|
}
|
|
|
// 解析
|
|
|
function analysis(Tip) {
|
|
|
let tipArr = Tip.split("@");
|
|
|
let tempul = `<ul class="tipsul">
|
|
|
${tipArr.map(item => {
|
|
|
if (item.includes('###')) {
|
|
|
return `<li class="m-1"><h3>${item.split("###").join('')}</h3></li>`
|
|
|
} else if (item.includes(')')) {
|
|
|
return `<li class="m-1"><small>${item.split("###").join('')}</small></li>`
|
|
|
} else {
|
|
|
return `<li class="m-1">${item.split("###").join('')}</li>`
|
|
|
}
|
|
|
|
|
|
}).join('')}
|
|
|
</ul>`
|
|
|
Tip = tempul;
|
|
|
return Tip;
|
|
|
}
|
|
|
|
|
|
tinymce.PluginManager.add('saveBtn', function (editor, url) {
|
|
|
// 注册一个保存按钮名称
|
|
|
editor.ui.registry.addButton("saveBtn", {
|
|
|
text: '保存',
|
|
|
icon: 'save',
|
|
|
onAction: function () {
|
|
|
var vals = tinymce.activeEditor.getContent();
|
|
|
if (key == undefined || key == '') {
|
|
|
layer.msg('请先选择子节点', { icon: 6 });
|
|
|
return;
|
|
|
} else {
|
|
|
ChapterFrmSave(key, vals)
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
});
|
|
|
tinymce.PluginManager.add('helpBtn', function (editor, url) {
|
|
|
editor.ui.registry.addButton('helpBtn', {
|
|
|
text: '提示',
|
|
|
icon: 'help',
|
|
|
onAction: function () {
|
|
|
openDialog(editor);
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
|
|
|
var keylist = [];
|
|
|
function IsAtPara(attrs, list) {
|
|
|
attrs.forEach(item => {
|
|
|
if (item.AtPara != null && item.AtPara != "") {
|
|
|
if (item.AtPara.includes('@IsStar')) {
|
|
|
keylist.push(item.KeyOfEn);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
})
|
|
|
showRate(list)
|
|
|
}
|
|
|
function showRate(list) {
|
|
|
list.forEach(item => {
|
|
|
var keyId = $(item).data("id");
|
|
|
if (keylist.includes(keyId)) {
|
|
|
var rate = $(item).find(".rate");
|
|
|
$(rate).show()
|
|
|
}
|
|
|
})
|
|
|
|
|
|
}
|
|
|
var Kylist = [];
|
|
|
function IsAtParaKey(attr, list) {
|
|
|
attr.forEach(item => {
|
|
|
if (item.AtPara != null) {
|
|
|
if (item.AtPara.includes('@IsStar')) {
|
|
|
Kylist.push(item.title);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
})
|
|
|
keyshowRate(list)
|
|
|
}
|
|
|
function keyshowRate(list) {
|
|
|
list.forEach(item => {
|
|
|
var title = item.title;
|
|
|
if (Kylist.includes(title)) {
|
|
|
if (item.children.length == 1) {
|
|
|
var rate = $(item).find(".rate");
|
|
|
$(rate).show()
|
|
|
} else {
|
|
|
var rate = $(item.children[0]).find(".rate");
|
|
|
$(rate).show()
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
})
|
|
|
|
|
|
}
|
|
|
function openDialog(tip, keyOfEn) {
|
|
|
if (tip == null || tip == '') {
|
|
|
var mypk = "FieldNameLink_" + frmID + "_" + keyOfEn;
|
|
|
var mapExt = new Entity("BP.Sys.MapExt");
|
|
|
mapExt.MyPK = mypk;
|
|
|
var i = mapExt.RetrieveFromDBSources();
|
|
|
if (i == 0) {
|
|
|
alert('没有设置帮助.');
|
|
|
return;
|
|
|
}
|
|
|
tip = TransbrString(mapExt.Doc);
|
|
|
var tips = `<div style="padding:30px">${tip}</div>`;
|
|
|
layer.open({
|
|
|
type: 1,
|
|
|
title: '填报提示',
|
|
|
area: ['1000px', '400px'],
|
|
|
shade: 0.4,
|
|
|
content: tips,
|
|
|
|
|
|
})
|
|
|
} else {
|
|
|
tip = analysis(tip);
|
|
|
var tips = `${tip}`;
|
|
|
layer.open({
|
|
|
type: 1,
|
|
|
title: '填报提示',
|
|
|
area: ['500px', '300px'],
|
|
|
shade: 0.4,
|
|
|
content: tips,
|
|
|
|
|
|
})
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
//获得从表的url.
|
|
|
function Ele_Dtl(frmID) {
|
|
|
var frmDtl = new Entity("BP.Sys.MapDtl", frmID);
|
|
|
var src = "";
|
|
|
var href = GetHrefUrl();
|
|
|
var urlParam = href.substring(href.indexOf('?') + 1, href.length);
|
|
|
urlParam = urlParam.replace('&DoType=', '&DoTypeDel=xx');
|
|
|
|
|
|
var ensName = frmDtl.No;
|
|
|
if (ensName == undefined) {
|
|
|
layer.alert('系统错误,请找管理员联系');
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
var currentURL = GetHrefUrl();
|
|
|
|
|
|
var baseUrl = "./";
|
|
|
if (currentURL.indexOf("AdminFrm.htm") != -1)
|
|
|
baseUrl = "../../CCForm/";
|
|
|
if (currentURL.indexOf("MyBill.htm") != -1 || currentURL.indexOf("MyDict.htm") != -1)
|
|
|
baseUrl = "../CCForm/";
|
|
|
if (currentURL.indexOf("FrmGener.htm") != -1 || currentURL.indexOf("FrmDBVer.htm") != -1 || currentURL.indexOf("DtlFrm.htm") != -1)
|
|
|
baseUrl = "./";
|
|
|
|
|
|
//表格模式
|
|
|
if (frmDtl.ListShowModel == "0")
|
|
|
src = baseUrl + "Dtl2017.htm?1=1";
|
|
|
if (frmDtl.ListShowModel == "1")
|
|
|
src = baseUrl + "DtlCard.htm?1=1";
|
|
|
if (frmDtl.ListShowModel == "2") {
|
|
|
if (frmDtl.UrlDtl == null || frmDtl.UrlDtl == undefined || frmDtl.UrlDtl == "")
|
|
|
return "从表" + frmDtl.Name + "没有设置URL,请在" + frmDtl.FK_MapData + "_Self.js中解析";
|
|
|
src = basePath + "/" + frmDtl.UrlDtl;
|
|
|
if (src.indexOf("?") == -1)
|
|
|
src += "?1=1";
|
|
|
}
|
|
|
|
|
|
src += "&IsShowVerBtn=1&EnsName=" + frmDtl.No + "&RefPKVal=" + oid + "&FK_MapData=" + frmID + "&IsReadonly=" + (isReadonly == true ? 1 : 0) + "&" + urlParam + "&Version=1&FrmType=0";
|
|
|
return src;
|
|
|
}
|
|
|
|
|
|
var currData = null;
|
|
|
|
|
|
function ChapterFrmShow(attrKey) {
|
|
|
if (attrKey == null || attrKey == "") {
|
|
|
//alert("字段值为空.");
|
|
|
return;
|
|
|
}
|
|
|
var handler = new HttpHandler("BP.WF.HttpHandler.WF_CCForm");
|
|
|
handler.AddPara("FrmID", frmID);
|
|
|
handler.AddPara("OID", oid);
|
|
|
handler.AddPara("KeyOfEn", attrKey);
|
|
|
var data = handler.DoMethodReturnString("ChapterFrm_InitOneField");
|
|
|
// tinymce.activeEditor.setContent(data)
|
|
|
currData = data; //记录当前的变量.
|
|
|
return data;
|
|
|
|
|
|
}
|
|
|
/**
|
|
|
* 节的数据保存..
|
|
|
* @param attrKey
|
|
|
* @param vals
|
|
|
*/
|
|
|
function ChapterFrmSave(attrKey, vals) {
|
|
|
if (attrKey == null || attrKey == "") {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
//if (vals == currData) return;
|
|
|
|
|
|
var oldVal = getOldVal(attrKey);
|
|
|
|
|
|
//判断内存的值是否更新
|
|
|
var oldvals = TransferString(oldVal.vals);
|
|
|
if (Object.is(vals, oldvals))
|
|
|
return; //数据没有变化.
|
|
|
|
|
|
var loading = layer.msg('正在保存中', { icon: 16, shade: 0.3 });
|
|
|
var handler = new HttpHandler("BP.WF.HttpHandler.WF_CCForm");
|
|
|
handler.AddPara("FrmID", frmID);
|
|
|
handler.AddPara("OID", oid);
|
|
|
handler.AddPara("KeyOfEn", attrKey);
|
|
|
handler.AddPara("Vals", vals);
|
|
|
const data = handler.DoMethodReturnString("ChapterFrm_SaveOneField");
|
|
|
if (data.indexOf('err@') == 0) {
|
|
|
alert(data);
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
console.log(data);
|
|
|
//if (data == "1") {
|
|
|
// $(eleDom).show(); //显示star.
|
|
|
//} else {
|
|
|
// $(eleDom).hide(); //隐藏star.
|
|
|
//}
|
|
|
|
|
|
layer.close(loading);
|
|
|
// 更新内存的值.
|
|
|
changeDBval(vals, attrKey);
|
|
|
|
|
|
//设置父级star.
|
|
|
//SetParentStar(attrKey);
|
|
|
}
|
|
|
function SetParentStar(attrKey) {
|
|
|
var groupID = null;
|
|
|
for (var i = 0; i < attrs.length; i++) {
|
|
|
var attr = attrs[i];
|
|
|
if (attr.KeyOfEn == attrKey) {
|
|
|
groupID = attr.GroupID;
|
|
|
break;
|
|
|
}
|
|
|
}
|
|
|
var PraEle = $(`#Pnode${groupID}>.layui-tree-entry`);
|
|
|
var raEle = $(PraEle).find(".rate");
|
|
|
var pack = $(`#Pnode${groupID}>.layui-tree-pack`);
|
|
|
nodeRates = $(pack).find(".rate");
|
|
|
//获得节点集合.
|
|
|
var isHaveBlank = false;
|
|
|
var listnode = [];
|
|
|
for (var i = 0; i < nodeRates.length; i++) {
|
|
|
var BleaStr = nodeRates[i].style.display == "inline";
|
|
|
if (BleaStr) {
|
|
|
listnode.push(nodeRates[i])
|
|
|
}
|
|
|
}
|
|
|
if (listnode.length !== nodeRates.length) {
|
|
|
isHaveBlank = true;
|
|
|
}
|
|
|
//给父节点加star.
|
|
|
|
|
|
//if (isHaveBlank == false) {
|
|
|
// $(raEle).show();
|
|
|
//} else {
|
|
|
// $(raEle).hide();
|
|
|
//}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$('#View').click(function () {
|
|
|
if (key == undefined || key == '') {
|
|
|
layer.msg('请先选择子节点', { icon: 6 });
|
|
|
return;
|
|
|
} else {
|
|
|
var url = "ChapterFrmView.htm?FrmID=" + frmID + "&OID=" + oid + "&attrKey=" + key;
|
|
|
// WinOpenFull(url);
|
|
|
OpenLayuiDialog(url, '', '1200', '', '', false)
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
$('#Exp').click(function () {
|
|
|
var url = "ChapterFrmExp.htm?FrmID=" + frmID + "&OID=" + oid + "&attrKey=" + key;
|
|
|
// WinOpenFull(url);
|
|
|
OpenLayuiDialog(url, '', '1200', '', '', false);
|
|
|
layer.load(0, {
|
|
|
shade: [0.6, '#fff'],
|
|
|
content: '下载中...',
|
|
|
success: function (layero) {
|
|
|
layero.find('.layui-layer-content').css({
|
|
|
'padding-top': '35px',
|
|
|
'text-align': 'center',
|
|
|
'z-index': '19891016'
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
})
|
|
|
|
|
|
function getContent(KeyOfEn) {
|
|
|
//var cdata = ChapterFrmShow(KeyOfEn);
|
|
|
//changeDBval(cdata, KeyOfEn);
|
|
|
//var Cdata = tinymce.activeEditor.getContent();
|
|
|
//ChapterFrmSave(key, Cdata);
|
|
|
//key = KeyOfEn;
|
|
|
//var Data = ChapterFrmShow(key);
|
|
|
//tinymce.activeEditor.setContent(Data);
|
|
|
var cdata = ChapterFrmShow(KeyOfEn);
|
|
|
changeDBval(cdata, KeyOfEn);
|
|
|
var Cdata = '';
|
|
|
if (tinymce.activeEditor !== null) {
|
|
|
Cdata = tinymce.activeEditor.getContent();
|
|
|
}
|
|
|
ChapterFrmSave(key, Cdata);
|
|
|
key = KeyOfEn;
|
|
|
var Data = ChapterFrmShow(key);
|
|
|
if (tinymce.activeEditor !== null) {
|
|
|
tinymce.activeEditor.setContent(Data);
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
//保存当前打开的最后一个章节方法
|
|
|
function Savetab(OId, eleOneDom) {
|
|
|
var iframe = $("#toIframe");
|
|
|
//IFrame的内容
|
|
|
if (iframe.is(":hidden") == true) {
|
|
|
var myframe = iframe[0].contentWindow;
|
|
|
if (myframe && myframe.Save != undefined && typeof (myframe.Save) == "function") {
|
|
|
var flag = myframe.Save();
|
|
|
//CheckGroupFieldStr(OId, eleOneDom)
|
|
|
if (flag == false)
|
|
|
return false;
|
|
|
}
|
|
|
if (myframe && myframe.SaveAll != undefined && typeof (myframe.SaveAll) == "function") {
|
|
|
myframe.SaveAll();
|
|
|
//CheckGroupFieldStr(OId, eleOneDom)
|
|
|
return true;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
return true;
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
function SaveAttr() {
|
|
|
var groupDiv = $('#divCCForm div[id^=Group_]');
|
|
|
if (groupDiv.length == 0)
|
|
|
return true;
|
|
|
var groupId = groupDiv[0].id.replace("Group_", "");
|
|
|
var loading = layer.msg('正在保存中', { icon: 16, shade: 0.3 });
|
|
|
if (checkBlanks() == false && isSend == false) {
|
|
|
//layer.alert("检查必填项出现错误，边框变红颜色的是否填写完整？");
|
|
|
return false;
|
|
|
|
|
|
}
|
|
|
if (CheckReg() == false && isSend == false) {
|
|
|
layer.alert("保存错误:请检查字段边框变红颜色的是否填写完整？");
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
var handler = new HttpHandler("BP.WF.HttpHandler.WF_CCForm");
|
|
|
handler.AddPara("OID", pageData.OID);
|
|
|
var params = getTreeFormData(true, true);
|
|
|
handler.AddUrlData();
|
|
|
handler.AddJson(params);
|
|
|
handler.AddPara("GroupID", groupId);
|
|
|
var data = handler.DoMethodReturnString("ChapterFrm_SaveAttr");
|
|
|
layer.close(loading);
|
|
|
if (data.indexOf('err@') == 0) {
|
|
|
layer.alert(data);
|
|
|
return false;
|
|
|
}
|
|
|
return true;
|
|
|
}
|
|
|
//保存当前打开的最后一个章节
|
|
|
function Save() {
|
|
|
var textA = $("#textRea");
|
|
|
var iframe = $("#toIframe");
|
|
|
var ccForm = $("#divCCForm");
|
|
|
//保存富文本框的内容
|
|
|
if (textA.is(":hidden") == false) {
|
|
|
var cdata = tinymce.activeEditor.getContent();
|
|
|
if (key == null || key == "") {
|
|
|
return;
|
|
|
}
|
|
|
var handler = new HttpHandler("BP.WF.HttpHandler.WF_CCForm");
|
|
|
handler.AddPara("FrmID", frmID);
|
|
|
handler.AddPara("OID", oid);
|
|
|
handler.AddPara("KeyOfEn", key);
|
|
|
handler.AddPara("Vals", cdata);
|
|
|
handler.DoMethodReturnString("ChapterFrm_SaveOneField");
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
//IFrame的内容
|
|
|
if (iframe.is(":hidden") == false) {
|
|
|
var myframe = iframe[0].contentWindow;
|
|
|
if (myframe && myframe.Save != undefined && typeof (myframe.Save) == "function") {
|
|
|
var flag = myframe.Save();
|
|
|
if (flag == false)
|
|
|
return false;
|
|
|
}
|
|
|
if (myframe && myframe.SaveAll != undefined && typeof (myframe.SaveAll) == "function") {
|
|
|
myframe.SaveAll();
|
|
|
return true;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
if (ccForm.is(":hidden") == false) {
|
|
|
return SaveAttr();
|
|
|
}
|
|
|
return true;
|
|
|
}
|
|
|
|
|
|
//打开设置弹窗
|
|
|
function openSetting() {
|
|
|
var url = 'ChapterSetting.htm?FrmID=' + frmID + '&OID=' + oid;
|
|
|
OpenLayuiDialog(url, '设置', 1000, 100, "auto", true, true, true,modalOkFunc);
|
|
|
}
|
|
|
//弹窗确认函数
|
|
|
function modalOkFunc() {
|
|
|
var showGroupRes = document.getElementById('layui-layer-iframe1').contentWindow.showGroupRes;
|
|
|
var showAttrRes = document.getElementById('layui-layer-iframe1').contentWindow.showAttrRes;
|
|
|
console.log(showGroupRes.join(','), showAttrRes.join(','));
|
|
|
var en = new Entity(frmID, oid);
|
|
|
if (showGroupRes.length != 0)
|
|
|
en.SetPara("ShowGroup", showGroupRes.join(','));
|
|
|
if (showAttrRes.length != 0)
|
|
|
en.SetPara("ShowAttrs", showAttrRes.join(','));
|
|
|
en.Update();
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style type="text/css">
|
|
|
html, body {
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
.app {
|
|
|
height: 100%;
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
}
|
|
|
|
|
|
.border_1 {
|
|
|
border: 1px solid #ccc;
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
.padding-5 {
|
|
|
padding: 10px;
|
|
|
}
|
|
|
|
|
|
|
|
|
.tree-txt-active {
|
|
|
background: #dcdcdc;
|
|
|
}
|
|
|
|
|
|
.layui-tree-entry .layui-tree-txt {
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
.layui-tree-pack .layui-tree-txt {
|
|
|
font-weight: 300;
|
|
|
}
|
|
|
|
|
|
.layui-tab-title {
|
|
|
text-align: center
|
|
|
}
|
|
|
|
|
|
.layui-tab-content {
|
|
|
padding: 0;
|
|
|
}
|
|
|
|
|
|
.h-100 {
|
|
|
height: 100vh;
|
|
|
overflow: auto;
|
|
|
}
|
|
|
|
|
|
#textRea {
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
#toIframe {
|
|
|
display: none;
|
|
|
width: 100%;
|
|
|
border: none;
|
|
|
height: 100vh !important;
|
|
|
}
|
|
|
|
|
|
.tipsul {
|
|
|
padding: 20px;
|
|
|
}
|
|
|
|
|
|
.tipsul h3 {
|
|
|
font-weight: bold !important;
|
|
|
margin-bottom: 5px !important;
|
|
|
}
|
|
|
|
|
|
.tipsul li {
|
|
|
font-size: 18px;
|
|
|
}
|
|
|
|
|
|
.tipsul small {
|
|
|
font-size: 16px !important;
|
|
|
margin-left: 20px !important;
|
|
|
}
|
|
|
|
|
|
.labelTitle {
|
|
|
height: 40px;
|
|
|
text-align: center;
|
|
|
padding-right: 28px;
|
|
|
line-height: 40px;
|
|
|
background: #fff;
|
|
|
}
|
|
|
|
|
|
.labelTitle #Title {
|
|
|
font-size: 18px;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.layui-right {
|
|
|
float: right;
|
|
|
margin-top: 5px;
|
|
|
}
|
|
|
|
|
|
.layui-row {
|
|
|
/*height: 100vh;*/
|
|
|
}
|
|
|
|
|
|
.tox-tinymce {
|
|
|
height: calc(100% - 40px) !important;
|
|
|
}
|
|
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
|
border-radius: 10px;
|
|
|
-webkit-box-shadow: inset 0 0 6px #999;
|
|
|
background-color: #999;
|
|
|
}
|
|
|
|
|
|
::-webkit-scrollbar-track {
|
|
|
-webkit-box-shadow: inset 0 0 6px #ddd;
|
|
|
border-radius: 10px;
|
|
|
background-color: #F5F5F5;
|
|
|
}
|
|
|
|
|
|
::-webkit-scrollbar {
|
|
|
width: 4px;
|
|
|
height: 0px;
|
|
|
background-color: #F5F5F5;
|
|
|
}
|
|
|
|
|
|
.rate {
|
|
|
color: green;
|
|
|
font-size: 12px;
|
|
|
display: none;
|
|
|
margin-left: 5px;
|
|
|
}
|
|
|
|
|
|
#menu {
|
|
|
display: none;
|
|
|
width: 30%;
|
|
|
}
|
|
|
|
|
|
#scrollDiv {
|
|
|
width: 100%
|
|
|
}
|
|
|
|
|
|
.Card_body {
|
|
|
width: 70%;
|
|
|
}
|
|
|
.welcome {
|
|
|
height: calc(100% - 120px);
|
|
|
background-color: white;
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: flex-start;
|
|
|
color: #2396e5;
|
|
|
font-size:30px;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div class="layui-row app">
|
|
|
<div id="menu" data-anim="layui-anim-downbit" style="background-color:white;">
|
|
|
<div class="layui-tab layui-tab-brief" lay-filter="docTabBrief">
|
|
|
<div class="layui-tab-content">
|
|
|
<div class="layui-tab-item layui-show">
|
|
|
<!--demo-tree demo-tree-box-->
|
|
|
<div id="test1" class="" style="height: calc(100vh - 30px); overflow-x: auto "></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="h-100" id="scrollDiv" style="overflow-y:hidden">
|
|
|
<div class="layui-tab-title" style="display:flex;justify-content:end;background:#fff">
|
|
|
<div id="elemPage"></div>
|
|
|
<button class="layui-btn layui-btn-primary layui-btn-sm" id="menuShow">目录</button>
|
|
|
<button class="layui-btn layui-btn-primary layui-btn-sm" id="setting" onclick="openSetting()">设置</button>
|
|
|
<button class="layui-btn layui-btn-sm" id="tips">填报提示</button>
|
|
|
<!--<button class="layui-btn layui-btn-primary layui-btn-sm" onclick="tabChange('up')">上一节</button>-->
|
|
|
<!--<button class="layui-btn layui-btn-primary layui-btn-sm" onclick="tabChange('down')">下一节</button>-->
|
|
|
</div>
|
|
|
<div class="layui-form" id="textRea">
|
|
|
<!--<div class="labelTitle">
|
|
|
<span id="Title"></span>
|
|
|
<button class="layui-right layui-btn layui-btn-sm" id="tips">填报提示</button>
|
|
|
</div>-->
|
|
|
<div id="welcome" class="welcome">
|
|
|
<div>
|
|
|
<img src="../../DataUser/ICON/ccbpm.png" width="240"/>
|
|
|
<div>欢迎使用章节表单</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<textarea id="mytextarea"></textarea>
|
|
|
</div>
|
|
|
<div class="layui-form">
|
|
|
<iframe id="toIframe" frameborder="0" style="width:100%;height:100%"></iframe>
|
|
|
</div>
|
|
|
<!--Attr表单内部信息-->
|
|
|
<div class="layui-fluid fluid">
|
|
|
<div class="layui-row layui-col-space15" id="ContentDiv">
|
|
|
<!-- 内容主体区域 -->
|
|
|
<div class="layui-col-md12">
|
|
|
<div class="layui-card">
|
|
|
<div class="layui-card-body">
|
|
|
<form id="divCCForm" class="layui-form">
|
|
|
<!--加载表单的信息-->
|
|
|
</form>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</body>
|
|
|
|
|
|
</html> |