150 lines
7.4 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-11-17 23:32:45 +08:00
<div class="layui-layout layui-layout-admin" style="width: 17.5%;height: 100%; float: left;">
2021-11-16 02:15:11 +08:00
<div class="layui-header"
style="background-color: white; width:15%; height:11%; position:fixed; left:0.2%; top:0;">
2021-11-06 01:58:51 +08:00
<div class="layui-btn-container">
<button type="button" class="layui-btn layui-btn-sm" lay-demo="addProject">新增项目</button>
</div>
<div>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 0;">
<legend><a href="#" id="ToMainPage" style='text-decoration:underline;'
onclick="ToMainPage();">项目目录</a>
</legend>
</fieldset>
</div>
2021-10-13 23:44:25 +08:00
</div>
2021-11-08 00:59:42 +08:00
<div id="ProjectTree" class="demo-tree" style="margin-top: 30%;"></div>
2021-10-13 23:44:25 +08:00
</div>
2021-11-17 23:32:45 +08:00
<div id="frameset" style="width: 82%;height: 100%;float: right;border:1px solid #ccc;">
2021-10-19 00:44:15 +08:00
<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++) {
2021-11-17 23:32:45 +08:00
var projecttitle = req.result.arrData[index].model + '【' + req.result.arrData[index].name + '】';
if (projecttitle.length > 20) {
projecttitle = projecttitle.substring(0, 20)
projecttitle+="...";
}
params.push({ title: projecttitle, id: req.result.arrData[index].id, field: req.result.arrData[index].code + "-" + req.result.arrData[index].model, href: 'viewProject.html?DocumentType=project', children: [] });
2021-11-16 02:15:11 +08:00
params[index].children.push({ title: '原理图管理', id: req.result.arrData[index].id, field: req.result.arrData[index].code + "_" + req.result.arrData[index].model, href: 'PattrenList.html?DocumentType=pattern_0' });
params[index].children.push({ title: '总装图号管理', id: req.result.arrData[index].id, field: req.result.arrData[index].code + "_" + req.result.arrData[index].model, href: 'PattrenList.html?DocumentType=pattern_2' });
params[index].children.push({ title: '图样管理', id: req.result.arrData[index].id, field: req.result.arrData[index].code + "_" + req.result.arrData[index].model, href: 'PattrenList.html?DocumentType=pattern' });
params[index].children.push({ title: '标准文件', id: req.result.arrData[index].id, field: req.result.arrData[index].code + "_" + req.result.arrData[index].model, href: 'AnnexDocumentsList.html?DocumentType=standard' });
params[index].children.push({ title: '设计文件', id: req.result.arrData[index].id, field: req.result.arrData[index].code + "_" + req.result.arrData[index].model, href: 'AnnexDocumentsList.html?DocumentType=design' });
params[index].children.push({ title: '工艺文件', id: req.result.arrData[index].id, field: req.result.arrData[index].code + "_" + req.result.arrData[index].model, href: 'AnnexDocumentsList.html?DocumentType=process' });
params[index].children.push({ title: '其他资料管理', id: req.result.arrData[index].id, field: req.result.arrData[index].code + "_" + req.result.arrData[index].model, href: 'AnnexDocumentsList.html?DocumentType=other' });
2021-10-19 00:44:15 +08:00
}
},
});
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,
2021-11-16 02:15:11 +08:00
area: ['80%', '95%'],
2021-10-19 00:44:15 +08:00
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-11-15 18:29:21 +08:00
//, onlyIconControl: false //是否仅允许节点左侧图标控制展开收缩
2021-10-13 23:44:25 +08:00
, click: function (obj) {
2021-10-19 00:44:15 +08:00
//layer.msg(JSON.stringify(obj.data));
2021-11-16 02:15:11 +08:00
var ProjectCode = obj.data.field.split('_')[0];
var Model = obj.data.field.split('_')[1];
document.getElementById("iFramePage").src = obj.data.href + '&ProjectID=' + obj.data.id + '&ProjectCode=' + ProjectCode + '&Model=' + Model;
2021-10-13 23:44:25 +08:00
}
});
});
2021-11-06 01:58:51 +08:00
function ToMainPage() {
document.getElementById("iFramePage").src = "MainPage.html";
}
2021-10-13 23:44:25 +08:00
</script>
</body>
</html>