edit.html 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. <!--<script src="https://cdn-go.cn/cdn/vod-js-sdk-v6/latest/vod-js-sdk-v6.js"></script>-->
  2. <script src="http://imgcache.qq.com/open/qcloud/js/vod/sdk/ugcUploader.js"></script>
  3. <form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
  4. <div class="form-group">
  5. <label for="c-name" class="control-label col-xs-12 col-sm-2">{$lxname}{:__('标题')}:</label>
  6. <div class="col-xs-12 col-sm-4">
  7. <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" value="{$row.name|htmlentities}">
  8. </div>
  9. </div>
  10. <div class="form-group">
  11. <label for="c-pid" class="control-label col-xs-12 col-sm-2">{:__('pid')}:</label>
  12. <div class="col-xs-12 col-sm-4">
  13. <input id="c-pid" data-rule="required" class="form-control" name="row[pid]" type="text" value="{$row.pid|htmlentities}">
  14. </div>
  15. </div>
  16. <div class="form-group">
  17. <label for="c-avatar" class="control-label col-xs-12 col-sm-2">{$lxname}{:__('缩略图')}:</label>
  18. <div class="col-xs-12 col-sm-8">
  19. <div class="input-group">
  20. <input id="c-avatar" data-rule="" class="form-control" size="50" name="row[img]" type="text" value="{$row['img']}">
  21. <div class="input-group-addon no-border no-padding">
  22. <span><button type="button" id="plupload-avatar" class="btn btn-danger plupload" data-input-id="c-avatar" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-avatar"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
  23. <span><button type="button" id="fachoose-avatar" class="btn btn-primary fachoose" data-input-id="c-avatar" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
  24. </div>
  25. <span class="msg-box n-right" for="c-avatar"></span>
  26. </div>
  27. <ul class="row list-inline plupload-preview" id="p-avatar"></ul>
  28. </div>
  29. </div>
  30. <div class="form-group">
  31. <label for="c-price" class="control-label col-xs-12 col-sm-2">{:__('普通价格')}:</label>
  32. <div class="col-xs-12 col-sm-4">
  33. <input id="c-price" data-rule="required" class="form-control" name="row[price]" type="text" value="{$row['price']}">
  34. </div>
  35. </div>
  36. <div class="form-group">
  37. <label for="c-vipprice" class="control-label col-xs-12 col-sm-2">{:__('VIP价格')}:</label>
  38. <div class="col-xs-12 col-sm-4">
  39. <input id="c-vipprice" data-rule="required" class="form-control" name="row[vipprice]" type="text" value="{$row['vipprice']}">
  40. </div>
  41. </div>
  42. <div class="form-group">
  43. <label for="c-weigh" class="control-label col-xs-12 col-sm-2">{:__('权重')}:</label>
  44. <div class="col-xs-12 col-sm-4">
  45. <input id="c-weigh" data-rule="required" class="form-control" name="row[weigh]" type="number" value="{$row['weigh']}">
  46. </div>
  47. </div>
  48. <div class="form-group" style="display: none">
  49. <label for="c-lx" class="control-label col-xs-12 col-sm-2">{:__('类型')}:</label>
  50. <div class="col-xs-12 col-sm-8">
  51. {:build_radios('row[lx]', ['1'=>__('视频'), '2'=>__('音频'), '3'=>__('文章')], $Videolist['lx'])}
  52. </div>
  53. </div>
  54. {if ($lx!='wenz')}
  55. <div class="form-group">
  56. <label for="c-videourl" class="control-label col-xs-12 col-sm-2">{$lxname}{:__('地址')}:</label>
  57. <div class="col-xs-12 col-sm-8">
  58. <div class="input-group">
  59. <input id="c-videourl" data-rule="" class="form-control" name="row[videourl]" type="text" value="{$row['videourl']}">
  60. <div class="input-group-addon no-border no-padding">
  61. <span><button type="button" id="plupload-videourl" class="btn btn-danger plupload" data-input-id="c-videourl" data-mimetype="{$lx}" data-multiple="false" data-preview-id="p-videourl"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
  62. <span><button type="button" id="fachoose-videourl" class="btn btn-primary fachoose" data-input-id="c-videourl" data-mimetype="{$lx}" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
  63. <span><button type="button" id="btntxy" class="btn btn-danger" onclick="getposts()"><i class="fa fa-upload"></i> {:__('腾讯云')}</button></span>
  64. </div>
  65. <span class="msg-box n-right" for="c-videourl"></span>
  66. </div>
  67. <ul class="row list-inline plupload-preview" id="p-videourl"></ul>
  68. </div>
  69. </div>
  70. <div class="form-group" style="display:none">
  71. <input id="c-videourl1" onchange="getpost()" data-rule="" class="form-control" type="file">
  72. <input id="c-fileId" data-rule="" class="form-control" name="row[fileId]" value="{$row['fileId']}">
  73. </div>
  74. {/if}
  75. <div class="form-group">
  76. <label for="content" class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
  77. <div class="col-xs-12 col-sm-8">
  78. {:build_radios('row[status]', ['normal'=>__('Normal'), 'hidden'=>__('Hidden')], $row['status'])}
  79. </div>
  80. <!--<button type="button" class="btn btn-primary" onclick="getpost()"><i class="fa fa-list"></i> {:__('Upload')}</button>-->
  81. </div>
  82. <div class="form-group">
  83. <label for="c-info" class="control-label col-xs-12 col-sm-2">{:__('内容')}:</label>
  84. <div class="col-xs-12 col-sm-8">
  85. <textarea id="c-info" class="form-control editor" name="row[info]">{$row['info']}</textarea>
  86. </div>
  87. </div>
  88. <div class="form-group layer-footer">
  89. <label class="control-label col-xs-12 col-sm-2"></label>
  90. <div class="col-xs-12 col-sm-8">
  91. <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
  92. <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
  93. </div>
  94. </div>
  95. </form>
  96. <script>
  97. var getSignature = function(callback){
  98. $.ajax({
  99. type: "POST",
  100. url: "/VwmRIfEYDH.php/video/video/getsignature",
  101. data:{yhm:''},
  102. dataType: 'json',
  103. success: function (msg) {
  104. if(msg.code==1){
  105. callback(msg.signature)
  106. }else{
  107. layer.msg(msg.msg, {icon: 2,anim: 6});
  108. }
  109. },
  110. error: function (error) {
  111. layer.msg('获取签名错误!', {icon: 2,anim: 6});
  112. }
  113. });
  114. };
  115. function getposts(){
  116. $('#c-videourl1').click();
  117. }
  118. function getpost(){
  119. var resultMsg = qcVideo.ugcUploader.start({
  120. videoFile: $('#c-videourl1')[0].files[0],
  121. //coverFile: $('#pics')[0].files[0],//封面,类型为 File
  122. getSignature: getSignature,
  123. error: function(result){
  124. console.log('上传失败的文件类型:' + result.type);
  125. console.log('上传失败的原因:' + result.msg);
  126. },
  127. progress: function(result){
  128. var r=result.curr*100;
  129. console.log('上传进度:' + r);
  130. // $('#show_dfd').css('display','block');
  131. // $('#ssa').css('width',r+'%');
  132. $('#btntxy').html('<i class="fa fa-upload"></i> '+parseInt(r)+'%');
  133. },
  134. finish: function(result){
  135. $('#c-videourl').val(result.videoUrl);
  136. $('#c-fileId').val(result.fileId);
  137. $('#btntxy').html('<i class="fa fa-upload"></i> 腾讯云');
  138. // $('#kuc').val(result.fileId);
  139. // $('#pic').val(result.coverUrl);
  140. // $('#picimg').attr('src',result.coverUrl).show();
  141. // $("#vurl").attr("readonly","readonly");
  142. // $("#kuc").attr("readonly","readonly");
  143. // $('#show_dfd').css('display','none');
  144. // $("#pics_but i").html('&#xe60d;');
  145. // $("#vurls_but i").html('&#xe6ed;');
  146. console.log('上传结果的 fileId:' + result.fileId);
  147. console.log('上传结果的视频名称:' + result.videoName);
  148. console.log('上传结果的视频地址:' + result.videoUrl);
  149. console.log('上传结果的封面名称:' + result.coverName);
  150. console.log('上传结果的封面地址:' + result.coverUrl);
  151. }
  152. });
  153. }
  154. </script>