<%@ 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>