83 lines
2.5 KiB
HTML
83 lines
2.5 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 class="childrenBody">
|
|
<form class="layui-form layui-row">
|
|
<input type="hidden" id="color" name="color" value="">
|
|
<div style="padding:4px;">
|
|
<div id="div_color" style="line-height:25px;">
|
|
颜色获取中...
|
|
</div>
|
|
<div>
|
|
<button id="form1_submit" class="layui-btn layui-btn-normal" lay-submit lay-filter="form1_submit" style="font-weight:bold;"> 选 取 </button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<script>
|
|
layui.use(['form','layer'],function(){
|
|
var form = layui.form,
|
|
layer = parent.layer === undefined ? layui.layer : top.layer,
|
|
$ = layui.jquery;
|
|
|
|
var color=decodeURIComponent(escape(get_url_param("color")));
|
|
$("#color").val(color);
|
|
//取得已选颜色
|
|
var color_check=$("#color").val();
|
|
var arr_color_check=color_check.split(",");
|
|
var url="./?_m=kh&_a=pick_color";
|
|
var arr_color_all=[];
|
|
$.ajax(
|
|
{
|
|
url:url,
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res) {
|
|
var json_data=$.parseJSON(res);
|
|
//alert(JSON.stringify(json_data));
|
|
var html1='<div style="padding:10px;">';
|
|
for(var i=0;i<json_data.color.length;i++){
|
|
arr_color_all[i]=json_data.color[i].no+"-"+json_data.color[i].title;
|
|
html1+='<input type="checkbox" class="color_list" lay-skin="primary" title="'+json_data.color[i].no+'-'+json_data.color[i].title+'"';
|
|
if($.inArray(json_data.color[i].no+"-"+json_data.color[i].title,arr_color_check)>=0)
|
|
html1+=" checked";
|
|
html1+='/>';
|
|
}
|
|
html1+='</div>';
|
|
$("#div_color").html(html1);
|
|
form.render();
|
|
},
|
|
error: function () {
|
|
layui.layer.msg("与服务器通信失败！");
|
|
}
|
|
}
|
|
);
|
|
form.on("submit(form1_submit)",function(data){
|
|
//alert(JSON.stringify(data.field));
|
|
var item=$(".color_list");
|
|
//
|
|
var color1="";
|
|
for(var i=0;i<item.length;i++){
|
|
if(item[i].checked==true){
|
|
color1+=item[i].title+",";
|
|
}
|
|
}
|
|
if(color1)
|
|
color1=color1.substring(0,color1.length-1);
|
|
parent.set_color_value(color1);
|
|
var index=parent.layer.getFrameIndex(window.name);
|
|
parent.layer.close(index);
|
|
return false;
|
|
})
|
|
})
|
|
</script>
|
|
</body>
|
|
</html> |