107 lines
3.4 KiB
HTML
107 lines
3.4 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">
|
|
<script src="layuiadmin/layui/layui.js"></script>
|
|
<script src="js/function.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div style="padding:10px;">
|
|
|
|
<span id="div_pic"></span>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
function setpic(picurl){
|
|
parent.document.getElementById('pic').value=picurl;
|
|
parent.layer.closeAll("iframe");
|
|
}
|
|
layui.use(['form','layer','upload','jquery'],function(){
|
|
var form = layui.form,
|
|
layer = parent.layer === undefined ? layui.layer : top.layer,
|
|
$ = layui.jquery;
|
|
|
|
|
|
//取得url传递参数
|
|
var query_str=location.search.substring(1);
|
|
if(query_str)
|
|
query_str="&"+query_str;
|
|
//---------------------------------------------数据表格
|
|
|
|
//初始化
|
|
var url="./?_m=kh_tb&_a=add_pic"+query_str;
|
|
$.ajax(
|
|
{
|
|
url:url,
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res) {
|
|
var json_data=$.parseJSON(res);
|
|
|
|
//自定义选项
|
|
var select_html1="";
|
|
for(var i=0;i<json_data.select_dz.length;i++){
|
|
select_html1+='<form class="layui-form"><div style="width:80px;"><select name="s_dir2" lay-filter="s_dir2">';
|
|
var op=json_data.select_dz[i].op;
|
|
for(var j=0;j<op.length;j++){
|
|
select_html1+='<option value="'+op[j].no+'"';
|
|
if(op[j].no==json_data.select_dz[i].value)
|
|
select_html1+='selected';
|
|
select_html1+='>'+op[j].title+'</option>';
|
|
}
|
|
select_html1+='</select></div></form>';
|
|
}
|
|
|
|
html1='<table width="100%" border="0" align="center" cellpadding="4" cellspacing="1" bgcolor="#cccccc">';
|
|
html1+='<tr bgcolor="#fff"><td colspan="4">'+select_html1+'</td></tr>';
|
|
|
|
for(var i=0;i<json_data.data.length;i++){
|
|
var strp1=" ";
|
|
if(json_data.data[i]["pic_1"]!="" && json_data.data[i]["pic_1"]!="undefined"){
|
|
strp1='<img src="'+json_data.data[i]["pic_1"]+'" width="120" style="border:1px solid #cccccc;" onclick="setpic(\''+json_data.data[i]["upic_1"]+'\')">';
|
|
}
|
|
var strp2=" ";
|
|
if(json_data.data[i]["pic_2"]!=""){
|
|
strp2='<img src="'+json_data.data[i]["pic_2"]+'" width="120" style="border:1px solid #cccccc;" onclick="setpic(\''+json_data.data[i]["upic_2"]+'\')">';
|
|
}
|
|
var strp3=" ";
|
|
if(json_data.data[i]["pic_3"]!=""){
|
|
strp3='<img src="'+json_data.data[i]["pic_3"]+'" width="120" style="border:1px solid #cccccc;" onclick="setpic(\''+json_data.data[i]["upic_3"]+'\')">';
|
|
}
|
|
var strp4=" ";
|
|
if(json_data.data[i]["pic_4"]!=""){
|
|
strp4='<img src="'+json_data.data[i]["pic_4"]+'" width="120" style="border:1px solid #cccccc;" onclick="setpic(\''+json_data.data[i]["upic_4"]+'\')">';
|
|
}
|
|
html1+='<tr align="center" bgcolor="#fff"><td>'+strp1+'</td><td>'+strp2+'</td><td>'+strp3+'</td><td>'+strp4+'</td></tr>';
|
|
}
|
|
html1+="</table>";
|
|
|
|
$("#div_pic").html(html1);
|
|
//$("#s_dir2").on("change",formreload());
|
|
$("#s_dir2").change(function(){
|
|
alert('11');
|
|
|
|
});
|
|
form.render();
|
|
},
|
|
error: function () {
|
|
layui.layer.msg("与服务器通信失败！");
|
|
}
|
|
}
|
|
);
|
|
form.on('select(s_dir2)', function(data){
|
|
console.log(data.value);
|
|
location.href='kh_tb_add_pic.htm?s_dir2='+data.value;
|
|
});
|
|
})
|
|
|
|
</script>
|
|
</body>
|
|
</html> |