This repository has been archived on 2026-06-20. You can view files and clone it. You cannot open issues or pull requests or push a commit.
Files
wsh5485 7e47ce238b chore: 添加多个图片和资源文件
添加了管理后台所需的图片资源、Excel文件、安装程序以及设计相关的图片文件
2025-06-15 13:04:37 +08:00

543 lines
20 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="stylesheet" href="layuiadmin/layui/css/layui.css">
<link rel="stylesheet" href="index.css">
<style>
table.mytable {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #e2e2e2;
border-collapse: collapse;
}
table.mytable th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #e2e2e2;
background-color: #f2f2f2;
}
table.mytable td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #e2e2e2;
background-color: #ffffff;
}
</style>
<script src="layuiadmin/layui/layui.js"></script>
<script src="js/function.js"></script>
<script>
function colorRGB2Hex(color) {
if (color.indexOf('#') != -1){
var rgb = color.split(':');
//alert (rgb[1]);
return rgb[1];
}else{
var rgb = color.split(',');
var r = parseInt(rgb[0].split('(')[1]);
var g = parseInt(rgb[1]);
var b = parseInt(rgb[2].split(')')[0]);
var hex = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
return hex;
}
}
function in_array(search,array){
for(var i in array){
if(array[i]==search){
return true;
}
}
return false;
}
</script>
</head>
<body>
<form class="layui-form">
<input type="hidden" id="id" name="id" value=0>
<input type="hidden" id="_t" name="_t" value="">
<input type="hidden" id="_t1" name="_t1" value="">
<input type="hidden" id="_k" name="_k" value="">
<input type="hidden" id="ms" name="ms" value="">
<div >
<div id="div_set" class="layui-row"></div>
<div class="layui-form-item">
<label class="layui-form-label">参数</label>
<div class="layui-input-inline" id="div_cs">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">说明</label>
<div class="layui-input-inline" id="div_sm">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"></label>
<div class="layui-input-block" id="div_vl" ></div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">&nbsp;</label>
<div class="layui-input-inline">
<button id="form1_submit" class="layui-btn layui-btn-normal" lay-submit lay-filter="form1_submit" style="font-weight:bold;"> 保 存 </button>
</div>
</div>
</div>
</form>
<script>
//全局变量
//添加图片
function add_pic(id){
layui.use(['form','layer','element'],function(){
var form = layui.form,
$ = layui.jquery;
var element = layui.element;
var layer = layui.layer;
//var id=$("#id").val();
//var _v=$("#_v").val();
var ms=$("#_va").val();
var index = layui.layer.open({
title : "添加图片",
area: ['350px', '400px'],
type : 2,
content : "set_add_pic.htm?id="+id+"&ms="+ms,
success : function(layero, index){
}
})
})
}
//选择图片
function sl_pic(id,src,ms){
layui.use(['form','layer','element'],function(){
var form = layui.form,
$ = layui.jquery;
var element = layui.element;
var layer = layui.layer;
//var id=$("#id").val();
//var _v=$("#_v").val();
//var ms=$("#_va").val();
var index = layui.layer.open({
title : "选择图片",
area: ['300px', '450px'],
type : 2,
content : "set_add_pic.htm?id="+id+"&src="+src+"&ms="+ms,
success : function(layero, index){
}
})
})
}
//删除图片
function del_pic(_v,ms){
layui.use(['form','layer','element'],function(){
var form = layui.form,
$ = layui.jquery;
var element = layui.element;
var layer = layui.layer;
var id=$("#id").val();
//var ms=$("#_va").val();
var url="./?_m=set&_a=save_add_pic&del_pic=y&id="+id+"&_v="+_v+"&ms="+ms;
layer.confirm('确定删除吗?',{icon:3, title:'提示信息'},function(index){
$.get(url,{},function(data){
window.location.reload();
})
});
})
}
layui.use(['form','layer','laydate','element','colorpicker','upload'],function(){
var form = layui.form,
laydate = layui.laydate,
$ = layui.jquery;
var element = layui.element;
var layer = layui.layer;
var colorpicker = layui.colorpicker;
//var layer = parent.layer;
//alert(parent.layer);
//
$("#id").val(get_url_param("id"));
var id=$("#id").val();
var ms="";
var src="";
//alert(id);
var url="./?_m=set&_a=add&id="+id;
//
$.ajax(
{
url:url,
contentType: "application/json",
method: 'POST',
success: function (res) {
//var id=$("#id").val();
var json_data=$.parseJSON(res);
//全局变量赋值
//alert(JSON.stringify(json_data));
//----------------初始化
//图片
/*var html1='<div align="center"><table border="0" cellpadding="0" cellspacing="0" width="100%">';
html1+='<tr><td align="right" bgcolor="#fafafa" >参数<td><td align="right" bgcolor="#fafafa" >'+json_data.sc+'<td></tr>';
html1+='<tr><td align="right" bgcolor="#fafafa" >说明<td><td align="right" bgcolor="#fafafa" >'+json_data.sm+'<td></tr>';
html1+='<tr><td align="right" bgcolor="#fafafa" >值<td><td align="right" bgcolor="#fafafa" >'+json_data.vl+'<td></tr>';
html1+='</table></div>';*/
var htmla='<span class="layui-badge-rim">'+json_data._k+'</span>';
$("#div_cs").append(htmla);
var htmlb='<span class="layui-badge-rim">'+json_data._remark+'</span>';
$("#div_sm").append(htmlb);
if(json_data._t=="1"){
var htmlc='<div class="layui-inline" style="width:80px;"><select name="_v" id="_v">';
if(json_data._v=="y"){
htmlc+='<option value="y" selected>-是-</option><option value="n" >-否-</option></select></div>';
}else{
htmlc+='<option value="y" >-是-</option><option value="n" selected>-否-</option></select></div>';
}
}else if(json_data._t=="2"){
if(json_data._t1){
var w=json_data._t1;
}else{
var w="400";
}
var htmlc="<input type='text' name='_v' id='_v' value='"+json_data._v+"' style='width:"+w+"px' maxlength=255>";
}else if(json_data._t=="21"){
var htmlc="<div id='_v_c' name='_v_c' ></div><input type='text' name='_v' id='_v' value='"+json_data._v+"' style='width:60px;color:"+json_data._v+"' >";
}else if(json_data._t=="3"){
$("#form1_submit").attr("style","display:none;");
if(json_data._v && json_data._v!=="undefined"){
var arrt=json_data._v.split("|");
ms=arrt[0];
$("#ms").val(arrt[0]);
if(arrt[0]=="1"){
//var htmlc="<div ><table border='1' cellspacing='10px' cellpadding='10px'><tr><td align='center' bgcolor='#FFFFFF' ><select name='_va' id='_va' lay-filter='_va'><option value='1' selected>-图片背景-</option><option value='2'>-视频背景-</option></select><button type='button' onclick=\"add_pic("+id+");\" class='layui-btn layui-btn-normal' >添加文件</button></td><td align='center' bgcolor='#FFFFFF' ><table><tr>";
var htmlc='<div class="layui-tab layui-tab-card" lay-filter="tab_size"><ul class="layui-tab-title" id="div_ms"><li lay-id="1" class="layui-this">图片背景</li><li lay-id="2">视频背景</li></ul><div class="layui-tab-content" id="div_nr"><div class="layui-tab-item layui-show"><a class="layui-btn" id="up_image" ><i class="layui-icon">&#xe64a;</i>添加图片</a>(推荐尺寸:768px*1004px)<table><tr>';
var arr=json_data.vl.split(",");
var arr1=arrt[1].split(",");
for(var j=0;j<arr.length;j++){
//htmlc+="<td align='center'><img src='"+arr[j]+"' width='400px' ><br><button type='button' onclick=\"sl_pic("+id+",'"+arr1[j]+"');\" class='layui-btn layui-btn-xs' >选择文件</button><button type='button' onclick=\"del_pic(this.value);\" class='layui-btn layui-btn-xs' value='"+arr1[j]+"'>删</button></td>";
htmlc+="<td align='center'><img src='"+arr[j]+"' height='300px' onclick=\"sl_pic("+id+",'"+arr1[j]+"','1');\"><br><button type='button' onclick=\"del_pic(this.value,'1');\" class='layui-btn layui-btn-xs' value='"+arr1[j]+"'>删除</button></td>";
}
htmlc+='</tr></table></div><div class="layui-tab-item "><a class="layui-btn" id="up_video" ><i class="layui-icon">&#xe6ed;</i>选择视频</a>(推荐尺寸:384px*502px)</div></div></div>';
//var arr=json_data.vl.split(",");
//htmlc+='</tr></table>';
//删图按钮
//if(json_data.vl)
//htmlc+='<br> <div class="layui-btn-group"><button type="button" onclick="add_pic('+id+');" class="layui-btn layui-btn-xs" >选择文件</button><button type="button" onclick="del_pic(this.value);" class="layui-btn layui-btn-xs" value="'+json_data.vl+'">删</button></div>';
//htmlc+='</td></tr></table></div>';
}else{
/*src=json_data.vl;
var htmlc="<div ><table border='1' cellspacing='10px' cellpadding='10px'><tr><td align='left' bgcolor='#FFFFFF' ><select name='_va' id='_va' lay-filter='_va'><option value='1'>-图片背景-</option><option value='2' selected>-视频背景-</option></select><button type='button' onclick=\"add_pic("+id+");\" class='layui-btn layui-btn-normal' >添加文件</button></td><td align='center' bgcolor='#FFFFFF' ><div ><video src='"+json_data.vl+"' controls='controls' >您的浏览器不支持 video 标签。</video>";
//删图按钮
if(json_data.vl)
htmlc+="<br><button type='button' onclick=\"sl_pic("+id+",'"+json_data.vl+"');\" class='layui-btn layui-btn-xs' >选择文件</button><button type='button' onclick=\"del_pic(this.value);\" class='layui-btn layui-btn-xs' value='"+json_data.vl+"'>删</button>";
htmlc+='</td></tr></table></div>';*/
var htmlc='<div class="layui-tab layui-tab-card" lay-filter="tab_size"><ul class="layui-tab-title" id="div_ms"><li lay-id="1" >图片背景</li><li lay-id="2" class="layui-this">视频背景</li></ul><div class="layui-tab-content" id="div_nr"><div class="layui-tab-item "><a class="layui-btn" id="up_image" ><i class="layui-icon">&#xe64a;</i>添加图片</a>(推荐尺寸:768px*1004px)</div><div class="layui-tab-item layui-show"><a class="layui-btn" id="up_video" ><i class="layui-icon">&#xe6ed;</i>选择视频</a>(推荐尺寸:384px*502px)<br><video src="'+json_data.vl+'" controls="controls" height="300px">您的浏览器不支持 video 标签。</video>';
/*var arr=json_data.vl.split(",");
var arr1=arrt[1].split(",");
for(var j=0;j<arr.length;j++){
//htmlc+="<td align='center'><img src='"+arr[j]+"' width='400px' ><br><button type='button' onclick=\"sl_pic("+id+",'"+arr1[j]+"');\" class='layui-btn layui-btn-xs' >选择文件</button><button type='button' onclick=\"del_pic(this.value);\" class='layui-btn layui-btn-xs' value='"+arr1[j]+"'>删</button></td>";
htmlc+="<td align='center'><img src='"+arr[j]+"' height='300px' onclick=\"sl_pic("+id+",'"+arr1[j]+"','1');\"><br><button type='button' onclick=\"del_pic(this.value,'1');\" class='layui-btn layui-btn-xs' value='"+arr1[j]+"'>删除</button></td>";
}
htmlc+='</tr></table></div></div></div>';*/
}
}else{
src="";
//var htmlc='<div class="layui-btn-group"><select name="_va" id="_va" lay-filter="_va"><option value="1">-图片背景-</option><option value="2">-视频背景-</option></select><button type="button" onclick="add_pic('+id+');" class="layui-btn layui-btn-xs" >选择文件</button></div>';
var htmlc='<div class="layui-tab layui-tab-card" lay-filter="tab_size"><ul class="layui-tab-title" id="div_ms"><li lay-id="1" class="layui-this">图片背景</li><li lay-id="2">视频背景</li></ul><div class="layui-tab-content" id="div_nr"><div class="layui-tab-item layui-show"><a class="layui-btn" id="up_image" ><i class="layui-icon">&#xe64a;</i>选择图片</a></div><div class="layui-tab-item "><a class="layui-btn" id="up_video" ><i class="layui-icon">&#xe6ed;</i>选择视频</a></div></div></div>';
}
}else if(json_data._t=="4"){
var arr=json_data._t1.split(",");
var htmlc="<div class='layui-inline' ><select name='_v' id='_v' lay-filter='_v'><option value=''>--</option>";
for(var j=0;j<arr.length;j++){
var tmparr=arr[j].split("|");
htmlc+='<option value="'+tmparr[0]+'"';
if(tmparr[0]==json_data._v)
htmlc+=' selected';
htmlc+='>'+tmparr[1]+'</option>';
}
htmlc+='</select></div>';
}else if(json_data._t=="5"){
var arr=json_data._t1.split(",");
var arrv=json_data._v.split(",");
var htmlc='';
for(var j=0;j<arr.length;j++){
var tmparr=arr[j].split("|");
htmlc+='<input type="checkbox" name="_v[]" id="_v[]" lay-skin="primary" title="'+tmparr[1]+'" value="'+tmparr[0]+'" ';
if(in_array(tmparr[0],arrv))
htmlc+=' checked';
htmlc+='/>';
}
//htmlc+='';
}else if(json_data._t=="6"){
var arr=json_data._t1.split(",");
var arrv=json_data._v.split(",");
var htmlc='';
for(var j=0;j<arr.length;j++){
var tmparr=arr[j].split("|");
htmlc+='<input type="hidden" name="_v2[]" value="'+tmparr[0]+'"><input type="checkbox" name="_v[]" id="_v[]" lay-skin="primary" value="'+tmparr[0]+'" ';
if(in_array(tmparr[0],arrv))
htmlc+=' checked';
htmlc+='/><input type="text" name="_v1[]" style="width:100px;" value="'+tmparr[1]+'"><br>';
}
//htmlc+='';
}else if(json_data._t=="8"){
var arr=json_data.vl.split(",");
//var arrv=json_data._v.split(",");
var htmlc='';
for(var j=0;j<arr.length;j++){
var tmparr=arr[j].split("|");
htmlc+=tmparr[0]+"-"+tmparr[1]+":<div class='pc' id='_v_c_"+tmparr[0]+"' name='_v_c_"+tmparr[0]+"' ></div><input type='hidden' name='_v_"+tmparr[0]+"' id='_v_"+tmparr[0]+"' value='"+tmparr[2]+"' ><br> ";
}
//htmlc+='';
}else if(json_data._t=="9"){
var arr=json_data.vl.split(",");
var arrv=json_data._v.split(",");
var htmlc='';
for(var j=0;j<arr.length;j++){
var tmparr=arr[j].split("|");
htmlc+='<input type="checkbox" name="_v1[]" id="_v1[]" lay-skin="primary" title="'+tmparr[1]+'" value="'+tmparr[0]+'" ';
if(arrv[j]){
var tmparr1=arrv[j].split("|");
if(tmparr[0]==tmparr1[0])
htmlc+=' checked';
}
htmlc+='/><input type="text" name="_v2[]" style="width:100px;" value="'+tmparr[2]+'"><br>';
}
//htmlc+='';
}else if(json_data._t=="10"){
var arr=json_data.vl.split(",");
var htmlc="<div class='layui-input-block'><table width='100%' border='0' cellspacing='0' cellpadding='0'>";
for(var j=0;j<arr.length;j++){
var tmparr=arr[j].split("|");
htmlc+="<tr><td><input type='radio' name='_v' id='radio_"+tmparr[0]+"' value='"+tmparr[0]+"'"+tmparr[1]+"><label for='radio_"+tmparr[0]+"'>"+tmparr[2]+"</label></td><td><a href='images/theme_preview_"+tmparr[0]+".jpg' target='_blank'><img src='images/theme_preview_"+tmparr[0]+".jpg' width='200' border=0></a></td></tr><tr><td colspan='2'><hr></td></td></tr>";
}
htmlc+='</table></div>';
//console.log(arr);
}else{
var htmlc='<div>'+json_data.vl+'</div>';
}
$("#div_vl").append(htmlc);
//绑定上传组件
var upload = layui.upload;
upload.render({
elem: '#up_image',
field:'up_file',
accept:'file',
acceptMime:'image/jpg,image/jpeg',
url: './?_m=set&_a=save_add_pic&id='+id+'&ms=1&src='+src,
before: function(obj){
layer.load();
},
done: function(res,index,upload){
//alert(JSON.stringify(res));
var json_data=res;
if(json_data.code==1){
console.log(json_data);
//正确
window.location.reload();
}else{
//错误
}
layer.closeAll('loading');
},
error: function(index, upload){
layer.closeAll('loading');
}
});
var upload1 = layui.upload;
upload1.render({
elem: '#up_video',
field:'up_file',
accept:'file',
acceptMime:'video/mp4,video/webm,video/ogg',
url: './?_m=set&_a=save_add_pic&id='+id+'&ms=2&src='+src,
before: function(obj){
layer.load();
},
done: function(res,index,upload){
//alert(JSON.stringify(res));
var json_data=res;
if(json_data.code==1){
console.log(json_data);
//正确
window.location.reload();
}else{
//错误
}
layer.closeAll('loading');
},
error: function(index, upload){
layer.closeAll('loading');
}
});
if(json_data._t=="21"){
//渲染
colorpicker.render({
elem: '#_v_c' //绑定元素
,change: function(color){
console.log(color)
$("#_v").val(color);
}
});
}
if(json_data._t=="8"){
//渲染
//alert(json_data.khdj);
var a=json_data.khdj;
var arr_kh=a.split("_");
for(var i=0;i<arr_kh.length;i++){
var ys='#_v_c_'+arr_kh[i];
var ysz='#_v_'+arr_kh[i];
var tmpa=$(ysz).val();
//alert(tmpa);
colorpicker.render({
elem: ys //绑定元素
,color: tmpa
,change: function(color){
console.log(color)
$(ysz).val(color);
}
});
}
}
//alert(json_data.id);
$("#id").val(json_data.id);
$("#_t").val(json_data._t);
//$("#_v").val(json_data._v);
$("#_k").val(json_data._k);
form.render();
},
error: function () {
layui.layer.msg("与服务器通信失败!");
}
}
);
//上传组件
/*var upload = layui.upload;
upload.render({
elem: '#up_image',
field:'up_file',
accept:'file',
acceptMime:'image/jpg,image/jpeg',
url: './?_m=set&_a=save_add_pic&id='+id+'&ms='+ms+"&src="+src,
before: function(obj){
layer.load();
},
done: function(res,index,upload){
//alert(JSON.stringify(res));
var json_data=res;
if(json_data.code==1){
console.log(json_data);
//正确
parent.location.reload();
}else{
//错误
}
layer.closeAll('loading');
},
error: function(index, upload){
layer.closeAll('loading');
}
});
var upload1 = layui.upload;
upload1.render({
elem: '#up_video',
field:'up_file',
accept:'file',
acceptMime:'video/mp4,video/webm,video/ogg',
url: './?_m=set&_a=save_add_pic&id='+id+'&ms='+ms+"&src="+src,
before: function(obj){
layer.load();
},
done: function(res,index,upload){
//alert(JSON.stringify(res));
var json_data=res;
if(json_data.code==1){
console.log(json_data);
//正确
parent.location.reload();
}else{
//错误
}
layer.closeAll('loading');
},
error: function(index, upload){
layer.closeAll('loading');
}
});*/
//重置
$("#form1_reset").click(function(){
var url="set_add.htm";
window.location.href=url;
})
$("#form1_submit").click(function(){
var _t=$("#_t").val();
if(_t=="8"){
$(".layui-colorpicker-trigger-span").each(function(){
var stra=colorRGB2Hex($(this).attr("style"));
var tmp=$("#_v").val();
if(tmp){
var tmp1=tmp+"_"+stra;
}else{
var tmp1=stra;
}
$("#_v").val(tmp1);
})
}
//alert($("#_v").val());
})
//提交
form.on("submit(form1_submit)",function(data){
//弹出loading
var index = layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.8});
//提交
var url="./?_m=set&_a=save_add";
var post_data=data.field;
//console.log($("#_v").val())
//alert(JSON.stringify(post_data));
$.ajax({
url:url,
contentType: "application/json",
method: 'GET',
//data:{"a":"a","id":$("#id").val(),"_t":$("#_t").val(),"_v":$("#_v").val(),"_k":$("#_k").val()},
data:post_data,
success: function (res) {
//alert(res);//调试模式
//layer.close(index);//调试模式
var json_data=$.parseJSON(res);
if(json_data.code==1){
//保存成功
layer.close(index);
layer.msg("保存成功!");
layer.closeAll("iframe");
//刷新父页面
parent.location.reload();
}else{
//保存失败
layer.close(index);
layer.msg("保存失败!("+json_data.msg+")");
}
}
})
return false;
})
})
</script>
</body>
</html>