329 lines
14 KiB
HTML
329 lines
14 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>
|
|
<input type="hidden" id="id" name="id" value=0>
|
|
<input type="hidden" id="s_cate" name="s_cate" value="">
|
|
<body class="childrenBody">
|
|
<form class="layui-form layui-form-pane">
|
|
<div style="padding:20px;">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">选择插件</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="file_name" id="file_name" required lay-verify="required" class="layui-input">
|
|
</div>
|
|
<div class="layui-input-inline"><a class="layui-btn layui-btn-sm layui-btn-normal btn_pick">浏览</a></div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">名称</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="title" id="title" required lay-verify="required" class="layui-input" style="width:500px;">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">参数配置</label>
|
|
<div class="layui-input-inline">
|
|
<div id="div_param"><i class="layui-icon layui-icon-loading" style="font-size:30px; color: #cccccc;"></i></div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<div class="this_change"><i class="layui-icon layui-icon-loading" style="font-size:30px; color: #cccccc;"></i></div>
|
|
</div>
|
|
<div class="layui-input-inline" style="padding-left:10px;"><button id="form1_submit" class="layui-btn layui-btn-normal" lay-submit lay-filter="form1_submit" style="font-weight:bold;"> 保存 </button><button type="reset" class="layui-btn layui-btn-primary">重置</button></div>
|
|
</div>
|
|
</form>
|
|
<script>
|
|
//设置颜色选取框的值
|
|
var color1=color2="";
|
|
var arr_keyword=[];
|
|
var arr_color_zd=[];
|
|
var arr_select_zd=[];
|
|
var param="";
|
|
var index_s={};
|
|
var arr_icon=[];
|
|
function set_color_value(v){
|
|
document.getElementById("file_name").value=v;
|
|
}
|
|
function set_color_value2(v){
|
|
document.getElementById("title").value=v;
|
|
}
|
|
//参数转成中文
|
|
function param_to_title(no,cate){
|
|
var arr1=arr_keyword;
|
|
if(cate=="color_zd")
|
|
arr1=arr_color_zd;
|
|
var r=no;
|
|
for(var i=0;i<arr1.length;i++){
|
|
if(arr1[i].no==no)
|
|
r=arr1[i].title;
|
|
}
|
|
return r;
|
|
}
|
|
//参数转成编号
|
|
function param_to_no(title){
|
|
var r=title;
|
|
for(var i=0;i<arr_keyword.length;i++){
|
|
if(arr_keyword[i].title==title)
|
|
r=arr_keyword[i].no;
|
|
}
|
|
return r;
|
|
}
|
|
//参数
|
|
function set_param(str_param){
|
|
layui.use(['form'],function(){
|
|
var form = layui.form,
|
|
layer = parent.layer === undefined ? layui.layer : top.layer,
|
|
$ = layui.jquery;
|
|
var html1='<table>';
|
|
var str_param_k="";
|
|
if(str_param){
|
|
var arr=str_param.split(",");
|
|
for(var i=0;i<arr.length;i++){
|
|
var arr1=arr[i].split("|");
|
|
var str_tip="";
|
|
if(arr1[2])
|
|
str_tip="("+arr1[2]+")";
|
|
html1+='<tr><td><label class="layui-form-label" style="text-align:right;background-color:#f0f0f0;width:200px;"><span style="color:#999;">'+str_tip+'</span>'+arr1[0]+'=</label></td>';
|
|
if(arr1[0]=="icon"){
|
|
//图标
|
|
html1+='<td><input type="text" id="param_'+arr1[0]+'" name="param_'+arr1[0]+'" required class="layui-input" style="width:150px;" value="'+arr1[1]+'" readonly><input type="hidden" name="param_tip_'+arr1[0]+'" value="'+arr1[2]+'"></td><td style="background-color:#262428;" align="center" onclick="select_keyword(\''+arr1[0]+'\',\'icon\')"><img id="icon_img" src="../ipad/images/'+arr1[1]+'.png"></td>';
|
|
}else if(arr1[0].substring(0,10)=="keyword_zd"){
|
|
//keyword选项
|
|
html1+='<td><input type="text" id="param_'+arr1[0]+'" name="param_'+arr1[0]+'" required class="layui-input" style="width:150px;" value="'+param_to_title(arr1[1],'keyword')+'" readonly><input type="hidden" name="param_tip_'+arr1[0]+'" value="'+arr1[2]+'"></td><td><button type="button" class="layui-btn layui-btn-sm layui-btn-normal" onclick="select_keyword(\''+arr1[0]+'\',\'keyword_zd\')">选择</button></td>';
|
|
}else if(arr1[0].substring(0,8)=="color_zd"){
|
|
//到色字段
|
|
html1+='<td><input type="text" id="param_'+arr1[0]+'" name="param_'+arr1[0]+'" required class="layui-input" style="width:150px;" value="'+param_to_title(arr1[1],'color_zd')+'" readonly><input type="hidden" name="param_tip_'+arr1[0]+'" value="'+arr1[2]+'"></td><td><button type="button" class="layui-btn layui-btn-sm layui-btn-normal" onclick="select_keyword(\''+arr1[0]+'\',\'color_zd\')">选择</button></td>';
|
|
}else if(arr1[0]=="tbname"){
|
|
//tbname选项
|
|
html1+='<td><input type="text" id="param_'+arr1[0]+'" name="param_'+arr1[0]+'" required class="layui-input" style="width:150px;" value="'+arr1[1]+'"><input type="hidden" name="param_tip_'+arr1[0]+'" value="'+arr1[2]+'"></td><td nowrap="nowrap"><lable>重建表：</lable><input type="checkbox" id="is_sc" name="is_sc" lay-skin="switch" lay-text="是|否"></td>';
|
|
}else if(arr1[0].substring(0,9)=="select_zd"){
|
|
//搜索
|
|
html1+='<td><input type="text" id="param_'+arr1[0]+'" name="param_'+arr1[0]+'" required class="layui-input" style="width:150px;" value="'+param_to_title(arr1[1],'keyword')+'" readonly><input type="hidden" name="param_tip_'+arr1[0]+'" value="'+arr1[2]+'"></td><td><button type="button" class="layui-btn layui-btn-sm layui-btn-normal" onclick="select_keyword(\''+arr1[0]+'\',\'select_zd\')">选择</button></td>';
|
|
}else if(arr1[0].substring(0,7)=="head_zd"){
|
|
//表头
|
|
if(arr1[1]=="y"){
|
|
html1+='<td><div style="width:190px;"><div style="float:left"><input type="radio" id="param_'+arr1[0]+'" name="param_'+arr1[0]+'" value="y" title="开启" checked></div><div style="float:left"><input type="radio" id="param_'+arr1[0]+'" name="param_'+arr1[0]+'" value="n" title="关闭"><input type="hidden" name="param_tip_'+arr1[0]+'" value="'+arr1[2]+'"></div></div></td><td></td>';
|
|
}else{
|
|
html1+='<td><div style="width:190px;"><div style="float:left"><input type="radio" id="param_'+arr1[0]+'" name="param_'+arr1[0]+'" value="y" title="开启"></div><div style="float:left"><input type="radio" id="param_'+arr1[0]+'" name="param_'+arr1[0]+'" value="n" title="关闭" checked><input type="hidden" name="param_tip_'+arr1[0]+'" value="'+arr1[2]+'"></div></div></td><td></td>';
|
|
}
|
|
|
|
}else{
|
|
//其他
|
|
html1+='<td><input type="text" id="param_'+arr1[0]+'" name="param_'+arr1[0]+'" required class="layui-input" style="width:150px;" value="'+arr1[1]+'"><input type="hidden" name="param_tip_'+arr1[0]+'" value="'+arr1[2]+'"></td>';
|
|
}
|
|
html1+='</tr>';
|
|
str_param_k+=arr1[0]+",";
|
|
}
|
|
}
|
|
html1+='</table>';
|
|
if(str_param_k)
|
|
str_param_k=str_param_k.substring(0,str_param_k.length-1);
|
|
html1+='<input type="hidden" name="param_k" value="'+str_param_k+'">';
|
|
$("#div_param").html(html1);
|
|
form.render();
|
|
});
|
|
}
|
|
//查找哪些选项已经被设置
|
|
function find_param(title){
|
|
//取得已经设置的选项
|
|
var arr=param.split(",");
|
|
var r='n';
|
|
var obj1={};
|
|
for(var i=0;i<arr.length;i++){
|
|
var arr1=arr[i].split("|");
|
|
obj=document.getElementById('param_'+arr1[0]);
|
|
if(obj){
|
|
if(obj.value==title)
|
|
r='y';
|
|
}
|
|
}
|
|
return r;
|
|
}
|
|
|
|
function del_value(zd){
|
|
var obj1=document.getElementById("param_"+zd);
|
|
obj1.value='';
|
|
//关闭窗口
|
|
layui.use(['layer'],function(){
|
|
var layer = layui.layer;
|
|
layer.close(index_s);
|
|
})
|
|
}
|
|
function s_keyword_click(obj,zd){
|
|
var obj1=document.getElementById("param_"+zd);
|
|
obj1.value=obj.value;
|
|
//关闭窗口
|
|
layui.use(['layer'],function(){
|
|
var layer = layui.layer;
|
|
layer.close(index_s);
|
|
//alert(obj.value+"|"+zd);
|
|
})
|
|
}
|
|
function s_icon_click(obj){
|
|
var obj1=document.getElementById("param_icon");
|
|
obj1.value=obj.value;
|
|
obj1=document.getElementById("icon_img");
|
|
obj1.src="../ipad/images/"+obj.value+".png";
|
|
//关闭窗口
|
|
layui.use(['layer'],function(){
|
|
var layer = layui.layer;
|
|
layer.close(index_s);
|
|
//alert(obj.value+"|"+zd);
|
|
})
|
|
}
|
|
//
|
|
function select_keyword(no,cate){
|
|
layui.use(['form','element','jquery','layer','table'],function(){
|
|
var form = layui.form,
|
|
layer = layui.layer,
|
|
$=layui.jquery,
|
|
table = layui.table;
|
|
var element = layui.element;
|
|
if(cate=="icon"){
|
|
var html1='<div style="padding:0px;background-color:#262428;"><ul style="margin:0 auto; width:400px;overflow:hidden">';
|
|
var iocn_length=arr_icon.length;
|
|
for(var i=0;i<iocn_length;i++){
|
|
html1+='<li style="float:left;width:70px;padding:4px;"><input style="width:20px;height:20px;" type="radio" id="s_icon_'+arr_icon[i].icon+'" name="s_icon" value="'+arr_icon[i].icon+'" onclick="s_icon_click(this)"><label for="s_icon_'+arr_icon[i].icon+'"><img src="../ipad/images/'+arr_icon[i].icon+'.png" width=28 height=25></label></li>';
|
|
}
|
|
html1+='</ul></div>';
|
|
}else if(cate=="keyword_zd"){
|
|
var html1='<div style="padding:10px;"><ul style="margin:0 auto;width:410px;overflow:hidden">';
|
|
//输出可选项
|
|
for(var i=0;i<arr_keyword.length;i++){
|
|
if(find_param(arr_keyword[i].title)=='n'){
|
|
html1+='<li style="float:left;padding:4px;width:120px;"><input style="width:20px;height:20px;" type="radio" id="s_keyword_'+arr_keyword[i].no+'" name="s_keyword" value="'+arr_keyword[i].title+'" onclick="s_keyword_click(this,\''+no+'\')"><label for="s_keyword_'+arr_keyword[i].no+'" style="font-size:14px;">'+arr_keyword[i].title+'</label></li>';
|
|
}
|
|
}
|
|
html1+='</ul><div align="center"><input type="button" value="清空" class="layui-btn layui-btn-sm layui-btn-danger" onclick="del_value(\''+no+'\')"></div></div>';
|
|
}else if(cate=="color_zd"){
|
|
var html1='<div style="padding:10px;"><ul style="margin:0 auto;width:410px;overflow:hidden">';
|
|
//输出可选项
|
|
for(var i=0;i<arr_color_zd.length;i++){
|
|
if(find_param(arr_color_zd[i].title)=='n'){
|
|
html1+='<li style="float:left;padding:4px;width:120px;"><input style="width:20px;height:20px;" type="radio" id="s_keyword_'+arr_color_zd[i].no+'" name="s_keyword" value="'+arr_color_zd[i].title+'" onclick="s_keyword_click(this,\''+no+'\')"><label for="s_keyword_'+arr_color_zd[i].no+'" style="font-size:14px;">'+arr_color_zd[i].title+'</label></li>';
|
|
}
|
|
}
|
|
html1+='</ul><div align="center"><input type="button" value="清空" class="layui-btn layui-btn-sm layui-btn-danger" onclick="del_value(\''+no+'\')"></div></div>';
|
|
}else if(cate=="select_zd"){
|
|
var html1='<div style="padding:10px;"><ul style="margin:0 auto;width:410px;overflow:hidden">';
|
|
//输出可选项
|
|
for(var i=0;i<arr_select_zd.length;i++){
|
|
if(find_param(arr_select_zd[i].title)=='n'){
|
|
html1+='<li style="float:left;padding:4px;width:120px;"><input style="width:20px;height:20px;" type="radio" id="s_keyword_'+arr_select_zd[i].no+'" name="s_keyword" value="'+arr_select_zd[i].title+'" onclick="s_keyword_click(this,\''+no+'\')"><label for="s_keyword_'+arr_select_zd[i].no+'" style="font-size:14px;">'+arr_select_zd[i].title+'</label></li>';
|
|
}
|
|
}
|
|
html1+='</ul><div align="center"><input type="button" value="清空" class="layui-btn layui-btn-sm layui-btn-danger" onclick="del_value(\''+no+'\')"></div></div>';
|
|
}
|
|
//alert(html1);
|
|
index_s = layer.open({
|
|
type: 1,
|
|
closeBtn:1,
|
|
title: '请选择'+no,
|
|
area: ['450px', '240px'], //宽高
|
|
content: html1
|
|
})
|
|
form.render();
|
|
})
|
|
}
|
|
layui.use(['form','layer','laydate'],function(){
|
|
var form = layui.form,
|
|
layer = parent.layer === undefined ? layui.layer : top.layer,
|
|
laydate = layui.laydate,
|
|
$ = layui.jquery;
|
|
var id=get_url_param("id");
|
|
var s_cate=get_url_param("s_cate");
|
|
$("#id").val(id);
|
|
$("#s_cate").val(s_cate);
|
|
var url="./?_m=plugin&_a=add&id="+id+"&s_cate="+s_cate;
|
|
$.ajax(
|
|
{
|
|
url:url,
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res) {
|
|
var json_data=$.parseJSON(res);
|
|
arr_keyword=json_data.arr_keyword;
|
|
arr_color_zd=json_data.arr_color_zd;
|
|
arr_select_zd=json_data.arr_select_zd;
|
|
arr_icon=json_data.arr_icon;
|
|
param=json_data.param;
|
|
$("#file_name").val(json_data.file_name);
|
|
$("#title").val(json_data.title);
|
|
set_param(json_data.param);
|
|
var html1="";
|
|
html1+='<label class="layui-form-label">展示对象</label><div class="layui-input-inline"><select id="face" name="face"><option value=" ">所有人</option>';
|
|
for(var i=0;i<json_data.select_dz.length;i++){
|
|
if(json_data.select_dz[i].no>0){
|
|
html1+='<option value="'+json_data.select_dz[i].no+'"';
|
|
if(json_data.select_dz[i].no==json_data.face)
|
|
html1+='selected';
|
|
html1+='>'+json_data.select_dz[i].title+'</option>';
|
|
}
|
|
}
|
|
if(!json_data.select_dz.length)
|
|
html1="";
|
|
html1+="</select></div>";
|
|
$(".this_change").html(html1);
|
|
form.render();
|
|
},
|
|
error: function () {
|
|
layui.layer.msg("与服务器通信失败！");
|
|
}
|
|
}
|
|
);
|
|
//浏览
|
|
$(".btn_pick").click(function(){
|
|
var index = layui.layer.open({
|
|
title : "浏览文件",
|
|
area: ['90%', '90%'],
|
|
type : 2,
|
|
content : "plugin_pick.htm?s_cate="+s_cate,
|
|
success : function(layero, index){
|
|
//
|
|
}
|
|
})
|
|
})
|
|
//提交
|
|
form.on("submit(form1_submit)",function(data){
|
|
//弹出loading
|
|
//alert(JSON.stringify(data.field));
|
|
var index = top.layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});
|
|
//提交
|
|
var url="./?_m=plugin&_a=save_add&id="+id+"&s_cate="+s_cate;
|
|
var post_data=data.field;
|
|
//alert(JSON.stringify(post_data));
|
|
$.ajax({
|
|
url:url,
|
|
contentType: "application/json",
|
|
method: 'GET',
|
|
data:post_data,
|
|
success: function (res) {
|
|
var json_data=$.parseJSON(res);
|
|
if(json_data.code==1){
|
|
//保存成功
|
|
layer.msg("保存成功！");
|
|
//关闭本窗口
|
|
parent.layer.closeAll("iframe");
|
|
//刷新父页面
|
|
parent.reload_table();
|
|
}else{
|
|
//保存失败
|
|
layer.close(index);
|
|
layer.msg("保存失败！("+json_data.msg+")");
|
|
}
|
|
}
|
|
})
|
|
return false;
|
|
})
|
|
})
|
|
</script>
|
|
</body>
|
|
</html> |