| 1 |
- {extend name="public/container"}
{block name="head"}
<link href="{__FRAME_PATH}css/plugins/iCheck/custom.css" rel="stylesheet">
<script src="{__ADMIN_PATH}plug/validate/jquery.validate.js"></script>
<script src="{__ADMIN_PATH}frame/js/plugins/iCheck/icheck.min.js"></script>
<script src="{__ADMIN_PATH}frame/js/ajaxfileupload.js"></script>
<style>
label.error{
color: #a94442;
margin-bottom: 0;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
.file{
background-color:#676a6c;
border: none;
}
.deleteimg{position: absolute;
right: 0%;
top: 0%;
cursor: pointer;
background-color:#676a6c;
color: #fff;
width: 18px;
text-align: center;}
</style>
{/block}
{block name="content"}
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins">
<div class="tabs-container ibox-title">
<ul class="nav nav-tabs">
{volist name="config_tab" id="vo"}
{if condition="$vo['value'] eq $tab_id"}
<li class="active"><a href="{:Url('index',array('tab_id'=>$vo['value'],'type'=>$vo['type']))}"><i class="fa fa-{$vo.icon}"></i>{$vo.label}</a></li>
{else/}
<li><a href="{:Url('index',array('tab_id'=>$vo['value'],'type'=>$vo['type']))}"><i class="fa fa-{$vo.icon}"></i>{$vo.label}</a></li>
{/if}
{/volist}
</ul>
<div class="tab-content">
<div class="<!--ibox-content--> p-m m-t-sm">
<form method="post" class="form-horizontal" id="signupForm" action="{:Url('save_basics')}">
<input type="hidden" value="{$tab_id}" name="tab_id"/>
{volist name="list" id="vo"}
{eq name="$vo['config_tab_id']" value="$tab_id"}
<div class="form-group">
<label class="col-sm-2 control-label" {eq name="$vo['type']" value="radio"}style="padding-top: 0;"{/eq}>{$vo.info}</label>
<div class="col-sm-10">
<div class="row">
<div class="col-md-6">
{switch name="$vo['type']" }
{case value="text" break="1"}<!-- 文本框-->
<input type="{$vo.type}" class="form-control" name="{$vo.menu_name}" value="{$vo.value}" validate="{$vo['required']}" style="width: {$vo.width}%"/>
{/case}
{case value="textarea" break="1"}<!--多行文本框-->
<textarea name="{$vo.menu_name}" cols="{$vo.width}" rows="{$vo.high}" class="form-control" style="width: {$vo.width}%">{$vo.value}</textarea>
{/case}
{case value="checkbox" break="1"}<!--多选框-->
<?php
$parameter = array();
$option = array();
if($vo['parameter']){
$parameter = explode("\n",$vo['parameter']);
foreach ($parameter as $k=>$v){
$option[$k] = explode('=',$v);
}
// dump($parameter);
// exit();
}
$checkbox_value = $vo['value'];
if(!is_array($checkbox_value)) $checkbox_value = explode("\n",$checkbox_value);
// dump($checkbox_value);
// exit();
?>
{volist name="option" id="son" key="k"}
{if condition="in_array($son[0],$checkbox_value)"}
<label class="checkbox-inline i-checks">
<input type="checkbox" value="{$son.0}" name="{$vo.menu_name}[]" checked="checked">{$son.1}</label>
{else/}
<label class="checkbox-inline i-checks">
<input type="checkbox" value="{$son.0}" name="{$vo.menu_name}[]">{$son.1}</label>
{/if}
{/volist}
{/case}
{case value="radio" break="1"}<!--单选按钮-->
<?php
$parameter = array();
$option = array();
if($vo['parameter']){
$parameter = explode("\n",$vo['parameter']);
foreach ($parameter as $k=>$v){
$option[$k] = explode('=',$v);
}
}
?>
{volist name="option" id="son"}
{if condition="$son[0] eq $vo['value']"}
<div class="radio i-checks checked" style="display:inline">
<label class="" style="padding-left: 0;">
<div class="iradio_square-green " style="position: relative;">
<input type="radio" checked="checked" value="{$son.0}" name="{$vo.menu_name}" style="position: absolute; opacity: 0;">
</div>
<i></i> {$son.1}
</label>
</div>
{else /}
<div class="radio i-checks" style="display:inline">
<label class="" style="padding-left: 0;">
<div class="iradio_square-green" style="position: relative;">
<input type="radio" value="{$son.0}" name="{$vo.menu_name}" style="position: absolute; opacity: 0;">
</div>
<i></i> {$son.1}
</label>
</div>
{/if}
{/volist}
{/case}
{case value="upload" break="1"}<!--文件上传-->
<?php
$img_image = $vo['value'];
$num_img = 0;
if(!empty($img_image)){
$num_img = 1;
}
?>
<!--文件-->{if condition="$vo['upload_type'] EQ 3"}
<button class="btn btn-w-m btn-primary flag" type="button" data-name="{$vo.menu_name}"><i class="fa fa-upload"></i>添加文件</button>
<div style="display: inline-flex;">
<input type="file" class="{$vo.menu_name}_1" name="{$vo.menu_name}" style="display: none;" data-name="{$vo.menu_name}" id="{$vo.menu_name}" data-type = "{$vo.upload_type}" />
{if condition="$num_img LT 1"}
<div class="file-box">
<div class="file {$vo.menu_name}">
</div>
</div>
{else/}
{volist name="$vo['value']" id="img"}
<div class="file-box">
<div class="file {$vo.menu_name}" style="position: relative;">
<a href="http://<?php echo $_SERVER['SERVER_NAME'].$img;?>" target="_blank">
<span class="corner"></span>
<div class="icon">
<i class="fa fa-file"></i>
</div>
<div class="file-name">
<?php
//显示带有文件扩展名的文件名
echo basename($img);
?>
</div>
</a>
<div data-name="{$vo.menu_name}" data-image="{$img}" class="deleteimg" onclick="delPic(this)" title="删除">×</div>
<input type="hidden" name="{$vo.menu_name}[]" value="{$img}">
</div>
</div>
{/volist}
{/if}
<div class="clearfix"></div>
</div>
<!--多图-->{elseif condition="$vo['upload_type'] EQ 2"/}
<div style="margin-top: 20px;">
<input type="file" class="{$vo.menu_name}_1" name="{$vo.menu_name}" style="display: none;" data-name="{$vo.menu_name}" id="{$vo.menu_name}" data-type = "{$vo.upload_type}" />
<button class="btn btn-w-m btn-primary flag" type="button" data-name="{$vo.menu_name}"><i class="fa fa-upload"></i>添加图片</button>
<!-- <span class="flag" style="margin-top: 5px;width: 86px;height: 27px;border-radius: 6px;cursor:pointer;padding: .5rem 1rem;background-color: #18a689;color: #fff;text-align: center;" data-name="{$vo.menu_name}" >添加图片</span>-->
<div class="attachment upload_image_{$vo.menu_name}" style="display:block;margin:20px 0 5px -44px">
{volist name="$vo['value']" id="img"}
<div class="file-box">
<div class="file {$vo.menu_name}" style="position: relative;">
<span class="corner"></span>
<div class="image open_image">
<img alt="image" class="img-responsive" data-image="{$img}" src="{$img}" style="width:100%;height:100%;cursor: pointer">
</div>
<div class="file-name">
<?php
//显示带有文件扩展名的文件名
echo basename($img);
?>
</div>
<div data-name="{$vo.menu_name}" data-image="{$img}" class="deleteimg" onclick="delPic(this)" title="删除">×</div>
<input type="hidden" name="{$vo.menu_name}[]" value="{$img}">
</div>
</div>
{/volist}
<div class="clearfix"></div>
</div>
</div>
<!--单图-->{else/}
<div style="display: inline-flex;">
<input type="file" class="{$vo.menu_name}_1" name="{$vo.menu_name}" style="display: none;" data-name="{$vo.menu_name}" id="{$vo.menu_name}" data-type = "{$vo.upload_type}" />
<div class="flag" style="width: 100px;height: 80px;background-image:url('/public/system/module/wechat/news/images/image.png');cursor: pointer" data-name="{$vo.menu_name}" >
</div>
{if condition="$num_img LT 1"}
<div class="file-box">
<div class="{$vo.menu_name}">
</div>
</div>
{else/}
{volist name="$vo['value']" id="img"}
<div class="file-box">
<div class="{$vo.menu_name}">
<div style="position: relative;" class="file">
<div class="image open_image">
<img alt="image" class="img-responsive" data-image="{$img}" src="{$img}" style="width: 100%;height: 100%;cursor: pointer">
</div>
<div data-name="{$vo.menu_name}" data-image="{$img}" class="deleteimg" onclick="delPic(this)" title="删除">×</div>
<input type="hidden" name="{$vo.menu_name}[]" value="{$img}">
</div>
</div>
</div>
{/volist}
<div class="clearfix"></div>
{/if}
</div>
{/if}
{/case}
{/switch}
</div>
<div class="col-md-6">
<span class="help-block m-b-none"><i class="fa fa-info-circle"></i> {$vo.desc}</span>
</div>
</div>
</div>
</div>
<!-- <div class="hr-line-dashed"></div>-->
{/eq}
{/volist}
<div class="form-group" style="text-align: center;">
<div class="col-sm-4 col-sm-offset-2">
<button class="btn btn-primary" type="submit">提交</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
{/block}
{block name="script"}
<script>
$eb = parent._mpApi;
$().ready(function() {
$("#signupForm").validate();
$('.i-checks').iCheck({
checkboxClass: 'icheckbox_square-green',
radioClass: 'iradio_square-green',
});
$('.flag').on('click',function(){
$('.'+$(this).data('name')+'_1').trigger('click');
change_upload($(this).data('name'));
});
function change_upload(_this_name) {
$('.'+_this_name+'_1').on('change',function(){
ajaxFileUpload(this);
});
}
});
/**
* 添加文件
* */
function getHtmlFlie(menu_name,html_src) {
html_file = '';
if(html_src.length < 1){
return html_file;
}
html_file += '<a href="http://'+window.location.host+html_src+'" target="_blank">';
html_file += '<span class="corner"></span>';
html_file += '<div class="icon">';
html_file += '<i class="fa fa-file"></i>';
html_file += '</div>';
html_file += '<div class="file-name">';
$.ajax({
url:"{:url('getImageName')}",
data:'src='+html_src,
type:'post',
async:false,
dataType:'json',
success:function (re) {
html_file += re.name;
}
})
html_file += '</div>';
html_file += '</a>';
html_file += '<div data-name="'+menu_name+'" data-image="'+html_src+'" class="deleteimg" onclick="delPic(this)" title="删除">×</div>';
html_file += '<input type="hidden" name="'+menu_name+'[]" value="'+html_src+'">';
return html_file;
}
/**
* 多图上传html 处理
* */
function getHtmlOrthe(menu_name,html_src) {
html_order = '';
if(html_src.length < 1){
return html_order;
}
html_order += '<div class="file-box">';
html_order += '<div class="file '+menu_name+'" style="position: relative">';
html_order += '<span class="corner"></span>';
html_order += '<div class="image open_image">';
html_order += '<img alt="image" class="img-responsive" data-image="'+html_src+'" src="'+html_src+'" style="width:100%;height:100%;cursor: pointer">';
html_order += '</div>';
html_order += '<div class="file-name">';
$.ajax({
url:"{:url('getImageName')}",
data:'src='+html_src,
type:'post',
async:false,
dataType:'json',
success:function (re) {
html_order += re.name;
}
})
html_order += '</div>';
html_order += '<div data-name="'+menu_name+'" data-image="'+html_src+'" class="deleteimg" onclick="delPic(this)" title="删除">×</div>';
html_order += '<input type="hidden" name="'+menu_name+'[]" value="'+html_src+'">';
html_order += '</div>';
html_order += '</div>';
return html_order;
}
/**
* 单图上传html处理
* */
function getHtml(menu_name,html_src) {
html_one = '';
if(html_src.length < 1){
return html_one;
}
html_one += '<div style="position: relative;" class="file">'
html_one += '<span class="corner"></span>';
html_one += '<div class="image open_image">';
html_one += '<img alt="image" class="img-responsive" data-image="'+html_src+'" src="'+html_src+'" style="width:100%;height:100%;cursor: pointer">';
html_one += '</div>';
html_one += '<div class="file-name">';
$.ajax({
url:"{:url('getImageName')}",
data:'src='+html_src,
type:'post',
async:false,
dataType:'json',
success:function (re) {
html_one += re.name;
}
})
html_one += '</div>';
html_one += '<div data-name="'+menu_name+'" data-image="'+html_src+'" class="deleteimg" onclick="delPic(this)" title="删除">×</div>';
html_one += '<input type="hidden" name="'+menu_name+'[]" value="'+html_src+'">';
html_one += '</div>'
return html_one;
}
function ajaxFileUpload(is) {
bool_upload_num = $(is).data('type');
$.ajaxFileUpload({
url: "{:url('view_upload')}",
data:{file: $(is).data('name'),type:bool_upload_num},
type: 'post',
secureuri: false, //一般设置为false
fileElementId: $(is).data('name'), // 上传文件的id、name属性名
dataType: 'json', //返回值类型，一般设置为json、application/json
success: function(data, status, e){
console.log(data);
if(data.code == 200){
if(bool_upload_num == 2){
getHtmlOrthe($(is).data('name'),data.data.url);
$('.upload_image_'+$(is).data('name')).append(html_order);
}else if(bool_upload_num == 1){
getHtml($(is).data('name'),data.data.url);
$('.'+$(is).data('name')).empty();
$('.'+$(is).data('name')).append(html_one);
}else if(bool_upload_num == 3){
getHtmlFlie($(is).data('name'),data.data.url);
$('.'+$(is).data('name')).empty();
$('.'+$(is).data('name')).append(html_file);
}else{}
$eb.message('success',data.msg);
}else{
$eb.message('error',data.msg);
}
$('.'+$(is).data('name')).on('change',function(){ ajaxFileUpload(this);})
},
error: function(data, status, e){
$('.'+$(is).data('name')).on('change',function(){ ajaxFileUpload(this);})
}
});
}
$('.del_upload_one');
function delPic(_this) {
if(!confirm('确认删除?')) return false;
p = $(_this).parents('.'+$(_this).data('name'));
p.empty();
var image = $(_this).data('image');
url = "{:Url('Common/rmPublicResource')}";
$.ajax({
url:url,
data:'url='+image,
type:'get',
success:function (re) {
if(re.code == 200){
$eb.message('success',re.msg);
}else{
$eb.message('error',re.msg);
}
}
})
}
$(document).on('click','.open_image',function (e) {
var image = $(".open_image img").data('image');
$eb.openImage(image);
})
</script>
{/block}
|
