1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- {extend name="public/layout" /} {block name="title"}作品管理{/block} {block name="head"} {include file="public/head"}
- <link rel="stylesheet" href="__STATIC__/css/csspc.css">
- <style>
- .checkbox{width:20px;height: 20px;margin-top:15px;}
- .checkbox_ul{overflow: hidden;}
- .checkbox_ul li{overflow: hidden;margin-top:15px;}
- .layui-form-checkbox{display:block;float:left;width:26px;height: 26px;padding:0;margin-top:12px;}
- .layui-form-checkbox .layui-icon{display:block;float:left;width:26px;height: 26px;border: 1px solid #d2d2d2 !important;}
- .layui-form-checkbox .layui-icon::before{position: absolute;top:-3px;left:3px;font-size:18px;}
- .check_li02{margin-left:30px;}
- .check_li03{margin-left:60px;}
- </style>
- {/block} {block name="body"}
- <body>
- <div class="width94_ pdt20 pdb80 wauto">
- <ul class="checkbox_ul">
- {volist name="list" id="vo"}
- <li {if $vo.depth == 1}class="check_li02"{elseif $vo.depth == 2/}class="check_li03"{/if}>
-
- <input class="ds wleft checkbox check_03" type="checkbox" name="check_m" id="" value="{$vo.id}">
- <div class="wleft mdl10">
-
- </div>
- <p class="wleft mdl10 lh50">{$vo.fld_name}</p>
-
- </li>
- {/volist}
- </ul>
- </div>
- </body>
- {/block} {block name="js"}
- <script>
- layui.config({
- base: '__LAYUI__/',
- urlbase: '/sys'
- }).extend({
- index: 'lib/index' //主入口模块
- }).use(['index', 'form', 'laydate'], function () {
- var form = layui.form;
- var laydate = layui.laydate;
- var layer = layui.layer;
- var $ = layui.$;
-
- var parentid = window.parent.imgarr();
- window.parent.submits = function () {
- let fldid = $("input[type='checkbox']:checked").val();
- return [fldid,parentid];
- }
-
- $(".checkbox").each(function(i,v){
- $(this).click(function(){
- if($(this).is(':checked')){
- $(this).prop('checked',true).parent('li').siblings().find('.checkbox').prop('checked',false);
- }else{
- $(this).prop('checked',false).parent('li').siblings().find('.checkbox').prop('checked',false);
- }
- })
-
- })
- form.render('checkbox');
-
- });
- </script>
- {/block}
|