longping
/
subject_gxj


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
							<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>项目文档的单位设置</title>
    <jsp:include page="../common/common-meta-include.jsp"></jsp:include>
    <jsp:include page="../common/common-js-include.jsp"></jsp:include>
    <jsp:include page="../common/common-css-include.jsp"></jsp:include>
    <%-- <jsp:include page="../common/common-css-include.jsp"></jsp:include> --%>
    <link rel="stylesheet" type="text/css" href="${WebSite.asset}/lib/layui-v2.5.5/css/layui.css?version=${version}"
          media="all"/>
    <link rel="stylesheet" type="text/css" href="${WebSite.asset}/lib/layui-v2.5.5/css/public.css?version=${version}"
          media="all"/>
    <link rel="stylesheet" type="text/css" href="${WebSite.asset}/lib/layui-v2.6.5/css/layui.css?version=${version}"
          media="all"/>
<%--    <link rel="stylesheet" type="text/css" href="${WebSite.asset}/css/style.css?version=${version}" media="all"/>--%>
    <style type="text/css">
        .layui-form-pane .layui-form-label {
            width: 160px;
        }

        .layui-form-label,
        .layui-input-block {
            width: fit-content;
        }

        .layui-form-radio {
            margin: 0px 10px 0 0;
        }
    </style>
</head>

<body>
<div class="layui-layout layui-layout-admin pd0">
    <div class="right_title">
        <span class="txt">行业设置</span>
        <div class="layui-collapse search_form">
            <div class="layui-colla-item">
                <%--                    <h2 class="layui-colla-title">筛选</h2>--%>
                <div class="layui-colla-content layui-show">
                    <form class="layui-form" lay-filter="searchForm">
                        <div class="layui-row" style="margin-bottom: 30px">
                            <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">行业</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="title" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-xs3 layui-col-sm3 layui-col-md3 hiddenParams">
                                <div class="layui-form-item">
                                    <label class="layui-form-label"></label>
                                    <div class="layui-input-block">
                                        <button type="button" class="layui-btn layui-btn-normal" @click="search()">查询
                                        </button>
                                       <%-- <span class="morePan" @click="showMore"><a v-if="!showMoreFlag">更多  <ion-icon
                                                name="chevron-forward-outline"></ion-icon></a><a
                                                v-if="showMoreFlag">收起 V</a></span>--%>
                                    </div>
                                </div>
                            </div>
                           <%-- <div class="layui-col-xs6 layui-col-sm6 layui-col-md3">
                                <button type="button" class="layui-btn layui-btn-normal" lay-submit lay-filter="search">
                                    查询
                                </button>
                                <button type="button" class="layui-btn layui-btn-normal" lay-submit
                                      lay-filter="add"> 添加 </button>
                            </div>--%>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

          <script type="text/html" id="toolbarDemo">
                <div class="layui-btn-container">
                    <button class="layui-btn layui-btn-add layui-btn-sm data-add-btn" lay-event="add"> 添加 </button>
                </div>
            	</script>

    <div class="table_box" style="padding-top: 0;">
        <div class="table_process">
            <table id="subIndu" lay-filter="subIndu"></table>
            <div class="pagination-box" id="pagination"></div>
        </div>
    </div>
    <div style="height: 20px;"></div>
    <script type="text/html" id="kind">
        {{# if(d.kind == '1'){}}
        责任单位
        {{# } else if(d.kind == '2'){ }}
        监管单位
        {{# } }}
    </script>

    <script type="text/html" id="currentTableBar">
        <div class="toolBar">
            <span lay-event="edit">编辑</span>
            <span lay-event="del">删除</span>
        </div>
    </script>


</div>

<jsp:include page="../common/common-js-include.jsp"></jsp:include>
<script type="text/javascript">
    App.namespace("App.projects.subIndu");
    (function ($, mod) {
        mod = mod || {}; //对象声明
        // ---------------变量声明--------------
        var _table = layui.table,
            _form = layui.form,
            _toolbar = layui.toolbar,
            pageNo = 1,
            pageSize = 10,
            _tableName = "subIndu";

        mod.options = mod.options || {}; // 成员变量

        // ---------------私有方法定义---------------
        var methods = {
            init: function () {
                //单行监听
                _table.on("tool(" + _tableName + ")", function (obj) {
                    methods[obj.event].call(this, obj);
                });

                // 工具栏监听
                _table.on("toolbar(" + _tableName + ")", function (obj) {
                    methods[obj.event].call(this, obj);
                });
                _form.on("submit(search)", function () {
                    methods.search();
                });

                _form.on("submit(add)", function () {
                    console.log("-------");
                    methods.add();
                });
                methods.getData();
            },
            add: function (obj) {
                App.openLayer({
                    title: "新增",
                    content: App.getUrl("/subIndu/add"),
                    height: "600",
                    width: "800"
                });
            },
            edit: function (obj) {
                App.openLayer({
                    title: "编辑",
                    content: App.getUrl("/subIndu/add?id=" + obj.data.id),
                    height: "450",
                    width: "800"
                });
            },
            del: function (obj) {
                App.msg.confirm("确定删除该行业吗？", function () {
                    App.postJson("/api/subIndu/del", {id: obj.data.id}, function (res) {
                        // if (res.success) methods.reload();
                        if (res.success) methods.getData();
                    });
                });
            },
            getData: function () {
                var searchForm = _form.val("searchForm");
                searchForm.pageNo = pageNo;
                searchForm.pageSize = pageSize;
                App.postJson("/api/subIndu/list", searchForm, function (res) {
                    methods.initTable(res.rows);
                    methods.loadPage(res.total);
                });
            },
            initTable: function (data) {
                layui.table.render({
                    elem: "#" + _tableName, // 指定原始表格元素选择器（推荐id选择器）
                    even: true,
                     toolbar: '#toolbarDemo',
                     defaultToolbar: [],
                    cols: [[ // 设置表头
                        {type: 'numbers', title: '序号', align: 'center', minwidth: 50},
                        {field: 'code', title: '代码', minwidth: 138},
                        {field: 'title', title: '名称', minwidth: 130},
                        {field: 'parentTitle', title: '上一级', minwidth: 113},
                        {title: '操作', width: 120, align: 'center', toolbar: '#currentTableBar', fixed: 'right'}
                    ]],
                    fixed: true,
                    height: window.screen.availHeight - 400,
                    limit: pageSize,
                    data: data
                });
                layui.table.on('tool(' + _tableName + ')', function (obj) {
                    var event = obj.event;
                    methods[event].call(this, obj);
                });
            },
            loadPage: function (totalCount) {
                var self = this;
                layui.laypage.render({
                    elem: 'pagination',
                    count: totalCount,
                    curr: pageNo,
                    limit: pageSize,
                    layout: ['count', 'prev', 'page', 'next', 'skip'],
                    jump: function (obj, first) {
                        //首次不执行
                        if (!first) {
                            pageNo = obj.curr;
                            methods.getData();
                        }
                    }
                });
            },
            search: function () {
                pageNo = 1;
                methods.getData();
            },
            close: function () {
                App.closeCurrentLayer();
            }
        };
        // ---------------成员方法定义---------------
        mod.list = methods;

        // ---------------初始化---------------
        $(function () {
            methods.init();
        });

        // 开放公共方法给子页面自动调用，由App.js来完成调用，子页面无需特殊处理
        App.addReloadEvent(methods.getData);

    })(jQuery, App.projects.subIndu)
</script>
</body>

</html>