<!DOCTYPE HTML>
<html>
<head>
<include file="./Application/Admin/View/head.html"/>
<link rel="stylesheet" type="text/css" href="/Public/lib/bootstrap-Switch/bootstrapSwitch.css"/>
<link rel="stylesheet" type="text/css" href="/Public/plugins/uploadify/uploadify.css">
<link rel="stylesheet" type="text/css" href="/Public/plugins/css/tinyselect.css">
<style type="text/css">
form .row input {
width: 250px;
}
* {
margin: 0;
padding: 0;
}
.citys {
margin-bottom: 10px;
}
.citys p {
line-height: 28px;
}
.warning {
color: #c00;
}
table a {
margin-right: 8px;
color: #369;
}
.c_img {
width: 240px;
height: auto;
}
</style>
</head>
<body>
<article class="page-container">
<form action="" method="post" class="form form-horizontal" id="edit">
<div class="row cl">
<label class="form-label col-xs-2 col-sm-2">类型：</label>
<div class="formControls col-xs-10 col-sm-10">
<select id="type" name="type" class="select" style="width:250px;">
<option value="0">请选择类型</option>
<foreach name="type" item="v" key="k">
<option value="{$k}"
<if condition="$k eq $data['type']">selected="selected"</if>
style="margin-left:55px;">{$v}</option>
</foreach>
</select>
</div>
</div>
<div class="row cl">
<label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>标题：</label>
<div class="formControls col-xs-10 col-sm-10">
<input type="text" class="input-text" placeholder="请输入标题" id="title" name="title" value="{$data['title']}"/>
</div>
</div>
<div class="row cl">
<label class="form-label col-xs-2 col-sm-2">作者：</label>
<div class="formControls col-xs-10 col-sm-10">
<input type="text" class="input-text" placeholder="请输入作者" id="author" name="author" value="{$data['author']}"/>
</div>
</div>
<div class="row cl">
<label class="form-label col-xs-2 col-sm-2">来源：</label>
<div class="formControls col-xs-10 col-sm-10">
<input type="text" class="input-text" placeholder="请输入来源" id="source" name="source" value="{$data['source']}"/>
</div>
</div>
<div class="row cl">
<label class="form-label col-xs-2 col-sm-2">相关门店：</label>
<div class="formControls col-xs-10 col-sm-10">
<select id="store_id" name="store_id" class="select" style="width:250px;">
<option value="0">请选择门店</option>
<foreach name="store" item="v" key="k">
<option value="{$v['id']}"
<if condition="$v['id'] eq $data['store_id']">selected="selected"</if>
style="margin-left:55px;">{$v['name']}</option>
</foreach>
</select>
</div>
</div>
<div class="row cl">
<label class="form-label col-xs-2 col-sm-2">首页推荐：</label>
<div class="formControls col-xs-10 col-sm-10">
<select id="is_recommend" name="is_recommend" class="select" style="width:250px;">
<foreach name="recommend" item="v" key="k">
<option value="{$k}"
<if condition="$k eq $data['is_recommend']">selected="selected"</if>
style="margin-left:55px;">{$v}</option>
</foreach>
</select>
</div>
</div>
<div class="row cl">
<label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>封面图片：</label>
<div class="formControls col-xs-10 col-sm-10">
<div><span class="c-red">尺寸：360×200</span></div>
<input id="img" type="hidden" class="imgInput" value="{$data.img}" name="img" />
<input type="button" class="imgUpload btn btn-danger radius" value="上传" style="width: 50px;"/>
<input type="file" style="display: none;" class="imgFile">
<div class="imgView" style="margin-top: 10px;">
<if condition="$data['img'] neq ''">
<img class="c_img" src="{$data.img}">
</if>
</div>
</div>
</div>
<div class="row cl">
<label class="form-label col-xs-2 col-sm-2">官网banner图：</label>
<div class="formControls col-xs-10 col-sm-10">
<div><span class="c-red">尺寸：1920×605</span></div>
<input id="home_img" type="hidden" class="imgInput" value="{$data.home_img}" name="home_img" />
<input type="button" class="imgUpload btn btn-danger radius" value="上传" style="width: 50px;"/>
<input type="file" style="display: none;" class="imgFile">
<div class="imgView" style="margin-top: 10px;">
<if condition="$data['home_img'] neq ''">
<img class="c_img" src="{$data.home_img}">
</if>
</div>
</div>
</div>
<div class="row cl">
<label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>简介说明：</label>
<div class="formControls col-xs-10 col-sm-10">
<textarea class="textarea" id="desc" name="desc">{$data.desc}</textarea>
</div>
</div>
<div class="row cl">
<label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>内容：</label>
<div class="formControls col-xs-10 col-sm-10">
<!-- 加载编辑器的容器 -->
<script id="content" name="content" type="text/plain">{:htmlspecialchars_decode($data['content'])}</script>
</div>
</div>
<div class="row cl">
<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
<input type="hidden" class="input-text" value="{$data.id}" placeholder="" id="id" name="id"/>
<button type="submit" class="btn btn-success radius" id="save" name="save"><i class="icon-ok"></i> 确定</button>
</div>
</div>
</form>
</article>
<!--_footer 作为公共模版分离出去-->
<include file="./Application/Admin/View/foot.html"/>
<!--/_footer /作为公共模版分离出去-->
<script>
//下面js课用于多个图片异步上传，无需重复
$(document).on('click','.imgUpload',function(){
$(this).siblings('.imgFile').trigger('click');
});
$(document).on('change','.imgFile',function(e){
var imgFile = $(this);
var reader = new FileReader();
reader.onload = (function (file) {
return function (e) {
var imgBase64 = this.result;
$.ajax({
type: "post",
url: "/Admin/common/upload_upyun",
dataType:'json',
data: {
img: imgBase64
},
success: function(data) {
if (data.status == '1') {
$(imgFile).siblings('.imgInput').val(data.info);
var html = '<img src="' + data.info + '" style="width:240px;height:auto;" >';
$(imgFile).siblings('.imgView').html(html);
}
}
});
};
})(e.target.files[0]);
reader.readAsDataURL(e.target.files[0]);
});
</script>
<!-- 配置文件 -->
<script type="text/javascript" src="/Public/ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="/Public/ueditor/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script>
var ue = UE.getEditor('content', {
enterTag: 'Br',
autoHeightEnabled: true,
initialFrameWidth: 700, //初始化编辑器宽度,默认1000
initialFrameHeight: 200 //初始化编辑器高度,默认320
});
$().ready(function () {
$("#edit").validate({
rules: {
title: {required: true},
type: {required: true},
desc: {required: true},
img: {required: true},
content: {required: true}
},
success: "valid",
submitHandler: function () {
$("#save").attr('disabled', true);
var data = {
id: $('#id').val(),
title: $('#title').val(),
img: $('#img').val(),
home_img: $('#home_img').val(),
desc: $('#desc').val(),
content: UE.getEditor('content').getContent(),
is_recommend: $('#is_recommend').val(),
type: $('#type').val(),
store_id: $('#store_id').val(),
source: $('#source').val(),
author: $('#author').val()
};
$.ajax({
type: "post",
url: "{:U(CONTROLLER_NAME . '/' . ACTION_NAME)}",
data: {data: data},
success: function (data) {
if (data.status == '1') {
//加载层-风格3
parent.layer.load(2);
parent.layer.msg(data.info, {icon: 1});
parent.location.reload();
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
} else if (data.status == '0') {
parent.layer.msg(data.info, {icon: 2});
}
$("#save").removeAttr('disabled');
}
});
}
});
});
</script>
</body>
</html>