7e47ce238b
添加了管理后台所需的图片资源、Excel文件、安装程序以及设计相关的图片文件
651 lines
23 KiB
HTML
651 lines
23 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>主页-e订通</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="layuiadmin/layui/css/layui.css" media="all">
|
||
<link rel="stylesheet" href="layuiadmin/style/admin.css" media="all">
|
||
<script src="js/jquery.min.js"></script>
|
||
|
||
<style>
|
||
.menu_title_top{width:100%;text-align:center;}
|
||
.menu_dhh_title{line-height:30px;font-size:14px;font-weight:bold;background-color:#ffffff;color:#000000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box;box-sizing:border-box;
|
||
-webkit-border-radius:20px; -moz-border-radius:20px;border-radius:20px;margin:4px;padding:4px;}
|
||
.menu_dp_title{height:50px;line-height:22px;font-size:14px;font-weight:bold;color:#f0f0f0;text-align:left;padding-left:10px;}
|
||
.menu_dp_info_yd{width:260px;}
|
||
.yd{padding-left:10px;padding-top:10px;}
|
||
.ydje{line-height:25px;text-align:left;float:left;width:110px;float:left;}
|
||
.ydjs{line-height:25px;text-align:left;padding-right:20px;}
|
||
.yd_num{font-size:20px;font-weight:bold;color:#f5f5f5;}
|
||
.yd_text{font-size:12px;color:#f5f5f5;}
|
||
.wcl{}
|
||
.wcl_tb{width:100px;height:100px;float:left;background-color:#00ffff;}
|
||
.wcl_tb iframe{width:100%;height:100%;border:none;background-color:#00ffff;overflow:hidden;scroll:no;}
|
||
.wcl_text_je{line-height:25px;float:left;padding-top:35px;padding-left:10px;width:85px;text-align:left;}
|
||
.wcl_text_js{line-height:25px;float:left;padding-top:35px;padding-left:10px;width:85px;text-align:left;}
|
||
.menu_content{clear:both;}
|
||
.menu_jd{width:100%;padding-bottom:6px;padding-top:6px;text-align:center;clear:both;}
|
||
.menu_split{height:10px;line-height:10px;clear:both;}
|
||
.menu_list{line-height:40px;padding-left:50px;}
|
||
.menu_list .menu_icon{}
|
||
.menu_list .menu_title{color:#ffffff;}
|
||
.menu_list_click{line-height:40px;padding-left:50px;background-color:#727173;}
|
||
.menu_list_click .menu_icon{}
|
||
.menu_list_click .menu_title{color:#ffffff;}
|
||
.menu_line{height:20px;line-height:20px;width:100%;padding-left:20px;margin:0px;}
|
||
.menu_line hr{height:1px;width:180px;background-color:#666666;color:#666666;text-align:center;}
|
||
.menu_copy{width:100%;text-align:center;}
|
||
.menu_copy .copy_edt{height:30px;line-height:30px;}
|
||
.menu_copy .copy_for{padding-left:4px;padding-right:4px;}
|
||
.menu_copy .copy_lic{font-size:16px;font-weight:bold;color:#828182;}
|
||
.layui-btn-disabled{background-color:#4a4a4a;}
|
||
/* 限制iframe横向滚动,略微优化滚动卡顿问题 */
|
||
.layui-layer.layui-layer-iframe { overflow-x: hidden; position: absolute; top: 0;}
|
||
/* 用于画中画伪全屏 */
|
||
.layui-layer-iframe #layerhzh.layui-layer-content { height: 100% !important; }
|
||
.layui-layer-iframe.hzh-fullscreen {/*width: 100% !important; height: 100% !important;*/ top: -1px !important; left: -1px !important;}
|
||
.layui-layer-iframe.hzh-fullscreen #layerhzh.layui-layer-content iframe { height: 100% !important; }
|
||
/* 用以修复安卓端,弹出系统软键盘后,页面被顶出窗口并且无法向上滑动的问题 */
|
||
.layui-layer-iframe.fullscreen-iframe { top: 0 !important; }
|
||
/* 大图相关 */
|
||
/* .viewer-container .viewer-canvas img { top: 50%; left: 50%; transform: translate(-50%, -50%) !important; } */
|
||
</style>
|
||
</head>
|
||
<body class="layui-layout-body">
|
||
<div id="LAY_app">
|
||
<div class="layui-layout layui-layout-admin">
|
||
<div class="layui-header">
|
||
<!-- 头部区域 -->
|
||
<ul class="layui-nav layui-layout-left">
|
||
<a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
|
||
<li style="position: relative; top: 1px; font-size: 16px;padding:15px;float:left;">
|
||
<i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
|
||
</li>
|
||
</a>
|
||
<a href="javascript:refresh_menu();" layadmin-event="refresh" title="刷新">
|
||
<li style="position: relative; top: 1px; font-size: 16px;float:left;padding:15px;">
|
||
<i class="layui-icon layui-icon-refresh-3"></i>
|
||
</li>
|
||
</a>
|
||
</ul>
|
||
<ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
|
||
<li class="layui-nav-item" lay-unselect>
|
||
<a href="javascript:;">
|
||
<cite id="dp_title"></cite>
|
||
</a>
|
||
<dl class="layui-nav-child" id="getstate">
|
||
<dd style="text-align: center;"><a href="javascript:logout();">退出</a></dd>
|
||
</dl>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- 侧边菜单 -->
|
||
<div class="layui-side layui-side-menu" id="ccmenu">
|
||
<div class="layui-side-scroll" style="background-color:#262428">
|
||
<div class="menu_title_top">
|
||
<div class="menu_dhh_title" onclick="window.location.href='main.htm'"></div>
|
||
<div class="menu_dp_title"></div>
|
||
</div>
|
||
<div class="menu_dp_info_yd"></div>
|
||
<div class="menu_dp_info_wcl"></div>
|
||
<div class="menu_jd"></div>
|
||
<div class="menu_split"></div>
|
||
<div class="menu_content"></div>
|
||
<div class="menu_copy">
|
||
<span class="copy_edt"><img src="images/edt_mini.png" width="70" height="30"></span>
|
||
<span class="copy_for"><img src="images/for.png" width="26" height="22"></span>
|
||
<span class="copy_lic"></span>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- 主体内容 -->
|
||
<div class="layui-body" id="LAY_app_body">
|
||
<div class="layadmin-tabsbody-item layui-show" style="overflow-y: auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;">
|
||
<iframe src="" frameborder="0" class="layadmin-iframe" name="layadmin-iframe" allow="camera;midi" id="layadmin-iframe" scrolling="yes" onload="loadFrame()"></iframe>
|
||
</div>
|
||
</div>
|
||
<!-- 辅助元素,一般用于移动设备下遮罩 -->
|
||
<div class="layadmin-body-shade" layadmin-event="shade"></div>
|
||
</div>
|
||
</div>
|
||
<script src="layuiadmin/layui/layui.js"></script>
|
||
<script src="js/function.js"></script>
|
||
<!-- viewer js -->
|
||
<script src="js/viewer/viewer.js"></script>
|
||
<link rel="stylesheet" href="js/viewer/viewer.min.css">
|
||
<link rel="stylesheet" href="js/universal/universal.css">
|
||
<script src="js/jweixin.js"></script>
|
||
<script>
|
||
var this_face=0;
|
||
var iframe_current=1;
|
||
{ // viewer js 相关
|
||
var viewer;
|
||
}
|
||
|
||
function autoPlay(){
|
||
var aliRts= document.getElementById("layadmin-iframe").contentWindow.aliRts
|
||
if(window.WeixinJSBridge==undefined){
|
||
aliRts.subscriber.audioManager.element.play()
|
||
aliRts.subscriber.videoManager.element.play()
|
||
}else{
|
||
WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
|
||
aliRts.subscriber.audioManager.element.play()
|
||
aliRts.subscriber.videoManager.element.play()
|
||
})
|
||
}
|
||
}
|
||
function autoPlay_hzh(){
|
||
var aliRts= document.getElementById("layerhzh").getElementsByTagName("iframe")[0].contentWindow.aliRts
|
||
if(window.WeixinJSBridge==undefined){
|
||
aliRts.subscriber.audioManager.element.play()
|
||
aliRts.subscriber.videoManager.element.play()
|
||
}else{
|
||
WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
|
||
aliRts.subscriber.audioManager.element.play()
|
||
aliRts.subscriber.videoManager.element.play()
|
||
})
|
||
}
|
||
}
|
||
|
||
|
||
function loadFrame(){
|
||
layui.use(['layer', 'jquery'], function(){
|
||
var layer = layer,
|
||
$ = layui.jquery
|
||
if($('#layadmin-iframe').attr("src")=="zbuser.htm"){
|
||
iframe_current=2;
|
||
//使用缓存处理吧cookie获取数据
|
||
}else{
|
||
if(iframe_current==2){
|
||
var system_hzh_current_state=getCookie("system_hzh_current_state");
|
||
if(system_hzh_current_state=="playing" || system_hzh_current_state=="play" || system_hzh_current_state=="ready"){
|
||
show_createhzh();
|
||
}
|
||
}
|
||
iframe_current=1;
|
||
}
|
||
|
||
});
|
||
}
|
||
|
||
function show_createhzh(){
|
||
layui.use(['layer', 'jquery'], function(){
|
||
|
||
var layer = parent.layer,
|
||
$ = layui.jquery
|
||
var acg=getCookie("sys_global_appzbconfig");
|
||
var system_current_hzh_username_sy=getCookie("system_current_hzh_username_sy");
|
||
var list_arr_username_sy=system_current_hzh_username_sy.split("||");
|
||
//
|
||
var hzhurl=getCookie("system_open_hzh_url");
|
||
var yhusername=list_arr_username_sy[0];
|
||
var is_sy=list_arr_username_sy[1];
|
||
var cate='zb';
|
||
//
|
||
if(window.screen.width<450){
|
||
var index_hzh = layer.open({
|
||
type: 2,
|
||
id: 'layerhzh',
|
||
offset: 'rb',
|
||
area: ['210px' , '280px'],
|
||
title: '画中画',
|
||
content: ["zbuser_hzh.htm?appzbconfig="+acg+"&hzhurl="+encodeURIComponent(decodeURIComponent(hzhurl))+"&cate="+cate+"&is_sy="+is_sy+"&username="+yhusername,"no"],
|
||
shade: 0,
|
||
anim: 2,
|
||
zIndex: 20200302,
|
||
resize:true,
|
||
success: function(layero, index){
|
||
var moveElem = layero[0] //待拖拽元素
|
||
,left_offset = 0
|
||
if (window.parent.touchmoveHzh) window.parent.touchmoveHzh(layero.attr("id"))
|
||
}
|
||
});
|
||
}else{
|
||
var index_hzh = layer.open({
|
||
type: 2,
|
||
id: 'layerhzh',
|
||
offset: 'rb',
|
||
area: ['400px', '300px'],
|
||
title: '画中画',
|
||
content: ["zbuser_hzh.htm?appzbconfig="+acg+"&hzhurl="+encodeURIComponent(decodeURIComponent(hzhurl))+"&cate="+cate+"&is_sy="+is_sy+"&username="+yhusername,"no"],
|
||
shade: 0,
|
||
anim: 2,
|
||
zIndex: 20200302,
|
||
resize:true,
|
||
success: function(layero, index){
|
||
|
||
|
||
var moveElem = layero[0] //待拖拽元素
|
||
,left_offset = 0
|
||
|
||
moveElem.addEventListener('touchstart', function(event) {
|
||
if (event.targetTouches.length == 1) {
|
||
// event.preventDefault();// 阻止浏览器默认事件,重要
|
||
var touch = event.targetTouches[0];
|
||
// 把元素放在手指所在的位置
|
||
|
||
var left = touch.pageX - $(this).parent().offset().left
|
||
left_offset = left - parseInt(moveElem.style.left)
|
||
}
|
||
})
|
||
|
||
moveElem.addEventListener('touchmove', function(event) {
|
||
// 如果这个元素的位置内只有一个手指的话
|
||
if (event.targetTouches.length == 1) {
|
||
event.preventDefault();// 阻止浏览器默认事件,重要
|
||
var touch = event.targetTouches[0];
|
||
// 把元素放在手指所在的位置
|
||
|
||
var left = touch.pageX - $(this).parent().offset().left
|
||
,top = touch.pageY - $(this).parent().offset().top
|
||
|
||
moveElem.style.left = (left-left_offset)+"px"
|
||
moveElem.style.top = top+"px"
|
||
}
|
||
}, false)
|
||
|
||
|
||
}
|
||
,full: function(layero, index) {
|
||
console.log([layero, index])
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
})
|
||
}
|
||
//刷新菜单伸缩栏
|
||
function refresh_menu(){
|
||
//
|
||
layui.use('form', function(){
|
||
var $=layui.jquery;
|
||
var form = layui.form;
|
||
var url="./?_m=common&_a=jd_button";
|
||
$.ajax(
|
||
{
|
||
url:url,
|
||
contentType: "application/json",
|
||
method: 'POST',
|
||
success: function (res) {
|
||
var json_data=$.parseJSON(res);
|
||
if(json_data.code==0){
|
||
//------------------本页返回的错误信息
|
||
layer.msg(json_data.msg);
|
||
}else if(json_data.code==1){
|
||
//------------------系统错误
|
||
var msg=json_data.msg;
|
||
var url1="error.htm?msg="+json_data.msg+"&btn_title="+json_data.btn_title+"&btn_url="+json_data.btn_url;
|
||
window.location.href=url1;
|
||
}else if(json_data.code==2){
|
||
//------------------重新登录
|
||
url1="login.htm?error_msg="+json_data.msg;
|
||
window.location.href=url1;
|
||
}else{
|
||
//刷新加单按钮
|
||
var html1=get_jd_html(json_data.show_jd,json_data.is_brand,json_data.is_qr,json_data.is_jd);
|
||
$(".menu_jd").html(html1);
|
||
}
|
||
},
|
||
error: function () {
|
||
layui.layer.msg("与服务器通信失败!");
|
||
}
|
||
}
|
||
);
|
||
})
|
||
}
|
||
//取得交单html
|
||
function get_jd_html(show_jd,is_brand,is_qr,is_jd){
|
||
var html1='';
|
||
if(show_jd=="y"){
|
||
if(is_brand=="y"){
|
||
//启用多品牌
|
||
html1='';
|
||
}else{
|
||
if(is_qr=="y"){
|
||
//已确认
|
||
html1='<button type="button" class="layui-btn layui-btn-radius layui-btn-sm layui-btn-disabled"> 已确认 </button>';
|
||
}else if(is_jd=="y"){
|
||
html1='<button type="button" class="layui-btn layui-btn-radius layui-btn-sm layui-btn-disabled"> 已交单 </button>';
|
||
}else{
|
||
html1='<button type="button" class="layui-btn layui-btn-radius layui-btn-sm btn_jd" style="background-color:#f04122;width:80px;" onclick="do_jd()"> 交单 </button>';
|
||
}
|
||
}
|
||
}
|
||
return html1;
|
||
}
|
||
//跳转到单款订货界面
|
||
function go_dk(url){
|
||
layui.use(['form','layer'],function(){
|
||
var form = layui.form,
|
||
layer = layui.layer,
|
||
$=layui.jquery;
|
||
//改变原元素的选中状态
|
||
$(".menu_list_click").attr("class","menu_list");
|
||
//修改跳转元素的状态
|
||
$("[lay-data='dk.htm']").parent().attr("class","menu_list_click");
|
||
window.frames["layadmin-iframe"].location=url;
|
||
});
|
||
}
|
||
function refresh_admin(){
|
||
document.getElementById('layadmin-iframe').contentWindow.location.reload(true);
|
||
}
|
||
//更新已订数据
|
||
function update_yd_param(zb_client_show,order_jsje,order_num,zb_je,wcl_je,zb_js,wcl_js){
|
||
if(this_face==4 || this_face==3){
|
||
layui.use(['form','layer'],function(){
|
||
var $=layui.jquery;
|
||
var is_show_zb=zb_client_show?zb_client_show:"y";
|
||
//----------------------------加载已订信息
|
||
html1='<div class="yd">';
|
||
//已订金额
|
||
order_jsje=(order_jsje>0)?order_jsje:0;
|
||
html1+='<div class="ydje"><div class="yd_num" id="div_yd_je">'+num_qfw(parseInt(order_jsje))+'</div><div class="yd_text">已订金额</div></div>';
|
||
//已订件数
|
||
order_num=(order_num>0)?order_num:0;
|
||
html1+='<div class="ydjs"><div class="yd_num" id="div_yd_js">'+num_qfw(parseInt(order_num))+'</div><div class="yd_text">已订件数</div></div>';
|
||
html1+='</div>';
|
||
var obj1=$(".menu_dp_info_yd");
|
||
if(obj1)
|
||
obj1.html(html1);
|
||
//完成率
|
||
if(is_show_zb=="y"){
|
||
html1='';
|
||
html1+='<div class="wcl">';
|
||
if(zb_je>0){
|
||
//金额完成率
|
||
html1+='<div class="wcl_text_je"><div class="yd_num">'+zb_je+'万</div><div class="yd_text">金额指标</div></div>';
|
||
html1+='<div class="wcl_tb"><iframe scrolling="no" id="iframe_je_wcl" frameborder="0" src="wcl.php?wcl='+wcl_je+'"></iframe></div>';
|
||
}
|
||
if(zb_js>0){
|
||
//件数完成率
|
||
html1+='<div class="wcl_text_js"><div class="yd_num">'+num_qfw(zb_js)+'</div><div class="yd_text">件数指标</div></div>';
|
||
html1+='<div class="wcl_tb"><iframe scrolling="no" id="iframe_js_wcl" frameborder="0" src="wcl.php?wcl='+wcl_js+'"></iframe></div>';
|
||
}
|
||
html1+='</div>';
|
||
var obj1=$(".menu_dp_info_wcl");
|
||
if(obj1)
|
||
obj1.html(html1);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
//退出
|
||
function logout(){
|
||
layui.use(['form','layer'],function(){
|
||
var form = layui.form,
|
||
layer = layui.layer,
|
||
$=layui.jquery;
|
||
var url1="./?_m=logout";
|
||
layer.confirm('确定退出吗?', {icon: 3, title: '提示信息'}, function (index) {
|
||
window.location.href=url1;
|
||
})
|
||
});
|
||
}
|
||
//交单
|
||
function do_jd(){
|
||
layui.use('form', function(){
|
||
var $=layui.jquery;
|
||
var form = layui.form;
|
||
layui.layer.confirm('确定提交订单吗?', {icon: 3, title: '提示信息'}, function (index) {
|
||
var url="./?_m=dk&_a=jd";
|
||
$.ajax(
|
||
{
|
||
url:url,
|
||
contentType: "application/json",
|
||
method: 'POST',
|
||
success: function (res) {
|
||
var json_data=$.parseJSON(res);
|
||
if(json_data.code==0){
|
||
layui.layer.msg(json_data.msg);
|
||
}else{
|
||
html1='<button type="button" class="layui-btn layui-btn-radius layui-btn-sm layui-btn-disabled"> 已交单 </button>';
|
||
$(".menu_jd").html(html1);
|
||
}
|
||
layer.close(index);
|
||
},
|
||
error: function () {
|
||
layui.layer.msg("与服务器通信失败!");
|
||
}
|
||
}
|
||
);
|
||
});
|
||
})
|
||
}
|
||
layui.config({
|
||
base: 'layuiadmin/' //静态资源所在路径
|
||
}).extend({
|
||
index: 'lib/index' //主入口模块
|
||
}).use(['index', 'user','rate'], function(){
|
||
var $ = layui.$
|
||
,setter = layui.setter
|
||
,admin = layui.admin
|
||
,form = layui.form;
|
||
|
||
var url="./?_m=main";
|
||
$.ajax(
|
||
{
|
||
url:url,
|
||
contentType: "application/json",
|
||
method: 'POST',
|
||
success: function (res) {
|
||
var json_data=$.parseJSON(res);
|
||
if(json_data.code==0){
|
||
//------------------本页返回的错误信息
|
||
layer.msg(json_data.msg);
|
||
}else if(json_data.code==1){
|
||
//------------------系统错误
|
||
var msg=json_data.msg;
|
||
var url1="error.htm?msg="+json_data.msg+"&btn_title="+json_data.btn_title+"&btn_url="+json_data.btn_url;
|
||
window.location.href=url1;
|
||
}else if(json_data.code==2){
|
||
//------------------重新登录
|
||
url1="login.htm?error_msg="+json_data.msg;
|
||
window.location.href=url1;
|
||
}else{
|
||
//------------------正确
|
||
setCookie("sys_global_appzbconfig",json_data.appzbconfig)
|
||
this_face=json_data.face;
|
||
//加载订货会抬头
|
||
html1=json_data.dhh_title;
|
||
$(".menu_dhh_title").html(html1);
|
||
//加载店铺名称
|
||
var html1=json_data.user_title+'('+json_data.user_name+')';
|
||
$("#dp_title").html(html1);
|
||
html1='<span style="line-height:25px;">'+json_data.user_title+'('+json_data.user_name+')</span>';
|
||
$(".menu_dp_title").html(html1);
|
||
//加载已订信息
|
||
var is_show_zb=json_data.zb_client_show?json_data.zb_client_show:"y";
|
||
//----------------------------加载已订信息
|
||
update_yd_param(is_show_zb,json_data.order_jsje,json_data.order_num,json_data.zb_je,json_data.wcl_je,json_data.zb_js,json_data.wcl_js);
|
||
//加载交单按钮
|
||
html1='';
|
||
var sd_ms=json_data.sd_ms?json_data.sd_ms:"1";
|
||
var is_brand=json_data.is_brand?json_data.is_brand:"n";
|
||
if(json_data.face==4 || (json_data.face==3 & sd_ms=="2")){
|
||
//
|
||
html1=get_jd_html(json_data.show_jd,is_brand,json_data.is_qr,json_data.is_jd);
|
||
}
|
||
$(".menu_jd").html(html1);
|
||
//加载菜单
|
||
html1='';
|
||
for(var i=0;i<json_data.menu.length;i++){
|
||
for(var j=0;j<json_data.menu[i].menu_sub.length;j++){
|
||
var menu_sub=json_data.menu[i].menu_sub[j];
|
||
//默认菜单
|
||
var sty1=(json_data.home==menu_sub.link)?"menu_list_click":"menu_list";
|
||
//
|
||
html1+='<div layadmin-event="clickMenu"><div class="'+sty1+'"><span class="menu_icon"><img src="images/'+menu_sub.icon+'.png"></span><a class="menu_link" lay-data="'+menu_sub.link+'"><span class="menu_title"> '+menu_sub.title+'</span></a></div></div>';
|
||
}
|
||
html1+='<div class="menu_line"><hr></div>';
|
||
}
|
||
$(".menu_content").html(html1);
|
||
//加载lic信息
|
||
html1=json_data.lic_title;
|
||
$(".copy_lic").html(html1);
|
||
//加载主页
|
||
$("#layadmin-iframe").attr('src',json_data.home);
|
||
//加载消息定时器
|
||
if(json_data.show_ismsg=="y"){
|
||
setInterval(function(){
|
||
$.ajax(
|
||
{
|
||
url:"./?_m=ajax_msg&cate=get_msg",
|
||
contentType: "application/json",
|
||
method: 'POST',
|
||
success: function (result) {
|
||
var result=$.parseJSON(result);
|
||
//console.log(result);
|
||
if(result.msgnum>0){
|
||
|
||
var thislayer = layer;
|
||
var index_msg = thislayer.open({
|
||
type: 2,
|
||
title: '',
|
||
content: "msg.htm?_a=new",
|
||
offset: 'lb',
|
||
area: ['80%', '300px'],
|
||
anim: 2
|
||
,closeBtn: 1
|
||
,success: function(layero, index) {
|
||
// layero.css({"overflow": "visible", "white-space": "nowrap"})
|
||
}
|
||
});
|
||
// 防止层关闭按钮被祖父层.layui-layer-iframe遮挡
|
||
// 必须具备两种样式
|
||
$("#layui-layer"+index_msg).css({"overflow": "visible", "white-space": "nowrap"})
|
||
}else{
|
||
|
||
}
|
||
},
|
||
error: function () {
|
||
//layui.layer.msg("短消息与服务器通信失败!");
|
||
}
|
||
}
|
||
);
|
||
},5000);
|
||
}
|
||
}
|
||
},
|
||
error: function () {
|
||
layui.layer.msg("与服务器通信失败!");
|
||
}
|
||
}
|
||
);
|
||
//监听屏幕旋转
|
||
$(window).on("orientationchange",function(){
|
||
//alert($(".layadmin-iframe").height());
|
||
})
|
||
|
||
$(".layui-nav-item").click(function(){
|
||
var show = $("#getstate").css('display');
|
||
if(show=="block"){
|
||
$("#getstate").attr("class","layui-nav-child layui-anim layui-anim-upbit");
|
||
}else{
|
||
$("#getstate").attr("class","layui-nav-child layui-anim layui-anim-upbit layui-show");
|
||
|
||
}
|
||
|
||
});
|
||
|
||
});
|
||
var move_title_origin_left = 0
|
||
,move_title_origin_top = 0
|
||
,move_layero
|
||
,move_layero_origin_left = 0
|
||
,move_layero_origin_top = 0
|
||
function touchmoveHzh(elem_id) {
|
||
move_layero = document.getElementById(elem_id)
|
||
|
||
layui.use("jquery", function() {
|
||
var $ = layui.jquery
|
||
// alert(elem.outerHtml)
|
||
var elem = $("#"+elem_id+" .layui-layer-title")[0]
|
||
elem.addEventListener('touchstart', function(event) {
|
||
// event.preventDefault();// 阻止浏览器默认事件,重要
|
||
if (event.targetTouches.length == 1) {
|
||
var touch = event.targetTouches[0];
|
||
// 把元素放在手指所在的位置
|
||
move_title_origin_left = touch.pageX
|
||
move_title_origin_top = touch.pageY
|
||
move_layero_origin_left = parseInt(move_layero.style.left ? move_layero.style.left : "0")
|
||
move_layero_origin_top = parseInt(move_layero.style.top ? move_layero.style.top : "0")
|
||
}
|
||
})
|
||
|
||
elem.addEventListener('touchmove', function(event) {
|
||
// 如果这个元素的位置内只有一个手指的话
|
||
if (event.targetTouches.length == 1) {
|
||
event.preventDefault();// 阻止浏览器默认事件,重要
|
||
var touch = event.targetTouches[0];
|
||
// 把元素放在手指所在的位置
|
||
var left = touch.pageX - move_title_origin_left
|
||
,top = touch.pageY - move_title_origin_top
|
||
|
||
move_layero.style.left = (move_layero_origin_left + left) + "px"
|
||
move_layero.style.top = (move_layero_origin_top + top < 0 ? 0 : move_layero_origin_top + top) + "px"
|
||
}
|
||
}, false)
|
||
})
|
||
}
|
||
|
||
var resize_button_origin_left = 0
|
||
,resize_button_origin_top = 0
|
||
,resize_layero
|
||
,resize_layero_origin_width = 0
|
||
,resize_layero_origin_height = 0
|
||
function resizeHzh(elem_id) {
|
||
resize_layero = document.getElementById(elem_id)
|
||
|
||
layui.use("jquery", function() {
|
||
var $ = layui.jquery
|
||
// alert(elem.outerHtml)
|
||
var elem = $("#"+elem_id+" .layui-layer-resize")[0]
|
||
elem.addEventListener('touchstart', function(event) {
|
||
event.preventDefault();// 阻止浏览器默认事件,重要
|
||
if (event.targetTouches.length == 1) {
|
||
var touch = event.targetTouches[0];
|
||
// 把元素放在手指所在的位置
|
||
resize_button_origin_left = touch.pageX
|
||
resize_button_origin_top = touch.pageY
|
||
resize_layero_origin_width = parseInt(resize_layero.style.width ? resize_layero.style.width : "0")
|
||
resize_layero_origin_height = parseInt(resize_layero.style.height ? resize_layero.style.height : "0")
|
||
|
||
// console.log(["start", resize_button_origin_left, resize_button_origin_top, resize_layero_origin_width, resize_layero_origin_height])
|
||
}
|
||
})
|
||
|
||
elem.addEventListener('touchmove', function(event) {
|
||
// 如果这个元素的位置内只有一个手指的话
|
||
if (event.targetTouches.length == 1) {
|
||
event.preventDefault();// 阻止浏览器默认事件,重要
|
||
var touch = event.targetTouches[0];
|
||
// 把元素放在手指所在的位置
|
||
var left = touch.pageX - resize_button_origin_left
|
||
,top = touch.pageY - resize_button_origin_top
|
||
|
||
resize_layero.style.width = (resize_layero_origin_width + left) + "px"
|
||
resize_layero.style.height = (resize_layero_origin_height + top) + "px"
|
||
|
||
// console.log(["move", left, top, resize_layero_origin_width, resize_layero_origin_height, resize_layero.style.width, resize_layero.style.height])
|
||
}
|
||
}, false)
|
||
})
|
||
}
|
||
|
||
// 保存viewer对象
|
||
function resetViewer(new_viewer) {
|
||
// console.log(new_viewer)
|
||
if (viewer) viewer.destroy()
|
||
viewer = new_viewer
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|
||
|
||
|