viewSeason.html 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. {// 引入标签库 }
  2. <tagLib name="html" />
  3. <include file="Public:header" />
  4. <div class="main">
  5. <div class="main_title">{%EDIT} <a href="{:u("Course/view",array('id'=>$pid))}" class="back_list">{%BACK_LIST}</a></div>
  6. <div class="blank5"></div>
  7. <form name="edit" action="__APP__" method="post" enctype="multipart/form-data" style="display: none;">
  8. <table class="form" cellpadding=0 cellspacing=0>
  9. <tr>
  10. <td colspan=2 class="topTd"></td>
  11. </tr>
  12. <tr>
  13. <td class="item_title">课程编号:</td>
  14. <td class="item_input">{$vo.id}</td>
  15. <input type="hidden" name="pid" value="{$pid}"/>
  16. </tr>
  17. <tr>
  18. <td class="item_title">课程名称:</td>
  19. <td class="item_input"><input type="text" class="textbox require" name="title" value="{$vo.title}"/></td>
  20. </tr>
  21. <tr>
  22. <td class="item_title">封面:</td>
  23. <td class="item_input"><html:imgUpload name="image" id='image' value="$vo.img"/>
  24. <span class='tip_span'>&nbsp;[封面规格为:??px*??px]</span>
  25. </td>
  26. </tr>
  27. <tr>
  28. <td class="item_title">课程视频:</td>
  29. <td class="item_input">
  30. <div class="alert alert-warning" role="alert">
  31. <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
  32. <strong>注意:</strong>根据腾讯云提供的服务,您的浏览器如出现<img src="/admin/Tpl/default/Common/img/flash_error.png"/>提示,请始终允许本站运行flash!
  33. </div>
  34. <video id="video" controls="controls" src="{$video_url}" class="img-thumbnail">
  35. </video>
  36. <div class="progress" style="display: none;" id="progress">
  37. <div id="up" class="progress-bar progress-bar-success progress-bar-striped active">
  38. <span></span>
  39. </div>
  40. <div id="sha" class="progress-bar progress-bar-warning progress-bar-striped active">
  41. <span></span>
  42. </div>
  43. </div>
  44. <div class="input-group file-caption-main">
  45. <div tabindex="500" class="form-control file-caption kv-fileinput-caption" id="file_name">
  46. </div>
  47. <div class="input-group-btn">
  48. <button class="btn btn-default fileinput-upload fileinput-upload-button" type="button" id="start_upload" style="display: none;"><i class="glyphicon glyphicon-upload"></i>&nbsp; <span class="hidden-xs">上传</span></button>
  49. <button class="btn btn-primary fileinput-upload fileinput-upload-button" type="button" id="btn_upload2"><i class="glyphicon glyphicon-folder-open"></i>&nbsp; <span class="hidden-xs">选择 …</span></button>
  50. </div>
  51. </div>
  52. <button type="button" id="btn_upload" style="display: none;"></button>
  53. </td>
  54. </tr>
  55. <tr id="general">
  56. <td class="item_title">音频:</td>
  57. <td class="item_input">
  58. <audio id="audio" controls="controls" src="{$vo.sound_url}">
  59. </audio>
  60. <div id="errorBlock" class="help-block">
  61. </div>
  62. <input type="file" class="file" id="test-upload"/>
  63. </td>
  64. </tr>
  65. <tr id="general">
  66. <td class="item_title">内容:</td>
  67. <td class="item_input">
  68. <html:editor id="editor" name="content" type="KINDEDITOR" content="{$vo.content}" />
  69. </td>
  70. </tr>
  71. <tr>
  72. <td class="item_title">集数:</td>
  73. <td class="item_input"><input type="text" class="textbox" name="season" value="{$vo.season}"/></td>
  74. </tr>
  75. <tr>
  76. <td class="item_title">要求等级:</td>
  77. <td class="item_input"><input type="text" class="textbox" name="is_vip" value="{$vo.is_vip}"/></td>
  78. </tr>
  79. <tr>
  80. <td class="item_title"></td>
  81. <td class="item_input">
  82. <input type="hidden" name="file_id" id="file_id" value="{$vo.video_url}"/>
  83. <input type="hidden" name="sound_url" id="sound_url" value="{$vo.sound_url}"/>
  84. <!--隐藏元素-->
  85. <input type="hidden" name="{:conf("VAR_MODULE")}" value="Course" />
  86. <input type="hidden" name="{:conf("VAR_ACTION")}" value="updateSeason" />
  87. <input type="hidden" name="id" value="{$vo.id}" />
  88. <!--隐藏元素-->
  89. <input type="button" class="button" value="{%EDIT}"
  90. onclick="insert_video_tx();"/>
  91. <input type="reset" class="button" value="{%RESET}" />
  92. </td>
  93. </tr>
  94. </table>
  95. </form>
  96. </div>
  97. <script>
  98. qcloud_secret_id = '{$qcloud_secret_id}';
  99. qcloud_secret_key = '{$qcloud_secret_key}';
  100. APP_ROOT = '<?php echo get_domain(); ?>/';
  101. </script>
  102. <script src="//qzonestyle.gtimg.cn/open/qcloud/js/vod/sdk/uploaderh5.js" charset="utf-8"></script>
  103. <load href='__TMPL__Common/js/course.js' />
  104. <load href='__TMPL__Common/js/jquery.weebox.js' />
  105. <load href='__TMPL__Common/js/fileinput.min.js' />
  106. <load href='__TMPL__Common/js/locales/zh.js' />
  107. <load href='__TMPL__Common/style/weebox.css' />
  108. <load href='__TMPL__Common/css/bootstrap.min.css' />
  109. <load href='__TMPL__Common/css/fileinput.min.css' />
  110. <script>
  111. function insert_video_tx() {
  112. var form_data = $("form").serialize();
  113. $.post("{:u('Course/updateSeason')}", form_data, function(result) {
  114. if (result.status == '1') {
  115. alert(result.error);
  116. location.href = "{:u('Course/view',array('id'=>$pid))}";
  117. } else {
  118. alert(result.error);
  119. }
  120. }, 'json');
  121. }
  122. $("#test-upload").fileinput({
  123. uploadUrl: "{:u('Course/upload',array('dir'=>'media'))}",
  124. language: 'zh',
  125. showPreview: false,
  126. allowedFileTypes: ['audio'],
  127. elErrorContainer: '#errorBlock'
  128. }).on('fileuploaded', function(event, data) {
  129. if (data.response) {
  130. $('#sound_url').val(data.response.url);
  131. $('#audio').attr("src", data.response.url);
  132. }
  133. });
  134. $('#btn_upload2').on('click', function() {
  135. $('#btn_upload').click();
  136. })
  137. $(window).ready(function() {
  138. $('form').show();
  139. $('.alert').on('click', '.close', function () {
  140. $(this).parent().hide('slow')
  141. })
  142. })
  143. </script>
  144. <include file="Public:footer" />