viewSeason.html 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. {// 引入标签库 }
  2. <tagLib name="html" />
  3. <include file="Public:header" />
  4. <div class="main">
  5. <div class="main_title"><a href="{:u('ManagementCourse/index')}" class="back_list">余世维说课程列表</a>&gt;&gt;<a href="{:u('ManagementCourse/edit',array('id'=>$pid))}" class="back_list">课程"{:$course['title']}"</a>&gt;&gt;<a href="{:u("ManagementCourse/view",array('id'=>$pid))}" class="back_list">分集列表</a>&gt;&gt;分集编辑</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}">
  35. </video>
  36. <div class="row">
  37. <div class="col-md-6">
  38. <div class="progress" style="display: none;" id="progress">
  39. <div id="up" class="progress-bar progress-bar-success progress-bar-striped active">
  40. <span></span>
  41. </div>
  42. <div id="sha" class="progress-bar progress-bar-warning progress-bar-striped active">
  43. <span></span>
  44. </div>
  45. </div>
  46. <div class="input-group file-caption-main">
  47. <div tabindex="500" class="form-control file-caption kv-fileinput-caption" id="file_name">
  48. </div>
  49. <div class="input-group-btn">
  50. <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>
  51. <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>
  52. </div>
  53. </div>
  54. <button type="button" id="btn_upload" style="display: none;"></button>
  55. </div>
  56. </div>
  57. </td>
  58. </tr>
  59. <tr id="general">
  60. <td class="item_title">音频:</td>
  61. <td class="item_input">
  62. <audio id="audio" controls="controls" src="{$vo.sound_url}">
  63. </audio>
  64. <div class="row">
  65. <div class="col-md-6">
  66. <div id="errorBlock" class="help-block">
  67. </div>
  68. <input type="file" class="file" id="test-upload"/>
  69. </div>
  70. </div>
  71. </td>
  72. </tr>
  73. <tr id="general">
  74. <td class="item_title">内容:</td>
  75. <td class="item_input">
  76. <html:editor id="editor" name="content" type="KINDEDITOR" content="{$vo.content}" />
  77. </td>
  78. </tr>
  79. <tr>
  80. <td class="item_title">集数:</td>
  81. <td class="item_input"><input type="text" class="textbox" name="season" value="{$vo.season}"/></td>
  82. </tr>
  83. <tr>
  84. <td class="item_title">会员节目:</td>
  85. <td class="item_input">
  86. <label class="radio-inline"><input type="radio" name="is_vip" value="1" <if condition="$vo['is_vip']">checked="checked"</if> />是</label>
  87. <label class="radio-inline"><input type="radio" name="is_vip" value="0" <if condition="$vo['is_vip'] eq 0">checked="checked"</if> />否</label>
  88. </td>
  89. </tr>
  90. <tr>
  91. <td class="item_title"></td>
  92. <td class="item_input">
  93. <input type="hidden" name="file_id" id="file_id" value="{$vo.video_url}"/>
  94. <input type="hidden" name="long_time" id="long_time" value="{$vo.long_time}"/>
  95. <input type="hidden" name="video_url" id="video_url" value="{$vo.video_url}"/>
  96. <input type="hidden" name="sound_url" id="sound_url" value="{$vo.sound_url}"/>
  97. <!--隐藏元素-->
  98. <input type="hidden" name="{:conf("VAR_MODULE")}" value="Course" />
  99. <input type="hidden" name="{:conf("VAR_ACTION")}" value="updateSeason" />
  100. <input type="hidden" name="id" value="{$vo.id}" />
  101. <!--隐藏元素-->
  102. <input type="button" class="button" value="{%EDIT}"
  103. onclick="insert_video_tx();"/>
  104. <input type="reset" class="button" value="{%RESET}" />
  105. </td>
  106. </tr>
  107. </table>
  108. </form>
  109. </div>
  110. <script>
  111. qcloud_secret_id = '{$qcloud_secret_id}';
  112. qcloud_secret_key = '{$qcloud_secret_key}';
  113. APP_ROOT = '<?php echo get_domain(); ?>/';
  114. </script>
  115. <script src="//qzonestyle.gtimg.cn/open/qcloud/js/vod/sdk/uploaderh5.js" charset="utf-8"></script>
  116. <load href='__TMPL__Common/js/course.js' />
  117. <load href='__TMPL__Common/js/jquery.weebox.js' />
  118. <load href='__TMPL__Common/js/fileinput.min.js' />
  119. <load href='__TMPL__Common/js/locales/zh.js' />
  120. <load href='__TMPL__Common/style/weebox.css' />
  121. <load href='__TMPL__Common/css/bootstrap.min.css' />
  122. <load href='__TMPL__Common/css/fileinput.min.css' />
  123. <script>
  124. function insert_video_tx() {
  125. $('#long_time').val($('#video')[0].duration);
  126. var form_data = $("form").serialize();
  127. $.post("{:u('Course/updateSeason')}", form_data, function(result) {
  128. if (result.status == '1') {
  129. alert(result.error);
  130. location.href = "{:u('Course/view',array('id'=>$pid))}";
  131. } else {
  132. alert(result.error);
  133. }
  134. }, 'json');
  135. }
  136. $("#test-upload").fileinput({
  137. uploadUrl: "{:u('PublicFile/do_upload',array('dir'=>'media'))}",
  138. language: 'zh',
  139. showPreview: false,
  140. allowedFileTypes: ['audio'],
  141. elErrorContainer: '#errorBlock'
  142. }).on('fileuploaded', function(event, data) {
  143. if (data.response) {
  144. $('#sound_url').val(data.response.result);
  145. $('#audio').attr("src", data.response.result);
  146. }
  147. });
  148. $('#btn_upload2').on('click', function() {
  149. $('#btn_upload').click();
  150. })
  151. $(window).ready(function() {
  152. $('form').show();
  153. $('.alert').on('click', '', function () {
  154. $(this).parent().hide('slow')
  155. })
  156. })
  157. </script>
  158. <include file="Public:footer" />