131 lines
5.7 KiB
HTML
Raw Normal View History

2021-10-13 23:44:25 +08:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<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 rel="stylesheet" href="../../../lib/layui-v2.5.5/css/layui.css" media="all">
<link rel="stylesheet" href="../../../css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body class="layui-layout-body layuimini-all">
2021-10-19 00:44:15 +08:00
<div class="layui-layout layui-layout-admin" style="width: 14.5%;height: 100%; float: left;">
2021-10-13 23:44:25 +08:00
<div class="layui-btn-container">
<button type="button" class="layui-btn layui-btn-sm" lay-demo="addProject">新增项目</button>
</div>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 0;">
<legend>项目目录</legend>
</fieldset>
2021-10-19 00:44:15 +08:00
<div id="ProjectTree" class="demo-tree"></div>
2021-10-13 23:44:25 +08:00
</div>
2021-10-19 00:44:15 +08:00
<div style="width: 85%;height: 100%;float: right;border:1px solid #ccc;">
<iframe src="MainPage.html" frameborder="0" id="iFramePage"
style="width: 100%; height:800px; border-radius: 2px;"></iframe>
2021-10-13 23:44:25 +08:00
</div>
2021-10-19 00:44:15 +08:00
<script src="../../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<script src="../../../js/md5/md5.js" charset="utf-8"></script>
<script src="../../../js/PublicParameters/PublicParameters.js" charset="utf-8"></script>
2021-10-13 23:44:25 +08:00
<script>
2021-10-19 00:44:15 +08:00
layui.use(['tree', 'util', 'form'], function () {
2021-10-13 23:44:25 +08:00
var tree = layui.tree
, layer = layui.layer
, util = layui.util
2021-10-19 00:44:15 +08:00
, $ = layui.$
, form = layui.form;
2021-10-13 23:44:25 +08:00
2021-10-19 00:44:15 +08:00
var apiUrl = GetWebApiUrl();
//数据模型
var dataMolde =
[
{
title: '一级1'
, id: 1
, field: 'name1'
2021-10-13 23:44:25 +08:00
, href: 'https://www.layui.com/'
, children: [{
2021-10-19 00:44:15 +08:00
title: '二级1-1 可允许跳转'
, id: 3
, field: 'name11'
, href: 'https://www.layui.com/'
2021-10-13 23:44:25 +08:00
}, {
2021-10-19 00:44:15 +08:00
title: '二级1-2'
, id: 4
, field: 'name11'
, href: 'https://www.layui.com/'
2021-10-13 23:44:25 +08:00
}, {
2021-10-19 00:44:15 +08:00
title: '二级1-3'
, id: 20
, field: 'name11'
, href: 'https://www.layui.com/'
2021-10-13 23:44:25 +08:00
}]
2021-10-19 00:44:15 +08:00
}
];
2021-10-13 23:44:25 +08:00
2021-10-19 00:44:15 +08:00
var params = [];
$.ajax({
url: apiUrl + '/api/services/app/Project/GetProjectParams', //请求的url地址
dataType: "json", //返回格式为json
async: false,//请求是否异步默认为异步这也是ajax重要特性
data: {}, //参数值
type: 'GET', //请求方式
success: function (req) {
//请求成功时处理
for (let index = 0; index < req.result.arrData.length; index++) {
params.push({ title: req.result.arrData[index].code + '【' + req.result.arrData[index].name + '】', id: req.result.arrData[index].id, field: req.result.arrData[index].code, href: 'viewProject.html', children: [] });
params[index].children.push({ title: '图样管理', id: req.result.arrData[index].id, field: req.result.arrData[index].code, href: 'PattrenList.html' });
params[index].children.push({ title: '标准文件', id: req.result.arrData[index].id, field: req.result.arrData[index].code, href: 'StandardDocumentList.html' });
params[index].children.push({ title: '设计文件', id: req.result.arrData[index].id, field: req.result.arrData[index].code, href: 'DesigningDocumentsList.html' });
params[index].children.push({ title: '工艺文件', id: req.result.arrData[index].id, field: req.result.arrData[index].code, href: 'ProcessDocumentsList.html' });
params[index].children.push({ title: '其他资料管理', id: req.result.arrData[index].id, field: req.result.arrData[index].code, href: 'OtherDocumentsList.html' });
}
},
});
2021-10-13 23:44:25 +08:00
//按钮事件
util.event('lay-demo', {
addProject: function (othis) {
2021-10-19 00:44:15 +08:00
var index = layer.open({
title: '添加项目',
type: 2,
shade: 0.2,
maxmin: true,
shadeClose: true,
area: ['50%', '95%'],
content: 'addProject.html',
});
$(window).on("resize", function () {
layer.full(index);
});
2021-10-13 23:44:25 +08:00
}
});
//仅节点左侧图标控制收缩
tree.render({
2021-10-19 00:44:15 +08:00
elem: '#ProjectTree'
, data: params
2021-10-13 23:44:25 +08:00
, onlyIconControl: true //是否仅允许节点左侧图标控制展开收缩
, click: function (obj) {
2021-10-19 00:44:15 +08:00
//layer.msg(JSON.stringify(obj.data));
document.getElementById("iFramePage").src = obj.data.href + '?ProjectID=' + obj.data.id + '&ProjectCode=' + obj.data.field;
2021-10-13 23:44:25 +08:00
}
});
});
</script>
</body>
</html>