123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255 |
- <!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>
|