Home Explore Help
Register Sign In
PH
/
happ
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 3b3142f101
Branches Tags
happ
/
app
/
admin
/
view
/
widget
/
video
/
vedio.php

vedio.php 26 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470 
  1. <!DOCTYPE html>
    2. 

  2. <!--suppress JSAnnotator -->
    3. 

  3. <html lang="zh-CN">
    4. 

  4. <head>
    5. 

  5.     <link href="{__PLUG_PATH}layui/css/layui.css" rel="stylesheet">
    6. 

  6.     <script src="{__PLUG_PATH}jquery-1.10.2.min.js"></script>
    7. 

  7.     <script src="{__PLUG_PATH}layui/layui.all.js"></script>
    8. 

  8.     <script src="{__PLUG_PATH}vue/dist/vue.min.js"></script>
    9. 

  9.     <script src="{__MODULE_PATH}widget/aliyun-oss-sdk-4.4.4.min.js"></script>
    10. 

  10.     <script src="{__MODULE_PATH}widget/cos-js-sdk-v5.min.js"></script>
    11. 

  11.     <script src="{__MODULE_PATH}widget/qiniu-js-sdk-2.5.5.js"></script>
    12. 

  12.     <script src="{__MODULE_PATH}widget/plupload.full.min.js"></script>
    13. 

  13.     <script src="{__MODULE_PATH}widget/vedio-upload.js"></script>
    14. 

  14. </head>
    15. 

  15. <style>
    16. 

  16.     body{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
    17. 

  17.     .layui-fluid{margin:0;padding: 0;}
    18. 

  18.     .layadmin-homepage-shadow{box-shadow: 0 1px 1px rgba(0,0,0,.05);background-color: #fff;border-radius: 0;border: 1px solid #e7ecf3;}
    19. 

  19.     .layui-tree-txt{cursor: pointer;}
    20. 

  20.     .clearfix:after{content:"";display:block;visibility:hidden;clear:both;height:0;}
    21. 

  21.     .image-box{padding-top: 10px}
    22. 

  22.     .image-box .image .layui-img-box{margin: 5px;border: 2px solid #ffffff;height: 100px;line-height: 100px;text-align: center;}
    23. 

  23.     .image-box .image .layui-img-box.on{border: 2px solid #5FB878;}
    24. 

  24.     .image-box .image .layui-img-box img{width: 90%;max-height:90%;vertical-align:middle;}
    25. 

  25.     .page .image_page{text-align: right;}
    26. 

  26.     .page .layui-box{text-align: left;}
    27. 

  27.     .layui-tree-txt.on{color:#1E9FFF}
    28. 

  28.     .line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 90%;}
    29. 

  29.     .layadmin-homepage-panel.left ::-webkit-scrollbar{width: 3px;height: auto;background-color: #ddd;}
    30. 

  30.     .layadmin-homepage-panel.left ::-webkit-scrollbar-thumb {border-radius: 1px;-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,.3);background-color: #333;}
    31. 

  31.     .layadmin-homepage-panel.left ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 1px;background: #e5e5e5;}
    32. 

  32.     #app .layui-tree-btnGroup{color: #ffffff;padding: 3px 7px;position: absolute;top: -28px;left: 30px;background-color: #1E9FFF;}
    33. 

  33.     #app .layui-tree-btnGroup .layui-layer-TipsT{border-right-color: #1E9FFF;color: #ffffff}
    34. 

  34.     #app .layui-tree-iconClick{margin:0 0 0 9px;}
    35. 

  35.     @media screen and (min-width:1000px){
    36. 

  36.         .image-box .image .layui-img-box{
    37. 

  37.             height: 200px;
    38. 

  38.             line-height: 200px;
    39. 

  39.         }
    40. 

  40.     }
    41. 

  41. </style>
    42. 

  42. <body style="background-color: #f2f2f2">
    43. 

  43. 

  44. <div class="layui-fluid" id="app">
    45. 

  45.     <div class="layui-row">
    46. 

  46.         <div class="layui-col-md2 layui-col-xs2 layui-col-sm2">
    47. 

  47.             <div class="layadmin-homepage-panel layadmin-homepage-shadow left">
    48. 

  48.                 <div class="layui-card text-center">
    49. 

  49.                     <div class="layui-card-header">
    50. 

  50.                         <div class="layui-unselect layui-form-select layui-form-selected">
    51. 

  51.                             <div class="layui-select-title">
    52. 

  52. <!--                                <input type="text" name="title" v-model="searchTitle" placeholder="搜索分类" style="height: 24px;line-height:24px;padding-left:7px;font-size: 12px;display: inline;padding-right: 0;width: 100%;" autocomplete="off" class="layui-input layui-input-search" @keydown="search">-->
    53. 

  53.                                 <!--                                <i class="layui-icon layui-icon-search" @click="search"  style="cursor: pointer;margin:0 3px;"></i>-->
    54. 

  54.                             </div>
    55. 

  55.                         </div>
    56. 

  56.                     </div>
    57. 

  57.                     <div class="layui-card-body" style="padding: 0;height: 455px;overflow:auto;">
    58. 

  58.                         <!--                        <div class="layadmin-homepage-pad-ver">-->
    59. 

  59.                         <!--                            <button type="button" class="layui-btn layui-btn-normal layui-btn-xs" style="width: 80%" @click="addCategory">添加</button>-->
    60. 

  60.                         <!--                        </div>-->
    61. 

  61.                         <div ref="tree" class="demo-tree demo-tree-box">
    62. 

  62.                             <div class="layui-tree layui-tree-line">
    63. 

  63.                                 <div class="layui-tree-set layui-tree-setHide">
    64. 

  64.                                     <div class="layui-tree-entry">
    65. 

  65.                                         <div class="layui-tree-main" @click="OpenTree({child:[],id:0})">
    66. 

  66.                                             <span class="layui-tree-iconClick">
    67. 

  67.                                                 <i class="layui-icon">&nbsp;&nbsp;&nbsp;</i>
    68. 

  68.                                             </span>
    69. 

  69.                                             <span class="layui-tree-txt" :class="pid == 0 ? 'on' : '' ">全部视频</span>
    70. 

  70.                                         </div>
    71. 

  71.                                     </div>
    72. 

  72.                                 </div>
    73. 

  73.                                 <div class="layui-tree-set layui-tree-setHide" :class=" value.isOpen ? 'layui-tree-spread' : '' " v-for="(value,k) in categoryList">
    74. 

  74.                                     <div class="layui-tree-entry" @mouseover.stop="changeActive(value,k)" @mouseout.stop="removeActive(value,k)">
    75. 

  75.                                         <div class="layui-tree-main" @click="OpenTree(value,k)">
    76. 

  76.                                             <span class="layui-tree-iconClick">
    77. 

  77.                                                 <i class="layui-icon layui-icon-triangle-d" v-if="value.child.length && value.isOpen"></i>
    78. 

  78.                                                 <i class="layui-icon layui-icon-triangle-r" v-else-if="value.child.length && !value.isOpen"></i>
    79. 

  79.                                                 <i class="layui-icon " v-else>&nbsp;&nbsp;&nbsp;</i>
    80. 

  80.                                             </span>
    81. 

  81.                                             <span class="layui-tree-txt line1" :class="pid == value.id ? 'on': '' " v-text="value.name"></span>
    82. 

  82.                                         </div>
    83. 

  83.                                         <div class="layui-btn-group layui-tree-btnGroup layui-layer layui-layer-tips" v-show="value.isShow">
    84. 

  84.                                             <div>
    85. 

  85.                                                 <i class="layui-icon layui-icon-add-1" @click.stop ="addCategory(value)" title="添加"></i>
    86. 

  86.                                                 <i class="layui-icon layui-icon-edit" @click.stop ="updateCategory(value)" title="编辑"></i>
    87. 

  87.                                                 <i class="layui-icon layui-icon-delete" v-if="!value.child.length" title="删除" @click.stop ="delCategory(value)"></i>
    88. 

  88.                                             </div>
    89. 

  89.                                             <i class="layui-layer-TipsG layui-layer-TipsT"></i>
    90. 

  90.                                         </div>
    91. 

  91.                                     </div>
    92. 

  92.                                     <div class="layui-tree-pack layui-tree-lineExtend layui-tree-showLine" v-show="value.isOpen" style="display: block">
    93. 

  93.                                         <div class="layui-tree-set" v-for="(item,key) in value.child">
    94. 

  94.                                             <div class="layui-tree-entry">
    95. 

  95.                                                 <div class="layui-tree-main" @click="OpenTree(item,key)">
    96. 

  96.                                                     <span class="layui-tree-iconClick">
    97. 

  97.                                                         <i class="layui-icon"></i>
    98. 

  98.                                                     </span>
    99. 

  99.                                                     <span class="layui-tree-txt line1" :class="pid == item.id ? 'on': '' " v-text="item.name"></span>
    100. 

  100.                                                 </div>
    101. 

  101.                                                 <div class="layui-btn-group layui-tree-btnGroup layui-layer layui-layer-tips" @mouseover.stop ="changeActive(item,k,key)" @mouseout.stop ="removeActive(item,k,key)">
    102. 

  102.                                                     <div>
    103. 

  103.                                                         <i class="layui-icon layui-icon-edit" @click.stop ="updateCategory(item,value.pid)" title="编辑"></i>
    104. 

  104.                                                         <i class="layui-icon layui-icon-delete" @click.stop ="delCategory(item,value.pid)" title="删除"></i>
    105. 

  105.                                                     </div>
    106. 

  106.                                                     <i class="layui-layer-TipsG layui-layer-TipsT"></i>
    107. 

  107.                                                 </div>
    108. 

  108.                                             </div>
    109. 

  109.                                         </div>
    110. 

  110.                                     </div>
    111. 

  111.                                 </div>
    112. 

  112.                             </div>
    113. 

  113.                         </div>
    114. 

  114.                     </div>
    115. 

  115.                 </div>
    116. 

  116.             </div>
    117. 

  117.         </div>
    118. 

  118.         <div class="layui-col-md10 layui-col-xs10 layui-col-sm10">
    119. 

  119.             <div class="layadmin-homepage-panel layadmin-homepage-shadow">
    120. 

  120.                 <div class="layui-card text-center">
    121. 

  121.                     <div class="layui-card-header">
    122. 

  122.                         <div class="layadmin-homepage-pad-ver" style="text-align: left">
    123. 

  123.                             <div class="layui-btn-group" id="container">
    124. 

  124. <!--                                <button type="button" class="layui-btn layui-btn-normal layui-btn-sm"  @click="addCategory">添加分类</button>-->
    125. 

  125.                                 <button type="button" class="layui-btn layui-btn-normal layui-btn-sm" ref="upload">上传视频</button>
    126. 

  126. <!--                                <button type="button" class="layui-btn layui-btn-warm layui-btn-sm" :class="selectImages.length ? '':'layui-btn-disabled' " @click="moveCate">移动分类</button>-->
    127. 

  127. <!--                                <button type="button" class="layui-btn layui-btn-danger layui-btn-sm" :class="selectImages.length ? '':'layui-btn-disabled' " @click="delImage">删除图片</button>-->
    128. 

  128. 

  129.                             </div>
    130. 

  130.                         </div>
    131. 

  131.                     </div>
    132. 

  132.                     <div class="layui-card-body clearfix image-box" style="padding: 10px;height: 360px;z-index:10;">
    133. 

  133.                         <div class="layui-col-md2 layui-col-xs2 layui-col-sm2 image" v-for="(item,index) in imageList">
    134. 

  134.                             <span class="layui-badge layui-bg-cyan" style="position: absolute;" v-if="item.sort">{{ item.sort }}</span>
    135. 

  135.                             <div class="layui-img-box"  :class="item.isSelect ? 'on': '' ">
    136. 

  136.                                 <video :src="item.att_dir" width="80;" v-if="small == 1" @click="changImage(item)"></video>
    137. 

  137.                                 <video :src="item.att_dir" width="80;" v-else @click="changImage(item)"></video>
    138. 

  138.                             </div>
    139. 

  139.                         </div>
    140. 

  140.                         <div class="empty-image" style="width: 100%;height: 100%;text-align: center;" v-if="!imageList.length && loading == false">
    141. 

  141.                             <div class="layui-img-box">
    142. 

  142.                                 <img src="{__ADMIN_PATH}images/empty.jpg" style="height: 400px;" alt="" >
    143. 

  143.                             </div>
    144. 

  144.                         </div>
    145. 

  145.                     </div>
    146. 

  146.                     <div class="layui-card-body clearfix page">
    147. 

  147.                         <div class="layui-col-md4 layui-col-xs4 layui-col-sm4">
    148. 

  148.                             <div class="layui-box" style="margin: 10px 0;">
    149. 

  149.                                 <button type="button" class="layui-btn layui-btn-normal layui-btn-sm" :class="selectImages.length ? '':'layui-btn-disabled' " @click="useImages">使用选中的图片</button>
    150. 

  150.                             </div>
    151. 

  151.                         </div>
    152. 

  152.                         <div class="layui-col-md8 layui-col-xs8 layui-col-sm8 image_page" ref="image_page"></div>
    153. 

  153.                     </div>
    154. 

  154.                 </div>
    155. 

  155.             </div>
    156. 

  156.         </div>
    157. 

  157.     </div>
    158. 

  158. </div>
    159. 

  159. </body>
    160. 

  160. </html>
    161. 

  161. <script src="{__ADMIN_PATH}js/layuiList.js?id=dsfwef"></script>
    162. 

  162. <script>
    163. 

  163.     var pid = {$pid},small = {$Request.param.small ? : 0} ,parentinputname = '{$Request.param.fodder}';//当前图片分类ID
    164. 

  164. 

  165.     new Vue({
    166. 

  166.         el: "#app",
    167. 

  167.         data: {
    168. 

  168.             categoryList:[],
    169. 

  169.             searchTitle:'',
    170. 

  170.             pid:pid,
    171. 

  171.             imageList:[],
    172. 

  172.             page:1,
    173. 

  173.             limit:18,
    174. 

  174.             loading:false,
    175. 

  175.             small:small,
    176. 

  176.             selectImages:[],
    177. 

  177.             selectImagesIDS:[],
    178. 

  178.             uploadInst:null,
    179. 

  179.             vedio:{},
    180. 

  180.         },
    181. 

  181.         watch:{
    182. 

  182.             page:function () {
    183. 

  183.                 this.getImageList();
    184. 

  184.             },
    185. 

  185.         },
    186. 

  186.         methods:{
    187. 

  187.             //删除图片
    188. 

  188.             delImage:function(){
    189. 

  189.                 var that=this;
    190. 

  190.                 if(!this.selectImages.length) return;
    191. 

  191.                 layList.layer.confirm('是否要删除选中图片？', {
    192. 

  192.                     btn: ['是的我要删除','我想想把'] //按钮
    193. 

  193.                 }, function(){
    194. 

  194.                     layList.basePost(that.U({a:'delete'}),{imageid:that.selectImagesIDS},function (res) {
    195. 

  195.                         layList.msg(res.msg);
    196. 

  196.                         that.getImageList();
    197. 

  197.                     },function (res) {
    198. 

  198.                         layList.msg(res.msg);
    199. 

  199.                     })
    200. 

  200.                 })
    201. 

  201.             },
    202. 

  202.             //移动图片分类
    203. 

  203.             moveCate:function(){
    204. 

  204.                 if(!this.selectImages.length) return;
    205. 

  205.                 return this.getOpenWindow('移动图片',this.U({a:'moveimg'})+'?imgaes='+this.selectImagesIDS);
    206. 

  206.             },
    207. 

  207.             //使用选中图片
    208. 

  208.             useImages:function(){
    209. 

  209.                 if(!this.selectImages.length) return;
    210. 

  210.                 //判断表单限制图片个数
    211. 

  211.                 if(typeof parent.$f != 'undefined'){
    212. 

  212.                     //已有图片个数
    213. 

  213.                     var nowpics = parent.$f.getValue(parentinputname).length,
    214. 

  214.                         props = parent.$f.model()[parentinputname].props || {},
    215. 

  215.                         maxlength = props.maxLength || 0;
    216. 

  216.                     //已选图片个数
    217. 

  217.                     var selectlength = this.selectImages.length;
    218. 

  218.                     //还可以选择多少张
    219. 

  219.                     var surplus = maxlength-nowpics;
    220. 

  220.                     if(nowpics+selectlength > maxlength){
    221. 

  221.                         return layList.msg('最多只能选择 '+ surplus +' 张');
    222. 

  222.                     }
    223. 

  223.                 }
    224. 

  224.                 //编辑器中
    225. 

  225.                 if(parentinputname == 'editor'){
    226. 

  226.                     if(parentinputname == 'editor' && this.selectImages.length > 1) {
    227. 

  227.                         return layList.msg('最多只能选择1张');
    228. 

  228.                     }
    229. 

  229.                     var src = this.selectImages[0];
    230. 

  230.                     // var list =  [];console.log(this.selectImages);
    231. 

  231.                     // for(var i = 0;i < this.selectImages.length;i++){
    232. 

  232.                     //     list.push({
    233. 

  233.                     //         _src: this.selectImages[i],
    234. 

  234.                     //         src:this.selectImages[i]
    235. 

  235.                     //     });
    236. 

  236.                     // }
    237. 

  237.                     parent.insertEditorVideo(src);
    238. 

  238.                     var index = parent.layer.getFrameIndex(window.name);
    239. 

  239.                     parent.layer.close(index);
    240. 

  240.                 }else{
    241. 

  241.                     //form表单中
    242. 

  242.                     if(parent.$f){
    243. 

  243.                         var value = parent.$f.getValue(parentinputname);//父级input 值
    244. 

  244.                         var list = value || [];
    245. 

  245.                         for(var i = 0;i < this.selectImages.length;i++){
    246. 

  246.                             if(value.indexOf(this.selectImages[i]) == -1) list.push(this.selectImages[i]);
    247. 

  247.                         }
    248. 

  248.                         parent.$f.changeField(parentinputname,list);
    249. 

  249. 

  250.                         console.log(nowpics);
    251. 

  251.                         console.log(maxlength);
    252. 

  252.                         console.log(selectlength);
    253. 

  253.                         parent.$f.closeModal(parentinputname);
    254. 

  254.                     }else{
    255. 

  255.                         //独立图片选择页面
    256. 

  256.                         if(parentinputname == 'image' && this.selectImages.length > 1) {
    257. 

  257.                             return layList.msg('最多只能选择1张');
    258. 

  258.                         }
    259. 

  259.                         if(parent.$vm){
    260. 

  260.                             var rule = parent.$vm.getRule(parentinputname)
    261. 

  261.                             if(rule.maxLength !== undefined){
    262. 

  262.                                 if(this.selectImages.length > rule.maxLength){
    263. 

  263.                                     return layList.msg('最多只能选择'+rule.maxLength+'张');
    264. 

  264.                                 }
    265. 

  265.                                 parent.changeVEDIO(parentinputname,this.selectImages);
    266. 

  266.                                 var index = parent.layer.getFrameIndex(window.name);
    267. 

  267.                                 parent.layer.close(index);
    268. 

  268.                                 return;
    269. 

  269.                             }
    270. 

  270. 

  271.                         }
    272. 

  272.                         parent.changeVEDIO(this.selectImages[0]);
    273. 

  273.                         var index = parent.layer.getFrameIndex(window.name);
    274. 

  274.                         parent.layer.close(index);
    275. 

  275.                     }
    276. 

  276.                 }
    277. 

  277. 

  278.             },
    279. 

  279.             //图片选中和取消
    280. 

  280.             changImage:function(item,index){
    281. 

  281.                 this.$set(item,'isSelect',item.isSelect == undefined ? true : !item.isSelect);
    282. 

  282.                 var val = small == 1 ? item['satt_dir'] : item['att_dir'];
    283. 

  283.                 if(item.isSelect === true) {
    284. 

  284.                     this.selectImages[this.selectImages.length] = val;
    285. 

  285.                     this.selectImagesIDS[this.selectImages.length] = item['att_id'];
    286. 

  286.                     item.sort = this.selectImages.length;
    287. 

  287.                 }else{
    288. 

  288.                     this.selectImages.splice(this.selectImages.indexOf(val),1);
    289. 

  289.                     this.selectImagesIDS.splice(this.selectImages.indexOf(item['att_id']),1);
    290. 

  290.                     for (var i=0;i<this.imageList.length;i++){
    291. 

  291.                         if(this.imageList[i].sort > item.sort) {
    292. 

  292.                             this.imageList[i].sort = (this.imageList[i].sort-1)>=0? this.imageList[i].sort-1 : 0;
    293. 

  293.                         }
    294. 

  294.                     }
    295. 

  295.                     item.sort = 0;
    296. 

  296.                 }
    297. 

  297. //                console.log(this.selectImagesIDS)
    298. 

  298.                 this.$set(this,'selectImages',this.selectImages);
    299. 

  299.                 this.$set(this,'selectImagesIDS',this.selectImagesIDS);
    300. 

  300.             },
    301. 

  301.             //获取图片列表
    302. 

  302.             getImageList:function(){
    303. 

  303.                 var that = this;
    304. 

  304.                 if(that.loading) return;
    305. 

  305.                 that.loading = true;
    306. 

  306.                 var index = layList.layer.load(1, {shade: [0.1,'#fff']});
    307. 

  307.                 layList.baseGet(this.U({a:'get_image_list',q:{pid:20,page:this.page,limit:this.limit}}),function (res) {
    308. 

  308.                     that.loading = false;
    309. 

  309.                     that.$set(that,'imageList',res.data.list);
    310. 

  310.                     layList.layer.close(index);
    311. 

  311.                     if(that.page == 1){
    312. 

  312.                         layList.laypage.render({
    313. 

  313.                             elem: that.$refs.image_page
    314. 

  314.                             ,count: res.data.count
    315. 

  315.                             ,limit:that.limit
    316. 

  316.                             ,theme: '#1E9FFF',
    317. 

  317.                             jump:function (obj) {
    318. 

  318.                                 that.page=obj.curr;
    319. 

  319.                             }
    320. 

  320.                         });
    321. 

  321.                     }
    322. 

  322.                 },function () {
    323. 

  323.                     that.loading = false;
    324. 

  324.                     layList.layer.close(index);
    325. 

  325.                 });
    326. 

  326.             },
    327. 

  327.             //查询分类
    328. 

  328.             search:function(){
    329. 

  329. //                if(!this.searchTitle) return layList.msg('请输入搜索内容！');
    330. 

  330.                 this.getCategoryList();
    331. 

  331.             },
    332. 

  332.             //打开和关闭树形
    333. 

  333.             OpenTree:function(item,index){
    334. 

  334.                 this.pid = item.id;
    335. 

  335.                 if(item.child.length){
    336. 

  336.                     item.isOpen == undefined ? false : item.isOpen;
    337. 

  337.                     this.$set(this.categoryList[index],'isOpen',!item.isOpen);
    338. 

  338.                 }else{
    339. 

  339.                     this.page = 1;
    340. 

  340.                     this.$set(this,'selectImages',[]);
    341. 

  341.                     this.$set(this,'selectImagesIDS',[]);
    342. 

  342.                     this.getImageList();
    343. 

  343.                 }
    344. 

  344.                 this.uploadInst.reload({
    345. 

  345.                     url:this.U({a:'upload'})+'?pid='+this.pid
    346. 

  346.                 });
    347. 

  347.             },
    348. 

  348.             //组装URL
    349. 

  349.             U:function(opt){
    350. 

  350.                 opt = typeof opt == 'object' ? opt : {};
    351. 

  351.                 return layList.U({m:'admin',c:"widget.vedio",a:opt.a || '',q:opt.q || {},p:opt.q || {}});
    352. 

  352.             },
    353. 

  353.             //获取分类
    354. 

  354.             getCategoryList:function(){
    355. 

  355.                 var that=this;
    356. 

  356.                 layList.baseGet(that.U({a:'get_image_cate',q:{name:this.searchTitle}}),function (res) {
    357. 

  357.                     that.$set(that,'categoryList',res.data);
    358. 

  358.                 });
    359. 

  359.             },
    360. 

  360.             //鼠标移入显示图标
    361. 

  361.             changeActive:function(item,indexK,index){
    362. 

  362.                 if(index)
    363. 

  363.                     this.$set(this.categoryList[indexK]['child'],'isShow',true);
    364. 

  364.                 else
    365. 

  365.                     this.$set(this.categoryList[indexK],'isShow',true);
    366. 

  366.             },
    367. 

  367.             //鼠标移出隐藏
    368. 

  368.             removeActive:function(item,indexK,index){
    369. 

  369.                 if(index)
    370. 

  370.                     this.$set(this.categoryList[indexK]['child'],'isShow',false);
    371. 

  371.                 else
    372. 

  372.                     this.$set(this.categoryList[indexK],'isShow',false);
    373. 

  373.             },
    374. 

  374.             //添加分类
    375. 

  375.             addCategory:function (item,pid) {
    376. 

  376.                 item = item == undefined ? {} : item;
    377. 

  377.                 var id = item.id == undefined ? 0 : item.id,
    378. 

  378.                     pid = pid == undefined ? 0 : pid;
    379. 

  379.                 return this.getOpenWindow(item.name ? item.name+'编辑' : '新增分类',this.U({a:'addcate',q:{id:pid ==0 ? id : pid }}));
    380. 

  380.             },
    381. 

  381.             //修改分类
    382. 

  382.             updateCategory:function(item,pid){
    383. 

  383.                 item = item == undefined ? {} : item ;
    384. 

  384.                 pid = pid == undefined ? 0 : pid;
    385. 

  385.                 return this.getOpenWindow(item.name+'编辑',this.U({a:'editcate',q:{id:item.id}}));
    386. 

  386.             },
    387. 

  387.             //删除分类
    388. 

  388.             delCategory:function (item,pid) {
    389. 

  389.                 var that=this;
    390. 

  390.                 if(item.child.length) return layList.msg('请先删除子分类再尝试删除此分类！');
    391. 

  391.                 layList.layer.confirm('是否要删除['+item.name+']分类？', {
    392. 

  392.                     btn: ['是的我要删除','我想想把'] //按钮
    393. 

  393.                 }, function(){
    394. 

  394.                     layList.baseGet(that.U({a:'deletecate',q:{id:item.id}}),function (res) {
    395. 

  395.                         layList.msg(res.msg,function () {
    396. 

  396.                             that.getCategoryList();
    397. 

  397.                         });
    398. 

  398.                     });
    399. 

  399.                 });
    400. 

  400.             },
    401. 

  401.             //打开一个窗口
    402. 

  402.             getOpenWindow:function(title,url,opt){
    403. 

  403.                 opt = opt == undefined ? {w:340,h:265} : opt;
    404. 

  404.                 return layList.layer.open({
    405. 

  405.                     type: 2,
    406. 

  406.                     title: title,
    407. 

  407.                     shade: [0],
    408. 

  408.                     area: [opt.w+"px" , opt.h+'px'],
    409. 

  409.                     anim: 2,
    410. 

  410.                     content: [url, 'no'],
    411. 

  411.                 });
    412. 

  412.             },
    413. 

  413.             //回调
    414. 

  414.             SuccessCateg:function () {
    415. 

  415.                 this.getCategoryList();
    416. 

  416.             },
    417. 

  417.             uploal:function () {
    418. 

  418.                 var that = this;
    419. 

  419.                 this.uploadInst=layList.upload.render({
    420. 

  420.                     elem: this.$refs.upload,
    421. 

  421.                     url: this.U({a:'TempKeys'}),
    422. 

  422.                     accept: 'video', //视频
    423. 

  423.                     auto: true,
    424. 

  424.                     choose:function(obj){
    425. 

  425.                         obj.preview(function(index, file){
    426. 

  426.                             that.$set(that,'vedio',file);
    427. 

  427.                         });
    428. 

  428.                     },
    429. 

  429.                     done:function(res){
    430. 

  430.                         if(res.type=="OSS"){
    431. 

  431.                             var client = new OSS.Wrapper({
    432. 

  432.                                 region: res.region,
    433. 

  433.                                 accessKeyId: res.id,
    434. 

  434.                                 accessKeySecret: res.key,
    435. 

  435.                                 bucket: res.bucket,
    436. 

  436.                             });
    437. 

  437.                         }else if(res.type=='COS'){
    438. 

  438.                             var client = new COS({
    439. 

  439.                                 SecretId: res.id,
    440. 

  440.                                 SecretKey: res.key,
    441. 

  441.                             })
    442. 

  442.                         }else if(res.type=='QINIU'){
    443. 

  443.                             var client = res.uploadToken;
    444. 

  444.                             console.log(client);
    445. 

  445.                         }
    446. 

  446.                         UserFactory(res.type,that.vedio,client,res,function(src,file,is){
    447. 

  447.                             console.log(src,file.size,file.type);
    448. 

  448.                             layList.basePost(that.U({a:'save'}),{src:src,size:file.size,type:file.type,is:is},function (res) {
    449. 

  449.                                 layList.msg(res.msg);
    450. 

  450.                                 that.getImageList();
    451. 

  451.                             },function (res) {
    452. 

  452.                                 layList.msg(res.msg);
    453. 

  453.                             })
    454. 

  454.                         });
    455. 

  455.                     }
    456. 

  456.                 });
    457. 

  457.             },
    458. 

  458.         },
    459. 

  459.         mounted:function () {
    460. 

  460.             this.getCategoryList();
    461. 

  461.             this.getImageList();
    462. 

  462.             window.SuccessCateg = this.SuccessCateg;
    463. 

  463.             this.uploal();
    464. 

  464.         }
    465. 

  465.     })
    466. 

  466. 

  467. 

  468. </script>
    469. 

  469. 

  470.