zhaobao
/
scyf


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>监管行业领域</title>
    <link rel="stylesheet" href="../../../assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../../assets/module/admin.css?v=312"/>
</head>
<body>

<!-- 页面加载loading -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>

<!-- 正文开始 -->
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <table class="layui-table" id="datatable" lay-filter="datatable"></table>
        </div>


    </div>

</div>

<!-- 表格操作列 -->
<script type="text/html" id="optionTpl">
    {{#  if(d.ogiId > 0){ }}
        <input type="checkbox" name="orgIndustryId" value="{{d.industryId}}" title="选中" lay-filter="orgIndustry" checked>
    {{#  }else{ }}
        <input type="checkbox" name="orgIndustryId" value="{{d.industryId}}" title="选中" lay-filter="orgIndustry" >
    {{# } }}
</script>


<!-- js部分 -->
<script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
<script>
    layui.use(['layer' ,'element' ,'form' ,'table' ,'admin' ,'treetable' ,'uParas' ,'iconPicker'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form  = layui.form;
        var table = layui.table;
        var admin = layui.admin;
        var treetable  = layui.treetable;
        var uParas     = layui.uParas;

        var orgId = uParas.getUrlParam("orgId");

        // 渲染表格
        function renderTable() {
            var url = uParas.baseUrl+'/sys/orgIndustry/get/'+orgId;

            treetable.render({
                treeColIndex: 2,
                treeSpid    : 0,
                treeIdName  : 'industryId',
                treePidName : 'industryParentId',
                elem        : '#datatable',
                treeDefaultClose: false,
                url         : url,
                cellMinWidth: 100,
                cols: [[
                    {type : 'numbers'        , title: '#'},
                    {field: 'industryIconUrl', title: '图标'   , align: 'center', width:80, templet:function(d){
                            return '<i class="layui-icon '+d.industryIconUrl+'"></i>';
                        }},
                    {field: 'industryName'   , title: '行业名称', align: 'left'  , minWidth: 200},
                    {field: 'industryCode'   , title: '行业编码', align: 'left'  , width:150},
                    {field: 'industryType'   , title: '类型'   , align: 'left'  , width:120},
                    {templet: '#optionTpl'   , title: '选中'   , align: 'center', width:120}
                ]]
            });
        }

        renderTable();

        //监听锁定操作
        form.on('checkbox(orgIndustry)', function(obj){
            var industryId = this.value;
            var url;

            if ( obj.elem.checked){
                url = uParas.baseUrl + '/sys/orgIndustry/add/'+orgId+"/"+ industryId;
            }else{
                url = uParas.baseUrl + '/sys/orgIndustry/del/'+orgId+"/"+ industryId;
            }
            admin.req(url ,{} ,function(resp) {
                layer.closeAll('loading');
                if (resp.code == 1) {
                    layer.msg(resp.msg);
                    renderTable();
                } else {
                    layer.msg(resp.msg);
                }
            },'GET');
        });
    });
</script>
</body>
</html>