各状态: templet: function (d) { if (d.status === 0) { return '<span style="color: black">已提交</span> ' } else if (d.status === 1) { return '<span style="color: blue">锁定</span>' } else if (d.status === 2) { return '<span style="color: red;">已拒绝</span>' } else if (d.status === 3) { return '<span style="color: green">已存入</span>' } else if (d.status === 4) { return '<span style="color: blue">存入失败</span>' } else { return '未知' } }
逻辑:
当status为0时,出现锁定,拒绝
当status为1时,出现解锁,存入,拒绝
当status为2时,不出现任何
当status为3时,不出现任何
当status为4时,只出现拒绝
<table id="LAY-data-list" lay-filter="LAY-data-list"></table> <script type="text/html" id="table-content-list"> { {# if(d.status == 0){ }} <a class="layui-btn layui-btn-sm layui-btn-normal" lay-event="first-agree"> <i class="layui-icon layui-icon-password"></i> <span>锁定</span> </a> { {# } }} { {# if(d.status == 1){ }} <a class="layui-btn layui-btn-sm layui-btn-checked" lay-event="cancle-first-agree"> <i class="layui-icon layui-icon-unlink"></i> <span>解锁</span> </a> <a class="layui-btn layui-btn-sm layui-btn-checked" lay-event="Deposit"> <i class="layui-icon layui-icon-export"></i> <span>存入</span> </a> { {# } }} { {# if(d.status < 2 || d.status == 4){ }} <a class="layui-btn layui-btn-sm layui-btn-danger" lay-event="no-agree"> <i class="layui-icon layui-icon-close"></i> <span>拒绝</span> </a> { {# } }} </script>
//监听工具条 table.on('tool(LAY-data-list)', function (obj) { if (obj.event == 'no-agree') {