layui的表格操作之锁定解锁存入拒绝

各状态:
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') {
  
  

猜你喜欢

转载自blog.csdn.net/programmer188/article/details/113656727
今日推荐