zhaobao
/
layui_back


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
							<!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>