228 lines
7.3 KiB
HTML
228 lines
7.3 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>vr场景-e订通后台</title>
|
|
<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>
|
|
|
|
</head>
|
|
<body>
|
|
<blockquote class="layui-elem-quote" style="line-height:44px;padding:8px;">
|
|
<div class="layui-inline"><a class="layui-btn layui-btn-normal btn_add">新增场景</a></div>
|
|
</blockquote>
|
|
<div id="showScene" style="padding:20px;background-color:#F2F2F2;">
|
|
|
|
</div>
|
|
<script>
|
|
|
|
document.onkeydown = function(e) {
|
|
var ev = (typeof event!= 'undefined') ? window.event : e;
|
|
if(ev.keyCode == 13) {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
|
|
layui.use(['form','layer'],function(){
|
|
var form = layui.form,
|
|
layer = layui.layer,
|
|
$=layui.jquery;
|
|
|
|
$.ajax({
|
|
type: "GET",
|
|
dataType: "json",
|
|
url: "./?_m=scene3D&_a=search_scene" ,
|
|
success: function (result) {
|
|
if(result.code==0){
|
|
var html1='<div class="layui-row layui-col-space15">';
|
|
for(var i=0;i<result.data.length;i++){
|
|
var sceneDefaultHtml="";
|
|
if(result.data[i].sceneDefault=="y"){
|
|
sceneDefaultHtml+='<div style="float:left;margin-left:10px;"><span class="layui-badge-rim">默认</span></div>';
|
|
}
|
|
|
|
html1+='<div class="layui-col-md6"><div class="layui-card"><div class="layui-card-header"><div style="float:left;">'+result.data[i].sceneTitle+'</div><div style="float:left;margin-left:10px;"><span class="layui-badge layui-bg-orange">'+result.data[i].sceneName+'</span></div>'+sceneDefaultHtml+'<div style="float:right;"><a href="javascript:void(0);" onclick="del_scene(\''+result.data[i].id+'\')"><span class="layui-badge layui-bg-gray"><i class="layui-icon">ဆ</i></span></a></span></a></div><div style="float:right;margin-right:10px;"><a href="javascript:void(0);" onclick="update_sceneDefault(\''+result.data[i].id+'\')"><span class="layui-badge"><i class="layui-icon"></i></span></a></div></div>';
|
|
html1+='<div class="layui-card-body">';
|
|
if(result.data[i].sceneState=="y"){
|
|
html1+='<div style="border-bottom:1px solid #cccccc;height:35px;">场景图： <span class="layui-badge layui-bg-green">存在</span> <button type="button" class="layui-btn layui-btn-sm layui-btn-normal openTD" data-id="'+result.data[i].id+'">进入</button> <button type="button" data-id="'+result.data[i].id+'" class="layui-btn layui-btn-sm uploadPic" style="position:absolute;right:10px;">上传图片</button></div>';
|
|
}else{
|
|
html1+='<div style="border-bottom:1px solid #cccccc;height:35px;">场景图：<span class="layui-badge layui-bg-gray">不存在</span> <button type="button" data-id="'+result.data[i].id+'" class="layui-btn layui-btn-sm uploadPic" style="position:absolute;right:10px;">上传图片</button></div>';
|
|
}
|
|
html1+='';
|
|
html1+='';
|
|
html1+='</div></div>';
|
|
html1+='</div>';
|
|
}
|
|
html1+='</div>';
|
|
$("#showScene").html(html1);
|
|
|
|
$(".uploadPic").click(function(e){
|
|
//console.log($(e.target).attr("data-id"));
|
|
|
|
var btnid=$(e.target).attr("data-id");
|
|
var indexPic = layui.layer.open({
|
|
title : "上传图片",
|
|
area: ['400px', '320px'],
|
|
type : 2,
|
|
content : "scene3D_pic.htm?id="+btnid,
|
|
success : function(layero, index){
|
|
//
|
|
}
|
|
})
|
|
});
|
|
|
|
$(".openTD").click(function(e){
|
|
//console.log($(e.target).attr("data-id"));
|
|
|
|
var btnid=$(e.target).attr("data-id");
|
|
var index3D = layui.layer.open({
|
|
title : "场景",
|
|
type : 2,
|
|
content : "scene3D_open.htm?id="+btnid,
|
|
success : function(layero, index){
|
|
//
|
|
}
|
|
})
|
|
layui.layer.full(index3D);
|
|
});
|
|
|
|
}else{
|
|
layer.msg(result.msg);
|
|
}
|
|
},
|
|
error : function() {
|
|
layer.msg('异常，请刷新！', {
|
|
offset: '15px'
|
|
,icon: 3
|
|
,time: 1000
|
|
});
|
|
}
|
|
|
|
})
|
|
|
|
|
|
$(".btn_add").click(function(){
|
|
layer.open({
|
|
type: 1
|
|
,title: "新增3D场景"
|
|
,area: '410px;'
|
|
,shade: 0.8
|
|
,id: 'scene_add' //设定一个id，防止重复弹出
|
|
,btn: ['确认', '关闭']
|
|
,btnAlign: 'c'
|
|
,moveType: 1 //拖拽模式，0或者1
|
|
,content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;"><form class="layui-form layui-form-pane" action=""><div class="layui-form-item"><label class="layui-form-label" style="color:#000000;">场景名称</label><div class="layui-input-inline"><input type="text" id="sTitle" name="sTitle" placeholder="请输入" autocomplete="off" class="layui-input"></div></div></form></div>'
|
|
,success: function(layero){
|
|
|
|
}
|
|
,yes: function(index, layero){
|
|
var sTitle = layero.find('#sTitle');
|
|
if(sTitle.val()=="" || sTitle.val()== null ||sTitle.val()=="undefined"){
|
|
layer.msg("场景名称,不能为空!");
|
|
return false;
|
|
}
|
|
$.ajax({
|
|
type: "POST",
|
|
dataType: "json",
|
|
url: "./index.php" ,
|
|
data: {"_m":"scene3D","_a":"add_scene","sTitle":sTitle.val()},
|
|
success: function (result) {
|
|
if(result.code==0){
|
|
location.reload();
|
|
}else{
|
|
layer.msg(result.msg);
|
|
}
|
|
},
|
|
error : function() {
|
|
layer.msg('异常，请刷新！', {
|
|
offset: '15px'
|
|
,icon: 3
|
|
,time: 1000
|
|
});
|
|
}
|
|
|
|
})
|
|
}
|
|
});
|
|
})
|
|
});
|
|
|
|
function update_sceneDefault(sid){
|
|
layui.use(['form','layer'],function(){
|
|
var form = layui.form,
|
|
layer = layui.layer,
|
|
$=layui.jquery;
|
|
|
|
|
|
layer.confirm('设为初始场景吗？', {icon: 3, title:'提示'}, function(index){
|
|
$.ajax({
|
|
type: "POST",
|
|
dataType: "json",
|
|
url: "./index.php" ,
|
|
data: {"_m":"scene3D","_a":"update_sceneDefault","sid":sid},
|
|
success: function (result) {
|
|
if(result.code==0){
|
|
location.reload();
|
|
}else{
|
|
layer.msg(result.msg);
|
|
}
|
|
},
|
|
error : function() {
|
|
layer.msg('异常，请刷新！', {
|
|
offset: '15px'
|
|
,icon: 3
|
|
,time: 1000
|
|
});
|
|
}
|
|
|
|
})
|
|
|
|
layer.close(index);
|
|
});
|
|
});
|
|
}
|
|
|
|
|
|
function del_scene(sid){
|
|
layui.use(['form','layer'],function(){
|
|
var form = layui.form,
|
|
layer = layui.layer,
|
|
$=layui.jquery;
|
|
|
|
|
|
layer.confirm('删除该场景吗？', {icon: 3, title:'提示'}, function(index){
|
|
$.ajax({
|
|
type: "POST",
|
|
dataType: "json",
|
|
url: "./index.php" ,
|
|
data: {"_m":"scene3D","_a":"del_scene","sid":sid},
|
|
success: function (result) {
|
|
if(result.code==0){
|
|
location.reload();
|
|
}else{
|
|
layer.msg(result.msg);
|
|
}
|
|
},
|
|
error : function() {
|
|
layer.msg('异常，请刷新！', {
|
|
offset: '15px'
|
|
,icon: 3
|
|
,time: 1000
|
|
});
|
|
}
|
|
|
|
})
|
|
|
|
layer.close(index);
|
|
});
|
|
});
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
</html> |