<!DOCTYPE html> <html lang="en"> <include file="Public:header" /> <include file="Public:page_css" /> <script> $(function(){ $('#thinkvideo_add').ajaxForm({ beforeSubmit: checkForm, // 此方法主要是提交前执行的方法,根据需要设置 success: complete, // 这是提交后的方法 dataType: 'json' }); function checkForm(){ if( '' == $.trim($('#title').val())){ layer.alert('请输入标题', {icon: 5}, function(index){ layer.close(index); $('#title').focus(); }); return false; } } function complete(data){ if(data.status==1){ layer.msg(data.info, {icon: 6,time:1000}, function(index){ layer.close(index); window.location.href=data.url; }); }else{ layer.msg(data.info, {icon: 5,time:1000}, function(index){ layer.close(index); }); return false; } } }); </script> <body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden"> <include file="Public:nav" /> <div class="row wrapper border-bottom white-bg page-heading"> <div class="col-lg-12"> <h2>思进课堂数据管理</h2> <ol class="breadcrumb"> <li> <a href="{:U('Index/index')}"><i class="fa fa-home"></i> 主页</a> </li> <li> <a>思进课堂数据管理</a> </li> <li> <strong>添加数据</strong> </li> </ol> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="ibox float-e-margins"> <div class="ibox-title"> <h5>添加数据</h5> <div class="ibox-tools"> <a class="collapse-link"> <i class="fa fa-chevron-up"></i> </a> </div> </div> <div class="ibox-content"> <form class="form-horizontal" name="thinkvideo_add" id="thinkvideo_add" method="post" action="__URL__/thinkvideo_add"> <div class="hr-line-dashed"></div> <div class="form-group"> <label class="col-sm-2 control-label"> 标题</label> <div class="col-sm-5"> <input type="text" name="title" id="title" placeholder="请输入标题" class="form-control" /> </div> </div> <div class="hr-line-dashed"></div> <div class="form-group"> <label class="col-sm-2 control-label"> 关键字</label> <div class="col-sm-3"> <input type="text" name="keword" id="keword" placeholder="请输入关键字" class="form-control" /> </div> </div> <div class="hr-line-dashed"></div> <div class="form-group"> <label class="col-sm-2 control-label">类型选择</label> <div class="col-sm-3"> <select id="category" name="category" class="form-control m-b chosen-select"> <option value="0">请选择课程类型</option> <option value="1">内训</option> <option value="2">外训</option> </foreach> </select> </div> </div> <div class="hr-line-dashed"></div> <div class="form-group"> <label class="col-sm-2 control-label">列表图 </label> <div class="col-sm-6"> <div style="width: 200px; height: 90px; float: left;"> <input type="hidden" name="picture_path" value="" id="xiao_imgpath" /> <input id="photoimgpath" name="photoimgpath" type="file" multiple="true" value="" /> </div> <div style="width: 200px; height: 90px; float: left;"> <img id="upload_xiaoimg" class="img-circle" src="" onerror="this.src='__PUBLIC__/Admin/img/touxiang_default.gif'" style="width: 80px;height: 80px" /> </div> </div> </div> <div class="hr-line-dashed"></div> <div class="form-group"> <label class="col-sm-2 control-label">文件上传</label> <div class="col-sm-6"> <div style="width: 200px; height: 90px; float: left;"> <input type="hidden" name="path" value="" id="data_photo3" /> <input id="photo_file3" name="photo_file3" type="file" multiple="true" value="" /> </div> <div style="width: 200px; height: 90px; float: left;"> <img id="upload_img3" class="img-circle" video="" style="width: 80px;height: 80px" /> </div> </div> </div> <div class="hr-line-dashed"></div> <div class="form-group"> <label class="col-sm-2 control-label"> 状态</label> <div class="col-sm-5" style="padding-top:5px;"> <input name="state" id="state" value="1" class="js-switch" type="checkbox" checked /> <span class="lbl"> 默认开启</span> </div> </div> <div class="hr-line-dashed"></div> <div class="form-group"> <div class="col-sm-4 col-sm-offset-2"> <button class="btn btn-primary" type="submit">保存信息</button> <a class="btn btn-danger" href="javascript:history.go(-1);">返回</a> </div> </div> </form> </div> </div> </div> </div> <include file="Public:footer" /> <js file='__PUBLIC__/Admin/uploadify/jquery.uploadify.min.js' /> <link rel="stylesheet" href="__PUBLIC__/Admin/uploadify/uploadify.css"> </body> </html> <script type="text/javascript"> $("#photoimgpath").uploadify({ 'swf': '__PUBLIC__/Admin/uploadify/uploadify.swf?t={$nowtime}', 'uploader': '{:U("Upload/persona")}', 'cancelImg': '__PUBLIC__/Admin/uploadify/uploadify-cancel.png', 'buttonText': '上传图片', 'height': 35, 'fileTypeExts': '*.gif;*.jpg;*.png', 'queueSizeLimit': 1, 'onUploadSuccess': function(file, data, response) { $("#xiao_imgpath").val(data); $("#upload_xiaoimg").attr('src', '__ROOT__/Uploads' + data).show(); } }); $("#photo_file3").uploadify({ 'swf': '__PUBLIC__/Admin/uploadify/uploadify.swf?t={$nowtime}', 'uploader': '{:U("Upload/persona")}', 'buttonText': '视频、音频、', 'height': 35, 'fileTypeExts': '*.gif;*.jpg;*.png;*.mp4;*.pdf;*.mp3', 'queueSizeLimit': 1, 'onUploadSuccess': function(file, data, response) { $("#data_photo3").val(data); $("#upload_img3").attr('video', '__ROOT__/Uploads' + data).show(); } }); </script> <!-- 下拉CSS样式 --> <script> var config = { '.chosen-select': {}, } for (var selector in config) { $(selector).chosen(config[selector]); } </script> <!-- IOS开关样式配置 --> <script> var elem = document.querySelector('.js-switch'); var switchery = new Switchery(elem, { color: '#1AB394' }); var config = { '.chosen-select': {}, } for (var selector in config) { $(selector).chosen(config[selector]); } </script> </body> </html>