@ -0,0 +1,103 @@ |
|||
body { |
|||
color:#ffffff; |
|||
} |
|||
.layui-form-label { |
|||
color: #fff; |
|||
} |
|||
.layui-input, .layui-select, .layui-textarea { |
|||
border: 1px solid #42779d; |
|||
background-color: #2c597a; |
|||
border-radius: 2px; |
|||
color: #e5f4ff; |
|||
} |
|||
|
|||
input:-ms-input-placeholder { |
|||
color: #e5f4ff; |
|||
} |
|||
|
|||
input::-webkit-input-placeholder { |
|||
color: #e5f4ff; |
|||
} |
|||
textarea:-ms-input-placeholder { |
|||
color: #e5f4ff; |
|||
} |
|||
|
|||
textarea::-webkit-input-placeholder { |
|||
color: #e5f4ff; |
|||
} |
|||
form input.layui-input[disabled] { |
|||
background: #2c597a; |
|||
color: #e5f4ff !important; |
|||
} |
|||
::-webkit-scrollbar { |
|||
width: 6px; |
|||
background-color: #2c597a; |
|||
border-radius: 3px; |
|||
} |
|||
|
|||
/* 滚动条滑块 */ |
|||
::-webkit-scrollbar-thumb { |
|||
border-radius: 3px; |
|||
background: #42779d; |
|||
} |
|||
.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea { |
|||
border-color: #42779d; |
|||
} |
|||
.layui-elem-field legend { |
|||
color:#ffffff; |
|||
} |
|||
.layui-icon-edit:before { |
|||
color: #ffffff; |
|||
} |
|||
.layui-text { |
|||
color: #ffffff; |
|||
} |
|||
.layui-form-select dl { |
|||
border: 1px solid #42779d; |
|||
background-color: #2c597a; |
|||
} |
|||
.layui-input:hover, .layui-textarea:hover { |
|||
border-color: #42779d !important; |
|||
background-color: #2c597a; |
|||
} |
|||
.layui-form-checkbox, .layui-form-select dl dd.layui-disabled { |
|||
background-color: #467aa0; |
|||
} |
|||
|
|||
.layui-form-checkbox { |
|||
height: 38px; |
|||
line-height: 38px; |
|||
} |
|||
|
|||
.layui-form-checkbox span, .layui-form-checkbox:hover span { |
|||
background-color: #2c597a; |
|||
} |
|||
|
|||
.layui-form-checkbox i, .layui-form-checkbox:hover i { |
|||
border: 1px solid #42779d; |
|||
height: 36px; |
|||
border-left: none; |
|||
color: #467aa0 |
|||
} |
|||
|
|||
.layui-form-checked, .layui-form-checked:hover { |
|||
border-color: #349cc6; |
|||
} |
|||
|
|||
.layui-form-checked span, .layui-form-checked:hover span { |
|||
background-color: #349cc6; |
|||
} |
|||
|
|||
.layui-form-checked i, .layui-form-checked:hover i { |
|||
color: #ffffff; |
|||
border-color: #42779d; |
|||
} |
|||
.layui-form-select dl dd:hover { |
|||
background: #5FB878; |
|||
} |
|||
.layui-layer-content { |
|||
background-color: #073f5c; |
|||
} |
|||
.layui-layer-border { |
|||
border-color: #42779d !important; |
|||
} |
@ -0,0 +1,183 @@ |
|||
/*公共样式*/ |
|||
html,body{width:100%;height:100%} |
|||
.childrenBody{ padding:0px;} |
|||
.layui-table-view{ margin:0 !important;} |
|||
.magb0{margin-bottom:0 !important;} |
|||
.magt0{ margin-top:0 !important;} |
|||
.magt3{ margin-top:3px !important;} |
|||
.magt10{ margin-top:10px !important;} |
|||
.magb15{ margin-bottom:15px !important;} |
|||
.magt30{ margin-top:30px !important;} |
|||
.layui-left{text-align:left;} |
|||
.layui-block{ width:100% !important;} |
|||
.layui-center{text-align:center;} |
|||
.layui-right{text-align:right;} |
|||
.layui-elem-quote.title { /*padding:10px 15px;*/ |
|||
margin-bottom: 0; |
|||
font-size: 18px; |
|||
color: #fff; |
|||
background-color: #23a7c8; |
|||
} |
|||
.layui-bg-white{ background-color:#fff !important;} |
|||
.border{ border:1px solid #e6e6e6 !important; padding:10px; border-top:none;} |
|||
.main_btn .layui-btn{ margin:2px 5px 2px 0;} |
|||
.layui-timeline-axis{ left:-4px;} |
|||
.layui-elem-quote{ word-break: break-all;} |
|||
.icons li,.icons li:hover,.loginBody .seraph,.loginBody .seraph:hover,.loginBody .layui-form-item.layui-input-focus label,.loginBody .layui-form-item label,.loginBody .layui-form-item.layui-input-focus input,.loginBody .layui-form-item input{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;} |
|||
.icons li:hover i,.icons li i{transition: font-size 0.3s ease-in-out;-webkit-transition: font-size 0.3s ease-in-out;} |
|||
.loginBody .layui-input-focus .layui-input::-webkit-input-placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;} |
|||
.loginBody .layui-input-focus .layui-input::-moz-placeholder{transition: color 0.2s linear 0.2s;} |
|||
.loginBody .layui-input-focus .layui-input:-ms-input-placeholder{transition: color 0.2s linear 0.2s;} |
|||
.loginBody .layui-input-focus .layui-input::placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;} |
|||
.layui-bg-danger{background-color: #8e3d39!important} |
|||
/*滚动条*/ |
|||
::-webkit-scrollbar {width: 5px;height:10px;background-color: #fff;border-radius: 3px;} |
|||
/* 滚动条滑块 */ |
|||
::-webkit-scrollbar-thumb {border-radius: 3px;background: #f2f2f2;} |
|||
|
|||
/*后台首页*/ |
|||
.panel_box{ margin-bottom:5px;} |
|||
.panel{ text-align:center; height:90px;} |
|||
.panel_box a{display:block; border-radius:5px; overflow:hidden; height:80px; background-color:#f2f2f2 !important; } |
|||
.panel_icon{ width:40%; display: inline-block; line-height:80px; float:left; position:relative; height:100%;} |
|||
.panel_icon i{ font-size:40px !important; color:#fff; display: inline-block;} |
|||
.panel_word{ width:60%; display: inline-block; float:right; margin:13px 0 14px; } |
|||
.panel_word span{ font-size:25px; display:block; height:34px; } |
|||
.panel .loginTime{ font-size:15px; color:#1E9FFF; line-height:17px;} |
|||
.panel em{ font-style:normal;} |
|||
.history_box{ min-height:500px; height:500px; overflow-y:scroll; padding:10px !important;} |
|||
.history_box .layui-timeline .layui-timeline-item:last-child{ padding-bottom:0;} |
|||
@media screen and (max-width:1200px) { |
|||
.history_box { height: auto !important; overflow-y: inherit; } |
|||
} |
|||
/*修改密码*/ |
|||
.pwdTips{ min-height:auto; margin:40px 0 15px 110px;} |
|||
/*个人资料*/ |
|||
form input.layui-input[disabled]{ background:#f2f2f2; color:#595963!important; } |
|||
.user_right{ text-align: center; } |
|||
.user_right p{ margin:10px 0 25px; font-size: 12px; text-align: center; color: #FF5722;} |
|||
.user_right img#userFace{ width:200px; height:200px; margin-top:20px; cursor:pointer; box-shadow:0 0 50px #44576b; } |
|||
.userAddress.layui-form-item .layui-input-inline{ width:23%; } |
|||
.userAddress.layui-form-item .layui-input-inline:last-child{ margin-right:0; } |
|||
/*下拉多选*/ |
|||
.layui-form-item select[multiple]+.layui-form-select dd{ padding:0;} |
|||
.layui-form-item select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary]{ margin:0 !important; display:block; line-height:36px !important; position:relative; padding-left:26px;} |
|||
.layui-form-item select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary] span{line-height:36px !important; float:none;} |
|||
.layui-form-item select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary] i{ position:absolute; left:10px; top:0; margin-top:9px;} |
|||
.multiSelect{ line-height:normal; height:auto; padding:4px 10px; overflow:hidden;min-height:38px; margin-top:-38px; left:0; z-index:99;position:relative;background:none;} |
|||
.multiSelect a{ padding:2px 5px; background:#908e8e; border-radius:2px; color:#fff; display:block; line-height:20px; height:20px; margin:2px 5px 2px 0; float:left;} |
|||
.multiSelect a span{ float:left;} |
|||
.multiSelect a i{ float:left; display:block; margin:2px 0 0 2px; border-radius:2px; width:8px; height:8px; background:url(../images/close.png) no-repeat center; background-size:65%; padding:4px;} |
|||
.multiSelect a i:hover{ background-color:#545556;} |
|||
/*404页面*/ |
|||
.noFind{ text-align:center; padding-top:2%;} |
|||
.noFind i{ line-height:1em; font-size:12em !important; color: #393D50; display:block;} |
|||
.ufo{ text-align:center; height:100%; position:relative;} |
|||
.noFind .page_icon,.noFind .ufo_icon{ opacity:1; position:absolute; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%);} |
|||
.noFind .page_icon{ top:300px; animation:pageGo 0.3s ease-in 0.3s forwards; -webkit-animation:pageGo 0.3s ease-in 0.3s forwards; -o-animation:pageGo 0.3s ease-in 0.3s forwards; -moz-animation:pageGo 0.3s ease-in 0.3s forwards;} |
|||
.noFind .ufo_icon{ top:100px; animation:ufo 1s ease-in 0.6s forwards; -webkit-animation:ufo 1s ease-in 0.6s forwards; -o-animation:ufo 1s ease-in 0.6s forwards; -moz-animation:ufo 1s ease-in 0.6s forwards;} |
|||
.page404{ margin-top:10%; opacity:0; font-size:0; animation:page404 0.5s ease-in 1.7s forwards; -webkit-animation:page404 0.5s ease-in 1.7s forwards; -o-animation:page404 0.5s ease-in 1.7s forwards; -moz-animation:page404 0.5s ease-in 1.7s forwards;} |
|||
.page404 p{ font-size: 20px; font-weight: 300; color: #999;} |
|||
/*页面被吸走*/ |
|||
@keyframes pageGo{from{font-size: 12em; top:300px;} to{font-size:0; opacity:0; top: 100px;}} |
|||
@-moz-keyframes pageGo{from{font-size: 12em; top:300px;} to{font-size:0; opacity:0; top:100px}} |
|||
@-webkit-keyframes pageGo{from{font-size: 12em; top:300px;} to{font-size:0; opacity:0; top:100px}} |
|||
@-o-keyframes pageGo{from{font-size: 12em; top:300px;} to{font-size:0; opacity:0; top:100px}} |
|||
/*ufo飞走*/ |
|||
@keyframes ufo{0%{font-size: 14em; top:100px;} 20%{font-size: 12em; top:50px;} 100%{font-size:0; opacity:0; top:-100px; left:80%;}} |
|||
@-moz-keyframes ufo{0%{font-size: 14em; top:100px;} 20%{font-size: 12em; top:50px;} 100%{font-size:0; opacity:0; top:-100px; left:80%;}} |
|||
@-webkit-keyframes ufo{0%{font-size: 14em; top:100px;} 20%{font-size: 12em; top:50px;} 100%{font-size:0; opacity:0; top:-100px; left:80%;}} |
|||
@-o-keyframes ufo{0%{font-size: 14em; top:100px;} 20%{font-size: 12em; top:50px;} 100%{font-size:0; opacity:0; top:-100px; left:80%;}} |
|||
/*404显示*/ |
|||
@keyframes page404{from{opacity:0; font-size:2em;} to{opacity:1;font-size:2em;}} |
|||
@-moz-keyframes page404{from{opacity:0; font-size:2em;} to{opacity:1;font-size:2em;}} |
|||
@-webkit-keyframes page404{from{opacity:0; font-size:2em;} to{opacity:1;font-size:2em;}} |
|||
@-o-keyframes page404{from{opacity:0; font-size:2em;} to{opacity:1;font-size:2em;}} |
|||
/*图标管理*/ |
|||
.iconsLength{ margin:0 5px;} |
|||
.icons li{ margin:5px 0; text-align:center; height:120px; cursor:pointer;} |
|||
.icons li i{ display:block; font-size:35px; margin:10px 0; line-height:60px; height:60px;} |
|||
.icons li:hover{ background:rgba(13,10,49,.9); border-radius:5px; color:#fff;} |
|||
.icons li:hover i{ font-size:50px;} |
|||
#copyText{ width:0;height:0; opacity:0; position:absolute; left:-9999px; top:-9999px;} |
|||
/*开发文档*/ |
|||
h2.method{ font-size:18px; line-height:45px; padding-left:5px;} |
|||
/*登录*/ |
|||
.loginHtml,.loginBody{ height:100%;} |
|||
.loginBody{ background:url("../images/login_bg.jpg") no-repeat center center;} |
|||
.loginBody form.layui-form{ padding:0 20px; width:300px; height:335px; position:absolute; left:50%; top:50%; margin:-150px 0 0 -150px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; background:#fff;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 0 50px #009688;} |
|||
.login_face{ margin:-55px auto 20px; width:100px; height:100px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:5px solid #fff; overflow:hidden;box-shadow:0 0 30px #009688;} |
|||
.login_face img{ width:100%;} |
|||
.loginBody .layui-form-item{ position:relative;} |
|||
.loginBody .layui-form-item label{ position:absolute; color:#757575; left:10px; top:9px; line-height:20px; background:#fff; padding:0 5px; font-size:14px; cursor:text;} |
|||
.loginBody .layui-form-item.layui-input-focus label{ top:-10px; font-size:12px; color:#ff6700;} |
|||
.loginBody .layui-form-item.layui-input-active label{ top:-10px; font-size:12px;} |
|||
.loginBody .layui-input::-webkit-input-placeholder{color:#fff;} |
|||
.loginBody .layui-input::-moz-placeholder{color:#fff;} |
|||
.loginBody .layui-input:-ms-input-placeholder{color:#fff;} |
|||
.loginBody .layui-input::placeholder{color:#fff;} |
|||
.loginBody .layui-form-item.layui-input-focus input{ border-color:#ff6700 !important;} |
|||
.loginBody .layui-input-focus .layui-input::-webkit-input-placeholder{color:#757575;} |
|||
.loginBody .layui-input-focus .layui-input::-moz-placeholder{color:#757575;} |
|||
.loginBody .layui-input-focus .layui-input:-ms-input-placeholder{color:#757575;} |
|||
.loginBody .layui-input-focus .layui-input::placeholder{color:#757575;} |
|||
.loginBody .seraph{ font-size:30px; text-align:center;} |
|||
.loginBody .seraph.icon-qq:hover{ color:#0288d1;} |
|||
.loginBody .seraph.icon-wechat:hover{ color:#00d20d;} |
|||
.loginBody .seraph.icon-sina:hover{ color:#d32f2f;} |
|||
.imgCode{ position:relative;} |
|||
#imgCode img{ position:absolute; top:1px; right:1px; cursor:pointer;} |
|||
/*用户等级*/ |
|||
.layui-table-view .layui-table span.seraph{ font-size:25px !important;} |
|||
.vip1{ color:#994a2b;} |
|||
.vip2{ color:#899396;} |
|||
.vip3{ color:#bd6a08;} |
|||
.vip4{ color:#a3b8c4;} |
|||
.vip5{ color:#63c3ea;} |
|||
.vip6{ color:#b563ed;} |
|||
.vip7{ color:#ff9831;} |
|||
.vip8{ color:#A757A8;} |
|||
.vip9{ color:#0ff;} |
|||
.vip10{ color:#f00;} |
|||
/*新闻添加*/ |
|||
.layui-elem-quote .layui-inline{ margin:3px 0;} |
|||
.category .layui-form-checkbox{ margin:5px 0;} |
|||
.border .layui-form-item{ margin-bottom:10px;} |
|||
.border .layui-form-label{ width:50px;} |
|||
.border .layui-form-label i{ position:absolute; top:10px; left:3px;} |
|||
.border .layui-input-block{ margin-left:80px;} |
|||
.thumbBox{ height:151px; overflow:hidden; border:1px solid #e6e6e6; border-radius:2px; cursor:pointer; position:relative; text-align:center; line-height:153px;} |
|||
.thumbImg{ max-width:100%; max-height:100%; border:none;} |
|||
.thumbBox:after{ position:absolute; width:100%; height:100%;line-height:153px; z-index:-1; text-align:center; font-size:20px; content:"缩略图"; left:0; top:0; color:#9F9F9F;} |
|||
/*图片管理*/ |
|||
#Images li{ width:19%; margin:0.5% 0.5%; float: left; overflow:hidden;} |
|||
#Images li img{ width:100%; cursor:pointer; } |
|||
#Images li .operate{ display: block; height: 40px; width:100%; background:#f4f5f9; } |
|||
#Images li .operate .check{ float:left; margin-left:11px; height:18px; padding:11px 0; width:74%; position:relative;} |
|||
#Images li .operate .check .layui-form-checkbox[lay-skin=primary]{ width:100%;} |
|||
#Images li .operate .check .layui-form-checkbox[lay-skin=primary] span{ padding:0 5px 0 25px; width:100%; box-sizing:border-box;} |
|||
#Images li .operate .check .layui-form-checkbox[lay-skin=primary] i{position:absolute; left:0; top:0;} |
|||
#Images li .operate .img_del{ float:right; margin:9px 11px 0 0; font-size: 22px !important; cursor:pointer; } |
|||
#Images li .operate .img_del:hover{ color:#f00; } |
|||
@media screen and (max-width:1050px){#Images li{ width:24%;}} |
|||
@media screen and (max-width: 750px){#Images li{ width:49%;}} |
|||
@media screen and (max-width:432px){#Images li{ width:99%;}} |
|||
/*系统日志*/ |
|||
.layui-btn-green{ background-color:#5FB878 !important;} |
|||
/*友情链接*/ |
|||
.linkLogo{ width:80px; height:40px; overflow:hidden; border:1px solid #e6e6e6; border-radius:2px; cursor:pointer; margin:0 auto; position:relative; text-align:center; line-height:42px;} |
|||
.linkLogoImg{ max-width:90%; max-height:90%;} |
|||
.linkLogo:after{ position:absolute; width:100%; height:100%;line-height:42px; z-index:-1; text-align:center; font-size:12px; content:"上传LOGO"; left:0; top:0; color:#9F9F9F;} |
|||
.linksAdd .layui-form-label{ width:60px; padding-left:0;} |
|||
.linksAdd .layui-input-block{ margin-left:75px;} |
|||
.linksAdd .layui-input-block input{ padding:0 5px;} |
|||
/*响应式*/ |
|||
@media screen and (max-width:450px) { |
|||
#userFaceBtn{ height: 30px;line-height: 30px; padding: 0 10px; font-size: 12px;} |
|||
.user_right img#userFace{ width:100px; height:100px; margin-top:0;} |
|||
.layui-col-xs12 .layui-form-label{ width:60px; padding-left:0;} |
|||
.layui-col-xs12 .layui-input-block,.layui-col-xs12 .layui-input-inline{ margin-left:75px;} |
|||
.layui-col-xs12 .layui-input-inline{ left:0 !important; width:auto !important;} |
|||
.noFind{ padding-top:0;} |
|||
*[pc]{ display:none;} |
|||
} |
After Width: | Height: | Size: 877 B |
@ -0,0 +1,3 @@ |
|||
var _interfaceDocUrl="http://192.168.31.125:8193/",//其他接口
|
|||
_staticUrl = "/3DVisualization/",//其他接口
|
|||
_interfaceImgUrl = "http://xzcamp.xfzn365.com/";//图片前缀
|
@ -0,0 +1,105 @@ |
|||
$.extend({ |
|||
getUrlVars: function () { |
|||
var vars = [], hash; |
|||
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); |
|||
for (var i = 0; i < hashes.length; i++) { |
|||
hash = hashes[i].split('='); |
|||
vars.push(hash[0]); |
|||
vars[hash[0]] = hash[1]; |
|||
} |
|||
return vars; |
|||
}, |
|||
getUrlVar: function (name) { |
|||
return $.getUrlVars()[name]; |
|||
}, |
|||
GetDateStr: function (AddDayCount) { |
|||
var dd = new Date(); |
|||
dd.setDate(dd.getDate() + AddDayCount); //获取AddDayCount天后的日期
|
|||
var y = dd.getFullYear(); |
|||
var m = dd.getMonth() + 1; //获取当前月份的日期
|
|||
var d = dd.getDate(); |
|||
return m + "-" + d; |
|||
}, |
|||
|
|||
getNowFormatDate:function () { |
|||
var date = new Date(); |
|||
var seperator1 = "-"; |
|||
var year = date.getFullYear(); |
|||
var month = date.getMonth() + 1; |
|||
var strDate = date.getDate(); |
|||
if (month >= 1 && month <= 9) { |
|||
month = "0" + month; |
|||
} |
|||
if (strDate >= 0 && strDate <= 9) { |
|||
strDate = "0" + strDate; |
|||
} |
|||
var currentdate = year + seperator1 + month + seperator1 + strDate; |
|||
return currentdate; |
|||
}, |
|||
/* |
|||
*下载文件 |
|||
* options:{ |
|||
* url:'', //下载地址
|
|||
* isNewWinOpen:false,是否新窗口打开 |
|||
* data:{name:value}, //要发送的数据
|
|||
* method:'post' |
|||
* } |
|||
*/ |
|||
downLoadFile: function (url, data, method, isNewWinOpen) { |
|||
var config = { |
|||
url: url, |
|||
data: (data = data || {}), |
|||
method: (method = method || "GET"), |
|||
isNewWinOpen: (isNewWinOpen = isNewWinOpen || false) |
|||
}; |
|||
var $iframe = $('<div style="display: none"><iframe id="down-file-iframe" name="down-file-iframe" /></div>'); |
|||
var $form = $('<form target="down-file-iframe" method="' + config.method + '" action="' + config.url + '" />'); |
|||
if (config.isNewWinOpen) { |
|||
$form.attr("target", "_blank"); |
|||
} |
|||
/*拼接参数*/ |
|||
for (var key in config.data) { |
|||
$form.append('<input type="hidden" name="' + key + '" value="' + config.data[key] + '" />'); |
|||
} |
|||
$iframe.append($form); |
|||
$(document.body).append($iframe); |
|||
$form.submit(); |
|||
// setTimeout(function () {
|
|||
// $iframe.remove();
|
|||
// }, 4000)
|
|||
}, |
|||
//判断获取登录单位所需展示的数据的机构ID
|
|||
getShowDataOrgId: function (orgId) { |
|||
var _orgid = orgId; |
|||
|
|||
switch (orgId) { |
|||
case "D8DC637B8B984848A63F82A018AFAEB0": //西藏总队
|
|||
_orgid = "734389c7ae364584aea9918693bba3de"; //总队机关
|
|||
break; |
|||
case "f4d9f25b27114172a66a9d04cc158b00": // 拉萨支队
|
|||
_orgid = "0055c83cf8194051888061fb27971578"; //拉萨机关
|
|||
break; |
|||
case "40a1e65991764d4dac2d826bfbbfc849": // 日喀则支队
|
|||
_orgid = "a3a158f3ed6a463d92ef65aa58c67bfa"; //日喀则机关
|
|||
break; |
|||
case "5806465fa4e845998f31a10d023f332e": // 昌都支队
|
|||
_orgid = "335ef5c069954872a50d012b4676393a"; //昌都机关
|
|||
break; |
|||
case "b5b00dfb27a34e0a8bd86270930e02d6": // 林芝支队
|
|||
_orgid = "1cc32e7245694343b1e5ff41014eee74"; //机关
|
|||
break; |
|||
case "82487f0ebb6848e7ac4abc3d7cbc8504": // 山南支队
|
|||
_orgid = "0cf00efb5e5f4f668b86e08aff0ea3c4"; //山南机关
|
|||
break; |
|||
case "9a1324ec8b244a7f9d6cbca88cd614fd": // 那曲支队
|
|||
_orgid = "2a0e0a66602145cfb456b98d92776977"; //机关
|
|||
break; |
|||
case "833b28c12b42495a99a5e41068eb6805": // 阿里支队
|
|||
_orgid = "ba4e41e82ddd4d819703f0a57f088d4e"; //阿里机关
|
|||
break; |
|||
default: |
|||
_orgid = orgId; //返回原值
|
|||
} |
|||
return _orgid; |
|||
} |
|||
}); |
@ -0,0 +1,164 @@ |
|||
<script |
|||
type="text/javascript" |
|||
src="SuperMap_WebGL/examples/js/polygon.js" |
|||
></script> |
|||
<script type="text/javascript" src="subitem/js/yjcz.js"></script> |
|||
<script type="text/javascript" src="js/setting.js"></script> |
|||
<link href="subitem/css/clfzbs.css" rel="stylesheet" type="text/css" /> |
|||
<style> |
|||
.layui-layer { |
|||
background: #0d1535 !important; |
|||
} |
|||
</style> |
|||
<!-- 工具栏 --> |
|||
<div class="yjcz-gjl" style="text-align: center"> |
|||
<ul> |
|||
<li> |
|||
<a |
|||
href="javascript:void(0)" |
|||
onclick="clbs_fun()" |
|||
class="gjl-icon1" |
|||
data-value="0" |
|||
> |
|||
<div class="yjcz-gjl-icon yjcz-gjl-icon11"></div> |
|||
<h4>车辆部署</h4> |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<script type="text/javascript"> |
|||
//标记数组 |
|||
var addCarIconList = []; |
|||
|
|||
function clbs_fun() { |
|||
$(".gjl-icon1").toggleClass("current"); |
|||
var dataValue = $(".gjl-icon1").attr("data-value"); |
|||
if (dataValue == "0") { |
|||
openCLXZ(); |
|||
$(".gjl-icon1").attr("data-value", "1"); |
|||
} else { |
|||
_ScreenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.RIGHT_CLICK); |
|||
$(".gjl-icon1").attr("data-value", "0"); |
|||
} |
|||
} |
|||
function openCLXZ() { |
|||
var index = layui.layer.open({ |
|||
title: "车辆选择 ", |
|||
type: 2, |
|||
area: ["1280px", "820px"], |
|||
shade: 0.4, //遮罩透明度 |
|||
anim: 1, |
|||
maxmin: true, |
|||
content: _staticUrl+"subitem/item/clxz.html", |
|||
btn: ["确定", "取消"], |
|||
yes: function (index, layero) { |
|||
var body = parent.layer.getChildFrame("body", index); |
|||
var carSel = body.find("#carSel").val(); |
|||
console.log(carSel); |
|||
if (carSel == null || carSel == "") { |
|||
layer.msg(""); |
|||
return false; |
|||
} |
|||
var carSel_S = carSel.split("_,_"); |
|||
try { |
|||
setPointIcon(carSel_S[0], carSel_S[1]); |
|||
} catch (e) { |
|||
layer.close(index); |
|||
} |
|||
layer.close(index); |
|||
}, |
|||
btn2: function () { |
|||
$(".gjl-icon1").toggleClass("current"); |
|||
$(".gjl-icon1").attr("data-value", "0"); |
|||
layer.close(index); |
|||
}, |
|||
}); |
|||
} |
|||
|
|||
//点击获取位置 |
|||
function setPointIcon(id, name, type) { |
|||
_ScreenSpaceEventHandler.setInputAction(function onRightClick(movement) { |
|||
var position = _viewer.scene.pickPosition(movement.position); |
|||
if (position != null) { |
|||
var cartographic = _cesium.Cartographic.fromCartesian(position); |
|||
if (cartographic != null) { |
|||
longitude = _cesium.Math.toDegrees(cartographic.longitude); |
|||
latitude = _cesium.Math.toDegrees(cartographic.latitude); |
|||
var height = cartographic.height; |
|||
if (height < 0) { |
|||
height = 0; |
|||
} |
|||
position = _cesium.Cartesian3.fromDegrees( |
|||
longitude, |
|||
latitude, |
|||
height |
|||
); |
|||
addIcon(id, name, position, type); |
|||
} |
|||
} |
|||
}, _cesium.ScreenSpaceEventType.RIGHT_CLICK); |
|||
} |
|||
|
|||
function addIcon(id, name, position, type) { |
|||
if (type == null || type == "") { |
|||
type = "ditu-cl-ducy-icon1"; |
|||
} |
|||
|
|||
//地图添加标注 |
|||
addEntity_billboardAndLabel( |
|||
addCarIconList, |
|||
id == null || id == "" ? "addCarIconList" + addCarIconList.length : id, |
|||
name == null || name == "" |
|||
? "addCarIconList" + addCarIconList.length |
|||
: name, |
|||
position, |
|||
_staticUrl+"/icon/" + type + ".png", |
|||
new this._cesium.DistanceDisplayCondition(0, 15000.0), |
|||
15000.0, |
|||
1 |
|||
); |
|||
|
|||
$(".gjl-icon1").toggleClass("current"); |
|||
$(".gjl-icon1").attr("data-value", "0"); |
|||
_ScreenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.RIGHT_CLICK); |
|||
} |
|||
|
|||
function goView(id,name) { |
|||
var index = layui.layer.open({ |
|||
title: "【"+name+"】车辆状态监控 ", |
|||
type: 2, |
|||
area: ["1280px", "680px"], |
|||
shade: 0.4, //遮罩透明度 |
|||
maxmin: true, |
|||
content: _staticUrl+"subitem/item/clxq.html?ID="+id |
|||
}); |
|||
} |
|||
|
|||
// 鼠标点击获取坐标点 |
|||
this._ScreenSpaceEventHandler.setInputAction(function onLeftClick(movement) { |
|||
// 选择新模型 |
|||
var pickedFeature = this._viewer.scene.pick(movement.position); |
|||
if (pickedFeature && pickedFeature.id) { |
|||
var index = $.inArray(pickedFeature.id._id, addCarIconList); |
|||
if (index >= 0) { |
|||
//人 |
|||
updateEntity_billboardImg( |
|||
addCarIconList, |
|||
pickedFeature.id._id, |
|||
_staticUrl+"icon/ditu-cl-ducy-icon1h.png", |
|||
_staticUrl+"icon/ditu-cl-ducy-icon1.png" |
|||
); |
|||
} else { |
|||
updateEntity_billboardImg( |
|||
addCarIconList, |
|||
pickedFeature.id._id, |
|||
_staticUrl+"icon/ditu-cl-ducy-icon1h.png", |
|||
_staticUrl+"icon/ditu-cl-ducy-icon1.png" |
|||
); |
|||
} |
|||
goView(pickedFeature.id._id,pickedFeature.id._name); |
|||
} else { |
|||
console.log("点击的是模型"); |
|||
} |
|||
}, this._cesium.ScreenSpaceEventType.LEFT_CLICK); |
|||
</script> |
@ -0,0 +1,67 @@ |
|||
|
|||
/* 工具栏 */ |
|||
|
|||
.yjcz-gjl { |
|||
width: calc(100% - 190px); |
|||
height: 100px; |
|||
position: absolute; |
|||
margin-left: 190px; |
|||
bottom: 26px; |
|||
} |
|||
|
|||
.yjcz-gjl li { |
|||
width: 104px; |
|||
height: 100px; |
|||
margin-right: 36px; |
|||
float: left; |
|||
text-align: center; |
|||
} |
|||
|
|||
.yjcz-gjl li a { |
|||
display: block; |
|||
color: #cbebff; |
|||
} |
|||
|
|||
.yjcz-gjl li .yjcz-gjl-icon { |
|||
width: 104px; |
|||
height: 76px; |
|||
} |
|||
|
|||
.yjcz-gjl li h4 { |
|||
height: 24px; |
|||
line-height: 24px; |
|||
font-size: 16px; |
|||
font-weight: normal; |
|||
} |
|||
|
|||
.yjcz-gjl li .yjcz-gjl-icon11 { |
|||
background: url(../../yjczImg/yjcz-gjl-icon11.png) bottom no-repeat; |
|||
} |
|||
|
|||
.yjcz-gjl li a.current .yjcz-gjl-icon11 { |
|||
background: url(../../yjczImg/yjcz-gjl-icon11h.png) bottom no-repeat; |
|||
} |
|||
|
|||
.yjcz-gjl li .yjcz-gjl-icon12 { |
|||
background: url(../../yjczImg/yjcz-gjl-icon12.png) bottom no-repeat; |
|||
} |
|||
|
|||
.yjcz-gjl li a.current .yjcz-gjl-icon12 { |
|||
background: url(../../yjczImg/yjcz-gjl-icon12h.png) bottom no-repeat; |
|||
} |
|||
|
|||
.yjcz-gjl li .yjcz-gjl-icon13 { |
|||
background: url(../../yjczImg/yjcz-gjl-icon13.png) bottom no-repeat; |
|||
} |
|||
|
|||
.yjcz-gjl li a.current .yjcz-gjl-icon13 { |
|||
background: url(../../yjczImg/yjcz-gjl-icon13h.png) bottom no-repeat; |
|||
} |
|||
|
|||
.yjcz-gjl li .yjcz-gjl-icon14 { |
|||
background: url(../../yjczImg/yjcz-gjl-icon14.png) bottom no-repeat; |
|||
} |
|||
|
|||
.yjcz-gjl li a.current .yjcz-gjl-icon14 { |
|||
background: url(../../yjczImg/yjcz-gjl-icon14h.png) bottom no-repeat; |
|||
} |
@ -0,0 +1,129 @@ |
|||
<script |
|||
type="text/javascript" |
|||
src="SuperMap_WebGL/examples/js/polygon.js" |
|||
></script> |
|||
<script type="text/javascript" src="subitem/js/yjcz.js"></script> |
|||
<script type="text/javascript" src="js/setting.js"></script> |
|||
<link href="subitem/css/clfzbs.css" rel="stylesheet" type="text/css" /> |
|||
<style> |
|||
.layui-layer { |
|||
background: #0d1535 !important; |
|||
} |
|||
</style> |
|||
<!-- 工具栏 --> |
|||
<div class="yjcz-gjl" style="text-align: center"> |
|||
<ul> |
|||
<li> |
|||
<a |
|||
href="javascript:void(0)" |
|||
onclick="clbs_fun()" |
|||
class="gjl-icon1" |
|||
data-value="0" |
|||
> |
|||
<div class="yjcz-gjl-icon yjcz-gjl-icon12"></div> |
|||
<h4>错误标记</h4> |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<script type="text/javascript"> |
|||
//标记数组 |
|||
var addCWIconList = []; |
|||
|
|||
function clbs_fun() { |
|||
$(".gjl-icon1").toggleClass("current"); |
|||
var dataValue = $(".gjl-icon1").attr("data-value"); |
|||
if (dataValue == "0") { |
|||
openCLXZ(); |
|||
$(".gjl-icon1").attr("data-value", "1"); |
|||
} else { |
|||
_ScreenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.RIGHT_CLICK); |
|||
$(".gjl-icon1").attr("data-value", "0"); |
|||
} |
|||
} |
|||
function openCLXZ() { |
|||
var index = layui.layer.open({ |
|||
title: "调剂添加 ", |
|||
type: 2, |
|||
area: ["640px", "420px"], |
|||
shade: 0.4, //遮罩透明度 |
|||
anim: 1, |
|||
maxmin: true, |
|||
content: _staticUrl+"subitem/item/cwbj.html", |
|||
btn: ["确定", "取消"], |
|||
yes: function (index, layero) { |
|||
var body = parent.layer.getChildFrame("body", index); |
|||
var xueyuan = body.find("#xueyuan").val(); |
|||
var remarks = body.find("#remarks").val(); |
|||
var text = xueyuan; |
|||
if (remarks != null && remarks != "") { |
|||
if(remarks.length > 10){ |
|||
text += "("+remarks.substring(0, 10)+"...)"; |
|||
}else{ |
|||
text += "("+remarks+")"; |
|||
} |
|||
} |
|||
try { |
|||
setPointIcon(text); |
|||
} catch (e) { |
|||
layer.close(index); |
|||
} |
|||
layer.close(index); |
|||
}, |
|||
btn2: function () { |
|||
$(".gjl-icon1").toggleClass("current"); |
|||
$(".gjl-icon1").attr("data-value", "0"); |
|||
layer.close(index); |
|||
}, |
|||
}); |
|||
} |
|||
|
|||
//点击获取位置 |
|||
function setPointIcon(name, type) { |
|||
_ScreenSpaceEventHandler.setInputAction(function onLeftClick(movement) { |
|||
var position = _viewer.scene.pickPosition(movement.position); |
|||
if (position != null) { |
|||
var cartographic = _cesium.Cartographic.fromCartesian(position); |
|||
if (cartographic != null) { |
|||
longitude = _cesium.Math.toDegrees(cartographic.longitude); |
|||
latitude = _cesium.Math.toDegrees(cartographic.latitude); |
|||
var height = cartographic.height; |
|||
if (height < 0) { |
|||
height = 0; |
|||
} |
|||
position = _cesium.Cartesian3.fromDegrees( |
|||
longitude, |
|||
latitude, |
|||
height |
|||
); |
|||
addIcon(name, position, type); |
|||
} |
|||
} |
|||
}, _cesium.ScreenSpaceEventType.RIGHT_CLICK); |
|||
} |
|||
|
|||
function addIcon(name, position, type) { |
|||
if (type == null || type == "") { |
|||
type = "mark_cw"; |
|||
} |
|||
|
|||
//地图添加标注 |
|||
addEntity_billboardAndLabel( |
|||
addCWIconList, |
|||
"addCWIconList" + addCWIconList.length, |
|||
name == null || name == "" |
|||
? "addCWIconList" + addCWIconList.length |
|||
: name, |
|||
position, |
|||
_staticUrl+"icon/" + type + ".png", |
|||
new this._cesium.DistanceDisplayCondition(0, 15000.0), |
|||
15000.0, |
|||
1 |
|||
); |
|||
|
|||
$(".gjl-icon1").toggleClass("current"); |
|||
$(".gjl-icon1").attr("data-value", "0"); |
|||
_ScreenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.RIGHT_CLICK); |
|||
} |
|||
|
|||
</script> |
@ -0,0 +1,124 @@ |
|||
<script |
|||
type="text/javascript" |
|||
src="SuperMap_WebGL/examples/js/polygon.js" |
|||
></script> |
|||
<script type="text/javascript" src="subitem/js/yjcz.js"></script> |
|||
<script type="text/javascript" src="js/setting.js"></script> |
|||
<link href="subitem/css/clfzbs.css" rel="stylesheet" type="text/css" /> |
|||
<style> |
|||
.layui-layer { |
|||
background: #0d1535 !important; |
|||
} |
|||
</style> |
|||
<!-- 工具栏 --> |
|||
<div class="yjcz-gjl" style="text-align: center"> |
|||
<ul> |
|||
<li> |
|||
<a |
|||
href="javascript:void(0)" |
|||
onclick="clbs_fun()" |
|||
class="gjl-icon1" |
|||
data-value="0" |
|||
> |
|||
<div class="yjcz-gjl-icon yjcz-gjl-icon13"></div> |
|||
<h4>角色选择与同步</h4> |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<script type="text/javascript"> |
|||
//标记数组 |
|||
var addRYIconList = []; |
|||
|
|||
function clbs_fun() { |
|||
$(".gjl-icon1").toggleClass("current"); |
|||
var dataValue = $(".gjl-icon1").attr("data-value"); |
|||
if (dataValue == "0") { |
|||
openCLXZ(); |
|||
$(".gjl-icon1").attr("data-value", "1"); |
|||
} else { |
|||
_ScreenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.RIGHT_CLICK); |
|||
$(".gjl-icon1").attr("data-value", "0"); |
|||
} |
|||
} |
|||
function openCLXZ() { |
|||
var index = layui.layer.open({ |
|||
title: "角色选择 ", |
|||
type: 2, |
|||
area: ["640px", "420px"], |
|||
shade: 0.4, //遮罩透明度 |
|||
anim: 1, |
|||
maxmin: true, |
|||
content: _staticUrl+"subitem/item/jsxz.html", |
|||
btn: ["确定", "取消"], |
|||
yes: function (index, layero) { |
|||
var body = parent.layer.getChildFrame("body", index); |
|||
var xueyuan = body.find("#xueyuan").val(); |
|||
var carSel = body.find("#carSel").val(); |
|||
var text = carSel; |
|||
if (xueyuan != null && xueyuan != "") { |
|||
text += "("+xueyuan+")"; |
|||
} |
|||
try { |
|||
setPointIcon(text); |
|||
} catch (e) { |
|||
layer.close(index); |
|||
} |
|||
layer.close(index); |
|||
}, |
|||
btn2: function () { |
|||
$(".gjl-icon1").toggleClass("current"); |
|||
$(".gjl-icon1").attr("data-value", "0"); |
|||
layer.close(index); |
|||
}, |
|||
}); |
|||
} |
|||
|
|||
//点击获取位置 |
|||
function setPointIcon(name, type) { |
|||
_ScreenSpaceEventHandler.setInputAction(function onLeftClick(movement) { |
|||
var position = _viewer.scene.pickPosition(movement.position); |
|||
if (position != null) { |
|||
var cartographic = _cesium.Cartographic.fromCartesian(position); |
|||
if (cartographic != null) { |
|||
longitude = _cesium.Math.toDegrees(cartographic.longitude); |
|||
latitude = _cesium.Math.toDegrees(cartographic.latitude); |
|||
var height = cartographic.height; |
|||
if (height < 0) { |
|||
height = 0; |
|||
} |
|||
position = _cesium.Cartesian3.fromDegrees( |
|||
longitude, |
|||
latitude, |
|||
height |
|||
); |
|||
addIcon(name, position, type); |
|||
} |
|||
} |
|||
}, _cesium.ScreenSpaceEventType.RIGHT_CLICK); |
|||
} |
|||
|
|||
function addIcon(name, position, type) { |
|||
if (type == null || type == "") { |
|||
type = "ditu-fk-icon1"; |
|||
} |
|||
|
|||
//地图添加标注 |
|||
addEntity_billboardAndLabel( |
|||
addRYIconList, |
|||
"addRYIconList" + addRYIconList.length, |
|||
name == null || name == "" |
|||
? "addRYIconList" + addRYIconList.length |
|||
: name, |
|||
position, |
|||
_staticUrl+"icon/" + type + ".png", |
|||
new this._cesium.DistanceDisplayCondition(0, 15000.0), |
|||
15000.0, |
|||
1 |
|||
); |
|||
|
|||
$(".gjl-icon1").toggleClass("current"); |
|||
$(".gjl-icon1").attr("data-value", "0"); |
|||
_ScreenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.RIGHT_CLICK); |
|||
} |
|||
</script> |
@ -0,0 +1,358 @@ |
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|||
<html xmlns="http://www.w3.org/1999/xhtml"> |
|||
<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, maximum-scale=1" |
|||
/> |
|||
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> |
|||
<meta name="apple-mobile-web-app-capable" content="yes" /> |
|||
<meta name="format-detection" content="telephone=no" /> |
|||
<link rel="stylesheet" href="../../layui/css/layui.css" media="all" /> |
|||
<link rel="stylesheet" href="../../css/public.css" media="all" /> |
|||
<link rel="stylesheet" href="../../iconfont/iconfont.css" media="all" /> |
|||
<link rel="stylesheet" href="../../css/bulletframe.css" media="all" /> |
|||
</head> |
|||
<body class="childrenBody" style="height: 90%"> |
|||
<form class="layui-form" style="width: 100%; margin-top: 15px"> |
|||
<input class="layui-input ID" type="hidden" /> |
|||
<input class="layui-input Action" type="hidden" /> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label"> 车辆名称 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="car_name" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
<label class="layui-form-label"> 车辆编号 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="car_no" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label"> 所属消防机关 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="org_id" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
|
|||
<label class="layui-form-label"> 所属部门 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="dept_id" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label"> 车辆号牌 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="car_num" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
<label class="layui-form-label"> 车联网厂家 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="FACTORY" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label"> 所属辖区 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="region" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
<label class="layui-form-label"> 终端IMEI </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="IMEI" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label"> 车辆位置 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="cheliangweizhi" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
<label class="layui-form-label"> 方向 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="fangxiang" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label"> 是否运行 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="isstart" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
<label class="layui-form-label"> 速度 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="sudu" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label"> 车辆照片 </label> |
|||
<div class="layui-input-block" style="margin-left: 160px"> |
|||
<img |
|||
class="layui-upload-img" |
|||
id="PHOTO" |
|||
style="width: 87% !important; height: 50% !important" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label"> 载水量 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="waternum" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
<label class="layui-form-label"> 载干粉量 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="drypowder" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label"> 泡沫量 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="frothamount" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
<label class="layui-form-label"> 多功能泡沫量 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="frothamountmulti" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label"> A类泡沫量 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="frothamounta" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
<label class="layui-form-label"> B类泡沫量 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="frothamountb" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label"> 液位 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="liquidlevel" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
<label class="layui-form-label"> 登高车工作高度 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="heightboardingcar" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label"> 压力 </label> |
|||
<div class="layui-input-inline"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="pressure" |
|||
disabled="disabled" |
|||
/> |
|||
</div> |
|||
<label class="layui-form-label"> 备注 </label> |
|||
<div class="layui-input-inline"> |
|||
<textarea |
|||
id="remarks" |
|||
class="layui-textarea" |
|||
style="width: 550px" |
|||
disabled="disabled" |
|||
></textarea> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
<script |
|||
src="../../js/util/jquery-1.8.3.min.js" |
|||
type="text/javascript" |
|||
></script> |
|||
<script type="text/javascript" src="../../layui/layui.js"></script> |
|||
<script type="text/javascript" src="../../js/util/jq_extend.js"></script> |
|||
<script type="text/javascript" src="../../js/setting.js"></script> |
|||
<script type="text/javascript"> |
|||
layui.use(["form"], function () { |
|||
var form = layui.form, |
|||
$ = layui.jquery; |
|||
|
|||
var ID = $.getUrlVar("ID"); |
|||
$(function () { |
|||
$.ajax({ |
|||
type: "POST", |
|||
url: _interfaceDocUrl + "/ashx/CarHandler.ashx", |
|||
data: { Action: "View", ID: ID, random: new Date().getTime() }, |
|||
dataType: "json", |
|||
success: function (data) { |
|||
var result = data.data[0]; |
|||
$("#officialAndDucyDiv").show(); |
|||
$("#ducyDiv").show(); |
|||
$("#officialDiv").hide(); |
|||
$("#socityDiv").hide(); |
|||
$("#car_name").val(result.CAR_NAME); //车辆名称 |
|||
$("#car_no").val(result.CAR_NO); //车辆编号 |
|||
$("#org_id").val(result.ORG_NAME); //消防机构 |
|||
$("#dept_id").val(result.DEPT_NAME); //部门 |
|||
$("#car_num").val(result.CAR_NUM); //车辆号牌 |
|||
$("#car_code").val(result.CAR_CODE); //车辆登记代号 |
|||
$("#frame_num").val(result.FRAME_NUM); //车架号 |
|||
$("#engine_no").val(result.ENGINE_NO); //发动机号 |
|||
$("#trademark").val(result.TRADEMARK); //商标 |
|||
$("#gbcode").val(result.GB_CODE); //国标代码 |
|||
$("#factory").val(result.FACTORY); //出厂厂家 |
|||
$("#liableman").val(result.LIABLEMAN); //责任人名称 |
|||
$("#region").val(result.AREA_NAME); //所属辖区 |
|||
$("#isrun").val(result.ISRUN); //是否运行 |
|||
$("#class").val(result.CLASS); //大类型 |
|||
$("#type").val(result.TYPE); //小类型 |
|||
$("#waternum").val(result.WATERNUM); //载水量 |
|||
$("#drypowder").val(result.DRYPOWDER); //载干粉量 |
|||
$("#heightboardingcar").val(result.HEIGHTBOARDINGCAR); //登高车工作高度 |
|||
$("#frothamount").val(result.FROTHAMOUNT); //泡沫量 |
|||
$("#frothamounta").val(result.FROTHAMOUNTA); //A类泡沫量 |
|||
$("#frothamountb").val(result.FROTHAMOUNTB); //B类泡沫量 |
|||
$("#frothamountmulti").val(result.FROTHAMOUNTMULTI); //多功能泡沫量 |
|||
$("#liquidlevel").val(result.LIQUIDLEVEL); //液位 |
|||
$("#pressure").val(result.PRESSURE); //压力 |
|||
$("#isstart").val(result.ISSTART); //是否运行 |
|||
$("#remarks").val(result.REMARKS); |
|||
$("#PHOTO").attr("src", _interfaceImgUrl + result.PHOTO); |
|||
$("#IMEI").val(result.IMEI); //车联网厂家 |
|||
|
|||
$("#cheliangweizhi").val(result.AREA_NAME); //车辆位置 |
|||
$("#fangxiang").val("--°"); //方向 |
|||
$("#sudu").val("--(km/h)"); //速度 |
|||
|
|||
if (result.ISRUN == "1") { |
|||
$("#isrun").val("离营"); |
|||
} else { |
|||
$("#isrun").val("在营"); |
|||
} |
|||
|
|||
if (result.ISRUN == "0") { |
|||
$("#isstart").val("未启动"); |
|||
} else if (result.ISRUN == "1") { |
|||
$("#isstart").val("已启动"); |
|||
$("#sudu").val(Math.floor(Math.random() * 75) + 1 +"(km/h)"); |
|||
$("#fangxiang").val(Math.floor(Math.random() * 360) + 1 +"°"); |
|||
} else { |
|||
$("#isstart").val("未知"); |
|||
} |
|||
|
|||
if (result.FACTORY == "0") { |
|||
$("#FACTORY").val("中移物联"); |
|||
} else if (result.FACTORY == "1") { |
|||
$("#FACTORY").val("乐兔兔"); |
|||
} else { |
|||
$("#FACTORY").val("未知"); |
|||
} |
|||
}, |
|||
}); |
|||
}); |
|||
}); |
|||
</script> |
|||
</body> |
|||
</html> |
@ -0,0 +1,147 @@ |
|||
<!DOCTYPE html> |
|||
<html style="height: 100%"> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<title></title> |
|||
<script src="../../js/util/jquery-1.8.3.min.js"></script> |
|||
<!--Layui--> |
|||
<link href="../../layui/css/layui.css" rel="stylesheet" type="text/css" /> |
|||
<script src="../../layui/layui.js" type="text/javascript"></script> |
|||
<script src="../../js/setting.js"></script> |
|||
|
|||
<style> |
|||
.tool-model-select { |
|||
position: absolute; |
|||
border: 1px solid #4190b6; |
|||
border-radius: 4px; |
|||
width: 830px; |
|||
left: 10px; |
|||
z-index: 99; |
|||
} |
|||
.tool-model-select span { |
|||
float: left; |
|||
width: 20px; |
|||
height: 38px; |
|||
line-height: 34px; |
|||
} |
|||
.tool-model-select span img { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
} |
|||
.tool-model-select select { |
|||
float: right; |
|||
width: 175px; |
|||
height: 38px; |
|||
border: 0; |
|||
line-height: 38px; |
|||
color: #00aeff; |
|||
font-size: 16px; |
|||
background: none; |
|||
outline: none; |
|||
/*很关键:将默认的select选择框样式清除*/ |
|||
appearance: none; |
|||
-moz-appearance: none; |
|||
-webkit-appearance: none; |
|||
|
|||
/*在选择框的最右侧中间显示小箭头图片*/ |
|||
background: url("../img/tool-model-select-sanjiao.png") no-repeat scroll |
|||
right center transparent; |
|||
padding-right: 14px; |
|||
} |
|||
.tool-model-select select option { |
|||
background: rgba(20, 47, 91, 0.8); |
|||
border: 1px solid #4190b6; |
|||
} |
|||
|
|||
.layui-form-select .layui-input { |
|||
background: #2e415f; |
|||
border: 0; |
|||
color: #fff; |
|||
} |
|||
|
|||
.layui-form-selected dl { |
|||
background: rgb(46, 65, 95); |
|||
} |
|||
|
|||
.layui-form-select dl dd:hover { |
|||
background-color: #5fb878; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body style="height: 90%"> |
|||
<form |
|||
id="weatherSettingDiv" |
|||
class="layui-form" |
|||
style="width: 90%; margin-top: 15px; color: #fff" |
|||
> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label label-required-next"> 车辆选择 </label> |
|||
<div class="layui-input-block tool-model-select"> |
|||
<select |
|||
id="carSel" |
|||
lay-filter="carSel" |
|||
lay-search="" |
|||
lay-verify="required" |
|||
></select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label label-required-next"> 车辆照片 </label> |
|||
<div class="layui-input-block" style="margin-left: 160px"> |
|||
<img |
|||
class="layui-upload-img" |
|||
id="PHOTO" |
|||
style="width: 87% !important; height: 50% !important" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
<script type="text/javascript"> |
|||
/** |
|||
* 初始化layui |
|||
*/ |
|||
layui.use(["layer", "form"], function () { |
|||
var form = layui.form, |
|||
layer = layui.layer, |
|||
$ = layui.jquery; |
|||
|
|||
var orgId = sessionStorage.getItem("visualization_orgId"); |
|||
if(orgId == "bdlg"){ |
|||
orgId = "f4d9f25b27114172a66a9d04cc158b00" |
|||
} |
|||
|
|||
$.ajax({ |
|||
type: "post", |
|||
url: _interfaceDocUrl + "/ashx/CarHandler.ashx", |
|||
data: { |
|||
Action: "CarList", |
|||
page: 1, |
|||
limit: 9999, |
|||
OrgId: orgId == null || orgId == "" ? "e2edaf11624e489085ebd39a3b448cc6" : orgId, |
|||
is_content: 1, |
|||
class: "1", |
|||
type: "org", |
|||
random: new Date().getTime(), //随机参数 |
|||
}, |
|||
dataType: "json", |
|||
success: function (result) { |
|||
var CarStr = ""; |
|||
result.data.forEach(function (obj, index, arr) { |
|||
CarStr += |
|||
"<option data-img='"+obj.PHOTO+"' value='" + obj.ID + "_,_" + obj.CAR_NUM + "'>" + obj.CAR_NUM+"("+obj.CAR_NAME+")" + "</option>"; |
|||
}); |
|||
$("#carSel").append(CarStr); |
|||
form.render("select"); |
|||
}, |
|||
}); |
|||
|
|||
form.on("select(carSel)", function (data) { |
|||
var url = $(data.elem).find("option:selected").attr('data-img') ; |
|||
if (data.value != null && data.value != "") { |
|||
$("#PHOTO").attr("src", _interfaceImgUrl + url); |
|||
} |
|||
}); |
|||
}); |
|||
</script> |
|||
</body> |
|||
</html> |
@ -0,0 +1,39 @@ |
|||
<!DOCTYPE html> |
|||
<html style="height: 100%"> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<title></title> |
|||
<script src="../../js/util/jquery-1.8.3.min.js"></script> |
|||
<!--Layui--> |
|||
<link href="../../layui/css/layui.css" rel="stylesheet" type="text/css" /> |
|||
<script src="../../layui/layui.js" type="text/javascript"></script> |
|||
</head> |
|||
<body style="height: 90%"> |
|||
<form |
|||
id="weatherSettingDiv" |
|||
class="layui-form" |
|||
style="width: 90%; margin-top: 15px; color: #fff" |
|||
> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label label-required-next"> 学员 </label> |
|||
<div class="layui-input-block tool-model-select"> |
|||
<input |
|||
type="text" |
|||
class="layui-input" |
|||
id="xueyuan" |
|||
maxlength="10" |
|||
/> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label label-required-next"> 错误描述 </label> |
|||
<div class="layui-input-block" > |
|||
<textarea |
|||
id="remarks" |
|||
class="layui-textarea" |
|||
></textarea> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</body> |
|||
</html> |
@ -0,0 +1,110 @@ |
|||
<!DOCTYPE html> |
|||
<html style="height: 100%"> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<title></title> |
|||
<script src="../../js/util/jquery-1.8.3.min.js"></script> |
|||
<!--Layui--> |
|||
<link href="../../layui/css/layui.css" rel="stylesheet" type="text/css" /> |
|||
<script src="../../layui/layui.js" type="text/javascript"></script> |
|||
|
|||
<style> |
|||
.tool-model-select { |
|||
position: absolute; |
|||
border: 1px solid #4190b6; |
|||
border-radius: 4px; |
|||
width: 230px; |
|||
left: 10px; |
|||
z-index: 99; |
|||
} |
|||
.tool-model-select span { |
|||
float: left; |
|||
width: 20px; |
|||
height: 38px; |
|||
line-height: 34px; |
|||
} |
|||
.tool-model-select span img { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
} |
|||
.tool-model-select select { |
|||
float: right; |
|||
width: 175px; |
|||
height: 38px; |
|||
border: 0; |
|||
line-height: 38px; |
|||
color: #00aeff; |
|||
font-size: 16px; |
|||
background: none; |
|||
outline: none; |
|||
/*很关键:将默认的select选择框样式清除*/ |
|||
appearance: none; |
|||
-moz-appearance: none; |
|||
-webkit-appearance: none; |
|||
|
|||
/*在选择框的最右侧中间显示小箭头图片*/ |
|||
background: url("../img/tool-model-select-sanjiao.png") no-repeat scroll |
|||
right center transparent; |
|||
padding-right: 14px; |
|||
} |
|||
.tool-model-select select option { |
|||
background: rgba(20, 47, 91, 0.8); |
|||
border: 1px solid #4190b6; |
|||
} |
|||
|
|||
.layui-form-select .layui-input { |
|||
background: #2e415f; |
|||
border: 0; |
|||
color: #fff; |
|||
} |
|||
|
|||
.layui-form-selected dl { |
|||
background: rgb(46, 65, 95); |
|||
} |
|||
|
|||
.layui-form-select dl dd:hover { |
|||
background-color: #5fb878; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body style="height: 90%"> |
|||
<form |
|||
id="weatherSettingDiv" |
|||
class="layui-form" |
|||
style="width: 90%; margin-top: 15px; color: #fff" |
|||
> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label label-required-next"> 用户 </label> |
|||
<div class="layui-input-block tool-model-select"> |
|||
<input type="text" class="layui-input" id="xueyuan" maxlength="10" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label label-required-next"> 角色选择 </label> |
|||
<div class="layui-input-block tool-model-select"> |
|||
<select |
|||
id="carSel" |
|||
lay-filter="carSel" |
|||
lay-search="" |
|||
lay-verify="required" |
|||
> |
|||
<option>消防员</option> |
|||
<option>指挥官</option> |
|||
<option>救援人员</option> |
|||
<option>其他角色</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
<script type="text/javascript"> |
|||
/** |
|||
* 初始化layui |
|||
*/ |
|||
layui.use(["layer", "form"], function () { |
|||
var form = layui.form, |
|||
layer = layui.layer, |
|||
$ = layui.jquery; |
|||
}); |
|||
</script> |
|||
</body> |
|||
</html> |
@ -1,61 +1,59 @@ |
|||
<!DOCTYPE html> |
|||
<html style="height:100%"> |
|||
<head> |
|||
<html style="height: 100%"> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<title></title> |
|||
<!--Layui--> |
|||
<link href="../layui/css/layui.css" rel="stylesheet" type="text/css"> |
|||
<link href="../layui/css/layui.css" rel="stylesheet" type="text/css" /> |
|||
<script src="../layui/layui.js" type="text/javascript"></script> |
|||
</head> |
|||
<body style="height:90%"> |
|||
<form id="weatherSettingDiv" class="layui-form" style="width: 90%; margin-top:15px; color: #fff"> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label label-required-next"> |
|||
天气 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<select id="tianqi" style="display: block;"> |
|||
<option value="">晴天</option> |
|||
<option value="">阴天</option> |
|||
<option value="">雨天</option> |
|||
</select> |
|||
</div> |
|||
</head> |
|||
<body style="height: 90%"> |
|||
<form |
|||
id="weatherSettingDiv" |
|||
class="layui-form" |
|||
style="width: 90%; margin-top: 15px; color: #fff" |
|||
> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label label-required-next"> 天气 </label> |
|||
<div class="layui-input-block"> |
|||
<select id="tianqi" style="display: block"> |
|||
<option value="">晴天</option> |
|||
<option value="">阴天</option> |
|||
<option value="">雨天</option> |
|||
</select> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label label-required-next"> |
|||
风向 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<select id="fengxiang" style="display: block;"> |
|||
<option value="0">东风</option> |
|||
<option value="270.0">南风</option> |
|||
<option value="180.0">西风</option> |
|||
<option value="90.0">北风</option> |
|||
<option value="315.0">东南风</option> |
|||
<option value="225.0">西南风</option> |
|||
<option value="45.0">东北风</option> |
|||
<option value="135.0">西北风</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label label-required-next"> 风向 </label> |
|||
<div class="layui-input-block"> |
|||
<select id="fengxiang" style="display: block"> |
|||
<option value="0">东风</option> |
|||
<option value="270.0">南风</option> |
|||
<option value="180.0">西风</option> |
|||
<option value="90.0">北风</option> |
|||
<option value="315.0">东南风</option> |
|||
<option value="225.0">西南风</option> |
|||
<option value="45.0">东北风</option> |
|||
<option value="135.0">西北风</option> |
|||
</select> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label label-required-next"> |
|||
强度 |
|||
</label> |
|||
<div class="layui-input-block"> |
|||
<select id="qiangdu" style="display: block;"> |
|||
<option value="四级">四级及以下</option> |
|||
<option value="五级">五级</option> |
|||
<option value="六级">六级</option> |
|||
<option value="七级">七级</option> |
|||
<option value="八级">八级</option> |
|||
<option value="九级">九级</option> |
|||
<option value="十级">十级</option> |
|||
<option value="十一级">十一级</option> |
|||
<option value="十二级">十二级</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
<div class="layui-form-item layui-row layui-col-xs12"> |
|||
<label class="layui-form-label label-required-next"> 强度 </label> |
|||
<div class="layui-input-block"> |
|||
<select id="qiangdu" style="display: block"> |
|||
<option value="四级">四级及以下</option> |
|||
<option value="五级">五级</option> |
|||
<option value="六级">六级</option> |
|||
<option value="七级">七级</option> |
|||
<option value="八级">八级</option> |
|||
<option value="九级">九级</option> |
|||
<option value="十级">十级</option> |
|||
<option value="十一级">十一级</option> |
|||
<option value="十二级">十二级</option> |
|||
</select> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</bodystyle="height:90%"> |
|||
</htmlstyle="height:90%"> |
|||
</body> |
|||
</html> |
|||
|
@ -0,0 +1,124 @@ |
|||
<script |
|||
type="text/javascript" |
|||
src="SuperMap_WebGL/examples/js/polygon.js" |
|||
></script> |
|||
<script type="text/javascript" src="subitem/js/yjcz.js"></script> |
|||
<script type="text/javascript" src="js/setting.js"></script> |
|||
<link href="subitem/css/clfzbs.css" rel="stylesheet" type="text/css" /> |
|||
<style> |
|||
.layui-layer { |
|||
background: #0d1535 !important; |
|||
} |
|||
</style> |
|||
<!-- 工具栏 --> |
|||
<div class="yjcz-gjl" style="text-align: center"> |
|||
<ul> |
|||
<li> |
|||
<a |
|||
href="javascript:void(0)" |
|||
onclick="clbs_fun()" |
|||
class="gjl-icon1" |
|||
data-value="0" |
|||
> |
|||
<div class="yjcz-gjl-icon yjcz-gjl-icon14"></div> |
|||
<h4>创建用户</h4> |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<script type="text/javascript"> |
|||
//标记数组 |
|||
var addRYIconList = []; |
|||
|
|||
function clbs_fun() { |
|||
$(".gjl-icon1").toggleClass("current"); |
|||
var dataValue = $(".gjl-icon1").attr("data-value"); |
|||
if (dataValue == "0") { |
|||
openCLXZ(); |
|||
$(".gjl-icon1").attr("data-value", "1"); |
|||
} else { |
|||
_ScreenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.RIGHT_CLICK); |
|||
$(".gjl-icon1").attr("data-value", "0"); |
|||
} |
|||
} |
|||
function openCLXZ() { |
|||
var index = layui.layer.open({ |
|||
title: "角色选择 ", |
|||
type: 2, |
|||
area: ["640px", "420px"], |
|||
shade: 0.4, //遮罩透明度 |
|||
anim: 1, |
|||
maxmin: true, |
|||
content: _staticUrl+"subitem/item/jsxz.html", |
|||
btn: ["确定", "取消"], |
|||
yes: function (index, layero) { |
|||
var body = parent.layer.getChildFrame("body", index); |
|||
var xueyuan = body.find("#xueyuan").val(); |
|||
var carSel = body.find("#carSel").val(); |
|||
var text = carSel; |
|||
if (xueyuan != null && xueyuan != "") { |
|||
text += "("+xueyuan+")"; |
|||
} |
|||
try { |
|||
setPointIcon(text); |
|||
} catch (e) { |
|||
layer.close(index); |
|||
} |
|||
layer.close(index); |
|||
}, |
|||
btn2: function () { |
|||
$(".gjl-icon1").toggleClass("current"); |
|||
$(".gjl-icon1").attr("data-value", "0"); |
|||
layer.close(index); |
|||
}, |
|||
}); |
|||
} |
|||
|
|||
//点击获取位置 |
|||
function setPointIcon(name, type) { |
|||
_ScreenSpaceEventHandler.setInputAction(function onLeftClick(movement) { |
|||
var position = _viewer.scene.pickPosition(movement.position); |
|||
if (position != null) { |
|||
var cartographic = _cesium.Cartographic.fromCartesian(position); |
|||
if (cartographic != null) { |
|||
longitude = _cesium.Math.toDegrees(cartographic.longitude); |
|||
latitude = _cesium.Math.toDegrees(cartographic.latitude); |
|||
var height = cartographic.height; |
|||
if (height < 0) { |
|||
height = 0; |
|||
} |
|||
position = _cesium.Cartesian3.fromDegrees( |
|||
longitude, |
|||
latitude, |
|||
height |
|||
); |
|||
addIcon(name, position, type); |
|||
} |
|||
} |
|||
}, _cesium.ScreenSpaceEventType.RIGHT_CLICK); |
|||
} |
|||
|
|||
function addIcon(name, position, type) { |
|||
if (type == null || type == "") { |
|||
type = "ditu-fk-icon1"; |
|||
} |
|||
|
|||
//地图添加标注 |
|||
addEntity_billboardAndLabel( |
|||
addRYIconList, |
|||
"addRYIconList" + addRYIconList.length, |
|||
name == null || name == "" |
|||
? "addRYIconList" + addRYIconList.length |
|||
: name, |
|||
position, |
|||
_staticUrl+"icon/" + type + ".png", |
|||
new this._cesium.DistanceDisplayCondition(0, 15000.0), |
|||
15000.0, |
|||
1 |
|||
); |
|||
|
|||
$(".gjl-icon1").toggleClass("current"); |
|||
$(".gjl-icon1").attr("data-value", "0"); |
|||
_ScreenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.RIGHT_CLICK); |
|||
} |
|||
</script> |
After Width: | Height: | Size: 3.9 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 4.6 KiB |
After Width: | Height: | Size: 4.8 KiB |
After Width: | Height: | Size: 5.3 KiB |
After Width: | Height: | Size: 4.7 KiB |
After Width: | Height: | Size: 4.9 KiB |