You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

234 lines
8.8 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>集成设置列表</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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="../../static/css/font.css">
<link rel="stylesheet" href="../../static/css/weadmin.css">
<!-- 让IE8/9支持媒体查询从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
/*.layui-table-cell {*/
/*width: 100px!important;*/
/*}*/
/*.layui-table-cell img {*/
/*width: 100%!important;*/
/*}*/
</style>
</head>
<body>
<div class="weadmin-nav">
<span class="layui-breadcrumb">
<a href="">首页</a>
<a href="">集成设置</a>
<a>
<cite>接入集成设置</cite></a>
</span>
<a class="layui-btn layui-btn-sm" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
<i class="layui-icon layui-icon-refresh-3" style="line-height:30px"></i></a>
</div>
<div class="weadmin-body">
<div class="layui-row hide">
<form class="layui-form layui-col-md12 we-search">
系统名称:
<div class="layui-inline">
<input type="text" name="username" placeholder="请输入系统名称" autocomplete="off" class="layui-input">
</div>
<button class="layui-btn" lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
</form>
</div>
<div class="weadmin-block">
<button class="layui-btn layui-btn-danger delBtn" data-type="getCheckLength"><i class="layui-icon"></i>批量删除</button>
<button class="layui-btn" onclick="addList();"><i class="layui-icon"></i>添加</button>
</div>
<table class="layui-table" lay-filter="demo" id="idTest"></table>
<script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script type="text/html" id="imgTpl">
<div><img src="/FengHuang/uploadPic/{{d.pic}}"></div>
</script>
</div>
<script src="../../lib/layui/layui.js"></script>
<script src="../../lib/persist-min.js"></script>
<script>
layui.extend({
admin: '{/}../../static/js/admin'
});
layui.use(['jquery','admin','table'],function () {
var $=layui.jquery,
admin=layui.admin,
table=layui.table;
var store = new Persist.Store('store_name');
table.render({
elem: '#idTest'
,url:'/FengHuang/integrated/getIntegratedSystemList'
,cols: [[
{type: 'checkbox', fixed: 'left',align:'center'}
,{field:'integrated_system_id', title:'序号',align:'center',type:'numbers',width:80}
// ,{field:'integrated_system_id', title:'系统ID',align:'center'}
,{field:'integrated_system_name', title:'系统名称',align:'center'}
,{field:'pic', title:'系统图标',align:'center',templet:'<div><img src="/FengHuang/uploadPic/{{d.pic}}"></div>'}
,{field:'system_type_id', title:'分类',align:'center'}
,{field:'callback_url', title:'访问地址',align:'center'}
,{field:'sort_id', title:'排序号',align:'center'}
,{fixed: 'right', title:'操作', toolbar: '#barDemo',align:'center'}
]]
,page: true
,done:function(res,page,count){
hoverOpenImg();//显示大图
$("[data-field='system_type_id']").children().each(function(){
if($(this).text()=='1'){
$(this).text("教学类")
}else if($(this).text()=='2'){
$(this).text("管理类")
}else if($(this).text()=='3'){
$(this).text("研修类")
}
})
}
});
function hoverOpenImg(){
var img_show = null;
$('td img').hover(function(){
var img = "<img class='img_msg' src='"+$(this).attr('src')+"' style='width:100%;' />";
img_show = layer.tips(img, this,{ tips:[2, 'rgba(41,41,41,.5)'] ,area: ['200px'] });
},function(){
layer.close(img_show);
});
// $('td img').attr('style','max-width:12%');
$('td img').css({
'max-width':"12%",
"cursor":"pointer"
})
}
function del(id){
$.ajax({
type: "post",
url: "/FengHuang/integrated/deleteIntegratedSystem",
data: {
integrated_system_ids:id
},
dataType: 'json',
success: function (data) {
if(data.success){
layer.closeAll();
layer.msg(data.message, {icon: 1, time: 2000, shade: 0.1});
layui.table.reload('idTest', {
page: {
curr: 1
}
});
}else{
layer.alert(data.message, {icon:0});
}
}
})
}
table.on('tool(demo)', function(obj){
var data = obj.data;
if(obj.event === 'del'){
layer.confirm('确定删除'+data.integrated_system_name+'系统吗?',{icon:0}, function(index){
del(data.integrated_system_id);
});
} else if(obj.event === 'edit'){
WeAdminEdit('编辑','./edit.html',data.integrated_system_id, 800,650)
}
});
var active = {
getCheckLength: function(){ //获取选中数目
var checkStatus = table.checkStatus('idTest')
,data = checkStatus.data;
console.log(data);
if(data.length==0){
layer.alert("请选择系统", {
icon: 6
})
}else if(data.length>0){
var systemIds="";
for (var i=0;i<data.length;i++){
if(i==data.length-1){
systemIds+=data[i].integrated_system_id;
}else{
systemIds+=data[i].integrated_system_id+",";
}
}
if(data.length==1){
layer.alert('确定删除'+data[0].integrated_system_name+'系统吗?', {
icon: 7
}, function(){
del(systemIds);
});
}else{
layer.alert('确定要批量删除'+data.length+'个系统吗?', {
icon: 7
}, function(){
del(systemIds);
});
}
}
}
};
$('.delBtn').on('click', function(){
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
// 添加集成系统
window.addList=function () {
// WeAdminShow('添加','./add.html',850,580);
layer.open({
type: 2,
area: ['850px', '580px'],
fix: false, //不固定
maxmin: true,
shadeClose: false,
shade: 0.4,
title: '添加',
content: './add.html',
cancel:function () {
store.set("data",'');
store.set("city",'');
store.set("org",'');
store.set("district",'');
store.set("picName",'');
store.set("range",'');
store.set("stages",'');
}
});
}
})
</script>
</body>
</html>