floder_child.html 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563
  1. {extend name="public/layout" /} {block name="title"}作品管理{/block} {block name="head"} {include file="public/head"}
  2. <link rel="stylesheet" href="__STATIC__/css/csspc.css">
  3. <style>
  4. html,body{min-width:1210px;}
  5. .layui-fluid{min-height: calc(100vh - 30px);margin:15px;display: block; box-shadow: 0 0 4px 0 #B6CADE; border-radius: 5px; background-color: #ffffff;}
  6. .layui-card{box-shadow:none;padding:10px;}
  7. .works{border-bottom: 1px solid #ccc;}
  8. .works_title{border:0;border-bottom: 1px solid #f6f6f6;}
  9. .layui-tab-title .layui-this:after{border:0;border-bottom: 4px solid #999;position: absolute;top:-1px;left:0;}
  10. .layui-form-select{width:17%;margin:10px 1%;height: 38px;float:right;}
  11. .folder_name{border:1px solid #e6e6e6;width:100%;height: 100%;}
  12. .border_s{border:1px solid #249EFB;width:120px;color: #249EFB;border-radius: 4px;}
  13. .bor_b{border-bottom: 1px solid #f6f6f6;padding-bottom: 10px;height: 68px;}
  14. .folder_ul li{float:left;width:13.285%;height: 173px;overflow: hidden;box-sizing: border-box;margin:40px 0.5% 0;min-width: 212px;}
  15. .bgD7D7D7{background: #D7D7D7;}
  16. .folder_top{border-radius:30px 30px 0 0;height:40px;}
  17. .folder_bottom{height: 173px;width:212px;}
  18. .folder_ps_t{position:absolute;bottom:0;left:-3.5%;overflow: hidden;width:107%;padding:5px 0;}
  19. .folder_text{bottom:0;left:0;height: 60px;}
  20. .folder_li_01 .folder_b{bottom:4px;left:5%;border-radius: 0 0 11px 11px;width:89.5%;display: none;border-top: 54px solid #dadada;border-left: 3px solid transparent;border-right:3px solid transparent;}
  21. .folder_bor_b{background: #fff;}
  22. .folder_ul li:hover .folder_b{display: block;}
  23. .editor_del{position:absolute;bottom:0;left:10%;}
  24. .editor_del span{display:block;width:50%;float:left;line-height: 46px;text-align: center;cursor: pointer;}
  25. .bolder_img_box{height: 117px;}
  26. .bolder_img{height:128px;overflow: hidden;}
  27. .bolder_click{top:3%;left:3%;}
  28. .folder_div_02{border:1px solid #f2f2f2;border-radius: 10px;overflow: hidden;}
  29. .bolder_text_box{height:50px;}
  30. .deleteIcon{width:100%;top:0;left:0;height: 50px;background: #fff;display: none;overflow: hidden;text-align: center;line-height: 50px;}
  31. .del_img{cursor: pointer;width:50%;float: left;}
  32. .checkbtn{right:5px;top:5px;width:30px;height: 30px;z-index: 5;display: none;}
  33. .add_check .checkbtn{display: block;}
  34. .add_check:hover .folder_b{display: none !important;}
  35. .mobile_del{width:220px;margin-right:1%;display: none;}
  36. .mobile_del a{display: block;width:100px;height: 42px;border:1px solid #e6e6e6;cursor: pointer;border-radius: 4px;}
  37. .hongse{color:#D9001B;}
  38. .search_ico{width:40px;position: absolute;right:0;top:0;cursor: pointer;}
  39. .h36{height: 36px;}
  40. .history_go:hover {color: #249EFB;}
  41. .color249EFB {color: #249EFB;}
  42. .ml5 {margin-left: 5px;}
  43. .pt5 {padding-top: 5px;}
  44. .fontW700 {font-weight: 700;}
  45. .folder_ul {padding: 10px 0px;}
  46. .color999 {color: #999;}
  47. .preview {color: #249EFB;font-weight: 600;float: left;width:50%;cursor: pointer;}
  48. .page_down{ position: absolute;bottom: 0;}
  49. .headimg{width:32px;height: 32px;border-radius: 50%;border:1px solid #fff;overflow: hidden;right:5%;bottom:16%;position: absolute;}
  50. </style>
  51. {/block} {block name="body"}
  52. <body>
  53. <div class="layui-fluid">
  54. <div class="layui-card">
  55. <!-- <p class="font25 pdb10 textb works">作品</p> -->
  56. <div class="layui-tab">
  57. <ul class="layui-tab-title works_title">
  58. <a onclick="window.history.go(-1)" class="lanse history_go lh40 href font16 color249EFB"><span><</span> 返回</a>
  59. <!-- <li data-index="1" class="layui-this">全部</li> -->
  60. <!-- <li data-index="2" class="">审核</li> -->
  61. </ul>
  62. <div class="layui-tab-content pd0 mdtb10" style="padding: 0;">
  63. <div class="layui-tab-item layui-show">
  64. <div class="lh60 layui-form bor_b">
  65. <p class="wleft font18">全部作品-<span>{$data.fld_name}</span><span class="font16 color249EFB ml5">(共{$group_count}个作品)</span></p>
  66. <!-- <p class="wleft mdl30 font18">共{$group_count}个作品</p> -->
  67. <div class="wpsr width17_ mdt11 wright h36 search_btn">
  68. <input type="text" placeholder="请输入作品名称" name="name" id="name" class="ds folder_name">
  69. <div class="height100_ search_ico">
  70. <img class="wpsa width70_ wpsauto" src="__STATIC__/img/searchmail.png" alt="">
  71. </div>
  72. </div>
  73. <select name="employee" id="employee" lay-filter="employee_select" lay-search>
  74. <option value="">全体成员</option>
  75. </select>
  76. <select name="org" id="org" lay-filter="org_select" lay-search>
  77. <option value="">按部门筛选</option>
  78. </select>
  79. </div>
  80. <div class="clear"></div>
  81. <div class="mdt15 woverflow">
  82. <p class="font14 textc lh40 border_s batchbtn href wright">批量管理</p>
  83. <div class="wright woverflow mobile_del">
  84. <a class="wleft textc lh40 color249EFB" id="mobile_btn">移动</a>
  85. <a class="hongse wright textc lh40" id="del_all">删除</a>
  86. </div>
  87. <p class="font14 textc lh40 mdr01_ border_s addbolder href wright">+创建文件夹</p>
  88. </div>
  89. <div class="">
  90. <ul class="woverflow folder_ul">
  91. </ul>
  92. </div>
  93. </div>
  94. <!-- <div class="layui-tab-item">
  95. <table lay-filter="management" id="management"></table>
  96. </div> -->
  97. </div>
  98. </div>
  99. <div id="pages" class="page_down"></div>
  100. </div>
  101. </div>
  102. </body>
  103. {/block} {block name="js"}
  104. <script>
  105. var orgids_str = '{:$orgids}';
  106. var orgids = JSON.parse(orgids_str);
  107. var org = eval('{$org|raw}');
  108. layui.config({
  109. base: '__LAYUI__/',
  110. urlbase: '/sys'
  111. }).extend({
  112. index: 'lib/index' //主入口模块
  113. }).use(['index','form','table', 'element','laypage'], function () {
  114. var form = layui.form,
  115. upload = layui.upload,
  116. table = layui.table,
  117. laypage = layui.laypage,
  118. datass = {},
  119. page = 1,
  120. limit=21,
  121. datass = {
  122. name: '',
  123. page:page,
  124. limit:limit
  125. },
  126. $ = layui.jquery;
  127. $('#org').append(setOrgOption(org, ''));
  128. form.render('select')
  129. form.on('select(org_select)', function (data) {
  130. var val = data.value;
  131. requestEmployee(val);
  132. });
  133. $('.search_ico').click(function(){
  134. var orgids = $("#org").val();
  135. var empid = $("#employee").val();
  136. var keyname = $("#name").val();
  137. datass.org_id = orgids;
  138. datass.employee_id = empid;
  139. datass.keyname = keyname;
  140. console.log(datass);
  141. getList(datass);
  142. }
  143. )
  144. $('.addbolder').click(function () {
  145. layer.prompt(function (val, index) {
  146. //layer.msg('得到了' + val);
  147. $.ajax({
  148. type: "post",
  149. url: '{:url("VrManage/make_floder",array("pid"=>$id))}',
  150. data: {
  151. name: val
  152. },
  153. success: function (res) {
  154. if (res.code == 0) {
  155. layer.msg(res.msg);
  156. layer.close(index);
  157. getList(datass);
  158. } else {
  159. layer.msg(res.msg)
  160. }
  161. }
  162. });
  163. //layer.close(index);
  164. });
  165. })
  166. window.imgarr = function(){
  167. var arrs = new Array();
  168. $("input[name='like']:checked").each(function(i){
  169. arrs[i] = $(this).data('id');
  170. });
  171. return arrs.join(",")
  172. }
  173. //批量删除
  174. $('#del_all').click(function(){
  175. var arrs = new Array();
  176. var fid = null;
  177. $("input[name='like']:checked").each(function(i){
  178. arrs[i] = $(this).data('id');
  179. fid = $(this).data('fid');
  180. });
  181. if(arrs.length == 0){
  182. layer.msg('请选择作品');
  183. return false;
  184. }
  185. layer.confirm('确定删除当前作品', {
  186. title: ['删除', 'color:#333333;background-color:#D8E6F1;'],
  187. end: function () {
  188. //cIndex = 0;
  189. }
  190. }, function (index) {
  191. $.ajax({
  192. url: "{:url('VrManage/del_group')}",
  193. data: {
  194. id: arrs.join(","),
  195. fid:fid
  196. },
  197. type: 'post',
  198. success: function (res) {
  199. if (res.code == 0) {
  200. layer.msg('删除成功')
  201. getList(datass);
  202. } else {
  203. layer.msg(res.msg)
  204. }
  205. }
  206. });
  207. });
  208. })
  209. function setOrgOption(opt, sj) {
  210. var html = '';
  211. opt.forEach(element => {
  212. if (orgids.length > 0) {
  213. if (in_array(element.id, orgids)) {
  214. html += '<option value="' + element.id + '">' + sj + element.title + '</option>';
  215. }
  216. }
  217. if (element && element.children.length > 0) html += setOrgOption(element.children, sj + '-');
  218. });
  219. return html;
  220. }
  221. function in_array(search, array) {
  222. for (var i in array) {
  223. if (array[i] == search) {
  224. return true;
  225. }
  226. }
  227. return false;
  228. }
  229. requestEmployee('');
  230. function requestEmployee(val) {
  231. $.ajax({
  232. url: '{:url("org/employee")}'
  233. , data: { org:val,limit:10000}
  234. , type: 'get'
  235. , success: function (res) {
  236. if (res.code == 0) {
  237. $('#employee').html('<option value="">请选择</option>');
  238. res.data.forEach(element => {
  239. $('#employee').append('<option value="' + element.id + '">' + element.name + '</option>');
  240. });
  241. form.render('select')
  242. }
  243. }
  244. });
  245. }
  246. $('.batchbtn').click(function(){
  247. if($(this).hasClass('cancelbtn')){
  248. $(this).html('批量管理');
  249. $(this).removeClass('cancelbtn');
  250. $('.folder_li_02').removeClass('add_check');
  251. $('.mobile_del').hide();
  252. $('.addbolder').show();
  253. }else{
  254. $(this).html('取消');
  255. $(this).addClass('cancelbtn');
  256. $('.folder_li_02').addClass('add_check');
  257. $('.addbolder').hide();
  258. $('.mobile_del').show();
  259. }
  260. })
  261. $('#mobile_btn').click(function () {
  262. var arrs = new Array();
  263. $("input[name='like']:checked").each(function(i){
  264. arrs[i] = $(this).data('id');
  265. });
  266. if(arrs.length == 0){
  267. layer.msg('请选择作品');
  268. return false;
  269. }
  270. layer.open({
  271. type: 2,
  272. title: ['批量移动', 'color:#333333;background-color:#D8E6F1;'],
  273. content: '{:url("vrManage/batch_mobile")}',
  274. resize: false,
  275. area: ['80%', '80%'],
  276. btn: ['确定', '取消'],
  277. btn1: function () {
  278. var ids = window.submits();
  279. //console.log(id);
  280. //return false;
  281. $.ajax({
  282. type: "post",
  283. url: '{:url("VrManage/moveto_floder")}',
  284. data: {
  285. floder_id: ids[0],
  286. group_ids: ids[1]
  287. },
  288. success: function (res) {
  289. if (res.code == 0) {
  290. layer.msg(res.msg);
  291. layer.closeAll();
  292. getList(datass);
  293. //layer.close(index);
  294. } else {
  295. layer.msg(res.msg)
  296. }
  297. }
  298. });
  299. console.log(id)
  300. }
  301. });
  302. })
  303. // $.ajax({
  304. // type: "post",
  305. // url: '{:url("video/publish")}',
  306. // data: {
  307. // id: id
  308. // },
  309. // success: function (res) {
  310. // }
  311. // });
  312. getList(datass);
  313. function getList(datass) {
  314. var url = '{:url("VrManage/floder_child",array("id"=>$id))}';
  315. $.ajax({
  316. url: url,
  317. type: 'post',
  318. dataType: 'json',
  319. data: datass,
  320. success: function (res) {
  321. if (res.code == 0) {
  322. setListHtml(res.data);
  323. if (res.data.length == 0) {
  324. $('.building_list_ul' + t).append('<img class="noneimgs" src="__STATIC__/img/nonedata.png"/>');
  325. }else{
  326. pages('pages',datass, res.count);
  327. // if(t==''){
  328. // pages('pages',datass, res.count);
  329. // }else{
  330. // pages('mobelepage',datass, res.count);
  331. // }
  332. }
  333. }
  334. }
  335. });
  336. }
  337. //分页样式
  338. function pages(objname,where,count) {
  339. laypage.render({
  340. elem: objname
  341. , count: count
  342. , curr: where.page
  343. , limit: where.limit
  344. ,limits: [21,10,20,30,40,50]
  345. , prev:'<i class="layui-icon layui-icon-left"></i>'
  346. , next:'<i class="layui-icon layui-icon-right"></i>'
  347. , layout: ['prev', 'page', 'next' , 'skip','count','limit']
  348. , jump: function (obj, first) {
  349. limit = obj.limit;
  350. where.page = obj.curr;
  351. where.limit = obj.limit;
  352. if (!first) {
  353. $('.building_list_ul').animate({scrollTop:0}, 0);
  354. if(objname == 'pages'){
  355. getList(where);
  356. }
  357. if(objname == 'mobelepage'){
  358. getList(where,'s');
  359. }
  360. }
  361. }
  362. });
  363. }
  364. function setListHtml(arr) {
  365. let htmls = arr.floder_list.map((u, x) => {
  366. return `<li class="folder_li_01">
  367. <div class="width90_ wauto">
  368. <a href="floder_child.html?id=${u.id}">
  369. <div class="width50_ bgD7D7D7 pdt10 wpsr woverflow dsnone folder_top">
  370. <div class="wleft mdt01 mdl20 pt5">
  371. <svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="15px" height="13px" xmlns="http://www.w3.org/2000/svg">
  372. <g transform="matrix(1 0 0 1 -328 -494 )">
  373. <path d="M 12.816339066339067 0.009226401703336107 C 14.358108108108109 0.05843387745445816 15.082923832923832 1.061036195883606 14.99078624078624 3.0170333569907744 C 14.92936117936118 4.4686538916489225 13.90970515970516 6.470783061272769 11.931818181818182 9.023420865862313 C 9.886363636363637 11.674473621954105 8.160319410319412 13 6.753685503685504 13 C 5.881449631449632 13 5.144348894348894 12.191152117340904 4.542383292383293 10.57345635202271 C 4.272113022113023 9.589306837000235 3.8667076167076173 8.106931629997632 3.326167076167076 6.126330731014903 C 2.883906633906634 4.514785900165601 2.4017199017199022 3.70901348474095 1.8796068796068797 3.70901348474095 C 1.769041769041769 3.70901348474095 1.378992628992629 3.9427489945587872 0.7094594594594595 4.410220014194464 L 0 3.506032647267566 C 0.14742014742014742 3.3768630234208663 0.47911547911547914 3.0800804352969005 0.9950859950859949 2.6156848828956707 C 1.511056511056511 2.15128933049444 1.9103194103194108 1.796072864916014 2.1928746928746925 1.550035486160398 C 3.151105651105651 0.7012065294535138 3.891277641277642 0.25218831322450774 4.413390663390663 0.2029808374733857 C 4.996928746928748 0.1476224272533705 5.4668304668304675 0.31831085876508125 5.823095823095823 0.7150461320085165 C 6.179361179361179 1.1117814052519517 6.428132678132679 1.737638987461556 6.569410319410319 2.592618878637332 C 6.83968058968059 4.3579370712088945 7.042383292383293 5.505086349656966 7.177518427518428 6.034066713981547 C 7.515356265356266 7.565649396735273 7.883906633906634 8.331440738112136 8.283169533169533 8.331440738112136 C 8.596437346437348 8.331440738112136 9.069410319410322 7.836290513366452 9.702088452088452 6.845990063875088 C 10.322481572481575 5.855689614383723 10.657248157248157 5.099124674710196 10.706388206388207 4.5762952448545064 C 10.786240786240787 3.721315353678731 10.451474201474202 3.2938254080908442 9.702088452088452 3.2938254080908442 C 9.351965601965603 3.2938254080908442 8.98034398034398 3.3737875561864192 8.587223587223587 3.5337118523775732 C 9.324324324324325 1.1163946061036198 10.734029484029485 -0.05843387745446105 12.816339066339067 0.009226401703336107 Z " fill-rule="nonzero" fill="#000000" stroke="none" transform="matrix(1 0 0 1 328 494 )"/>
  374. </svg>
  375. </div>
  376. <p class="wleft mdl03 pt5 color249EFB font18">${u.vr_num}</p>
  377. </div>
  378. </a>
  379. <div class="width100_ bgD7D7D7 folder_bottom wpsr woverflow">
  380. <a class="dsa" href="floder_child.html?id=${u.id}">
  381. <img style="width:100%" src="__STATIC__/img/folder_ico.png"/>
  382. </a>
  383. <div class="wpsa width100_ folder_text">
  384. <div class="folder_ps_t">
  385. <div class="folder_t pdlr25 pdb05">
  386. <p class="font16 textlh1 fontW700">${u.fld_name}</p>
  387. <p class="font12">${u.createtime}</p>
  388. </div>
  389. <div class="folder_b wpsa height100_ folder_bor_b">
  390. <div class="width80_ woverflow wauto editor_del">
  391. <span class="edit_floder font16 color249EFB" data-id="${u.id}" data-name="${u.fld_name}">编辑</span>
  392. <span class="hongse del_floder" data-id="${u.id}">删除</span>
  393. </div>
  394. </div>
  395. </div>
  396. </div>
  397. </div>
  398. </div>
  399. </li>`;
  400. }).join('');
  401. htmls += arr.group_list.map((u, x) => {
  402. return `<li class="folder_li_02">
  403. <div class="width90_ wauto wpsr folder_div_02">
  404. <input type="checkbox" name="like" data-id="${u.id}" data-fid="${u.team_floder_id}" class="ds wpsa checkbtn" title="写作">
  405. <div class="woverflow bgD7D7D7 bolder_img_box">
  406. <div class="bolder_img wpsr">
  407. <img class="headimg" src="${u.headimgurl}"/>
  408. <img class="width100_ height100_" src="${u.pic_path}?x-oss-process=image/resize,w_200" alt="">
  409. <div class="wpsa woverflow bolder_click">
  410. <div class="wleft">
  411. <svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="19px" height="11px" xmlns="http://www.w3.org/2000/svg">
  412. <g transform="matrix(1 0 0 1 -631 -714 )">
  413. <path d="M 14.106863839285715 8.617621527777777 C 15.524088541666668 7.844184027777777 16.702752976190478 6.804976851851849 17.642857142857142 5.5 C 16.56845238095238 3.997685185185185 15.221912202380953 2.874131944444444 13.603236607142856 2.1293402777777772 C 14.034412202380953 2.7913773148148135 14.25 3.507523148148148 14.25 4.277777777777777 C 14.25 5.455439814814813 13.785249255952381 6.462818287037036 12.855747767857144 7.299913194444445 C 11.926246279761905 8.13700810185185 10.80766369047619 8.555555555555555 9.5 8.555555555555555 C 8.19233630952381 8.555555555555555 7.073753720238097 8.13700810185185 6.144252232142858 7.299913194444445 C 5.2147507440476195 6.462818287037036 4.75 5.455439814814813 4.75 4.277777777777777 C 4.75 3.507523148148148 4.965587797619048 2.7913773148148135 5.396763392857142 2.1293402777777772 C 3.7780877976190483 2.874131944444444 2.4315476190476195 3.997685185185185 1.357142857142857 5.5 C 2.297247023809524 6.804976851851849 3.4759114583333335 7.844184027777777 4.893136160714286 8.617621527777777 C 6.310360863095239 9.391059027777777 7.845982142857142 9.777777777777777 9.5 9.777777777777777 C 11.154017857142856 9.777777777777777 12.689639136904765 9.391059027777777 14.106863839285715 8.617621527777777 Z M 9.860491071428571 2.1579861111111116 C 9.959449404761905 2.068865740740741 10.008928571428571 1.9606481481481477 10.008928571428571 1.833333333333333 C 10.008928571428571 1.7060185185185182 9.959449404761905 1.597800925925925 9.860491071428571 1.5086805555555558 C 9.761532738095239 1.419560185185184 9.641369047619047 1.3749999999999987 9.5 1.375 C 8.616443452380953 1.3749999999999987 7.85835193452381 1.6598668981481477 7.225725446428572 2.229600694444444 C 6.593098958333334 2.799334490740741 6.276785714285714 3.482060185185185 6.276785714285714 4.277777777777777 C 6.276785714285714 4.405092592592592 6.326264880952382 4.513310185185185 6.425223214285714 4.602430555555555 C 6.524181547619048 4.691550925925925 6.644345238095239 4.736111111111112 6.785714285714286 4.736111111111112 C 6.927083333333334 4.736111111111112 7.047247023809525 4.691550925925925 7.146205357142858 4.602430555555555 C 7.245163690476191 4.513310185185185 7.294642857142858 4.405092592592592 7.294642857142858 4.277777777777777 C 7.294642857142858 3.730324074074074 7.510230654761905 3.2624421296296298 7.94140625 2.874131944444444 C 8.372581845238097 2.485821759259259 8.892113095238097 2.291666666666666 9.5 2.291666666666667 C 9.641369047619047 2.291666666666666 9.761532738095239 2.2471064814814805 9.860491071428571 2.1579861111111116 Z M 18.787946428571427 4.841145833333333 C 18.929315476190478 5.0639467592592595 19 5.283564814814813 19 5.5 C 19 5.716435185185184 18.929315476190478 5.9360532407407405 18.787946428571427 6.158854166666666 C 17.7983630952381 7.622974537037036 16.467726934523814 8.795862268518519 14.796037946428571 9.67751736111111 C 13.124348958333334 10.559172453703704 11.359002976190478 11 9.5 11 C 7.640997023809525 11 5.875651041666667 10.557581018518519 4.203962053571429 9.672743055555555 C 2.5322730654761907 8.787905092592592 1.2016369047619049 7.616608796296296 0.21205357142857142 6.158854166666666 C 0.07068452380952381 5.9360532407407405 0 5.716435185185184 0 5.5 C 0 5.283564814814813 0.07068452380952381 5.0639467592592595 0.21205357142857142 4.841145833333333 C 1.2016369047619049 3.3833912037037033 2.5322730654761907 2.2120949074074066 4.203962053571429 1.3272569444444442 C 5.875651041666667 0.4424189814814806 7.640997023809525 0 9.5 0 C 11.359002976190478 0 13.124348958333334 0.4424189814814806 14.796037946428571 1.3272569444444442 C 16.467726934523814 2.2120949074074066 17.7983630952381 3.3833912037037033 18.787946428571427 4.841145833333333 Z " fill-rule="nonzero" fill="#000000" stroke="none" transform="matrix(1 0 0 1 631 714 )"/>
  414. </g>
  415. </svg>
  416. </div>
  417. <p class="wleft mdl06 color249EFB">${u.view_count}</p>
  418. </div>
  419. </div>
  420. </div>
  421. <div class="bolder_text_box wpsr">
  422. <div class="width92_ pdt05 wauto">
  423. <p class="font16 textlh1 width100_ fontW700">${u.title}</p>
  424. <p class="font10 color999">${u.createtime}</p>
  425. </div>
  426. <div class="wpsa folder_b deleteIcon">
  427. <div class="preview" data-url="${u.show_url}">预览</div>
  428. <div class="del_img hongse" data-id="${u.id}" data-fid="${u.team_floder_id}">
  429. 删除
  430. </div>
  431. </div>
  432. </div>
  433. </div>
  434. </li>`;
  435. }).join('');
  436. $('.folder_ul').html(htmls);
  437. setTimeout(() => {
  438. $('.edit_floder').on('click', (e) => {
  439. let fid = e.target.dataset.id;
  440. let name = e.target.dataset.name;
  441. //console.log(id);
  442. //return false;
  443. layer.prompt({ title: ['编辑', 'color:#333333;background-color:#D8E6F1;'], value: name,id:fid},function (val,index) {
  444. //layer.msg('得到了' + val);
  445. $.ajax({
  446. type: "post",
  447. url: '{:url("VrManage/edit_floder")}',
  448. data: {
  449. name: val,
  450. id:fid
  451. },
  452. success: function (res) {
  453. if (res.code == 0) {
  454. layer.msg(res.msg);
  455. layer.close(index);
  456. getList(datass);
  457. } else {
  458. layer.msg(res.msg)
  459. }
  460. }
  461. });
  462. //layer.close(index);
  463. });
  464. })
  465. $('.del_floder').on('click', (e) => {
  466. let id = e.target.dataset.id;
  467. //cIndex++;
  468. layer.confirm('确定删除当前文件夹', {
  469. title: ['删除', 'color:#333333;background-color:#D8E6F1;'],
  470. id:id,
  471. end: function () {
  472. //cIndex = 0;
  473. }
  474. }, function (index) {
  475. $.ajax({
  476. url: "{:url('VrManage/del_floder')}",
  477. data: {
  478. id: id
  479. },
  480. type: 'post',
  481. success: function (res) {
  482. if (res.code == 0) {
  483. layer.msg('删除成功')
  484. //getList('', xin);
  485. //scrollPostion(scrollTopNum);
  486. layer.close(index);
  487. getList(datass);
  488. } else {
  489. layer.msg(res.msg)
  490. }
  491. }
  492. });
  493. });
  494. })
  495. $('.del_img').on('click', (e) => {
  496. let id = e.currentTarget.dataset.id;
  497. let fid = e.currentTarget.dataset.fid;
  498. //console.log(id);
  499. //return false;
  500. //cIndex++;
  501. layer.confirm('确定删除当前作品', {
  502. title: ['删除', 'color:#333333;background-color:#D8E6F1;'],
  503. id:id,
  504. end: function () {
  505. //cIndex = 0;
  506. }
  507. }, function (index) {
  508. $.ajax({
  509. url: "{:url('VrManage/del_group')}",
  510. data: {
  511. id: id,
  512. fid:fid
  513. },
  514. type: 'post',
  515. success: function (res) {
  516. if (res.code == 0) {
  517. layer.msg('删除成功')
  518. getList(datass);
  519. } else {
  520. layer.msg(res.msg)
  521. }
  522. }
  523. });
  524. });
  525. })
  526. //预览
  527. $('.preview').on('click', (e) => {
  528. let url = e.currentTarget.dataset.url;
  529. window.open(url)
  530. })
  531. }, 300)
  532. }
  533. });
  534. </script>
  535. {/block}