<div class="layui-fluid layui-anim febs-anim" id="vip-center-setting" lay-title="会员中心设置">
|
<div class="layui-row layui-col-space8 febs-container">
|
<form class="layui-form" action="" lay-filter="vip-center-setting-form">
|
<div class="layui-card">
|
<div class="layui-card-body" id="cardBody">
|
|
</div>
|
|
<div class="layui-card-footer">
|
<button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="vip-center-setting-form-submit" id="submit">保存</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
<style>
|
.layui-form-label {
|
width: 120px;
|
}
|
|
.layui-form-item .layui-input-block {
|
margin-left: 150px;
|
}
|
|
.layui-table-form .layui-form-item {
|
margin-bottom: 20px !important;
|
}
|
</style>
|
<script type="text/html" id="vipCenterSettingOperate">
|
{{# layui.each(d, function(index, item){ }}
|
<div class="layui-form-item">
|
<label class="layui-form-label febs-form-item-require">{{item.description}}：</label>
|
<div class="layui-input-block">
|
<div class="layui-upload">
|
<button type="button" class="layui-btn layui-btn-normal layui-btn" id="upload-btn-{{index}}">
|
上传
|
</button>
|
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
|
<div class="layui-upload-list" id="upload-{{index}}">
|
{{# if(item.value != null && item.value != '') { }}
|
<img src="{{item.value}}" class="layui-upload-img single-image-{{index}}" style="width: 130px">
|
{{# }}}
|
</div>
|
</blockquote>
|
<div class="layui-word-aux">双击图片删除</div>
|
</div>
|
</div>
|
|
<input type="text" id="thumb-{{index}}" lay-verify="required" name="{{item.code}}"
|
autoComplete="off" value="{{item.value}}" class="layui-input febs-hide" readOnly>
|
</div>
|
{{# }) }}
|
</script>
|
<script data-th-inline="javascript" type="text/javascript">
|
layui.use(['dropdown', 'jquery', 'validate', 'febs', 'form', 'eleTree', 'laytpl', 'upload'], function () {
|
var $ = layui.jquery,
|
febs = layui.febs,
|
form = layui.form,
|
validate = layui.validate
|
, templateHtml = vipCenterSettingOperate.innerHTML
|
, $cardBody = $("#cardBody")
|
, laytpl = layui.laytpl
|
, upload = layui.upload
|
, $view = $('#vip-center-setting');
|
|
form.verify(validate);
|
form.render();
|
|
dicDataReq("VIP_CENTER_BACKGROUND");
|
function dicDataReq(type) {
|
$cardBody.empty();
|
$.get(ctx + 'admin/common/findDicByType/' + type, function (r) {
|
if (r.code === 200) {
|
var data = r.data;
|
laytpl(templateHtml).render(data, function(html) {
|
$cardBody.append(html);
|
})
|
|
for(var i = 0; i < r.data.length; i++) {
|
uploadFun(i);
|
|
imgSingleBind(i);
|
}
|
}
|
});
|
}
|
|
form.on('submit(vip-center-setting-form-submit)', function (data) {
|
$.ajax({
|
'url':ctx + 'admin/system/bonusSystemSetting',
|
'type':'post',
|
'dataType':'json',
|
'headers' : {'Content-Type' : 'application/json;charset=utf-8'},
|
'traditional': true,
|
'data':JSON.stringify(data.field),
|
'success':function (data) {
|
if (data.code == 200) {
|
febs.alert.success(data.message);
|
}
|
},
|
'error':function () {
|
febs.alert.warn('服务器繁忙');
|
}
|
})
|
return false;
|
});
|
|
function uploadFun(classIndex) {
|
var uploadElem = '#upload-btn-' + classIndex;
|
upload.render({
|
elem: uploadElem
|
,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
|
,multiple: true
|
,before: function(obj){
|
//预读本地文件示例，不支持ie8
|
obj.preview(function(index, file, result){
|
if ($("#thumb-" + classIndex).val()) {
|
$("#upload-"+classIndex).html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image'+ classIndex +'" style="width: 130px">')
|
} else {
|
$("#upload-"+classIndex).append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image'+ classIndex +'" style="width: 130px">')
|
}
|
|
});
|
}
|
,done: function(res){
|
$("#thumb-" + classIndex).val(res.data.src);
|
|
imgUnBind(".single-image-" + classIndex);
|
imgSingleBind(classIndex);
|
}
|
});
|
}
|
|
function imgSingleBind(classIndex) {
|
$(".single-image-" + classIndex).each(function(index, element) {
|
$(this).on("dblclick", function() {
|
var imgThumb = $(".single-image-" + classIndex)[index];
|
$(imgThumb).remove();
|
$("#thumb-" + classIndex).val("");
|
|
imgUnBind(".single-image-" + classIndex);
|
imgSingleBind();
|
});
|
})
|
}
|
|
function imgUnBind(className) {
|
$(className).each(function() {
|
$(this).unbind('dblclick');
|
})
|
}
|
|
});
|
</script>
|
