325 lines
11 KiB
HTML
325 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="renderer" content="webkit">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<title>陈列师-e订通</title>
|
|
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
|
|
<link rel="stylesheet" href="layuiadmin/layui/css/layui.css">
|
|
<link rel="stylesheet" href="index.css">
|
|
<script src="layuiadmin/layui/layui.js"></script>
|
|
<script src="js/function.js"></script>
|
|
<style>
|
|
.yph{
|
|
width:40px;
|
|
height:40px;
|
|
line-height:40px;
|
|
background:#666;
|
|
text-align:center;
|
|
border-radius:25px;
|
|
-moz-border-radius:25px;
|
|
-webkit-border-radius:25px;
|
|
color:#ffffff;
|
|
font-weight:bold;
|
|
}
|
|
.layui-form-switch {
|
|
margin-top: 0px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body style="width:99%;background-color:#fff;">
|
|
<div class="layui-fluid" style="padding:0;">
|
|
<div class="layui-row layui-col-space10" id="edt_msg_content">
|
|
<div style="width:100%;height:50px;line-height:50px;background-color:#fff;min-width:600px;">
|
|
<div style="float:left;width:15%;text-align:left;" id="tb110"></div>
|
|
<div style="float:left;width:70%;min-width:400px;">
|
|
<form class="layui-form">
|
|
<div id="change_this" class="layui-input-inline"></div>
|
|
<div id="change_this2" class="layui-input-inline">
|
|
<input type="checkbox" id="check_tb" name="check_tb" lay-skin="switch" lay-filter="check_tb" lay-text="跟随|关闭" checked="checked">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div style="float:left;width:15%;text-align:right;" id="tb111"></div>
|
|
</div>
|
|
<div style="width:100%;height:2px;padding:0px;background-color:#eee;"></div>
|
|
<div style="width:100%;min-width:650px;background-color:#fff;height:215px;margin:0 auto;text-align:center;" id="pic_list">
|
|
|
|
</div>
|
|
<div style="width:100%;height:2px;padding:0px;background-color:#eee;"></div>
|
|
<div style="width:100%;background-color:#fff;min-height:230px;" id="pic_list2">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var is_mobile="n";
|
|
var id_auto_tb;
|
|
layui.config({
|
|
base: './layuiadmin/'
|
|
}).extend({
|
|
index: 'lib/index'
|
|
}).use(['index','form','user','rate','element'], function(){
|
|
var $ = layui.$
|
|
,setter = layui.setter
|
|
,admin = layui.admin
|
|
,form = layui.form;
|
|
var rate = layui.rate;
|
|
var element = layui.element;
|
|
|
|
var url="./?_m=cls";
|
|
_ajax(url);
|
|
|
|
id_auto_tb=setInterval(function(){
|
|
_ajax(url);
|
|
},"5000");
|
|
function _ajax(url1){
|
|
$.ajax(
|
|
{
|
|
url:url1,
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res) {
|
|
var res=$.parseJSON(res);
|
|
|
|
if(res.code==0){
|
|
//------------------本页返回的错误信息
|
|
layer.msg(res.msg);
|
|
}else if(res.code==1){
|
|
//------------------系统错误
|
|
var msg=res.msg;
|
|
var url2="error.htm?msg="+res.msg+"&btn_title="+res.btn_title+"&btn_url="+res.btn_url;
|
|
window.parent.location.href=url2;
|
|
}else if(res.code==2){
|
|
//------------------重新登录
|
|
var url2="login.htm?error_msg="+res.msg;
|
|
window.parent.location.href=url2;
|
|
}else if(res.code=="100"){
|
|
|
|
var html1="";
|
|
//
|
|
if(res.select_tid_ct>0){
|
|
html1+='<div class="layui-input-inline">展厅</div>';
|
|
html1+='<div class="layui-input-inline" style="width:100px;text-align:left;"><select name="s_tid" lay-filter="s_tid">';
|
|
var op=res.select_tid.op;
|
|
for(var j=0;j<op.length;j++){
|
|
html1+='<option value="'+op[j].no+'"';
|
|
if(op[j].no==res.select_tid.value)
|
|
html1+='selected';
|
|
html1+='>'+op[j].title+'</option>';
|
|
}
|
|
html1+='</select></div>';
|
|
html1+='<div class="layui-input-inline"> </div>';
|
|
|
|
form.on('select(s_tid)', function(data){
|
|
_ajax("./?_m=cls&s_tid="+data.value);
|
|
un_d_auto_tb();
|
|
});
|
|
}
|
|
//
|
|
html1+='<div class="layui-input-inline">第</div>';
|
|
html1+='<div class="layui-input-inline" style="width:100px;text-align:left;"><select name="s_zsh" lay-filter="s_zsh">';
|
|
var op=res.select_zsh.op;
|
|
for(var j=0;j<op.length;j++){
|
|
html1+='<option value="'+op[j].no+'"';
|
|
if(op[j].no==res.select_zsh.value)
|
|
html1+='selected';
|
|
html1+='>'+op[j].title+'</option>';
|
|
}
|
|
html1+='</select></div>';
|
|
html1+='<div class="layui-input-inline">组 </div>';
|
|
|
|
form.on('select(s_zsh)', function(data){
|
|
_ajax("./?_m=cls&s_tid="+res.this_tid+"&s_zsh="+data.value);
|
|
un_d_auto_tb();
|
|
});
|
|
$("#change_this").html(html1);
|
|
form.on('switch(check_tb)', function(obj){
|
|
if(obj.elem.checked==true){
|
|
url_tb="./?_m=cls&s_tid="+res.this_tid+"&s_zsh=";
|
|
id_auto_tb=setInterval(function(){
|
|
_ajax(url_tb);
|
|
},"5000");
|
|
}else{
|
|
un_d_auto_tb();
|
|
}
|
|
});
|
|
|
|
var html1=""
|
|
html1+='<a id="tb_pre1" href="javascript:void(0);" data-tid="'+res.this_tid+'" data-zsh="'+res.this_zsh+'"> <i class="layui-icon layui-icon-left"></i><strong>上一组</strong></a>';
|
|
$("#tb110").html(html1);
|
|
var html1=""
|
|
html1+='<a id="tb_next1" href="javascript:void(0);" data-tid="'+res.this_tid+'" data-zsh="'+res.this_zsh+'"><strong>下一组</strong><i class="layui-icon layui-icon-right"></i> </a>';
|
|
$("#tb111").html(html1);
|
|
//
|
|
var html1="";
|
|
if(res.code_enable=="y"){
|
|
html1+='<div style="width:670px;">';
|
|
|
|
for(var i=0;i<5;i++){
|
|
if(i<res.zshcount){
|
|
html1+='<div style="float:left;margin-left:2px;">';
|
|
if(res.all_zsh[i].zsh==res.this_zsh){
|
|
html1+='<table cellpadding="0" cellspacing="0" border="0" bgcolor="#eeeeee" style="border:1px solid red;">';
|
|
}else{
|
|
html1+='<table cellpadding="0" cellspacing="0" border="0" bgcolor="#eeeeee" style="border:1px solid #eeeeee;">';
|
|
}
|
|
|
|
html1+='<tr><td bgcolor="#ffffff" height="130px" width="130px" class="picbtn" data-tid="'+res.this_tid+'" data-zsh="'+res.all_zsh[i].zsh+'">';
|
|
html1+='<div style="position:relative;width:100%;height:100%;">';
|
|
html1+='<div style="border: 1px solid #eee; position:absolute;left:0;top:0;">'+res.all_zsh[i].zsh+'</div>';
|
|
html1+='<div style="height:130px;line-height:130px;"><img src="'+res.all_zsh[i].picsrc+'" width="'+res.all_zsh[i].pic_w+'" height="'+res.all_zsh[i].pic_h+'" /></div>';
|
|
html1+='</div>';
|
|
html1+='</td></tr>';
|
|
html1+='<tr><td><div style="height:80px;width:130px;text-align:left;overflow: auto;">';
|
|
var kh_detail=res.all_zsh[i].kh_detail.split("|");
|
|
for(var j=0;j<kh_detail.length;j++){
|
|
html1+='<span style="font-size:8px;height:20px;line-height:20px;">'+kh_detail[j]+'</span><br>';
|
|
}
|
|
html1+='</div></td></tr>';
|
|
html1+='</table></div>';
|
|
}else{
|
|
html1+='<div style="float:left;margin-left:2px;">';
|
|
html1+='<table cellpadding="0" cellspacing="0" border="0" bgcolor="#eeeeee" style="border:1px solid #eeeeee;">';
|
|
html1+='<tr><td bgcolor="#ffffff" height="210px" width="130px">无数据</td></tr>';
|
|
html1+='</table></div>';
|
|
}
|
|
}
|
|
html1+='</div>';
|
|
|
|
}else{
|
|
html1='<div style="width:670px;">'+res.err_msg+'<div>';
|
|
}
|
|
$("#pic_list").html(html1);
|
|
|
|
var html1="";
|
|
if(res.code_enable=="y"){
|
|
for(var i=0;i<res.all_kh.length;i++){
|
|
html1+='<div style="float:left;margin-left:2px;">';
|
|
html1+='<table cellpadding="0" cellspacing="0" border="0" bgcolor="#eeeeee" style="border:1px solid #eeeeee;">';
|
|
html1+='<tr><td colspan=2 bgcolor="#ffffff" height="150px" width="150px"><img src="'+res.all_kh[i].picsrc+'" width="'+res.all_kh[i].pic_w+'" height="'+res.all_kh[i].pic_h+'" /></td></tr>';
|
|
html1+='<tr><td height="50px"><div class="yph">'+res.all_kh[i].xh+'</div></td><td align=left><p style="color:'+res.all_kh[i].fontcolor+'">'+res.all_kh[i].kh+'</p>';
|
|
if(res.all_kh[i].color){
|
|
html1+='<p style="color:'+res.all_kh[i].fontcolor+'">'+res.all_kh[i].color+'</p>';
|
|
}
|
|
html1+='</td></tr>';
|
|
html1+='<tr><td height="30px" colspan=2 align=left>订单: <span>'+res.all_kh[i].js+'件/'+res.all_kh[i].jsrs+'人</span></td></tr>';
|
|
html1+='<tr><td height="30px" colspan=2 align=left>评价: <span>'+res.all_kh[i].ppf+'分/'+res.all_kh[i].ppfrs+'人</span></td></tr>';
|
|
html1+='</table>';
|
|
html1+='</div>';
|
|
}
|
|
}
|
|
$("#pic_list2").html(html1);
|
|
|
|
$(".picbtn").click(function(){
|
|
var s_tid=$(this).attr('data-tid');
|
|
var s_zsh=$(this).attr('data-zsh');
|
|
_ajax("./?_m=cls&s_tid="+s_tid+"&s_zsh="+s_zsh);
|
|
un_d_auto_tb();
|
|
});
|
|
$("#tb_pre1").click(function(){
|
|
var s_tid=$(this).attr('data-tid');
|
|
var s_zsh=$(this).attr('data-zsh');
|
|
tb_pre(s_tid,s_zsh);
|
|
});
|
|
$("#tb_next1").click(function(){
|
|
var s_tid=$(this).attr('data-tid');
|
|
var s_zsh=$(this).attr('data-zsh');
|
|
tb_next(s_tid,s_zsh);
|
|
});
|
|
|
|
form.render();
|
|
}
|
|
},
|
|
error: function () {
|
|
layui.layer.msg("与服务器通信失败！");
|
|
}
|
|
});
|
|
}
|
|
|
|
//上一组
|
|
function tb_pre(tid,zsh){
|
|
un_d_auto_tb();
|
|
var url="./?_m=cls&_a=tb_pre&tid="+tid+"&s_zsh="+zsh;
|
|
$.ajax(
|
|
{
|
|
url:url,
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res) {
|
|
var res=$.parseJSON(res);
|
|
|
|
if(res.code==0){
|
|
//------------------本页返回的错误信息
|
|
layer.msg(res.msg);
|
|
}else if(res.code==1){
|
|
//------------------系统错误
|
|
var msg=res.msg;
|
|
var url2="error.htm?msg="+res.msg+"&btn_title="+res.btn_title+"&btn_url="+res.btn_url;
|
|
window.parent.location.href=url2;
|
|
}else if(res.code==2){
|
|
//------------------重新登录
|
|
var url2="login.htm?error_msg="+res.msg;
|
|
window.parent.location.href=url2;
|
|
}else if(res.code=="100"){
|
|
_ajax("./?_m=cls&s_tid="+res.tid+"&s_zsh="+res.zsh)
|
|
}else{
|
|
layui.layer.alert("数据准备中，请稍后......");
|
|
}
|
|
},
|
|
error: function () {
|
|
layui.layer.msg("与服务器通信失败！");
|
|
}
|
|
});
|
|
}
|
|
|
|
//下一组
|
|
function tb_next(tid,zsh){
|
|
|
|
var url="./?_m=cls&_a=tb_next&tid="+tid+"&s_zsh="+zsh;
|
|
$.ajax(
|
|
{
|
|
url:url,
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res) {
|
|
var res=$.parseJSON(res);
|
|
if(res.code==0){
|
|
//------------------本页返回的错误信息
|
|
layer.msg(res.msg);
|
|
}else if(res.code==1){
|
|
//------------------系统错误
|
|
var msg=res.msg;
|
|
var url2="error.htm?msg="+res.msg+"&btn_title="+res.btn_title+"&btn_url="+res.btn_url;
|
|
window.parent.location.href=url2;
|
|
}else if(res.code==2){
|
|
//------------------重新登录
|
|
var url2="login.htm?error_msg="+res.msg;
|
|
window.parent.location.href=url2;
|
|
}else if(res.code=="100"){
|
|
_ajax("./?_m=cls&s_tid="+res.tid+"&s_zsh="+res.zsh);
|
|
un_d_auto_tb();
|
|
}else{
|
|
layui.layer.alert("数据准备中，请稍后......");
|
|
}
|
|
},
|
|
error: function () {
|
|
layui.layer.msg("与服务器通信失败！");
|
|
}
|
|
});
|
|
}
|
|
|
|
//取消自动跟随
|
|
function un_d_auto_tb(){
|
|
if(id_auto_tb)
|
|
clearInterval(id_auto_tb);
|
|
$("#check_tb").removeAttr('checked');
|
|
form.render("checkbox");
|
|
}
|
|
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|