batch_mobile.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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. .checkbox{width:20px;height: 20px;margin-top:15px;}
  5. .checkbox_ul{overflow: hidden;}
  6. .checkbox_ul li{overflow: hidden;margin-top:15px;}
  7. .layui-form-checkbox{display:block;float:left;width:26px;height: 26px;padding:0;margin-top:12px;}
  8. .layui-form-checkbox .layui-icon{display:block;float:left;width:26px;height: 26px;border: 1px solid #d2d2d2 !important;}
  9. .layui-form-checkbox .layui-icon::before{position: absolute;top:-3px;left:3px;font-size:18px;}
  10. .check_li02{margin-left:30px;}
  11. .check_li03{margin-left:60px;}
  12. </style>
  13. {/block} {block name="body"}
  14. <body>
  15. <div class="width94_ pdt20 pdb80 wauto">
  16. <ul class="checkbox_ul">
  17. {volist name="list" id="vo"}
  18. <li {if $vo.depth == 1}class="check_li02"{elseif $vo.depth == 2/}class="check_li03"{/if}>
  19. <input class="ds wleft checkbox check_03" type="checkbox" name="check_m" id="" value="{$vo.id}">
  20. <div class="wleft mdl10">
  21. </div>
  22. <p class="wleft mdl10 lh50">{$vo.fld_name}</p>
  23. </li>
  24. {/volist}
  25. </ul>
  26. </div>
  27. </body>
  28. {/block} {block name="js"}
  29. <script>
  30. layui.config({
  31. base: '__LAYUI__/',
  32. urlbase: '/sys'
  33. }).extend({
  34. index: 'lib/index' //主入口模块
  35. }).use(['index', 'form', 'laydate'], function () {
  36. var form = layui.form;
  37. var laydate = layui.laydate;
  38. var layer = layui.layer;
  39. var $ = layui.$;
  40. var parentid = window.parent.imgarr();
  41. window.parent.submits = function () {
  42. let fldid = $("input[type='checkbox']:checked").val();
  43. return [fldid,parentid];
  44. }
  45. $(".checkbox").each(function(i,v){
  46. $(this).click(function(){
  47. if($(this).is(':checked')){
  48. $(this).prop('checked',true).parent('li').siblings().find('.checkbox').prop('checked',false);
  49. }else{
  50. $(this).prop('checked',false).parent('li').siblings().find('.checkbox').prop('checked',false);
  51. }
  52. })
  53. })
  54. form.render('checkbox');
  55. });
  56. </script>
  57. {/block}