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>
|