提交 7ac0154e 编写于 作者: doc_wei's avatar doc_wei

轻应用托管到表单布局

上级 4883ba89
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'fileUpload'], function (exports) {
winui.renderColor();
layui.use(['form'], function (form) {
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$;
initAppType();
//初始化应用类型
function initAppType(){
showGrid({
id: "typeId",
url: sysMainMation.lightAppBasePath + "lightapptype010",
params: {},
pagination: false,
template: getFileContent('tpl/template/select-option.tpl'),
ajaxSendLoadBefore: function(hdb) {},
ajaxSendAfter:function (json) {
form.render('select');
}
});
}
// 初始化上传
$("#appLogo").upload(systemCommonUtil.uploadCommon003Config('appLogo', 12, '', 1));
// 图标选中事件
$("body").on("focus", "#appLogo", function (e) {
systemCommonUtil.openSysEveIconChoosePage(function(sysIconChooseClass){
$("#appLogo").val(sysIconChooseClass);
$("#iconShow").css({'color': 'black'});
$("#iconShow").attr("class", "fa fa-fw " + $("#appLogo").val());
});
});
matchingLanguage();
form.render();
form.on('submit(formAddBean)', function (data) {
if (winui.verifyForm(data.elem)) {
var params = {
appName: $("#appName").val(),
appUrl: $("#appUrl").val(),
desc: $("#desc").val(),
typeId: $("#typeId").val(),
appLogo: $("#appLogo").find("input[name='upload']").attr("oldurl")
};
if(isNull(params.appLogo)){
winui.window.msg("请选择应用logo", {icon: 2, time: 2000});
return false;
}
AjaxPostUtil.request({url: sysMainMation.lightAppBasePath + "lightapp002", params: params, type: 'json', callback: function (json) {
parent.layer.close(index);
parent.refreshCode = '0';
}});
}
return false;
});
$("body").on("click", "#cancle", function() {
parent.layer.close(index);
});
});
});
\ No newline at end of file
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'jquery', 'winui', 'fileUpload'], function (exports) {
winui.renderColor();
layui.use(['form'], function (form) {
var index = parent.layer.getFrameIndex(window.name);
var $ = layui.$;
function initAppType(id){
showGrid({
id: "typeId",
url: sysMainMation.lightAppBasePath + "lightapptype010",
params: {},
pagination: false,
template: getFileContent('tpl/template/select-option.tpl'),
ajaxSendLoadBefore: function(hdb) {},
ajaxSendAfter:function (json) {
$("#typeId").val(id);
form.render('select');
}
});
}
// 图标选中事件
$("body").on("focus", "#appLogo", function (e) {
systemCommonUtil.openSysEveIconChoosePage(function(sysIconChooseClass){
$("#appLogo").val(sysIconChooseClass);
$("#iconShow").css({'color': 'black'});
$("#iconShow").attr("class", "fa fa-fw " + $("#appLogo").val());
});
});
showGrid({
id: "showForm",
url: sysMainMation.lightAppBasePath + "lightapp003",
params: {rowId: parent.rowId},
pagination: false,
template: $("#beanTemplate").html(),
ajaxSendLoadBefore: function(hdb) {
},
ajaxSendAfter:function (json) {
$("#iconShow").attr("class", "fa fa-fw " + $("#appLogo").val());
$("#iconShow").css({'color': 'black'});
matchingLanguage();
form.render();
initAppType(json.bean.typeId);
$("#appLogo").upload(systemCommonUtil.uploadCommon003Config('appLogo', 12, json.bean.appLogo, 1));
form.on('submit(formEditMenu)', function (data) {
if (winui.verifyForm(data.elem)) {
var params = {
rowId: parent.rowId,
appName: $("#appName").val(),
appUrl: $("#appUrl").val(),
desc: $("#desc").val(),
typeId: $("#typeId").val()
};
params.appLogo = $("#appLogo").find("input[name='upload']").attr("oldurl");
if (isNull(params.appLogo)) {
winui.window.msg("请选择应用logo", {icon: 2, time: 2000});
return false;
}
AjaxPostUtil.request({url: sysMainMation.lightAppBasePath + "lightapp004", params: params, type: 'json', callback: function (json) {
parent.layer.close(index);
parent.refreshCode = '0';
}});
}
return false;
});
}
});
// 取消
$("body").on("click", "#cancle", function() {
parent.layer.close(index);
});
});
});
\ No newline at end of file
var rowId = "";
layui.config({
base: basePath,
version: skyeyeVersion
}).extend({
window: 'js/winui.window'
}).define(['window', 'table', 'jquery', 'winui', 'form'], function (exports) {
winui.renderColor();
var $ = layui.$,
form = layui.form,
table = layui.table;
authBtn('1560418136905');
table.render({
id: 'messageTable',
elem: '#messageTable',
method: 'post',
url: sysMainMation.lightAppBasePath + 'lightapp001',
where: getTableParams(),
even: true,
page: true,
limits: getLimits(),
limit: getLimit(),
cols: [[
{ title: systemLanguage["com.skyeye.serialNumber"][languageType], type: 'numbers' },
{ field: 'appName', title: '应用名称', width: 120 },
{ field: 'appLogo', title: 'logo', width: 60, templet: function (d) {
if(isNull(d.appLogo)){
return '';
} else {
str = '<img src="' + fileBasePath + d.appLogo + '" class="photo-img" lay-event="appLogo">';
return str;
}
}},
{ field: 'appUrl', title: '应用链接', align: 'center', width: 220 },
{ field: 'typeName', title: '所属类型', align: 'center', width: 120 },
{ field: 'state', title: '状态', width: 100, align: 'center', templet: function (d) {
if(d.state == '1'){
return "<span class='state-new'>新建</span>";
} else if (d.state == '2'){
return "<span class='state-up'>上线</span>";
} else if (d.state == '3'){
return "<span class='state-down'>下线</span>";
} else {
return "参数错误";
}
}},
{ field: 'createName', title: systemLanguage["com.skyeye.createName"][languageType], align: 'left', width: 120 },
{ field: 'createTime', title: systemLanguage["com.skyeye.createTime"][languageType], align: 'center', width: 150 },
{ title: systemLanguage["com.skyeye.operation"][languageType], fixed: 'right', align: 'center', width: 150, toolbar: '#tableBar' }
]],
done: function(json) {
matchingLanguage();
initTableSearchUtil.initAdvancedSearch(this, json.searchFilter, form, "请输入名称", function () {
table.reloadData("messageTable", {page: {curr: 1}, where: getTableParams()});
});
}
});
table.on('tool(messageTable)', function (obj) {
var data = obj.data;
var layEvent = obj.event;
if (layEvent === 'edit') { // 编辑
edit(data);
} else if (layEvent === 'delete') { // 删除
del(data);
} else if (layEvent === 'up') { // 上线
up(data);
} else if (layEvent === 'down') { // 下线
down(data);
} else if (layEvent === 'appLogo') { // 预览
systemCommonUtil.showPicImg(fileBasePath + data.appLogo);
}
});
// 新增
$("body").on("click", "#addBean", function() {
_openNewWindows({
url: "../../tpl/lightApp/lightAppAdd.html",
title: systemLanguage["com.skyeye.addPageTitle"][languageType],
pageId: "lightAppAdd",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1, time: 2000});
loadTable();
}});
});
// 编辑
function edit(data) {
rowId = data.id;
_openNewWindows({
url: "../../tpl/lightApp/lightAppEdit.html",
title: systemLanguage["com.skyeye.editPageTitle"][languageType],
pageId: "lightAppEdit",
area: ['90vw', '90vh'],
callBack: function (refreshCode) {
winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1, time: 2000});
loadTable();
}});
}
// 删除
function del(data, obj) {
var msg = obj ? '确认删除【' + obj.data.appName + '】吗?' : '确认删除选中数据吗?';
layer.confirm(msg, { icon: 3, title: '删除轻应用' }, function (index) {
layer.close(index);
AjaxPostUtil.request({url: sysMainMation.lightAppBasePath + "lightapp005", params: {rowId: data.id}, type: 'json', callback: function (json) {
winui.window.msg(systemLanguage["com.skyeye.deleteOperationSuccessMsg"][languageType], {icon: 1, time: 2000});
loadTable();
}});
});
}
// 上线
function up(data, obj){
var msg = obj ? '确认将【' + obj.data.appName + '】上线吗?' : '确认将选中数据上线吗?';
layer.confirm(msg, { icon: 3, title: '轻应用上线' }, function (index) {
layer.close(index);
AjaxPostUtil.request({url: sysMainMation.lightAppBasePath + "lightapp006", params: {rowId: data.id}, type: 'json', callback: function (json) {
winui.window.msg("上线成功", {icon: 1, time: 2000});
loadTable();
}});
});
}
// 下线
function down(data, obj){
var msg = obj ? '确认将【' + obj.data.appName + '】下线吗?' : '确认将选中数据下线吗?';
layer.confirm(msg, { icon: 3, title: '轻应用下线' }, function (index) {
layer.close(index);
AjaxPostUtil.request({url: sysMainMation.lightAppBasePath + "lightapp007", params: {rowId: data.id}, type: 'json', callback: function (json) {
winui.window.msg("下线成功", {icon: 1, time: 2000});
loadTable();
}});
});
}
form.render();
$("body").on("click", "#reloadTable", function() {
loadTable();
});
function loadTable() {
table.reloadData("messageTable", {where: getTableParams()});
}
function getTableParams() {
return $.extend(true, {}, initTableSearchUtil.getSearchValue("messageTable"));
}
exports('lightAppList', {});
});
...@@ -8,36 +8,41 @@ layui.config({ ...@@ -8,36 +8,41 @@ layui.config({
winui.renderColor(); winui.renderColor();
var $ = layui.$, var $ = layui.$,
form = layui.form; form = layui.form;
function showList(typeId){ // 初始化左侧菜单数据
showGrid({
id: "appList",
url: sysMainMation.lightAppBasePath + "lightapp008",
params: {typeId: typeId},
pagination: false,
template: getFileContent('tpl/lightAppShow/lightAppShowListTemplate.tpl'),
ajaxSendLoadBefore: function(hdb) {
},
ajaxSendAfter:function (json) {
}
});
}
//初始化左侧菜单数据
showGrid({ showGrid({
id: "setting", id: "setting",
url: sysMainMation.lightAppBasePath + "lightapptype010", url: sysMainMation.lightAppBasePath + "queryLightAppTypeUpList",
params: {}, params: {},
method: 'GET',
pagination: false, pagination: false,
template: getFileContent('tpl/lightAppShow/lightAppShowItemTemplate.tpl'), template: $("#lightAppShowItemTemplate").html(),
ajaxSendLoadBefore: function(hdb) { ajaxSendLoadBefore: function(hdb, json) {
$.each(json.rows, function (i, item) {
item.iconHtml = systemCommonUtil.initIconShow(item);
});
}, },
ajaxSendAfter:function (json) { ajaxSendAfter:function (json) {
//初始化所有上线列表数据 // 初始化所有上线列表数据
showList(""); showList("");
matchingLanguage(); matchingLanguage();
} }
}); });
function showList(typeId){
showGrid({
id: "appList",
url: sysMainMation.lightAppBasePath + "queryLightAppUpList",
params: {typeId: typeId},
pagination: false,
method: 'GET',
template: $("#lightAppShowListTemplate").html(),
ajaxSendLoadBefore: function(hdb) {
},
ajaxSendAfter:function (json) {
}
});
}
$("body").on("click", ".setting a", function (e) { $("body").on("click", ".setting a", function (e) {
$(".setting a").removeClass("selected"); $(".setting a").removeClass("selected");
...@@ -52,8 +57,7 @@ layui.config({ ...@@ -52,8 +57,7 @@ layui.config({
$("body").on("click", ".app-list button", function (e) { $("body").on("click", ".app-list button", function (e) {
var id = $(this).attr("rowid"); var id = $(this).attr("rowid");
AjaxPostUtil.request({url: sysMainMation.lightAppBasePath + "lightapp009", params: {id: id}, type: 'json', callback: function (json) { AjaxPostUtil.request({url: sysMainMation.lightAppBasePath + "insertLightAppToWin", params: {id: id}, type: 'json', method: 'POST', callback: function (json) {
var data = json.bean;
top.winui.window.msg("添加成功,请刷新页面即可看到该应用。", {icon: 1,time: 3000}); top.winui.window.msg("添加成功,请刷新页面即可看到该应用。", {icon: 1,time: 3000});
}}); }});
}); });
......
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="padding:20px; margin:0 auto;">
<form class="layui-form" action="" id="showForm">
<div class="layui-form-item">
<label class="layui-form-label">应用名称<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="appName" name="appName" win-verify="required" placeholder="请输入应用名称" class="layui-input" maxlength="10"/>
</div>
</div>
<div class="layui-form-item menuIcon">
<label class="layui-form-label">logo<i class="red">*</i></label>
<div class="layui-input-block">
<div class="upload" id="appLogo"></div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">应用类型<i class="red">*</i></label>
<div class="layui-input-block">
<select lay-filter="typeId" lay-search="" id="typeId" win-verify="required">
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">应用地址<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="appUrl" name="appUrl" win-verify="required|url" placeholder="请输入应用地址" class="layui-input" />
<div class="layui-form-mid layui-word-aux">地址格式为:http://xxxxxxxxxx</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">应用描述</label>
<div class="layui-input-block">
<input type="text" id="desc" name="desc" placeholder="" class="layui-input"/>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<div class="layui-input-block">
<button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
<button class="winui-btn" lay-submit lay-filter="formAddBean"><language showName="com.skyeye.save"></language></button>
</div>
</div>
</form>
</div>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/lightApp/'}).use('lightAppAdd');
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div style="margin:0 auto;padding:20px;">
<form class="layui-form" action="" id="showForm" autocomplete="off">
</form>
</div>
<script type="text/x-handlebars-template" id="beanTemplate">
{{#bean}}
<div class="layui-form-item">
<label class="layui-form-label">应用名称<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="appName" name="appName" win-verify="required" placeholder="请输入应用名称" class="layui-input" maxlength="10" value="{{appName}}" />
</div>
</div>
<div class="layui-form-item menuIcon">
<label class="layui-form-label">logo<i class="red">*</i></label>
<div class="layui-input-block">
<div class="upload" id="appLogo"></div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">应用类型<i class="red">*</i></label>
<div class="layui-input-block">
<select lay-filter="typeId" lay-search="" id="typeId" win-verify="required">
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">应用地址<i class="red">*</i></label>
<div class="layui-input-block">
<input type="text" id="appUrl" name="appUrl" win-verify="required|url" placeholder="请输入应用地址" class="layui-input" value="{{appUrl}}" />
<div class="layui-form-mid layui-word-aux">地址格式为http://xxxxxxxxxx</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">应用描述</label>
<div class="layui-input-block">
<input type="text" id="desc" name="desc" placeholder="" class="layui-input" value="{{appdesc}}"/>
</div>
</div>
<div class="layui-form-item layui-col-xs12">
<div class="layui-input-block">
<button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
<button class="winui-btn" lay-submit lay-filter="formEditMenu"><language showName="com.skyeye.save"></language></button>
</div>
</div>
{{/bean}}
</script>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/lightApp/'}).use('lightAppEdit');
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
<link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
</head>
<body>
<div class="winui-toolbar">
<div class="winui-tool">
<button id="reloadTable" class="winui-toolbtn search-table-btn-right"><i class="fa fa-refresh" aria-hidden="true"></i><language showName="com.skyeye.refreshDataBtn"></language></button>
<button id="addBean" class="winui-toolbtn search-table-btn-right" auth="1560418136905"><i class="fa fa-plus" aria-hidden="true"></i><language showName="com.skyeye.addBtn"></language></button>
</div>
</div>
<div style="margin:auto 10px;">
<table id="messageTable" lay-filter="messageTable"></table>
<script type="text/html" id="tableBar">
{{# if(d.state == 1||d.state == 3){ }}
{{# if(auth('1560418152289')){ }}
<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit"><language showName="com.skyeye.editBtn"></language></a>
{{# } }}
{{# } }}
{{# if((d.state == 1||d.state == 3)){ }}
{{# if(auth('1560418165540')){ }}
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete"><language showName="com.skyeye.deleteBtn"></language></a>
{{# } }}
{{# } }}
{{# if(d.state == 1||d.state == 3){ }}
{{# if(auth('1560418180506')){ }}
<a class="layui-btn layui-btn-xs" lay-event="up">上线</a>
{{# } }}
{{# } }}
{{# if(d.state == 2){ }}
{{# if(auth('1560418189357')){ }}
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="down">下线</a>
{{# } }}
{{# } }}
</script>
</div>
<script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript">
layui.config({base: '../../js/lightApp/'}).use('lightAppList');
</script>
</body>
</html>
\ No newline at end of file
...@@ -21,6 +21,45 @@ ...@@ -21,6 +21,45 @@
</ul> </ul>
</div> </div>
</div> </div>
<script type="text/html" id="lightAppShowItemTemplate">
<a class="selected" rowid="" rowname="全部"><i class="font-icon icon-reorder"></i>全部</a>
{{#each rows}}
<a rowid="{{id}}" rowname="{{name}}">
<div style="line-height: 40px; width: 60px; float: left">{{{iconHtml}}}</div>
<div style="width: calc(100% - 60px); float: left; text-align: left;">{{name}}</div>
</a>
{{/each}}
</script>
<script type="text/html" id="lightAppShowListTemplate">
{{#each rows}}
<li class="app-li">
<div class="icon">
<img src="{{logo}}" rowurl="{{appUrl}}" rowtitle="{{name}}" style="height:65px; width:65px; margin-top:15px;">
</div>
<div class="text">
<div class="name">{{name}}</div>
<div class="copyright">{{remark}}</div>
</div>
<div class="btn-group action">
<button type="button" class="btn btn-sm btn-default" rowid="{{id}}">添加</button>
</div>
</li>
{{/each}}
<li class="flex-empty"></li>
<li class="flex-empty"></li>
<li class="flex-empty"></li>
<li class="flex-empty"></li>
<li class="flex-empty"></li>
<li class="flex-empty"></li>
<li class="flex-empty"></li>
<li class="flex-empty"></li>
<li class="flex-empty"></li>
<li class="flex-empty"></li>
<li class="flex-empty"></li>
</script>
<script src="../../assets/lib/layui/layui.js"></script> <script src="../../assets/lib/layui/layui.js"></script>
<script src="../../assets/lib/layui/custom.js"></script> <script src="../../assets/lib/layui/custom.js"></script>
<script type="text/javascript"> <script type="text/javascript">
......
<a class="selected" rowid="" rowname="全部"><i class="font-icon icon-reorder"></i>全部</a>
{{#each rows}}
<a rowid="{{id}}" rowname="{{name}}"><i class="fa {{iconPath}} fa-fw" style='color: black;margin-right:10px'></i>{{name}}</a>
{{/each}}
\ No newline at end of file
{{#each rows}}
<li class="app-li">
<div class="icon">
<img src="{{appLogo}}" rowurl="{{appUrl}}" rowtitle="{{appName}}" style="height:65px; width:65px; margin-top:15px;">
</div>
<div class="text">
<div class="name">{{appName}}</div>
<div class="copyright">{{appDesc}}</div>
</div>
<div class="btn-group action">
<button type="button" class="btn btn-sm btn-default" rowid="{{id}}">添加</button>
</div>
</li>
{{/each}}
<li class="flex-empty"></li>
<li class="flex-empty"></li>
<li class="flex-empty"></li>
<li class="flex-empty"></li>
<li class="flex-empty"></li>
<li class="flex-empty"></li>
<li class="flex-empty"></li>
<li class="flex-empty"></li>
<li class="flex-empty"></li>
<li class="flex-empty"></li>
<li class="flex-empty"></li>
...@@ -446,7 +446,7 @@ var systemCommonUtil = { ...@@ -446,7 +446,7 @@ var systemCommonUtil = {
$("#iconShow").css({'color': params.iconColor}); $("#iconShow").css({'color': params.iconColor});
} }
// 自定义svg图标时 // 自定义svg图标时
if (params.icon.indexOf('skyeye-') >= 0) { if (!isNull(params.icon) && params.icon.indexOf('skyeye-') >= 0) {
$("#iconShow").css({ $("#iconShow").css({
'filter': 'drop-shadow(' + params.iconColor + ' 80px 0)', 'filter': 'drop-shadow(' + params.iconColor + ' 80px 0)',
'transform': 'translateX(-80px)', 'transform': 'translateX(-80px)',
......
...@@ -5351,7 +5351,6 @@ body .layer-ext-winconfirm .layui-layer-content { ...@@ -5351,7 +5351,6 @@ body .layer-ext-winconfirm .layui-layer-content {
line-height: 40px; line-height: 40px;
text-decoration: none; text-decoration: none;
box-sizing: border-box; box-sizing: border-box;
text-indent: 8px;
color: #666; color: #666;
display: block; display: block;
overflow: hidden; overflow: hidden;
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册