代码部署教程
1. 引入CSS
<link rel=”stylesheet” type=”text/css” href=”jquery-easyui-1.4.4/themes/default/easyui.css” />
<link rel=”stylesheet” type=”text/css” href=”jquery-easyui-1.4.4/themes/icon.css” /><link rel=”stylesheet” type=”text/css” href=”css/index.css” />
<link rel=”stylesheet” href=”css/style.css” type=”text/css” />
<link rel=”stylesheet” type=”text/css” href=”css/userguide.css” />
<link rel=”stylesheet” href=”http://219.159.239.222:8089/api/library/3.20/3.20/esri/css/esri.css” />
<link rel=”stylesheet” href=”http://219.159.239.222:8089/api/library/3.20/3.20/dijit/themes/claro/claro.css”>
<link rel=”stylesheet” href=”http://js.arcgis.com/3.20/esri/css/esri.css” />
<link rel=”stylesheet” type=”text/css” href=”jquery-easyui-1.4.4/themes/default/easyui.css” />
<link rel=”stylesheet” type=”text/css” href=”jquery-easyui-1.4.4/themes/icon.css” />
<link rel=”stylesheet” type=”text/css” href=”css/index.css” />
<link rel=”stylesheet” href=”css/style.css” type=”text/css” />
<link rel=”stylesheet” type=”text/css” href=”css/userguide.css” />
<link rel=”stylesheet” href=”http://219.159.239.222:8089/api/library/3.20/3.20/esri/css/esri.css” />
<link rel=”stylesheet” href=”http://219.159.239.222:8089/api/library/3.20/3.20/dijit/themes/claro/claro.css”>
<link rel=”stylesheet” href=”http://js.arcgis.com/3.20/esri/css/esri.css” />
2. 引入JS
<script type=”text/javascript” src=”jquery-easyui-1.4.4/jquery.min.js”>
</script><script type=”text/javascript” src=”jquery-easyui-1.4.4/jquery.easyui.min.js”>
</script>
<script src=”http://219.159.239.222:8089/api/library/3.20/3.20/init.js”>
</script>
<script src=”http://js.arcgis.com/3.20/”>
</script>
<script src=”js/mapConfig.js”>
</script>
<script src=”js/MapTool.js”>
</script>
<script src=”js/BaseMap.js”>
</script>
<script src=”js/sysConfig.js”>
</script>
<script src=”js/CaseMap.js”>
</script>
<script src=”js/Common.js”>
</script>
<script type=”text/javascript” src=”jquery-easyui-1.4.4/jquery.min.js”>
</script>
<script type=”text/javascript” src=”jquery-easyui-1.4.4/jquery.easyui.min.js”>
</script>
<script src=”http://219.159.239.222:8089/api/library/3.20/3.20/init.js”>
</script>
<script src=”http://js.arcgis.com/3.20/”>
</script>
<script src=”js/mapConfig.js”>
</script>
<script src=”js/MapTool.js”>
</script>
<script src=”js/BaseMap.js”>
</script>
<script src=”js/sysConfig.js”>
</script>
<script src=”js/CaseMap.js”>
</script>
<script src=”js/Common.js”>
</script>
3. HTML代码
<!DOCTYPE html>
<html><head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″/>
<title>
某某市城市管理综合指挥平台</title>
<meta charset=”utf-8″ />
<link rel=”shortcut icon” href=”images/favicon.ico” />
<link rel=”stylesheet” type=”text/css” href=”jquery-easyui-1.4.4/themes/default/easyui.css” />
<link rel=”stylesheet” type=”text/css” href=”jquery-easyui-1.4.4/themes/icon.css” />
<script type=”text/javascript” src=”jquery-easyui-1.4.4/jquery.min.js”>
</script>
<script type=”text/javascript” src=”jquery-easyui-1.4.4/jquery.easyui.min.js”>
</script>
<link rel=”stylesheet” type=”text/css” href=”css/index.css” />
<!–<link rel=”stylesheet” href=”css/style.css” type=”text/css” />
–>
<link rel=”stylesheet” type=”text/css” href=”css/userguide.css” />
<!–<link rel=”stylesheet” href=”http://219.159.239.222:8089/api/library/3.20/3.20/esri/css/esri.css” />
<script src=”http://219.159.239.222:8089/api/library/3.20/3.20/init.js”>
</script>
<link rel=”stylesheet” href=”http://219.159.239.222:8089/api/library/3.20/3.20/dijit/themes/claro/claro.css”>
–>
<script src=”http://js.arcgis.com/3.20/”>
</script>
<link rel=”stylesheet” href=”http://js.arcgis.com/3.20/esri/css/esri.css” />
<script src=”js/mapConfig.js”>
</script>
<script src=”js/MapTool.js”>
</script>
<script src=”js/BaseMap.js”>
</script>
<script src=”js/sysConfig.js”>
</script>
<script src=”js/CaseMap.js”>
</script>
<script src=”js/Common.js”>
</script>
<script>
$(showUserName());
function setNowTitle()
{
j(null, “Case/GetCount”, setNowTitleCallBack)
}
function setNowTitleCallBack(re) {
var tab = $(‘#tt’).tabs(‘getTab’, 0); // 取得第一个tab
$(‘#tt’).tabs(‘update’, {
tab: tab,
options: {
title: ‘需审核<span style=”color:red”>(‘ + re[“审核”] + ‘)</span>
‘
}
});
tab = $(‘#tt’).tabs(‘getTab’, 1);
$(‘#tt’).tabs(‘update’, {
tab: tab,
options: {
title: ‘已立案<span style=”color:red”>(‘ + re[“立案”] + ‘)</span>
‘
}
});
tab = $(‘#tt’).tabs(‘getTab’, 2);
$(‘#tt’).tabs(‘update’, {
tab: tab,
options: {
title: ‘已处置<span style=”color:red”>(‘ + re[“处置”] + ‘)</span>
‘
}
});
}
function showPhotoWin(id) {
$(“#winImg”).window(‘open’);
$(“#winImg iframe”).attr(“src”, “sjgzPic.aspx?id=” + id);
}
var arrLoadedTab = new Array();
function tabSelected(title, index) {
var tab = $(‘#tt’).tabs(‘getSelected’);
if ($.inArray(index, arrLoadedTab) == -1) {
var str = tab[0].innerHTML;
tab[0].innerHTML = str;
arrLoadedTab.push(index);
}
}
function Logout() {
var url = “user/Logout”;
j( {}, url, LogoutCallBack)
}
function LogoutCallBack(e) {
location.href = “login.html”;
}
function showUserName() {
//var url = “”;
var url = “user/getCurrentUserInfo”;
j({}, url, showUserNameCallBack);
}
function showUserNameCallBack(re) {
if (re.Success == false) {
window.location.href = “login.html”;
return;
}
$(‘#UserName’).text(“您好：” + re.UserName);
this.userinfo = re;
var menupower = re.MenuPower.split(‘,’);
for (var i = 0; i < menupower.length; i++) {
$(“#tt”).tabs(“close”, menupower[i]);
}
}
var userinfo;
</script></head>
<body class=”easyui-layout claro”>
<div data-options=”region:’north’,border:false,onResize:setCenter” style=”font-family: fantasy;font-size: 40px;background-color:cornflowerblue;width: 1366px;height: 60px;color: white; overflow:hidden”>
<div style=”float:left”>
<img src=”images/hlogo.png” style=”height:60px” />
</div>
<div style=”vertical-align:top;float:left;”>
某某市城市管理综合指挥平台</div>
<div style=”float:right;margin-top:10px; margin-right: 20px;”>
<img src=”images/user.png” style=”height:20px;vertical-align:bottom”/>
<label href=”#” id=”UserName” style=”font-size:20px;vertical-align:bottom”>
</label>
<a href=”javascript:Logout()”>
<img style=”height:30px;vertical-align:bottom” alt=”注销” src=”images/logout.png” />
</a>
</div>
</div>
<div data-options=”region:’west’,split:true,title:’地图’,noheader:false,collapsible:true,collapse:false” style=”width:550px;” id=”map” >
<img id=”divPostion” src=”images/dw.gif” style=”display:none;width:20px;position:absolute;z-index:999″/>
<div id=”lblSelectPoint” style=”color:white; display:none;position:absolute;top:30px;right:5px;z-index:999;background-color:blue”>
请拖动地图选择问题地点<a href=”#” class=”easyui-linkbutton” onclick=”pointSelected();” iconcls=”icon-search”>
选定</a>
</div>
<img id=”imagebtn” onclick=”changeMapHandler()” src=”images/ic_image.png” style=”cursor:pointer; width:40px;position:absolute; right:5px;bottom:5px; z-index:999″ />
<img id=”vectorbtn” onclick=”changeMapHandler()” src=”images/ic_vector.png” style=”cursor:pointer;display:none;width:40px;position:absolute;right:5px;bottom:5px;z-index:999″ />
</div>
<div data-options=”region:’south’,border:false” style=”height:40px;background-color:cornflowerblue;padding:10px;text-align:center”>
版权所有©2019 某某市信息中心 版本：v1.0</div>
<div data-options=”region:’center’,title:’Center’,noheader:true”>
<div id=”tt” class=”easyui-tabs” data-options=”onSelect:tabSelected” style=”width:99%;height:99%;”>
<div title=”需审核” style=”overflow:hidden”>
<iframe width=”100%” height=”99.5%” frameborder=”0″ id=”caseframe” src=”Case.html?status=审核”>
</iframe>
</div>
<div title=”已立案” style=”overflow:hidden”>
<iframe width=”100%” height=”99.5%” frameborder=”0″ id=”caseframe” src=”Case.html?status=立案”>
</iframe>
</div>
<div title=”已处置” style=”overflow:hidden”>
<iframe width=”100%” height=”99.5%” frameborder=”0″ id=”caseframe” src=”Case.html?status=处置”>
</iframe>
</div>
<div title=”已结案” style=”overflow:hidden”>
<iframe width=”100%” height=”99.5%” frameborder=”0″ id=”caseframe” src=”Case.html?status=结案”>
</iframe>
</div>
<div title=”不立案” style=”overflow:hidden”>
<iframe width=”100%” height=”99.5%” frameborder=”0″ id=”caseframe” src=”Case.html?status=不立案”>
</iframe>
</div>
<div title=”排班管理” style=”overflow:hidden”>
<iframe width=”100%” height=”99.5%” frameborder=”0″ id=”caseframe” src=”DutyList.html”>
</iframe>
</div>
<div title=”统计与报表” style=”overflow:hidden”>
<iframe width=”100%” height=”99.5%” frameborder=”0″ id=”caseframe” src=”reports.html”>
</iframe>
</div>
<div title=”用户管理” style=”overflow:hidden”>
<iframe width=”100%” height=”99.5%” frameborder=”0″ src=”userlist.html”>
</iframe>
</div>
<div title=”执法知识库” style=”overflow:hidden”>
<iframe width=”100%” height=”99.5%” frameborder=”0″ src=”ManualContent.html”>
</iframe>
</div>
<div title=”app下载” style=”overflow:hidden”>
<iframe width=”100%” height=”99.5%” frameborder=”0″ src=”app.html”>
</iframe>
</div>
</div>
</div>
<div id=”win” class=”easyui-window” title=”问题编辑” style=”width:800px;height:600px;”
data-options=”iconCls:’icon-save’,modal:true,closed:true,onOpen:winReload”><iframe src=”CaseEdit.html” frameborder=”0″ height=”99%” width=”100%”>
</iframe>
</div>
<div id=”winImg” class=”easyui-window” title=”相关图片” style=”width:800px;height:600px;”
data-options=”iconCls:’icon-save’,modal:true,closed:true,onOpen:winReload”><iframe src=”sjgzPic.aspx” frameborder=”0″ height=”99%” width=”100%”>
</iframe>
</div>
</body>
</html>
1.《蓝色风格网站后台管理模板下载》援引自互联网，旨在传递更多网络信息知识，仅代表作者本人观点，与本网站无关，侵删请联系页脚下方联系方式。
2.《蓝色风格网站后台管理模板下载》仅供读者参考，本网站未对该内容进行证实，对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址，https://www.cxvn.com/html/1447.html