mirror of
https://github.com/crmeb/CRMEB.git
synced 2025-12-17 15:02:48 +00:00
1 line
25 KiB
PHP
1 line
25 KiB
PHP
{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}
|